{props.text}
}\r\n {props.renderAsHtml &&}\r\n\r\n
\r\n {/*
\r\n \r\n );\r\n}","export function removeCSSClass(ele, cls) {\r\n const reg = new RegExp(\"(\\\\s|^)\" + cls + \"(\\\\s|$)\");\r\n ele.className = ele.className.replace(reg, \" \");\r\n}\r\n\r\nexport function addCSSClass(ele, cls) {\r\n ele.classList.add(cls);\r\n}\r\n\r\nexport const toAbsoluteUrl = pathname => process.env.PUBLIC_URL + pathname;\r\n","import * as utils from \"./LocalStorageHelpers\";\r\n\r\nconst localStorageLastLocationKey = \"metronic-lastLocation\";\r\n\r\nfunction acceptLocation(lastLocation) {\r\n if (\r\n lastLocation &&\r\n lastLocation.pathname &&\r\n lastLocation.pathname !== \"/\" &&\r\n lastLocation.pathname.indexOf(\"auth\") === -1 &&\r\n lastLocation.pathname !== \"/logout\"\r\n ) {\r\n return true;\r\n }\r\n\r\n return false;\r\n}\r\n\r\nexport function saveLastLocation(lastLocation) {\r\n if (acceptLocation(lastLocation)) {\r\n utils.setStorage(\r\n localStorageLastLocationKey,\r\n JSON.stringify(lastLocation),\r\n 120\r\n );\r\n }\r\n}\r\n\r\nexport function forgotLastLocation() {\r\n utils.removeStorage(localStorageLastLocationKey);\r\n}\r\n\r\nexport function getLastLocation() {\r\n const defaultLocation = { pathname: \"/\", title: \"Dashboard\"};\r\n const localStorateLocations = utils.getStorage(localStorageLastLocationKey);\r\n if (!localStorateLocations) {\r\n return { pathname: \"/\", title: \"Dashboard\"};\r\n }\r\n\r\n try {\r\n const result = JSON.parse(localStorateLocations);\r\n return result;\r\n } catch (error) {\r\n console.error(error);\r\n return defaultLocation;\r\n }\r\n}\r\n\r\nexport function getCurrentUrl(location) {\r\n return location.pathname.split(/[?#]/)[0];\r\n}\r\n\r\nexport function checkIsActive(location, url) {\r\n const current = getCurrentUrl(location);\r\n if (!current || !url) {\r\n return false;\r\n }\r\n\r\n if (current === url) {\r\n return true;\r\n }\r\n\r\n if (current.indexOf(url) > -1) {\r\n return true;\r\n }\r\n\r\n return false;\r\n}\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Dispatch } from \"redux\";\r\nimport { connect, useDispatch } from \"react-redux\";\r\nimport { useFormik, FormikProps } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { loginUser } from \"../../redux/actionCreators/authActionCreators\";\r\nimport * as actionTypes from \"../../redux/actionTypes/authActionTypes\";\r\nimport config from \"../../config.json\";\r\nimport ApiClient from '../../infrastructure/ApiClient';\r\nimport SimpleModal from '../General/SimpleModal';\r\nimport { Loading } from '../Layout/Loading';\r\nimport { toAbsoluteUrl } from \"../../_metronic/_helpers\";\r\n\r\ninterface FormValues {\r\n email: string;\r\n password: string;\r\n}\r\n\r\nconst initialValues = {\r\n email: \"\",\r\n password: \"\",\r\n};\r\n\r\ninterface Props {\r\n onLogin(email: string, password: string): void;\r\n email: string;\r\n isLoading: boolean;\r\n error: null | Error | string;\r\n closeModal(): void;\r\n showResendMail: boolean;\r\n withoutAside: boolean;\r\n}\r\n\r\nconst Login = (props: FormikProps\r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch: Dispatch\r\n <>\r\n {\r\n loading\r\n ?
\r\n {/*end::Aside*/}\r\n \r\n { return; }} />\r\n
\r\n \r\n }\r\n \r\n\r\n {/*begin::Aside*/}\r\n {!props.withoutAside && \r\n
\r\n \r\n {/*begin::Form*/}\r\n \r\n {!props.withoutAside && \r\n
\r\n \r\n
\r\n\r\n Hyr
\r\n\r\n Nuk ke një llogari?\r\n Regjistrohu \r\n\r\n\r\n
\r\n {props.error && props.error !== \"\" && \r\n
}\r\n\r\n {!formik.errors.email && props.error && props.showResendMail\r\n && Ridergo email konfirmimi }\r\n {props.error}
\r\n \r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {formik.errors.email}
\r\n \r\n \r\n \r\n Harruat fjalëkalimin?\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {formik.errors.password}
\r\n \r\n \r\n Hyr\r\n {props.isLoading && }\r\n \r\n\r\n Vazhdo pa u identifikuar \r\n\r\n
\r\n \r\n \r\n Tutorial: Hyrja në portalin e klientit\r\n \r\n
\r\n \r\n {/*end::Form*/}\r\n \r\n
}\r\n \r\n {/*begin::Aside title*/}\r\n \r\n {/* Ju krijoni familje
\r\n {/*end::Aside title*/}\r\n
\r\n \r\n {/* Ju krijoni familje
\r\n Ne e sigurojmë atë */}\r\n
\r\n {/*end::Aside title*/}\r\n \r\n {props.placeholder !== \"\" && }\r\n {\r\n setFieldValue(field.name, val);\r\n }}\r\n />\r\n {error && touched ? (\r\n
\r\n );\r\n}\r\n\r\nexport default DatePickerField;","import React, { FunctionComponent } from 'react';\r\nimport { useField, useFormikContext } from 'formik';\r\nimport { IconButton, Tooltip } from \"@material-ui/core\";\r\nimport { Info } from \"@material-ui/icons\";\r\nimport { toAbsoluteUrl } from '../../_metronic/_helpers';\r\n\r\nconst getFieldCSSClasses = (touched: boolean, error: string | undefined) => {\r\n const classes = [\"form-control\"];\r\n if (touched && error) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !error) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n};\r\n\r\ninterface Props {\r\n name: string;\r\n type: string;\r\n placeholder: string;\r\n label: string;\r\n newvalue?: string;\r\n disabled?: boolean;\r\n blur?: (value: any) => void;\r\n showInfo?: boolean;\r\n imageName?: string;\r\n inline?: boolean;\r\n maxLength?: number | undefined;\r\n capitalized?: boolean;\r\n}\r\n\r\nconst InputFieldMain: FunctionComponent\r\n
\r\n )\r\n : {error}
\r\n \r\n Ju lutem shkruani {props.placeholder} ne formatin 'dd/mm/yyyy'\r\n
\r\n }\r\n \r\n \r\n {props.showInfo && \r\n \r\n \r\n }\r\n handleBlur(event.target.value)} className={\"form-control form-control-solid form-control-lg\" + getFieldCSSClasses(touched, error)} />\r\n {touched && error !== \"\" ? (\r\n
\r\n :\r\n \r\n
\r\n ) : null}\r\n {error}
\r\n \r\n \r\n
}\r\n \r\n );\r\n};\r\n\r\nexport default InputFieldMain;","import React, { FunctionComponent } from 'react';\r\nimport { useField } from 'formik';\r\nimport { RadioGroup, FormControlLabel, Radio } from \"@material-ui/core\";\r\n\r\ninterface Props {\r\n name: string;\r\n type: string;\r\n placeholder: string;\r\n label: string;\r\n items: { id: string, value: string }[]\r\n}\r\n\r\nconst RadioButtonGroupField: FunctionComponent\r\n {props.showInfo && \r\n \r\n \r\n }\r\n handleBlur(event.target.value)}\r\n onChange={(event: any) => handleChange(event.target.value)}\r\n className={\"b-dark form-control form-control-solid form-control-lg\" + getFieldCSSClasses(touched, error)} />\r\n {touched && error !== \"\" ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n {error}
\r\n \r\n \r\n {props.items.map((item) =>\r\n
\r\n );\r\n};\r\n\r\nexport default RadioButtonGroupField;","import React from \"react\";\r\n\r\ninterface Props {\r\n step: number;\r\n}\r\n\r\nconst Nav = (props: Props) => {\r\n return (\r\n \r\n
\r\n ) : null}\r\n {error}
\r\n \r\n
);\r\n}\r\nexport default Nav;\r\n\r\n\r\n","import React, { FunctionComponent } from 'react';\r\nimport { useField, useFormikContext } from 'formik';\r\n\r\ninterface Props {\r\n name: string;\r\n type: string;\r\n label: string;\r\n newvalue?: string;\r\n}\r\n\r\nconst CheckboxField: FunctionComponent\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n 1\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Llogaria\r\n
\r\n\r\n Detajet e llogarisë\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n 2\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Kontakt\r\n
\r\n\r\n Detajet e kontaktit\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n 3\r\n
\r\n \r\n
\r\n \r\n Verifiko\r\n
\r\n\r\n Regjistro\r\n
\r\n \r\n \r\n {touched && error !== \"\" ? (\r\n
\r\n );\r\n};\r\n\r\nexport default CheckboxField;","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useFormikContext } from \"formik\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers\";\r\nimport DatePickerField from '../../Custom/DatePickerField';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport RadioButtonGroupField from '../../Custom/RadioButtonGroupField';\r\nimport Nav from './Nav';\r\nimport CheckboxField from \"../../Custom/CheckboxField\";\r\n\r\nconst Account = () => {\r\n const { values }: any = useFormikContext();\r\n const isPhysical = values.tipKind === '3';\r\n\r\n return (\r\n <>\r\n \r\n
\r\n ) : null}\r\n {error}
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Account;\r\n","import React, { FunctionComponent } from 'react';\r\nimport { useField } from 'formik';\r\n\r\nconst getFieldCSSClasses = (touched: boolean, error: string | undefined) => {\r\n const classes = [\"form-control\"];\r\n if (touched && error) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !error) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n};\r\n\r\ninterface Props {\r\n name: string;\r\n type: string;\r\n placeholder: string;\r\n label: string;\r\n ref?: React.RefObject\r\n
\r\n Regjistrohu
\r\n\r\n Ke një llogari?\r\n Hyr\r\n \r\n
\r\n \r\n
\r\n \r\n {isPhysical &&
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {isPhysical &&
\r\n \r\n
\r\n \r\n {isPhysical &&
\r\n \r\n {isPhysical &&
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {touched && error !== \"\" ? (\r\n
\r\n );\r\n};\r\n\r\nexport default InputField;","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers\";\r\nimport InputField from '../../Custom/InputField';\r\nimport Nav from './Nav';\r\n\r\nconst Contact = () => {\r\n\r\n return (\r\n <>\r\n \r\n
\r\n ) : null}\r\n {error}
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Contact;\r\n","import React from 'react';\r\n\r\ntype Props = {\r\n result: (text: string) => void;\r\n}\r\n\r\ntype State = {\r\n height: number,\r\n width: number,\r\n textColor: boolean,\r\n fontFamily: string,\r\n fontSize: string,\r\n paddingLeft: number,\r\n paddingTop: number,\r\n lenght: number,\r\n background: string,\r\n}\r\n\r\nclass CaptchaGenerator extends React.Component\r\n
\r\n Kontakt
\r\n\r\n Ju lutem vendosni te dhenat e kontaktit me poshte\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n */}\r\n \r\n {/*
*/}\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Info;","import { FormikWizardStepType } from '../../../utils';\r\nimport { object, string, mixed, StringSchema, number, bool } from 'yup';\r\nimport moment from 'moment';\r\n\r\nimport Account from './Account';\r\nimport Contact from './Contact';\r\nimport Info from './Info';\r\n\r\nexport default [\r\n {\r\n id: 'account',\r\n component: Account,\r\n name: 'Llogaria',\r\n description: 'Enter account data',\r\n initialValues: {\r\n tipKind: '3',\r\n clientno: '',\r\n nipt: '',\r\n title: '',\r\n lastName: '',\r\n sex: '',\r\n birthdate: '',\r\n password: '',\r\n accept_terms: false\r\n },\r\n validationSchema: object().shape({\r\n tipKind: string().required('E domosdoshme'),\r\n clientno: string().when('tipKind', (tipKind: string, schema: StringSchema\r\n
\r\n Verifiko
\r\n\r\n Konfirmo te dhenat dhe regjistrohu\r\n
\r\n \r\n Detajet e llogarisë:\r\n
\r\n\r\n
\r\n\r\n {values.account.clientno}{values.account.nipt}
\r\n {values.account.title} {values.account.lastName}
\r\n {values.account.sex === \"1\" ? 'Mashkull' : values.account.sex === \"2\" ? 'Femer' : \"\"}
\r\n {values.account.birthdate ? moment(values.account.birthdate).format('DD/MM/YYYY') : \"\"}\r\n
\r\n \r\n Detajet e kontaktit:\r\n
\r\n\r\n
\r\n\r\n {values.contact.address}
\r\n {values.contact.place}
\r\n {values.contact.mob}
\r\n {values.contact.email}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nconst Registration = (props: Props) => {\r\n\r\n const error = useSelector\r\n {canGoBack && }\r\n
\r\n \r\n {isLastStep && }\r\n\r\n {!isLastStep && }\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\n\r\nconst mapDispatchToProps = (dispatch: Dispatch\r\n <>\r\n
\r\n {/*end::Aside*/}\r\n \r\n { return; }} />\r\n
\r\n \r\n {/*begin::Aside*/}\r\n \r\n {error &&
\r\n \r\n
}\r\n {error}
\r\n \r\n
\r\n \r\n {/*begin::Aside title*/}\r\n \r\n Ju krijoni familje
\r\n {/*end::Aside title*/}\r\n
\r\n \r\n Ju krijoni familje
\r\n Ne e sigurojmë atë\r\n
\r\n {/*end::Aside title*/}\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch: Dispatch\r\n <>\r\n
\r\n {/*end::Aside*/}\r\n \r\n { return; }} />\r\n
\r\n \r\n {/*begin::Aside*/}\r\n \r\n \r\n
\r\n \r\n \r\n {error && error !== \"\" &&
\r\n \r\n
\r\n Harruat fjalëkalimin ?
\r\n Kthehu ne Login \r\n\r\n Vendoseni emailin dhe rivendosni fjalekalimin\r\n
\r\n \r\n
}\r\n\r\n {error}
\r\n \r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {formik.errors.email}
\r\n \r\n \r\n Konfirmoj\r\n {isLoading && }\r\n \r\n
\r\n \r\n {/*end::Form*/}\r\n \r\n
\r\n \r\n {/*begin::Aside title*/}\r\n \r\n Ju krijoni familje
\r\n {/*end::Aside title*/}\r\n
\r\n \r\n Ju krijoni familje
\r\n Ne e sigurojmë atë\r\n
\r\n {/*end::Aside title*/}\r\n \r\n
\r\n \r\n );\r\n}","import React, { useEffect } from \"react\";\r\nimport { connect } from 'react-redux';\r\nimport { Link, useLocation } from \"react-router-dom\";\r\nimport ApiClient from \"../../../infrastructure/ApiClient\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers\";\r\nimport { Loading2 } from '../../Layout/Loading2';\r\n\r\nconst ConfirmEmail = () => {\r\n const [loading, setLoading] = React.useState(false);\r\n const [isSuccess, setSuccess] = React.useState(false);\r\n const [alreadyConfirmed, setAlreadyConfirmed] = React.useState(false);\r\n const [error, setError] = React.useState('');\r\n const search = useLocation().search;\r\n const token = new URLSearchParams(search).get('token');\r\n\r\n useEffect(() => {\r\n if (token !== null && token !== \"\") {\r\n triggerConfirm(token);\r\n }\r\n }, []);\r\n\r\n const triggerConfirm = async (token: string) => {\r\n setLoading(true);\r\n\r\n try {\r\n const { data: response } = await ApiClient.get('/api/user/confirmEmail', { token: token });\r\n\r\n if (response.succeeded) {\r\n if (response.action !== '' && response.action === '1')\r\n setAlreadyConfirmed(true);\r\n else setSuccess(true);\r\n }\r\n else {\r\n setError(response.errorMessage);\r\n }\r\n } catch (error: any) {\r\n setError(error.message);\r\n }\r\n setLoading(false);\r\n }\r\n\r\n return (\r\n Procesoj...
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nexport default connect()(ConfirmEmail);","import objectPath from \"object-path\";\r\nimport { toAbsoluteUrl } from \"../../_helpers\";\r\n\r\nexport class HtmlClassService {\r\n // Public properties\r\n config;\r\n classes;\r\n attributes;\r\n\r\n /**\r\n * Build html element classes from layout config\r\n * @param layoutConfig\r\n */\r\n setConfig(layoutConfig) {\r\n this.config = this.preInit(layoutConfig);\r\n\r\n // scope list of classes\r\n this.classes = {\r\n header: [],\r\n header_container: [],\r\n header_mobile: [],\r\n header_menu: [],\r\n aside: [],\r\n aside_menu: [],\r\n subheader: [],\r\n subheader_container: [],\r\n content: [],\r\n content_container: [],\r\n footer_container: []\r\n };\r\n\r\n this.attributes = {\r\n aside_menu: {},\r\n header_mobile: {},\r\n header_menu: {}\r\n };\r\n\r\n // init base layout\r\n this.initLayout();\r\n this.initLoader();\r\n\r\n // init header and subheader menu\r\n this.initHeader();\r\n this.initSubheader();\r\n\r\n this.initContent();\r\n // init aside and aside menu\r\n this.initAside();\r\n\r\n // init footer\r\n this.initFooter();\r\n\r\n // init theme\r\n this.initTheme();\r\n }\r\n\r\n preInit(layoutConfig) {\r\n const updatedConfig = Object.assign({}, layoutConfig);\r\n const headerSelfFixedDesktop = objectPath.get(updatedConfig, \"header.self.fixed.desktop\");\r\n const subheaderFixed = objectPath.get(updatedConfig, \"subheader.fixed\");\r\n if (subheaderFixed && headerSelfFixedDesktop) {\r\n // Page::setOption('layout', 'subheader/style', 'solid');\r\n updatedConfig.subheader.style = \"solid\";\r\n } else {\r\n // Page::setOption('layout', 'subheader/fixed', false);\r\n updatedConfig.subheader.fixed = false;\r\n }\r\n return updatedConfig;\r\n }\r\n\r\n /**\r\n * Returns Classes\r\n *\r\n * @param path: string\r\n * @param toString boolean\r\n */\r\n getClasses(path, toString) {\r\n if (path) {\r\n const classes = objectPath.get(this.classes, path) || \"\";\r\n if (toString && Array.isArray(classes)) {\r\n return classes.join(\" \");\r\n }\r\n return classes.toString();\r\n }\r\n return this.classes;\r\n }\r\n\r\n getAttributes(path) {\r\n if (path) {\r\n const attributes = objectPath.get(this.attributes, path) || [];\r\n return attributes;\r\n }\r\n return [];\r\n }\r\n\r\n getLogo() {\r\n const brandSkin = objectPath.get(this.config, \"brand.self.theme\");\r\n if (brandSkin === \"light\") {\r\n return toAbsoluteUrl(\"/media/logos/sigal_new_mobile.png\");\r\n } else {\r\n return toAbsoluteUrl(\"/media/logos/sigal_new_mobile.png\");\r\n }\r\n }\r\n\r\n getStickyLogo() {\r\n let logo = objectPath.get(this.config, \"self.logo.sticky\");\r\n if (typeof logo === \"undefined\") {\r\n logo = this.getLogo();\r\n }\r\n return logo + \"\";\r\n }\r\n\r\n /**\r\n * Init Layout\r\n */\r\n initLayout() {\r\n const selfBodyBackgroundImage = objectPath.get(this.config, \"self.body.background-image\");\r\n if (selfBodyBackgroundImage) {\r\n document.body.style.backgroundImage = `url(\"${selfBodyBackgroundImage}'\")`;\r\n }\r\n\r\n const _selfBodyClass = objectPath.get(this.config, \"self.body.class\");\r\n if (_selfBodyClass) {\r\n const bodyClasses = _selfBodyClass.toString().split(\" \");\r\n bodyClasses.forEach(cssClass => document.body.classList.add(cssClass));\r\n }\r\n\r\n // Offcanvas directions\r\n document.body.classList.add(\"quick-panel-right\");\r\n document.body.classList.add(\"demo-panel-right\");\r\n document.body.classList.add(\"offcanvas-right\");\r\n }\r\n\r\n /**\r\n * Init Loader\r\n */\r\n initLoader() { }\r\n\r\n /**\r\n * Init Header\r\n */\r\n initHeader() {\r\n // Fixed header\r\n const headerSelfFixedDesktop = objectPath.get(this.config, \"header.self.fixed.desktop\");\r\n if (headerSelfFixedDesktop) {\r\n document.body.classList.add(\"header-fixed\");\r\n objectPath.push(this.classes, \"header\", \"header-fixed\");\r\n } else {\r\n document.body.classList.add(\"header-static\");\r\n }\r\n\r\n const headerSelfFixedMobile = objectPath.get(this.config, \"header.self.fixed.mobile\");\r\n if (headerSelfFixedMobile) {\r\n document.body.classList.add(\"header-mobile-fixed\");\r\n objectPath.push(this.classes, \"header_mobile\", \"header-mobile-fixed\");\r\n }\r\n\r\n // Menu\r\n const headerMenuSelfDisplay = objectPath.get(this.config, \"header.menu.self.display\");\r\n if (headerMenuSelfDisplay) {\r\n const headerMenuSelfLayout = objectPath.get(this.config, \"header.menu.self.layout\");\r\n const headerMenuLayoutCssClass = `header-menu-layout-${headerMenuSelfLayout}`;\r\n objectPath.push(this.classes, \"header_menu\", headerMenuLayoutCssClass);\r\n\r\n if (objectPath.get(this.config, \"header.menu.self.root-arrow\")) {\r\n objectPath.push(this.classes, \"header_menu\", \"header-menu-root-arrow\");\r\n }\r\n }\r\n\r\n const headerSelfWidth = objectPath.get(this.config, \"header.self.width\");\r\n if (headerSelfWidth === \"fluid\") {\r\n objectPath.push(this.classes, \"header_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"header_container\", \"container\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Subheader\r\n */\r\n initSubheader() {\r\n const subheaderDisplay = objectPath.get(this.config, \"subheader.display\");\r\n if (subheaderDisplay) {\r\n document.body.classList.add(\"subheader-enabled\");\r\n } else {\r\n return;\r\n }\r\n\r\n // Fixed content head\r\n const subheaderFixed = objectPath.get(this.config, \"subheader.fixed\");\r\n const headerSelfFixedDesktop = objectPath.get(this.config, \"header.self.fixed.desktop\");\r\n if (subheaderFixed && headerSelfFixedDesktop) {\r\n document.body.classList.add(\"subheader-fixed\");\r\n // Page::setOption('layout', 'subheader/style', 'solid'); => See preInit()\r\n } else {\r\n // Page::setOption('layout', 'subheader/fixed', false); => See preInit()\r\n }\r\n\r\n const subheaderStyle = objectPath.get(this.config, \"subheader.style\");\r\n if (subheaderStyle) {\r\n const subheaderClass = `subheader-${subheaderStyle}`;\r\n objectPath.push(this.classes, \"subheader\", subheaderClass);\r\n }\r\n\r\n const subheaderWidth = objectPath.get(this.config, \"subheader.width\");\r\n if (subheaderWidth === \"fluid\") {\r\n objectPath.push(this.classes, \"subheader_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"subheader_container\", \"container\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"subheader.clear\")) {\r\n objectPath.push(this.classes, \"subheader\", \"mb-0\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Content\r\n */\r\n initContent() {\r\n if (objectPath.get(this.config, \"content.fit-top\")) {\r\n objectPath.push(this.classes, \"content\", \"pt-0\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"content.fit-bottom\")) {\r\n objectPath.push(this.classes, \"content\", \"pb-0\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"content.width\") === \"fluid\") {\r\n objectPath.push(this.classes, \"content_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"content_container\", \"container\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Aside\r\n */\r\n initAside() {\r\n // Check Aside\r\n const asideSelfDisplay = objectPath.get(this.config, \"aside.self.display\");\r\n if (!asideSelfDisplay) {\r\n return;\r\n }\r\n\r\n // Enable Aside\r\n document.body.classList.add(\"aside-enabled\");\r\n\r\n // Fixed Aside\r\n const asideSelfFixed = objectPath.get(this.config, \"aside.self.fixed\");\r\n if (asideSelfFixed) {\r\n document.body.classList.add(\"aside-fixed\");\r\n objectPath.push(this.classes, \"aside\", \"aside-fixed\");\r\n } else {\r\n document.body.classList.add(\"aside-static\");\r\n }\r\n\r\n // Check Aside\r\n if (!asideSelfDisplay) {\r\n return;\r\n }\r\n\r\n // Default fixed\r\n if (objectPath.get(this.config, \"aside.self.minimize.default\")) {\r\n document.body.classList.add(\"aside-minimize\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"aside.self.minimize.hoverable\")) {\r\n document.body.classList.add(\"aside-minimize-hoverable\");\r\n }\r\n\r\n // Menu\r\n // Dropdown Submenu\r\n const asideMenuDropdown = objectPath.get(this.config, \"aside.menu.dropdown\");\r\n if (asideMenuDropdown) {\r\n objectPath.push(this.classes, \"aside_menu\", \"aside-menu-dropdown\");\r\n this.attributes.aside_menu[\"data-menu-dropdown\"] = \"1\";\r\n }\r\n\r\n // Scrollable Menu\r\n this.attributes.aside_menu[\"data-menu-scroll\"] = asideMenuDropdown ? \"0\" : \"1\";\r\n\r\n const asideSubmenuDHoverTimeout = objectPath.get(\r\n this.config,\r\n \"aside.menu.submenu.dropdown.hover-timeout\"\r\n );\r\n if (asideSubmenuDHoverTimeout) {\r\n this.attributes.aside_menu[\r\n \"data-menu-dropdown-timeout\"\r\n ] = asideSubmenuDHoverTimeout;\r\n }\r\n }\r\n\r\n /**\r\n * Init Footer\r\n */\r\n initFooter() {\r\n // Fixed header\r\n if (objectPath.get(this.config, \"footer.fixed\")) {\r\n document.body.classList.add(\"footer-fixed\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"footer.self.width\") === \"fluid\") {\r\n objectPath.push(this.classes, \"footer_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"footer_container\", \"container\");\r\n }\r\n }\r\n\r\n /** Init Theme */\r\n initTheme() {\r\n const asideSelfDisplay = objectPath.get(this.config, \"aside.self.display\");\r\n if (!asideSelfDisplay) {\r\n const headerSelfTheme = objectPath.get(this.config, \"header.self.theme\");\r\n document.body.classList.add(`brand-${headerSelfTheme}`);\r\n } else {\r\n const brandSelfTheme = objectPath.get(this.config, \"brand.self.theme\");\r\n document.body.classList.add(`brand-${brandSelfTheme}`);\r\n }\r\n }\r\n}\r\n","import React, { createContext, useContext, useMemo } from \"react\";\r\nimport { getInitLayoutConfig } from \"./LayoutConfig\";\r\nimport { HtmlClassService } from \"./HTMLClassService\";\r\n\r\nconst LAYOUT_CONFIG_KEY =\r\n process.env.REACT_APP_LAYOUT_CONFIG_KEY || \"LayoutConfig\";\r\n\r\nfunction getConfig() {\r\n const ls = localStorage.getItem(LAYOUT_CONFIG_KEY);\r\n if (ls) {\r\n try {\r\n return JSON.parse(ls);\r\n } catch (er) {\r\n console.error(er);\r\n }\r\n }\r\n return getInitLayoutConfig();\r\n}\r\n\r\n// Side effect\r\nexport function setLayoutConfig(config) {\r\n localStorage.setItem(LAYOUT_CONFIG_KEY, JSON.stringify(config));\r\n window.location.reload();\r\n}\r\n\r\nconst HtmlClassServiceContext = createContext();\r\n\r\n/**\r\n *\r\n *\r\n * @export\r\n * @returns Layout context from 'localStorage'\r\n */\r\nexport function useHtmlClassService() {\r\n return useContext(HtmlClassServiceContext);\r\n}\r\n\r\nexport function withHtmlClassService(Component) {\r\n class WithHtmlClassService extends React.Component {\r\n static displayName = `WithHtmlClassService(${Component.displayName ||\r\n Component.name})`;\r\n\r\n static contextType = HtmlClassServiceContext;\r\n\r\n render() {\r\n return \r\n
\r\n {/*end::Aside*/}\r\n \r\n
\r\n\r\n {/*begin::Aside*/}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {/*begin::Aside title*/}\r\n \r\n Ju krijoni familje
\r\n {/*end::Aside title*/}\r\n
\r\n \r\n Ju krijoni familje
\r\n Ne e sigurojmë atë\r\n
\r\n {/*end::Aside title*/}\r\n \r\n {children}\r\n
\r\n )\r\n);\r\n\r\nexport const CardHeader = forwardRef(\r\n (\r\n {\r\n children,\r\n icon,\r\n title,\r\n toolbar,\r\n className,\r\n sticky = false,\r\n labelRef,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [top, setTop] = useState(0);\r\n const [windowHeight, setWindowHeight] = useState(0);\r\n\r\n useEffect(() => {\r\n handleResize();\r\n\r\n function handleResize() {\r\n setWindowHeight(window.innerWidth);\r\n }\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n };\r\n });\r\n\r\n useEffect(() => {\r\n // Skip if sticky is disabled or on initial render when we don't know about window height.\r\n if (!sticky || windowHeight === 0) {\r\n return;\r\n }\r\n\r\n const headerElement = document.querySelector(\".header\");\r\n const subheaderElement = document.querySelector(\".subheader\");\r\n const headerMobileElement = document.querySelector(\".header-mobile\");\r\n\r\n let nextMarginTop = 0;\r\n\r\n // mobile header\r\n if (window.getComputedStyle(headerElement).height === \"0px\") {\r\n nextMarginTop = headerMobileElement.offsetHeight;\r\n } else {\r\n // desktop header\r\n if (document.body.classList.contains(\"header-minimize-topbar\")) {\r\n // hardcoded minimized header height\r\n nextMarginTop = 60;\r\n } else {\r\n // normal fixed header\r\n if (document.body.classList.contains(\"header-fixed\")) {\r\n nextMarginTop += headerElement.offsetHeight;\r\n }\r\n\r\n if (document.body.classList.contains(\"subheader-fixed\")) {\r\n nextMarginTop += subheaderElement.offsetHeight;\r\n }\r\n }\r\n }\r\n\r\n setTop(nextMarginTop);\r\n }, [sticky, windowHeight]);\r\n\r\n return (\r\n \r\n {icon}\r\n\r\n {/* Wrap string and fragments in CardHeaderTitle */\r\n typeof title === \"string\" || isFragment(title) ? (\r\n {title} \r\n ) : (\r\n title\r\n )}\r\n
\r\n )}\r\n\r\n {toolbar}\r\n {children}\r\n \r\n );\r\n }\r\n);\r\n\r\nexport const CardBody = forwardRef(\r\n ({ fit, fluid, className, ...props }, ref) => (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {children}\r\n
\r\n \r\n );\r\n }\r\n);\r\n\r\n// Set display name for debugging.\r\nif (process.env.NODE_ENV !== \"production\") {\r\n Notice.displayName = \"Notice\";\r\n}\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React, { useState } from \"react\";\r\nimport { useLocation } from \"react-router\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { checkIsActive } from \"../../../../_helpers\";\r\n\r\nexport function HeaderMenuLeft({ layoutProps }) {\r\n const location = useLocation();\r\n const user = useSelector((state) => state.auth.user);\r\n const enableSearchPolicy = useSelector((state) => state.general.appInfo?.saleMenus?.enableSearchPolicy);\r\n const [selectedClaim, setSelectedClaim] = useState(false);\r\n const [selectedMotor, setSelectedMotor] = useState(false);\r\n const [selectedHealth, setSelectedHealth] = useState(false);\r\n\r\n const getMenuItemActive = (url, hasSubmenu = false) => {\r\n return checkIsActive(location, url)\r\n ? ` ${!hasSubmenu && \"menu-item-active\"} menu-item-open `\r\n : \"\";\r\n };\r\n\r\n const selectMenuClaim = () => {\r\n setSelectedClaim(!selectedClaim);\r\n deselectMenuMotor();\r\n deselectMenuHealth();\r\n };\r\n\r\n const deselectMenuClaim = () => {\r\n setSelectedClaim(false);\r\n };\r\n\r\n const selectMenuMotor = () => {\r\n setSelectedMotor(!selectedMotor);\r\n deselectMenuClaim();\r\n deselectMenuHealth();\r\n };\r\n\r\n const deselectMenuMotor = () => {\r\n setSelectedMotor(false);\r\n };\r\n\r\n const selectMenuHealth = () => {\r\n setSelectedHealth(!selectedHealth);\r\n deselectMenuClaim();\r\n deselectMenuMotor();\r\n };\r\n\r\n const deselectMenuHealth = () => {\r\n setSelectedHealth(false);\r\n };\r\n\r\n return - \r\n {/*begin::1 Level*/}\r\n
- \r\n
\r\n Dashboard\r\n {layoutProps.rootArrowEnabled && ()}\r\n \r\n \r\n {/*end::1 Level*/}\r\n\r\n {/*Classic submenu*/}\r\n - \r\n\r\n\r\n \r\n Dëmet shëndetsore\r\n\r\n\r\n\r\n\r\n
- \r\n
- \r\n
\r\n \r\n \r\n Dëmet shendetsore\r\n \r\n
\r\n- \r\n
- \r\n
\r\n \r\n \r\n \r\n Parakërkesë për dëm (Shëndet)\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n \r\n Parakërkesë për dëm (Shëndeti në udhëtim/Aksidente personale)\r\n \r\n \r\n - \r\n
\r\n - \r\n
\r\n\r\n {user?.enableMotorClaims && - \r\n
- \r\n\r\n \r\n Demet motorike\r\n\r\n\r\n\r\n\r\n
- \r\n
- \r\n
\r\n \r\n \r\n Demet motorike\r\n \r\n
\r\n- \r\n
- \r\n
\r\n \r\n \r\n \r\n Parakërkesë për dëm (TPL/TPL Plus)\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n \r\n Parakërkesë për dëm (Kasko)\r\n \r\n \r\n
\r\n - \r\n
}\r\n\r\n - \r\n
- \r\n\r\n\r\n \r\n Kërko\r\n\r\n\r\n\r\n\r\n
- \r\n
- \r\n
\r\n \r\n \r\n Kërko\r\n \r\n
\r\n- \r\n\r\n
- \r\n
- \r\n\r\n
- \r\n
- \r\n\r\n
- \r\n
\r\n - \r\n
\r\n\r\n - \r\n
- \r\n {/*Classic submenu*/}\r\n\r\n {/* 04 Vehicle */}\r\n {!!saleMenus && saleMenus.enableSale04 &&
- \r\n\r\n \r\n Automjete\r\n\r\n\r\n\r\n\r\n
- \r\n
- \r\n
\r\n \r\n \r\n Automjete\r\n \r\n
\r\n- \r\n
- \r\n
\r\n \r\n \r\n \r\n Kasko\r\n \r\n \r\n
\r\n - \r\n
}\r\n\r\n {/* 09 Property */}\r\n {!!saleMenus && saleMenus.enableSale09 && - \r\n
- \r\n\r\n \r\n Pasuri\r\n\r\n\r\n\r\n\r\n
- \r\n
- \r\n
\r\n \r\n \r\n Pasuri\r\n \r\n
\r\n- \r\n
- \r\n
\r\n \r\n \r\n \r\n Sigurimi i pasurisë\r\n \r\n \r\n
\r\n - \r\n
}\r\n\r\n {/* Health 05 34 61 */}\r\n {!!saleMenus && (saleMenus.enableSale05 || saleMenus.enableSale34 || saleMenus.enableSale61) && - \r\n
- \r\n\r\n \r\n Shëndet & Aksidente\r\n\r\n\r\n\r\n\r\n
- \r\n
- \r\n
\r\n \r\n \r\n Shëndet & Aksidente\r\n \r\n
\r\n- \r\n {saleMenus.enableSale05 &&
- \r\n
- \r\n
- \r\n
\r\n - \r\n
}\r\n\r\n {/* BE 55 34-01 */}\r\n {!!saleMenus && (saleMenus.enableSale55 || saleMenus.enableSale34_01) && - \r\n
- \r\n\r\n \r\n Jetë\r\n\r\n\r\n\r\n\r\n
- \r\n
- \r\n
\r\n \r\n \r\n Jetë\r\n \r\n
\r\n- \r\n {saleMenus.enableSale55 &&
- \r\n
- \r\n
\r\n - \r\n
}\r\n\r\n - \r\n
\r\n \r\n })
\r\n \r\n
\r\n {/*end::Header Logo*/}\r\n \r\n )}\r\n\r\n \r\n {/*Header Menu Wrapper*/}\r\n \r\n}\r\n","/* eslint-disable no-restricted-imports */\r\n/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React, {useMemo} from \"react\";\r\nimport {OverlayTrigger, Tooltip} from \"react-bootstrap\";\r\nimport {useSelector} from \"react-redux\";\r\nimport objectPath from \"object-path\";\r\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\r\n\r\nexport function QuickUserToggler() {\r\n const user = useSelector(state => state.auth.user);\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n offcanvas: objectPath.get(uiService.config, \"extras.user.layout\") === \"offcanvas\",\r\n };\r\n }, [uiService]);\r\n\r\n return (<>\r\n {layoutProps.offcanvas && (\r\n
\r\n : <>\r\n <>\r\n \r\n Përshëndetje, \r\n \r\n \r\n \r\n {user?.name} \r\n \r\n \r\n \r\n {user?.surname}\r\n \r\n \r\n
\r\n \r\n \r\n +383 38 240 241 \r\n \r\n
}\r\n )}\r\n \r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport { QuickUserToggler } from \"../extras/QuickUserToggler\";\r\n\r\nexport function Topbar() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n viewQuickPanelDisplay: objectPath.get(\r\n uiService.config,\r\n \"extras.quick-panel.display\"\r\n ),\r\n viewUserDisplay: objectPath.get(uiService.config, \"extras.user.display\"),\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n \r\n <>\r\n \r\n Login\r\n \r\n \r\n
\r\n \r\n {layoutProps.viewUserDisplay &&
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport { Topbar } from \"./Topbar\";\r\nimport { AnimateLoading } from \"../../../_partials/controls\";\r\nimport { HeaderMenuWrapper } from \"./header-menu/HeaderMenuWrapper\";\r\n\r\nexport function HeaderTop() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n headerClasses: uiService.getClasses(\"header\", true),\r\n headerAttributes: uiService.getAttributes(\"header\"),\r\n headerContainerClasses: uiService.getClasses(\"header_container\", true),\r\n menuHeaderDisplay: objectPath.get(\r\n uiService.config,\r\n \"header.menu.self.display\"\r\n )\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/*begin::Header*/}\r\n \r\n \r\n {/*begin::Container*/}\r\n {/*
\r\n {/*end::Header*/}\r\n \r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport objectPath from \"object-path\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nexport function HeaderMobile() {\r\n const uiService = useHtmlClassService();\r\n const user = useSelector((state) => state.auth.user);\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n headerLogo: uiService.getStickyLogo(),\r\n asideMobileDisplay: objectPath.get(uiService.config, \"aside.self.mobile\"),\r\n headerMenuSelfDisplay:\r\n objectPath.get(uiService.config, \"header.menu.self.display\") === true,\r\n headerMobileCssClasses: uiService.getClasses(\"header_mobile\", true),\r\n headerMobileAttributes: uiService.getAttributes(\"header_mobile\")\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/*begin::Header Mobile*/}\r\n \r\n
\r\n {/*end::Header*/}\r\n \r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport { Topbar } from \"./Topbar\";\r\nimport { AnimateLoading } from \"../../../_partials/controls\";\r\nimport { HeaderMenuWrapper } from \"./header-menu/HeaderMenuWrapper\";\r\n\r\nexport function HeaderBottom() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n headerClasses: uiService.getClasses(\"header\", true),\r\n headerAttributes: uiService.getAttributes(\"header\"),\r\n headerContainerClasses: uiService.getClasses(\"header_container\", true),\r\n menuHeaderDisplay: objectPath.get(\r\n uiService.config,\r\n \"header.menu.self.display\"\r\n )\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/*begin::HeaderBottom*/}\r\n \r\n {/* \r\n
\r\n \r\n ![\"Logo\"](\"assets/media/logos/logo-letter-5.png\")
\r\n \r\n */}\r\n
\r\n\r\n \r\n \r\n */}\r\n \r\n
\r\n {/*end::HeaderBottom*/}\r\n \r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport { AnimateLoading } from \"../../../_partials/controls\";\r\nimport { HeaderMenuWrapper } from \"./header-menu/HeaderMenuWrapper\";\r\nimport { HeaderTop } from \"./HeaderTop\";\r\nimport { HeaderBottom } from \"./HeaderBottom\";\r\n\r\nexport function Header() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n headerClasses: uiService.getClasses(\"header\", true),\r\n headerAttributes: uiService.getAttributes(\"header\"),\r\n headerContainerClasses: uiService.getClasses(\"header_container\", true),\r\n menuHeaderDisplay: objectPath.get(\r\n uiService.config,\r\n \"header.menu.self.display\"\r\n )\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/*begin::Header*/}\r\n \r\n
\r\n\t */}\r\n
*/}\r\n {/*end::Container*/}\r\n \r\n {layoutProps.asideMobileDisplay && (\r\n <>\r\n {/*begin::Aside Mobile Toggle*/}\r\n \r\n {/*end::Aside Mobile Toggle*/}\r\n \r\n )}\r\n
\r\n {/*end::Toolbar*/}\r\n \r\n {/*end::Header Mobile*/}\r\n \r\n );\r\n}\r\n","import React, {useMemo} from \"react\";\r\nimport {Link} from \"react-router-dom\";\r\nimport objectPath from \"object-path\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {useHtmlClassService} from \"../../_core/MetronicLayout\";\r\nimport {toAbsoluteUrl} from \"../../../_helpers\";\r\n\r\nexport function Brand() {\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n brandClasses: uiService.getClasses(\"brand\", true),\r\n asideSelfMinimizeToggle: objectPath.get(\r\n uiService.config,\r\n \"aside.self.minimize.toggle\"\r\n ),\r\n headerLogo: uiService.getLogo(),\r\n headerStickyLogo: uiService.getStickyLogo()\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/* begin::Brand */}\r\n - \r\n {/*begin::1 Level*/}\r\n
- \r\n
Dëmet
\r\n \r\n \r\n {/* end:: section */}\r\n\r\n {/* REGISTER PRECLAIMS */}\r\n {/*begin::1 Level*/}\r\n - \r\n \r\n Dëmet shendetsore\r\n \r\n \r\n\r\n {/* Parakërkesë për dëm (Shëndet) */}\r\n {/*begin::2 Level*/}\r\n
- \r\n
Kërko
\r\n \r\n \r\n {/* end:: section */}\r\n\r\n {/*Kërko*/}\r\n {/*begin::1 Level*/}\r\n - \r\n
Sigurimi
\r\n \r\n \r\n {/* end:: section */}\r\n\r\n {/*begin::1 Level*/}\r\n - \r\n \r\n Automjete\r\n \r\n \r\n\r\n {/* Kasko */}\r\n {/*begin::2 Level*/}\r\n
- \r\n \r\n Pasuri\r\n \r\n \r\n\r\n {/* Sigurimi i pasurisë */}\r\n {/*begin::2 Level*/}\r\n
- \r\n \r\n Shëndet & Aksidente\r\n \r\n \r\n\r\n {/* Sigurimi i shëndetit në udhëtim */}\r\n {/*begin::2 Level*/}\r\n
- \r\n \r\n Jetë\r\n \r\n \r\n\r\n {/* Sigurimet e Jetës së Kredimarrësit */}\r\n {/*begin::2 Level*/}\r\n
- \r\n
Profili
\r\n \r\n \r\n {/* end:: section */}\r\n\r\n\r\n {/*Update profile*/}\r\n {/*begin::1 Level*/}\r\n
\r\n \r\n \r\n \r\n Dëmet shendetsore\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/*end::1 Level*/}\r\n\r\n {/* KERKO KERKESEN, TE GJITHA, HISTORIKU */}\r\n {/*begin::1 Level*/}\r\n {user?.enableMotorClaims && - \r\n
\r\n
\r\n }\r\n {/*end::1 Level*/}\r\n\r\n\r\n {/* Kërko */}\r\n {/* begin::section */}\r\n - \r\n
- \r\n
\r\n \r\n \r\n \r\n Automjete\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {/* Pasuri */}\r\n - \r\n
\r\n \r\n \r\n \r\n Pasuri\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {/* Shëndet dhe Aksidente */}\r\n - \r\n
\r\n \r\n \r\n \r\n Shëndet & Aksidente\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {/* Jetë */}\r\n - \r\n
\r\n \r\n \r\n \r\n Jetë\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/*end::1 Level*/}\r\n\r\n {/* Profili */}\r\n {/* begin::section */}\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n {user?.name + \" \" + user?.surname}\r\n \r\n
\r\n {user?.address}
\r\n \r\n {/* \r\n Sign Out\r\n */}\r\n \r\n \r\n
\r\n {/* end::Aside */}\r\n \r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nexport function Footer() {\r\n const today = new Date().getFullYear();\r\n const uiService = useHtmlClassService();\r\n const version = useSelector((state) => state.general.appInfo?.version);\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n footerClasses: uiService.getClasses(\"footer\", true),\r\n footerContainerClasses: uiService.getClasses(\"footer_container\", true)\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n \r\n {layoutProps.disableAsideSelfDisplay && (\r\n <>\r\n {/* begin::Header Logo */}\r\n \r\n
\r\n {/* end::Aside Menu */}\r\n \r\n \r\n 
\r\n \r\n
\r\n {/* end::Header Logo */}\r\n \r\n )}\r\n \r\n {today.toString()} ©{\" \"}\r\n \r\n PORTALI KLIENTIT\r\n \r\n
\r\n \r\n {version}, EInsure, Sigal\r\n
\r\n \r\n \r\n );\r\n}\r\n","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeader = function() {\r\n // Private properties\r\n var _element;\r\n var _elementForMobile;\r\n var _object;\r\n\r\n\t// Private functions\r\n // Get Height\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element) + 1;\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Get Height\r\n var _getHeightForMobile = function() {\r\n var height;\r\n\r\n height = KTUtil.actualHeight(_elementForMobile);\r\n\r\n return height;\r\n }\r\n\r\n // Public Methods\r\n\treturn {\r\n\t\tinit: function(id, idForMobile) {\r\n _element = KTUtil.getById(id);\r\n _elementForMobile = KTUtil.getById(idForMobile);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'header-fixed')\r\n },\r\n\r\n isFixedForMobile: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'header-mobile-fixed')\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getElementForMobile: function() {\r\n return _elementForMobile;\r\n },\r\n\r\n getHeader: function() {\r\n return _object;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n },\r\n\r\n getHeightForMobile: function() {\r\n return _getHeightForMobile();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeader;\r\n}\r\n\r\nexport default KTLayoutHeader;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\nimport KTMenu from \"./../../components/menu.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeaderMenu = function() {\r\n // Private properties\r\n\tvar _menuElement;\r\n var _menuObject;\r\n var _offcanvasElement;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n\tvar _init = function() {\r\n\t\t_offcanvasObject = new KTOffcanvas(_offcanvasElement, {\r\n\t\t\toverlay: true,\r\n\t\t\tbaseClass: 'header-menu-wrapper',\r\n\t\t\tcloseBy: 'kt_header_menu_mobile_close_btn',\r\n\t\t\ttoggleBy: {\r\n\t\t\t\ttarget: 'kt_header_mobile_toggle',\r\n\t\t\t\tstate: 'mobile-toggle-active'\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\t\t_menuObject = new KTMenu(_menuElement, {\r\n\t\t\tsubmenu: {\r\n\t\t\t\tdesktop: 'dropdown',\r\n\t\t\t\ttablet: 'accordion',\r\n\t\t\t\tmobile: 'accordion'\r\n\t\t\t},\r\n\t\t\taccordion: {\r\n\t\t\t\tslideSpeed: 200, // accordion toggle slide speed in milliseconds\r\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Close aside offcanvas panel before page reload On tablet and mobile\r\n _menuObject.on('linkClick', function(menu) {\r\n if (KTUtil.isBreakpointDown('lg')) { // Tablet and mobile mode\r\n _offcanvasObject.hide(); // Hide offcanvas after general link click\r\n }\r\n });\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n init: function(menuId, offcanvasId) {\r\n _menuElement = KTUtil.getById(menuId);\r\n _offcanvasElement = KTUtil.getById(offcanvasId);\r\n\r\n if (!_menuElement) {\r\n return;\r\n }\r\n\r\n // Initialize menu\r\n _init();\r\n\t\t},\r\n\r\n\t\tgetMenuElement: function() {\r\n\t\t\treturn _menuElement;\r\n\t\t},\r\n\r\n getOffcanvasElement: function() {\r\n\t\t\treturn _offcanvasElement;\r\n\t\t},\r\n\r\n getMenu: function() {\r\n\t\t\treturn _menuObject;\r\n\t\t},\r\n\r\n\t\tpauseDropdownHover: function(time) {\r\n\t\t\tif (_menuObject) {\r\n\t\t\t\t_menuObject.pauseDropdownHover(time);\r\n\t\t\t}\r\n\t\t},\r\n\r\n getOffcanvas: function() {\r\n\t\t\treturn _offcanvasObject;\r\n\t\t},\r\n\r\n\t\tcloseMobileOffcanvas: function() {\r\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\r\n\t\t\t\t_offcanvasObject.hide();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeaderMenu;\r\n}\r\n\r\nexport default KTLayoutHeaderMenu;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTToggle from \"./../../components/toggle.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeaderTopbar = function() {\r\n // Private properties\r\n\tvar _toggleElement;\r\n var _toggleObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n\t\t\t_toggleObject = new KTToggle(_toggleElement, {\r\n\t\t\t\ttarget: KTUtil.getBody(),\r\n\t\t\t\ttargetState: 'topbar-mobile-on',\r\n\t\t\t\ttoggleState: 'active',\r\n\t\t\t});\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _toggleElement = KTUtil.getById(id);\r\n\r\n\t\t\tif (!_toggleElement) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getToggleElement: function() {\r\n return _toggleElement;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeaderTopbar;\r\n}\r\n\r\nexport default KTLayoutHeaderTopbar;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutBrand = function() {\r\n // Private properties\r\n var _element;\r\n\r\n // Private functions\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutBrand;\r\n}\r\n\r\nexport default KTLayoutBrand;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutBrand from \"./brand.js\";\r\nimport KTMenu from \"./../../components/menu.js\";\r\nimport KTLayoutAside from \"./aside.js\";\r\n\r\nvar KTLayoutAsideMenu = function() {\r\n // Private properties\r\n var _element;\r\n var _menuObject;\r\n\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\tvar menuDesktopMode = (KTUtil.attr(_element, 'data-menu-dropdown') === '1' ? 'dropdown' : 'accordion');\r\n var scroll;\r\n\r\n\t\tif (KTUtil.attr(_element, 'data-menu-scroll') === '1') {\r\n\t\t\tscroll = {\r\n\t\t\t\trememberPosition: true, // remember position on page reload\r\n\t\t\t\theight: function() { // calculate available scrollable area height\r\n\t\t\t\t\tvar height = parseInt(KTUtil.getViewPort().height);\r\n\r\n\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\theight = height - KTLayoutBrand.getHeight();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\theight = height - (parseInt(KTUtil.css(_element, 'marginBottom')) + parseInt(KTUtil.css(_element, 'marginTop')));\r\n\r\n\t\t\t\t\treturn height;\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t}\r\n\r\n\t\t_menuObject = new KTMenu(_element, {\r\n\t\t\t// Vertical scroll\r\n\t\t\tscroll: scroll,\r\n\r\n\t\t\t// Submenu setup\r\n\t\t\tsubmenu: {\r\n\t\t\t\tdesktop: menuDesktopMode,\r\n\t\t\t\ttablet: 'accordion', // menu set to accordion in tablet mode\r\n\t\t\t\tmobile: 'accordion' // menu set to accordion in mobile mode\r\n\t\t\t},\r\n\r\n\t\t\t// Accordion setup\r\n\t\t\taccordion: {\r\n\t\t\t\texpandAll: false // allow having multiple expanded accordions in the menu\r\n\t\t\t}\r\n\t\t});\r\n\r\n // Disable menu click if aside is fixed and minimized\r\n _menuObject.on('submenuToggle', function(menu) {\r\n if (KTLayoutAside.isMinimized() === true && KTLayoutAside.isHoverable() === false) {\r\n return false;\r\n }\r\n });\r\n\r\n // Close aside offcanvas panel before page reload On tablet and mobile\r\n _menuObject.on('linkClick', function(menu) {\r\n if (KTUtil.isBreakpointDown('lg')) { // Tablet and mobile mode\r\n KTLayoutAside.getOffcanvas().hide(); // Hide offcanvas after general link click\r\n }\r\n });\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize menu\r\n _init();\r\n\t\t},\r\n\r\n\t\tgetElement: function() {\r\n\t\t\treturn _element;\r\n\t\t},\r\n\r\n getMenu: function() {\r\n\t\t\treturn _menuObject;\r\n\t\t},\r\n\r\n pauseDropdownHover: function(time) {\r\n\t\t\tif (_menuObject) {\r\n\t\t\t\t_menuObject.pauseDropdownHover(time);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tcloseMobileOffcanvas: function() {\r\n\t\t\tif (_menuObject && KTUtil.isMobileDevice()) {\r\n\t\t\t\t_menuObject.hide();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAsideMenu;\r\n}\r\n\r\nexport default KTLayoutAsideMenu;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\nimport KTLayoutAsideMenu from \"./aside-menu.js\";\r\n\r\nvar KTLayoutAside = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\tvar offcanvasClass = KTUtil.hasClass(_element, 'aside-offcanvas-default') ? 'aside-offcanvas-default' : 'aside';\r\n\r\n // Initialize mobile aside offcanvas\r\n\t\t_offcanvasObject = new KTOffcanvas(_element, {\r\n\t\t\tbaseClass: offcanvasClass,\r\n\t\t\toverlay: true,\r\n\t\t\tcloseBy: 'kt_aside_close_btn',\r\n\t\t\ttoggleBy: {\r\n\t\t\t\ttarget: 'kt_aside_mobile_toggle',\r\n\t\t\t\tstate: 'mobile-toggle-active'\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Handle Minimized Aside Hover\r\n\t\tif (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize-hoverable')) {\r\n\t\t\tvar insideTm;\r\n\t\t\tvar outsideTm;\r\n\r\n // Handle Aside Hover Mode\r\n\t\t\tKTUtil.addEvent(_element, 'mouseenter', function(e) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tif (KTUtil.isBreakpointUp('lg') === false) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (outsideTm) {\r\n\t\t\t\t\tclearTimeout(outsideTm);\r\n\t\t\t\t\toutsideTm = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tinsideTm = setTimeout(function() {\r\n\t\t\t\t\tif (KTUtil.hasClass(_body, 'aside-minimize') && KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\tKTUtil.removeClass(_body, 'aside-minimize');\r\n\r\n\t\t\t\t\t\t// Hover class\r\n\t\t\t\t\t\tKTUtil.addClass(_body, 'aside-minimize-hover');\r\n\r\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollUpdate();\r\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollTop();\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 50);\r\n\t\t\t});\r\n\r\n\t\t\tKTUtil.addEvent(_element, 'mouseleave', function(e) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tif (KTUtil.isBreakpointUp('lg') === false) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (insideTm) {\r\n\t\t\t\t\tclearTimeout(insideTm);\r\n\t\t\t\t\tinsideTm = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\toutsideTm = setTimeout(function() {\r\n\t\t\t\t if (KTUtil.hasClass(_body, 'aside-minimize-hover') && KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t KTUtil.removeClass(_body, 'aside-minimize-hover');\r\n\t\t\t\t\t KTUtil.addClass(_body, 'aside-minimize');\r\n\r\n\t\t\t\t\t\t// Hover class\r\n KTLayoutAsideMenu.getMenu().scrollUpdate();\r\n\t\t\t\t\t\tKTLayoutAsideMenu.getMenu().scrollTop();\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 100);\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getOffcanvas: function() {\r\n return _offcanvasObject;\r\n },\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(_body, 'aside-fixed');\r\n },\r\n\r\n isMinimized: function() {\r\n return (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize'));\r\n },\r\n\r\n isHoverable: function() {\r\n return (KTUtil.hasClass(_body, 'aside-fixed') && KTUtil.hasClass(_body, 'aside-minimize-hoverable'));\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAside;\r\n}\r\n\r\nexport default KTLayoutAside;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutSubheader = function() {\r\n // Private properties\r\n var _element;\r\n\r\n // Private functions\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'subheader-fixed');\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutSubheader;\r\n}\r\n\r\nexport default KTLayoutSubheader;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTLayoutHeader from \"./header.js\";\r\nimport KTCard from \"./../../components/card.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutSubheader from \"./subheader.js\";\r\n\r\nvar KTLayoutStickyCard = function() {\r\n // Private properties\r\n\tvar _element;\r\n var _object;\r\n\r\n\t// Private functions\r\n\tvar _init = function() {\r\n\t\tvar offset = 300;\r\n\r\n\t\tif (typeof KTLayoutHeader !== 'undefined') {\r\n\t\t\toffset = KTLayoutHeader.getHeight();\r\n\t\t}\r\n\r\n _object = new KTCard(_element, {\r\n\t\t\tsticky: {\r\n\t\t\t\toffset: offset,\r\n\t\t\t\tzIndex: 90,\r\n\t\t\t\tposition: {\r\n\t\t\t\t\ttop: function() {\r\n\t\t\t\t\t\tvar pos = 0;\r\n var body = KTUtil.getBody();\r\n\r\n\t\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixed()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeight();\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (typeof KTLayoutSubheader !== 'undefined' && KTLayoutSubheader.isFixed()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutSubheader.getHeight();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixedForMobile()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeightForMobile();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tpos = pos - 1; // remove header border width\r\n\r\n\t\t\t\t\t\treturn pos;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tleft: function(card) {\r\n\t\t\t\t\t\treturn KTUtil.offset(_element).left;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tright: function(card) {\r\n\t\t\t\t\t\tvar body = KTUtil.getBody();\r\n\r\n\t\t\t\t\t\tvar cardWidth = parseInt(KTUtil.css(_element, 'width'));\r\n\t\t\t\t\t\tvar bodyWidth = parseInt(KTUtil.css(body, 'width'));\r\n\t\t\t\t\t\tvar cardOffsetLeft = KTUtil.offset(_element).left;\r\n\r\n\t\t\t\t\t\treturn bodyWidth - cardWidth - cardOffsetLeft;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t_object.initSticky();\r\n\r\n\t\tKTUtil.addResizeHandler(function() {\r\n\t\t\t_object.updateSticky();\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n\t\t\t_init();\r\n\t\t},\r\n\r\n\t\tupdate: function() {\r\n\t\t\tif (_object) {\r\n\t\t\t\t_object.updateSticky();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutStickyCard;\r\n}\r\n\r\nexport default KTLayoutStickyCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTToggle from \"./../../components/toggle.js\";\r\nimport KTLayoutStickyCard from \"./sticky-card.js\";\r\nimport KTLayoutHeaderMenu from \"./header-menu.js\";\r\nimport KTLayoutAsideMenu from \"./aside-menu.js\";\r\nimport { KTCookie } from \"./../../components/cookie.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutAsideToggle = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _toggleObject;\r\n\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\t_toggleObject = new KTToggle(_element, {\r\n\t\t\ttarget: _body,\r\n\t\t\ttargetState: 'aside-minimize',\r\n\t\t\ttoggleState: 'active'\r\n\t\t});\r\n\r\n\t\t_toggleObject.on('toggle', function(toggle) {\r\n // Update sticky card\r\n if (typeof KTLayoutStickyCard !== 'undefined') {\r\n KTLayoutStickyCard.update();\r\n }\r\n\r\n // Pause header menu dropdowns\r\n if (typeof KTLayoutHeaderMenu !== 'undefined') {\r\n KTLayoutHeaderMenu.pauseDropdownHover(800);\r\n }\r\n\r\n // Pause aside menu dropdowns\r\n if (typeof KTLayoutAsideMenu !== 'undefined') {\r\n KTLayoutAsideMenu.pauseDropdownHover(800);\r\n }\r\n\r\n // Remember state in cookie\r\n\t\t\tKTCookie.setCookie('kt_aside_toggle_state', toggle.getState());\r\n\t\t\t// to set default minimized left aside use this cookie value in your\r\n\t\t\t// server side code and add \"kt-primary--minimize aside-minimize\" classes to\r\n\t\t\t// the body tag in order to initialize the minimized left aside mode during page loading.\r\n\t\t});\r\n\r\n\t\t_toggleObject.on('beforeToggle', function(toggle) {\r\n\t\t\tif (KTUtil.hasClass(_body, 'aside-minimize') === false && KTUtil.hasClass(_body, 'aside-minimize-hover')) {\r\n\t\t\t\tKTUtil.removeClass(_body, 'aside-minimize-hover');\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getToggle: function() {\r\n\t\t\treturn _toggleObject;\r\n\t\t},\r\n\r\n\t\tonToggle: function(handler) {\r\n\t\t\tif (typeof _toggleObject.element !== 'undefined') {\r\n\t\t\t\t_toggleObject.on('toggle', handler);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAsideToggle;\r\n}\r\n\r\nexport default KTLayoutAsideToggle;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutFooter = function() {\r\n // Private properties\r\n var _element;\r\n\r\n\t// Private functions\r\n\tvar _getHeight = function() {\r\n\t\tvar height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n\t\treturn height;\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n\t\tgetHeight: function() {\r\n\t\t\treturn _getHeight();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutFooter;\r\n}\r\n\r\nexport default KTLayoutFooter;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutHeader from \"./header.js\";\r\nimport KTLayoutSubheader from \"./subheader.js\";\r\nimport KTLayoutFooter from \"./footer.js\";\r\n\r\nvar KTLayoutContent = function() {\r\n // Private properties\r\n var _element;\r\n\r\n\t// Private functions\r\n\tvar _getHeight = function() {\r\n\t\tvar height;\r\n\r\n\t\theight = KTUtil.getViewPort().height;\r\n\r\n if (_element) {\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n }\r\n\r\n height = height - KTLayoutHeader.getHeight();\r\n height = height - KTLayoutSubheader.getHeight();\r\n height = height - KTLayoutFooter.getHeight();\r\n\r\n\t\treturn height;\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n\t\tgetHeight: function() {\r\n\t\t\treturn _getHeight();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutContent;\r\n}\r\n\r\nexport default KTLayoutContent;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTScrolltop from \"./../../components/scrolltop.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutScrolltop = function() {\r\n // Private properties\r\n var _element;\r\n var _object;\r\n\r\n // Private functions\r\n var _init = function() {\r\n _object = new KTScrolltop(_element, {\r\n offset: 300,\r\n speed: 600,\r\n });\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutScrolltop;\r\n}\r\n\r\nexport default KTLayoutScrolltop;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutContent from \"./content.js\";\r\n\r\nvar KTLayoutStretchedCard = function() {\r\n // Private properties\r\n\tvar _element;\r\n\r\n\t// Private functions\r\n\tvar _init = function() {\r\n\t\tvar scroll = KTUtil.find(_element, '.card-scroll');\r\n\t\tvar cardBody = KTUtil.find(_element, '.card-body');\r\n\t\tvar cardHeader = KTUtil.find(_element, '.card-header');\r\n\r\n\t\tvar height = KTLayoutContent.getHeight();\r\n\r\n\t\theight = height - parseInt(KTUtil.actualHeight(cardHeader));\r\n\r\n\t\theight = height - parseInt(KTUtil.css(_element, 'marginTop')) - parseInt(KTUtil.css(_element, 'marginBottom'));\r\n\t\theight = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'paddingTop')) - parseInt(KTUtil.css(cardBody, 'paddingBottom'));\r\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'marginTop')) - parseInt(KTUtil.css(cardBody, 'marginBottom'));\r\n\r\n\t\theight = height - 3;\r\n\r\n\t\tKTUtil.css(scroll, 'height', height + 'px');\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n\t\t\t_init();\r\n\r\n // Re-calculate on window resize\r\n KTUtil.addResizeHandler(function() {\r\n\t\t\t\t_init();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tupdate: function() {\r\n\t\t\t_init();\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutStretchedCard;\r\n}\r\n\r\nexport default KTLayoutStretchedCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickPanel = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n var _notificationsElement;\r\n var _logsElement;\r\n var _settingsElement;\r\n\r\n // Private functions\r\n var _getContentHeight = function() {\r\n var height;\r\n\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n\r\n var _init = function() {\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_panel_close',\r\n toggleBy: 'kt_quick_panel_toggle'\r\n });\r\n }\r\n\r\n var _initNotifications = function() {\r\n KTUtil.scrollInit(_notificationsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _initLogs = function() {\r\n KTUtil.scrollInit(_logsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _initSettings = function() {\r\n KTUtil.scrollInit(_settingsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _updateScrollbars = function() {\r\n $(_element).find('a[data-toggle=\"tab\"]').on('shown.bs.tab', function (e) {\r\n KTUtil.scrollUpdate(_notificationsElement);\r\n KTUtil.scrollUpdate(_logsElement);\r\n KTUtil.scrollUpdate(_settingsElement);\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n _notificationsElement = KTUtil.getById('kt_quick_panel_notifications');\r\n _logsElement = KTUtil.getById('kt_quick_panel_logs');\r\n _settingsElement = KTUtil.getById('kt_quick_panel_settings');\r\n\r\n _init();\r\n _initNotifications();\r\n _initLogs();\r\n _initSettings();\r\n\r\n \r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickPanel;\r\n}\r\n\r\nexport default KTLayoutQuickPanel;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickUser = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_user_close',\r\n toggleBy: 'kt_quick_user_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(content, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickUser;\r\n}\r\n\r\nexport default KTLayoutQuickUser;","import React, {useLayoutEffect} from \"react\";\r\nimport {KTUtil} from \"../../_assets/js/components/util\";\r\nimport KTLayoutHeader from \"../../_assets/js/layout/base/header\";\r\nimport KTLayoutHeaderMenu from \"../../_assets/js/layout/base/header-menu\";\r\nimport KTLayoutHeaderTopbar from \"../../_assets/js/layout/base/header-topbar\";\r\nimport KTLayoutBrand from \"../../_assets/js/layout/base/brand\";\r\nimport KTLayoutAside from \"../../_assets/js/layout/base/aside\";\r\nimport KTLayoutAsideToggle from \"../../_assets/js/layout/base/aside-toggle\";\r\nimport KTLayoutAsideMenu from \"../../_assets/js/layout/base/aside-menu\";\r\nimport KTLayoutContent from \"../../_assets/js/layout/base/content\";\r\nimport KTLayoutFooter from \"../../_assets/js/layout/base/footer\";\r\nimport KTLayoutSubheader from \"../../_assets/js/layout/base/subheader\";\r\nimport KTLayoutScrolltop from \"../../_assets/js/layout/extended/scrolltop\";\r\nimport KTLayoutStickyCard from \"../../_assets/js/layout/base/sticky-card\";\r\nimport KTLayoutStretchedCard from \"../../_assets/js/layout/base/stretched-card\";\r\nimport KTLayoutQuickPanel from \"../../_assets/js/layout/extended/quick-panel\";\r\nimport KTLayoutQuickUser from \"../../_assets/js/layout/extended/quick-user\";\r\n\r\nexport function LayoutInit() {\r\n useLayoutEffect(() => {\r\n // Initialization\r\n KTUtil.ready(function () {\r\n ////////////////////////////////////////////////////\r\n // Layout Base Partials(mandatory for core layout)//\r\n ////////////////////////////////////////////////////\r\n // Init Desktop & Mobile Headers\r\n KTLayoutHeader.init('kt_header', 'kt_header_mobile');\r\n\r\n // Init Header Menu\r\n // KTLayoutHeaderMenu.init('kt_header_menu', 'kt_header_menu_wrapper');\r\n // Init Header Topbar For Mobile Mode\r\n KTLayoutHeaderTopbar.init('kt_header_mobile_topbar_toggle');\r\n // Init Brand Panel For Logo\r\n KTLayoutBrand.init('kt_brand');\r\n // Init Aside\r\n KTLayoutAside.init('kt_aside');\r\n\r\n // Init Aside Menu Toggle\r\n KTLayoutAsideToggle.init('kt_aside_toggle');\r\n //\r\n // Init Aside Menu\r\n KTLayoutAsideMenu.init('kt_aside_menu');\r\n\r\n // Init Content\r\n KTLayoutContent.init('kt_content');\r\n\r\n // Init Footer\r\n KTLayoutFooter.init('kt_footer');\r\n\r\n\r\n //////////////////////////////////////////////\r\n // Layout Extended Partials(optional to use)//\r\n //////////////////////////////////////////////\r\n KTLayoutSubheader.init('kt_subheader');\r\n\r\n // Init Scrolltop\r\n KTLayoutScrolltop.init('kt_scrolltop');\r\n\r\n // Init Sticky Card\r\n KTLayoutStickyCard.init('kt_page_sticky_card');\r\n\r\n // Init Stretched Card\r\n KTLayoutStretchedCard.init('kt_page_stretched_card');\r\n\r\n // Init Quick Offcanvas Panel\r\n KTLayoutQuickPanel.init('kt_quick_panel');\r\n\r\n // Init Quick User Panel\r\n KTLayoutQuickUser.init('kt_quick_user');\r\n });\r\n }, []);\r\n return <>;\r\n}\r\n","import React, { createContext, useState, useContext } from \"react\";\r\n\r\nexport function getBreadcrumbsAndTitle(menuId, pathName) {\r\n const result = {\r\n breadcrumbs: [],\r\n title: \"\",\r\n };\r\n\r\n const menu = document.getElementById(menuId);\r\n if (!menu) {\r\n return result;\r\n }\r\n\r\n const activeLinksArray = Array.from(\r\n menu.getElementsByClassName(\"active\") || []\r\n );\r\n const activeLinks = activeLinksArray.filter((el) => el.tagName === \"A\");\r\n if (!activeLinks) {\r\n return result;\r\n }\r\n\r\n activeLinks.forEach((link) => {\r\n const titleSpans = link.getElementsByClassName(\"menu-text\");\r\n if (titleSpans) {\r\n const titleSpan = Array.from(titleSpans).find(\r\n (t) => t.innerHTML && t.innerHTML.trim().length > 0\r\n );\r\n if (titleSpan) {\r\n result.breadcrumbs.push({\r\n pathname: link.pathname,\r\n title: titleSpan.innerHTML\r\n });\r\n }\r\n }\r\n });\r\n result.title = getTitle(result.breadcrumbs, pathName);\r\n return result;\r\n}\r\n\r\nexport function getTitle(breadCrumbs, pathname) {\r\n if (!breadCrumbs || !pathname) {\r\n return \"\";\r\n }\r\n\r\n const length = breadCrumbs.length;\r\n if (!length) {\r\n return \"\";\r\n }\r\n\r\n return breadCrumbs[length - 1].title;\r\n}\r\n\r\nconst SubheaderContext = createContext();\r\n\r\nexport function useSubheader() {\r\n return useContext(SubheaderContext);\r\n}\r\n\r\nexport const SubheaderConsumer = SubheaderContext.Consumer;\r\n\r\nexport function MetronicSubheaderProvider({ children }) {\r\n const [title, setTitle] = useState(\"\");\r\n const [breadcrumbs, setBreadcrumbs] = useState([]);\r\n const value = { title, setTitle, breadcrumbs, setBreadcrumbs };\r\n return (\r\n \r\n //
\r\n\r\n // \r\n //
\r\n //\r\n\r\n //
\r\n\r\n //\r\n //
\r\n //\r\n // {layoutProps.subheaderMobileToggle && (\r\n // \r\n // \r\n // \r\n // )}\r\n\r\n //
\r\n // \r\n // \r\n );\r\n}\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid,no-undef */\r\nimport React from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { useHistory, NavLink, Link } from \"react-router-dom\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { toAbsoluteUrl } from \"../../../../_helpers\";\r\nimport Login from \"../../../../../components/Auth/Login\";\r\n\r\nexport function QuickUser() {\r\n const history = useHistory();\r\n const user = useSelector(state => state.auth.user);\r\n\r\n const logoutClick = () => {\r\n closePanel();\r\n history.push(\"/logout\");\r\n };\r\n\r\n const closePanel = () => {\r\n const toggle = document.getElementById(\"kt_quick_user_close\");\r\n if (toggle) {\r\n toggle.click();\r\n }\r\n }\r\n\r\n return (\r\n \r\n // <>\r\n // {subheader.title}\r\n // \r\n // {/**/}\r\n //
\r\n //\r\n
\r\n );\r\n}\r\n\r\n","import React from \"react\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport {toAbsoluteUrl} from \"../../../_helpers\";\r\n\r\nexport function ScrollTop() {\r\n return (\r\n \r\n {!!user ? \r\n \r\n \r\n
\r\n\r\n {!!user ? <>\r\n \r\n Profili\r\n
\r\n :\r\n \r\n\r\n
\r\n \r\n : \r\n
\r\n\r\n \r\n\r\n \r\n \r\n {user?.name + \" \" + user?.surname}\r\n \r\n
\r\n {user?.address}
\r\n \r\n {/* \r\n Sign Out\r\n */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Përditëso Profilin\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Ndrysho Fjalëkalimin\r\n
\r\n \r\n \r\n \r\n {\" \"}\r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport objectPath from \"object-path\";\r\n// LayoutContext\r\nimport { useHtmlClassService } from \"../_core/MetronicLayout\";\r\n// Import Layout components\r\nimport { Header } from \"./header/Header\";\r\nimport { HeaderMenuWrapper } from \"./header/header-menu/HeaderMenuWrapper\";\r\nimport { HeaderMobile } from \"./header-mobile/HeaderMobile\";\r\nimport { Aside } from \"./aside/Aside\";\r\nimport { Footer } from \"./footer/Footer\";\r\nimport { LayoutInit } from \"./LayoutInit\";\r\nimport { SubHeader } from \"./subheader/SubHeader\";\r\nimport { QuickUser } from \"./extras/offcanvas/QuickUser\";\r\nimport { ScrollTop } from \"./extras/ScrollTop\";\r\nimport config from \"../../../config.json\";\r\n\r\nconst UNIQUE_COMPANY_NUMBER = config.UNIQUE_COMPANY_NUMBER;\r\n\r\nexport function Layout({ children }) {\r\n const uiService = useHtmlClassService();\r\n // Layout settings (cssClasses/cssAttributes)\r\n const layoutProps = useMemo(() => {\r\n return {\r\n layoutConfig: uiService.config,\r\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\r\n asideMobileDisplay: objectPath.get(uiService.config, \"aside.self.mobile\"),\r\n subheaderDisplay: objectPath.get(uiService.config, \"subheader.display\"),\r\n desktopHeaderDisplay: objectPath.get(\r\n uiService.config,\r\n \"header.self.fixed.desktop\"\r\n ),\r\n contentCssClasses: uiService.getClasses(\"content\", true),\r\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\r\n contentExtended: objectPath.get(uiService.config, \"content.extended\")\r\n };\r\n }, [uiService]);\r\n\r\n return layoutProps.selfLayout !== \"blank\" ? (\r\n <>\r\n {/*begin::Main*/}\r\n \r\n {/*begin::Page*/}\r\n
\r\n {/*end::Page*/}\r\n \r\n \r\n {layoutProps.asideMobileDisplay && ()}\r\n {/*begin::Wrapper*/}\r\n
\r\n {/*end::Wrapper*/}\r\n \r\n \r\n {layoutProps.subheaderDisplay &&
\r\n {/*end::Content*/}\r\n \r\n \r\n
*/}\r\n {/*begin::Content*/}\r\n \r\n {/*begin::Container*/}\r\n
\r\n )}\r\n\r\n {layoutProps.contentExtended && { children }}\r\n {/*end::Entry*/}\r\n \r\n {children}\r\n
\r\n {/*end::Container*/}\r\n {children}
\r\n );\r\n}\r\n","import React, {createContext, useContext, useState, useEffect} from \"react\";\r\n\r\nconst MetronicSplashScreenContext = createContext();\r\n\r\nexport function MetronicSplashScreenProvider({ children }) {\r\n const [count, setCount] = useState(0);\r\n let visible = count > 0;\r\n\r\n useEffect(() => {\r\n const splashScreen = document.getElementById(\"splash-screen\");\r\n\r\n // Show SplashScreen\r\n if (splashScreen && visible) {\r\n splashScreen.classList.remove(\"hidden\");\r\n\r\n return () => {\r\n splashScreen.classList.add(\"hidden\");\r\n };\r\n }\r\n\r\n // Hide SplashScreen\r\n let timeout;\r\n if (splashScreen && !visible) {\r\n timeout = setTimeout(() => {\r\n splashScreen.classList.add(\"hidden\");\r\n }, 3000);\r\n }\r\n\r\n return () => {\r\n clearTimeout(timeout);\r\n };\r\n }, [visible]);\r\n\r\n return (\r\n {\"Numri i policës: \" + healthClaim.policy_code}
\r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n }\r\n\r\n {healthClaim !== null && healthClaim.appeal !== null && <>\r\n \r\n Data e aksidentit
{healthClaim.date_accident}
\r\n Klasa e demit
{healthClaim.class}
\r\n\r\n \r\n
Data e raportimit
{healthClaim.date_reported}
\r\n Statusi
{healthClaim.status}
\r\n\r\n \r\n
Data e refuzuar
{getDate(healthClaim.date_rejected)}
\r\n Shuma e kërkuar
(€){formatAmount(healthClaim.amount_requestedv)}
\r\n\r\n \r\n
Përshkrimi i aksidentit
{healthClaim.description_accident}
\r\n Shuma e miratuar
(€){formatAmount(healthClaim.approved_amountv)}
\r\n\r\n \r\n
Përshkrimi i dëmit
{healthClaim.description_damage}
\r\n Shuma e paguar
(€){formatAmount(healthClaim.paid_amountv)}
\r\n \r\n
{\"Komenti i/e te sigururarit: \" + (getDate(healthClaim.appeal?.firstLevelAppealDate))}
\r\n\r\n {healthClaim.appeal?.firstLevelAppeal}\r\n
\r\n
\r\n }\r\n\r\n {healthClaim !== null && healthClaim.appeal !== null && <>\r\n \r\n \r\n
{\"Përgjigje: \" + (getDate(healthClaim.appeal?.firstLevelReviewDate))}
\r\n\r\n {healthClaim.appeal?.firstLevelReview}\r\n
\r\n
\r\n }\r\n \r\n }\r\n \r\n
{\"Numri i policës: \" + healthClaim.policy_code}
\r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n }\r\n\r\n {healthClaim !== null && healthClaim.appeal !== null && <>\r\n \r\n Data e aksidentit
{healthClaim.date_accident}
\r\n Klasa e demit
{healthClaim.class}
\r\n\r\n \r\n
Data e raportimit
{healthClaim.date_reported}
\r\n Statusi
{healthClaim.status}
\r\n\r\n \r\n
Data e refuzuar
{getDate(healthClaim.date_rejected)}
\r\n Shuma e kërkuar
(€){formatAmount(healthClaim.amount_requestedv)}
\r\n\r\n \r\n
Përshkrimi i aksidentit
{healthClaim.description_accident}
\r\n Shuma e miratuar
(€){formatAmount(healthClaim.approved_amountv)}
\r\n\r\n \r\n
Përshkrimi i dëmit
{healthClaim.description_damage}
\r\n Shuma e paguar
(€){formatAmount(healthClaim.paid_amountv)}
\r\n \r\n
{\"Vlersimi: \" + (getDate(healthClaim.appeal?.secondLevelReviewDate))}
\r\n\r\n {healthClaim.appeal?.secondLevelReview}\r\n
\r\n
\r\n }\r\n\r\n {healthClaim !== null && healthClaim.appeal !== null && <>\r\n \r\n \r\n
{\"Statusi: \" + healthClaim.appeal?.secondLevelReviewStatus}
\r\n }\r\n\r\n {healthClaim !== null && healthClaim.appeal !== null && healthClaim.appeal.referencedClaimId !== '00000000-0000-0000-0000-000000000000' && <>\r\n \r\n openHealthClaim(healthClaim.appeal.referencedClaimId)} className=\"text-primary font-size-h6 font-weight-bolder text-hover-primary pt-5\" title=\"\">\r\n Klikoni ketu per te pare demin e ri te hapur si rezultat I pranimit te ankeses.\r\n \r\n }\r\n \r\n }\r\n\r\n { return; }} />\r\n { return; }} />\r\n {isLoading ?
*/}\r\n
\r\n
\r\n![](\"https://www.facebook.com/tr?id=2016267805471451&ev=PageView&noscript=1\")
\r\n
\r\n\r\n \r\n );\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch: Dispatch\r\n
\r\n {/* \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Portali i Klientit\r\n
\r\n \r\n Regjistrohuni dhe blini sigurimet\r\n
\r\n \r\n tuaja në internet, shpejt dhe lehtësisht\r\n
\r\n\r\n\r\n {!!customer && customer.notifications && customer.notifications.length > 0 &&\r\n customer.notifications.map((notification: Notification, index: number) => {\r\n return \r\n readNotification(notification)} className=\"text-primary font-size-h5 font-weight-bolder text-hover-primary pt-5\" rel=\"noopener noreferrer\">{notification.message}\r\n
;\r\n })}\r\n */}\r\n
Produktet Online
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Automjet\r\n
\r\n SIGAL UNIQA Group Austria ofron sigurimin vullnetar të automjetit KASKO, i cili mbron makinën tuaj nga dëmet e pjesshme ose të plota\r\n që mund t'i ndodhin për shkaqe të ndryshme.
\r\n {/* */}\r\n Blej Online\r\n \r\n
\r\n \r\n
\r\n \r\n Pasuri\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Mbroni investimin tuaj më të rëndësishëm: shtëpi, banesë, apartament nga zjarri dhe katastrofat natyrore.\r\n Zgjidhni një nga paketat e sigurimit të pronës që ofron SIGAL UNIQA.
\r\n Blej Online\r\n \r\n
\r\n \r\n
\r\n \r\n Shëndet\r\n \r\n \r\n \r\n \r\n \r\n
\r\n SIGAL UNIQA Group Austria mbron të siguruarin nga ndikimi financiar dhe pasojat e faturave të papritura mjekësore duke ofruar përfitime \r\n për të siguruarit për trajtimin e sëmundjeve, dëmtimeve ose paaftësisë.
\r\n Blej Online\r\n \r\n
\r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Jetë\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Qetësi mendore për jetë.
\r\n Me sigurimin e jetës përfitoni mbrojtje financiare dhe qetësi mendjeje në rast fatkeqësie.
\r\n Blej Online\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Shëndeti në udhëtim\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Gjatë udhëtimeve për punë, turizëm apo shkollim, kujdesuni që të keni gjithmonë Sigurimin e Shëndetit me vete. Përmes sigurimit SIGAL UNIQA mbulon shpenzimet për emergjenca mjekësore\r\n gjatë udhëtimit (jashtë Kosovës).
\r\n Blej Online\r\n \r\n
\r\n \r\n
\r\n \r\n Lejeqëndrim\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Mbulon ngjarjet që ndodhin si pasojë e aksidentit, shpenzimet mjekësore, invaliditeti total dhe humbja e jetës, sipas \r\n kufijve të përcaktuar në kushtet e kontratës dhe të policës së sigurimit. Zona e mbulimit është Kosova.
\r\n Blej Online\r\n\r\n \r\n
\r\n \r\n }\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n SIGAL UNIQA\r\n \r\n
\r\n \r\n\r\n Rr. \"Ukshin Hoti\", Nr.19, Pejton, Kat. 4\r\n
\r\n \r\n Prishtinë, Kosovë
\r\n\r\n
\r\n \r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {props.placeholder !== \"\" && }\r\n {props.showInfo && \r\n \r\n \r\n }\r\n {\r\n handleChange(val);\r\n }}\r\n />\r\n {error && error !== \"\" ? (\r\n
\r\n );\r\n}\r\n\r\nexport default DatePickerFieldMain;","import * as React from 'react';\r\nimport { useFormikWizard } from 'formik-wizard';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport * as actionTypes from '../../../redux/actionTypes/tplPolicyActionTypes';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport { AppState } from '../../../redux/reducers/rootReducer';\r\nimport DatePickerFieldMain from '../../Custom/DatePickerFieldMain';\r\n\r\nconst VehicleMain = () => {\r\n const { values }: any = useFormikWizard();\r\n const erroredStep1 = useSelector\r\n
\r\n )\r\n : !props.hideHelper && {error.toString()}
\r\n \r\n Ju lutem shkruani {props.placeholder} ne formatin 'dd/mm/yyyy'\r\n
\r\n\r\n }\r\n \r\n \r\n
\r\n );\r\n}\r\nexport default connect()(VehicleMain);\r\n","import React, { FunctionComponent } from 'react';\r\nimport { useField, useFormikContext } from 'formik';\r\nimport { Nomen } from '../../utils';\r\n\r\nconst getFieldCSSClasses = (touched: boolean, error: string | undefined) => {\r\n const classes = [\"form-control\"];\r\n if (touched && error) {\r\n classes.push(\"is-invalid\");\r\n }\r\n\r\n if (touched && !error) {\r\n classes.push(\"is-valid\");\r\n }\r\n\r\n return classes.join(\" \");\r\n};\r\n\r\ninterface Props {\r\n name: string;\r\n label: string;\r\n items: Nomen[];\r\n newvalue?: any;\r\n disabled?: boolean;\r\n inline?: boolean;\r\n}\r\n\r\nconst SelectField: FunctionComponent\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {error !== \"\" && (touched || !field.value) ? (\r\n
\r\n :\r\n \r\n
\r\n ) : null}\r\n {error}
\r\n \r\n \r\n
}\r\n \r\n\r\n );\r\n};\r\n\r\nexport default SelectField;","import * as React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { AppState } from \"../../../redux/reducers/rootReducer\";\r\nimport { Nomen } from \"../../../utils\";\r\nimport { MotorInsQuotation } from '../../../utils/policyTypes';\r\nimport * as tplActionTypes from \"../../../redux/actionTypes/tplPolicyActionTypes\";\r\nimport * as generalActionTypes from \"../../../redux/actionTypes/generalActionTypes\";\r\nimport { Loading } from '../../Layout/Loading';\r\n\r\nconst VehicleDetails = () => {\r\n const classTypes = useSelector\r\n \r\n {error !== \"\" && (touched || !field.value) ? (\r\n
\r\n \r\n
\r\n ) : null}\r\n {error}
\r\n \r\n \r\n {motorInsQuotation ?
\r\n \r\n }\r\n \r\n );\r\n}\r\n\r\nexport default VehicleDetails;\r\n","import React, { FunctionComponent } from 'react';\r\nimport { useField, useFormikContext } from 'formik';\r\nimport { RadioGroup, FormControlLabel, Radio } from \"@material-ui/core\";\r\n\r\ninterface Props {\r\n name: string;\r\n type: string;\r\n placeholder: string;\r\n label: string;\r\n items: { id: string, value: string }[]\r\n newvalue?: string;\r\n change?: (value: any) => void;\r\n inline?: boolean;\r\n}\r\n\r\nconst RadioButtonGroupFieldMain: FunctionComponent\r\n
: ''}\r\n\r\n\r\n \r\n
Total Primi + Taksa per Blerje Online {motorInsQuotation.total} LEK
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {props.items.map((item) =>\r\n
\r\n );\r\n};\r\n\r\nexport default RadioButtonGroupFieldMain;","import { Nomen } from '.';\r\nimport { Question } from './policyTypes';\r\n\r\nexport const Type_vehicle: Nomen[] = [\r\n { code: '2', name: 'AUTOVETURE' }\r\n]\r\n\r\nexport const Mark: Nomen[] = [\r\n { code: '1', name: ' mark 1' }\r\n]\r\n\r\nexport const CategoryClassTypeVehicle: Nomen[] = [\r\n { code: '1', name: 'class type 1' }\r\n]\r\n\r\nexport const Gender: Nomen[] = [\r\n { code: '1', name: 'M' },\r\n { code: '2', name: 'F' }\r\n]\r\n\r\nexport const Pep: Nomen[] = [\r\n { code: '1', name: 'Po' },\r\n { code: '2', name: 'Jo' }\r\n]\r\n\r\nexport const Payment: Nomen[] = [\r\n { code: '1', name: 'BKT' },\r\n { code: '2', name: 'PayPal' }\r\n]\r\n\r\nexport const PolicyTypes: Nomen[] = [\r\n { code: '01', name: 'TPL' },\r\n { code: '02', name: 'KJ' },\r\n { code: '03', name: 'Kufitare' },\r\n { code: '04', name: 'Kasko' }\r\n]\r\n\r\nexport const TplPolicyTypes: Nomen[] = [\r\n { code: '01', name: 'TPL' },\r\n { code: '62', name: 'TPL Plus' }\r\n]\r\n\r\nexport const ClaimHistoryPolicyTypes: Nomen[] = [\r\n { code: '01', name: 'TPL' },\r\n { code: '02', name: 'Karton Jeshil' },\r\n { code: '03', name: 'Sigurimi Kufitar' }\r\n]\r\n\r\nexport const SearchPolicyTypes: Nomen[] = [\r\n { code: '01', name: 'TPL' },\r\n { code: '02', name: 'KJ' },\r\n { code: '03', name: 'Kufitare' },\r\n { code: '05', name: 'SHU' },\r\n { code: '34', name: 'Sigurimi i shëndetit' },\r\n { code: '09', name: 'Sigurimi i pasurisë' },\r\n { code: '61', name: 'Lejeqëndrim' },\r\n { code: '04', name: 'Kasko' },\r\n { code: '55', name: 'Sigurimi i Jetës së Kredimarrësit' },\r\n { code: '34-01', name: 'Sigurimi i Jetës' }\r\n]\r\n\r\nexport const HealthPolicyTypes: Nomen[] = [\r\n { code: '0501', name: 'Shëndetit në Udhëtim' },\r\n { code: '08', name: 'Aksidente Personale' }\r\n]\r\n\r\nexport const AllPolicyTypes: Nomen[] = [\r\n { code: '01', name: 'TPL' },\r\n { code: '02', name: 'Green card' },\r\n { code: '03', name: 'Border' },\r\n { code: '04', name: 'Kasko' },\r\n { code: '05', name: 'SHU' },\r\n { code: '34', name: 'Shëndetësor' },\r\n { code: '06', name: 'Sigurim Oferte' },\r\n { code: '07', name: 'Sigurim i Kontrates' },\r\n { code: '08', name: 'Aksidente Personale' },\r\n { code: '09', name: 'Zjarri dhe Reziqe Shtese' },\r\n { code: '10', name: 'Prona per efekte kredie' },\r\n { code: '11', name: 'Sigurimit të Mallit në Transport' },\r\n { code: '12', name: 'Pergjegjesia' },\r\n { code: '13', name: 'Sigurimit i parave ne kasaforte dhe tranzit' },\r\n { code: '16', name: 'Sigurimit për Shtëpi / Banesa' },\r\n { code: '17', name: 'CAR' },\r\n { code: '20', name: 'Sigurimi Parave (BBB & ECCP)' },\r\n { code: '30', name: 'Sigurimit të Pronës -Të Gjitha Rreziqet' }\r\n]\r\n\r\nexport const PropertyPolicyTypes: Nomen[] = [\r\n { code: '06', name: 'Sigurim Oferte' },\r\n { code: '07', name: 'Sigurim i Kontrates' },\r\n { code: '08', name: 'Aksidente Personale' },\r\n { code: '09', name: 'Zjarri dhe Reziqe Shtese' },\r\n { code: '10', name: 'Prona per efekte kredie' },\r\n { code: '11', name: 'Sigurimit të Mallit në Transport' },\r\n { code: '12', name: 'Pergjegjesia' },\r\n { code: '13', name: 'Sigurimit i parave ne kasaforte dhe tranzit' },\r\n { code: '16', name: 'Sigurimit për Shtëpi / Banesa' },\r\n { code: '17', name: 'CAR' },\r\n { code: '20', name: 'Sigurimi Parave (BBB & ECCP)' },\r\n { code: '30', name: 'Sigurimit të Pronës -Të Gjitha Rreziqet' }\r\n]\r\n\r\nexport const RoleTypes: Nomen[] = [\r\n { code: '1', name: 'Perfituesi' },\r\n { code: '2', name: 'Shkaktari' }\r\n]\r\n\r\nexport const TypeObjects: Nomen[] = [\r\n { code: '122', name: 'Banesë' },\r\n { code: '123', name: 'Shtëpi' },\r\n { code: '087', name: 'Dyqane/Lokale' },\r\n]\r\n\r\nexport const Questions: Question[] = [\r\n { listing: '1', text: 'Person politikisht i ekspozuar – nënkupton personat fizik vendor ose të huaj të cilat janë ose u janë besuar funksione të rëndësishme publike;', value: '', type: 1, selected: false },\r\n { listing: '2', text: 'Anëtarë të ngushtë të familjes – nënkupton prindërit, prindër adoptues, bashkëshort, fëmijë, fëmijë adoptues, motrat dhe vëllezërit e personave të ekspozuar politikisht;', value: '', type: 1, selected: false },\r\n { listing: '3', text: 'Bashkëpunëtor të ngushtë – nënkupton ato biznese ose partner ose bashkëpunëtor të cilët e ndajnë pronësinë e entiteteve juridike me personin e ekspozuar politikisht, duke përfshirë anëtarët e bordit, pasi që së bashku ushtrojnë kontroll efektive mbi kompaninë. ', value: '', type: 1, selected: false },\r\n { listing: '', text: 'Shtetit të Huaj', value: '', type: 0, selected: false },\r\n { listing: 'a', text: 'Udhëheqës i shtetit ose qeverisë', value: '', type: 2, selected: false },\r\n { listing: 'b', text: 'Politikan i lartë (deputet i parlamentit, ministër, zëvendës ministër, apo pozitë ekuivalente)', value: '', type: 2, selected: false },\r\n { listing: 'c', text: 'Zyrtarë i lartë qeveritar, gjyqësor ose ushtarak (gjykatës apo anëtar i ndonjë institucioni gjyqësor të lartë ndaj vendimeve të cilit nuk mund të ushtrohet ankesë përveç në rrethana të jashtëzakonshme, anëtar i gjykatës së auditorëve, komitetit të auditorëve apo bordit të bankës qendrore, ambasador apo i ngarkuar me punë apo oficer i rangut të lartë ushtarak)', value: '', type: 2, selected: false },\r\n { listing: 'd', text: 'Drejtues i lartë i korporatave në pronësi të shtetit (anëtar i administratës, bordit apo menaxher i korporateve dhe ndërmarrjeve në pronësi të shtetit)', value: '', type: 2, selected: false },\r\n {\r\n listing: 'e', text: `Person politikisht i rëndësishëm në organizatë ndërkombëtare\r\n (personat të cilët kanë qenë ose u janë besuar funksione të rëndësishme në organizatat ndërkombëtare dhe kjo i referohet anëtarëve të menaxhmentit të lartë apo personave të cilëve u janë besuar funksione ekuivalente si p.sh drejtorët, zëvendës drejtorët dhe anëtarët e bordit ose pozitat ekuivalente në Kosovë)\r\n Organizatat ndërkombëtare përfshijnë por pa u kufizuar si në vijim:\r\n •\tKombet e Bashkuara dhe organizatat e ndërlidhura me të \r\n •\tOrganizata e Shteteve të Bashkuara të Amerikës\r\n •\tOrganizatat apo misionet e ndërlidhure me BE-në\r\n •\tOrganizata Ndërkombëtare e Punës\r\n •\tFondi Monetar Ndërkombëtar\r\n •\tBanka Botërore\r\n `, value: '', type: 2, selected: false\r\n },\r\n { listing: '', text: 'Shtetit të Republikës së Kosovës', value: '', type: 0, selected: false },\r\n { listing: '1', text: 'President i Republikës së Kosovës, anëtarët i kabinetit të Presidentit, Sekretar si dhe Drejtorë i Departamenteve Profesionale në Zyrën e Presidentit të Republikës së Kosovës', value: '', type: 2, selected: false },\r\n { listing: '2', text: 'Deputet i Kuvendit të Kosovës, personi zgjedhur apo emëruar nga Kuvendi, Kryesia, Kryetari i Kuvendit si dhe Kabineti i Kryetarit të Kuvendit të Republikës së Kosovës', value: '', type: 2, selected: false },\r\n { listing: '3', text: 'Kryeministër, Zëvendës Kryeministër, Ministër, Zëvendës Ministër, Këshilltarë politik, Shef i kabinetit apo i emëruar nga ta;', value: '', type: 2, selected: false },\r\n { listing: '4', text: 'Sekretar i Përgjithshëm i Qeverisë, Kryeshef i Agjencive të themeluara me ligj apo me ndonjë akt tjetër, Drejtor dhe Zëvendës Drejtor, Drejtor regjional i Administratës Tatimore të Kosovës, Drejtor i përgjithshëm si dhe Drejtor i Departamenteve të Doganës;', value: '', type: 2, selected: false },\r\n { listing: '5', text: 'Auditorë në Zyrën e Auditorit Gjeneral apo auditorë i brendshëm në institucione;', value: '', type: 2, selected: false },\r\n { listing: '6', text: 'Anëtarë i Bordeve të Ndërmarrjeve Publike, anëtarë i Bordeve të Rregullatorëve, të Komisioneve apo Agjencive tjera të themeluara me ligj apo me ndonjë akt tjetër;', value: '', type: 2, selected: false },\r\n { listing: '7', text: 'Anëtarë i Bordit, Drejtor dhe Zëvendës Drejtori i Bankës Qendrore;', value: '', type: 2, selected: false },\r\n { listing: '8', text: 'Kryetarë i Komunës dhe Zëvendës Kryetarë, Kryesues, Zëvendës Kryesues, Këshilltarët i Asambleve Komunale si dhe Drejtorë i Drejtorive Komunale;', value: '', type: 2, selected: false },\r\n { listing: '9', text: 'Anëtarë i Këshillit Gjyqësor dhe Këshillit Prokurorial, Drejtor i Sekretariatit të Këshillit Gjyqësor, Drejtor i Sekretariatit të Këshillit Prokurorial, Auditor Gjyqësor, Prokuror Disiplinor;', value: '', type: 2, selected: false },\r\n { listing: '10', text: 'Gjyqtarë dhe Prokurorë, Gjyqtarë i Gjykatës Kushtetuese dhe Sekretari i Gjykatës Kushtetuese;', value: '', type: 2, selected: false },\r\n { listing: '11', text: 'Drejtor i Departamentit, Udhëheqës i Financave dhe Prokurimit Publik në institucionet publike;', value: '', type: 2, selected: false },\r\n { listing: '12', text: 'Ambasadorë, Konsull, Zëvendës Konsull, Sekretarë i Ambasadave apo Konsullatave të Republikës se Kosovës;', value: '', type: 2, selected: false },\r\n { listing: '13', text: 'Rektor dhe Prorektor i Universitetit Publik, Dekanë dhe Prodekanë, si dhe Sekretar i Universitetit Publik dhe Njësive Akademike;', value: '', type: 2, selected: false },\r\n { listing: '14', text: 'Drejtor i Përgjithshëm, Zëvendës Drejtor dhe Drejtor rajonal i Policisë së Kosovës, Kryeshef i Inspektoratit Policor të Kosovës;', value: '', type: 2, selected: false },\r\n { listing: '15', text: 'Komandant, Zëvendës Komandant i Forcës së Sigurisë së Kosovës;', value: '', type: 2, selected: false },\r\n { listing: '16', text: 'Drejtor, Zëvendës Drejtor si dhe Inspektor i Përgjithshëm i Agjencisë Kosovare të Inteligjencës;', value: '', type: 2, selected: false },\r\n { listing: '17', text: 'Avokat i Popullit dhe Zëvendës i tij; ', value: '', type: 2, selected: false },\r\n { listing: '18', text: 'Kryeinspektorë i Inspektorive të nivelit qendror dhe lokal. ', value: '', type: 2, selected: false },\r\n { listing: '19', text: 'Drejtori i Njësisë për Inteligjencë Financiare të Kosovës ', value: '', type: 2, selected: false },\r\n { listing: '20', text: 'Zyrtarë i rëndësishëm në parti politike (Kryetari dhe anëtarët e organit më të lartë ekzekutiv të partisë politike siç përkufizohet me legjislacionin në fuqi në Kosovë për regjistrimin dhe veprimtarinë e partive politike)', value: '', type: 2, selected: false },\r\n {\r\n listing: 'a.', text: `Anëtarë i ngushtë i familjes së personit të renditur në listën më sipër?\r\n •\tPrind / prind adoptues\r\n •\tBashkëshort/e\r\n •\tFëmijë / fëmijë i adoptuar\r\n •\tVëlla / Motër\r\n `, value: '', type: 2, selected: false\r\n },\r\n { listing: 'b.', text: 'Bashkëpunëtor i ngushtë i ndonjë personi të renditur në listën më sipër? ', value: '', type: 3, selected: false },\r\n]\r\n\r\nexport const CreditLifeTypes: Nomen[] = [\r\n { code: '01', name: 'Personale' },\r\n { code: '02', name: 'Biznesi' }\r\n]\r\n\r\nexport const IncomeSources: Nomen[] = [\r\n { code: 'Page', name: 'Page' },\r\n { code: 'Te hyra nga biznesi', name: 'Te hyra nga biznesi' },\r\n { code: 'Te tjera specifiko', name: 'Te tjera specifiko' }\r\n]","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport RadioButtonGroupFieldMain from '../../Custom/RadioButtonGroupFieldMain';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport DatePickerFieldMain from '../../Custom/DatePickerFieldMain';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { Gender } from '../../../utils/nomen';\r\nimport { useFormikContext } from 'formik';\r\nimport * as actionTypes from \"../../../redux/actionTypes/tplPolicyActionTypes\";\r\nimport { AppState } from \"../../../redux/reducers/rootReducer\";\r\nimport { MotorInsQuotation } from '../../../utils/policyTypes';\r\nimport { Loading } from '../../Layout/Loading';\r\n\r\nconst Contractor = () => {\r\n const { values }: any = useFormikContext();\r\n const motorInsQuotation = useSelector\r\n
\r\n ) : null}\r\n {error}
\r\n \r\n {motorInsQuotation ?
\r\n }\r\n \r\n );\r\n}\r\nexport default connect()(Contractor);\r\n","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport RadioButtonGroupFieldMain from '../../Custom/RadioButtonGroupFieldMain';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport DatePickerFieldMain from '../../Custom/DatePickerFieldMain';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { Gender } from '../../../utils/nomen';\r\nimport { useFormikContext } from 'formik';\r\nimport { AppState } from '../../../redux/reducers/rootReducer';\r\nimport { MotorInsQuotation, Person } from '../../../utils/policyTypes';\r\nimport { useFormikWizard } from 'formik-wizard';\r\n\r\nconst Insured1 = () => {\r\n const { values: currentValues }: any = useFormikContext();\r\n const { values }: any = useFormikWizard();\r\n let insured1 = useSelector\r\n
: ''}\r\n \r\n
Total Primi + Taksa per Blerje Online {motorInsQuotation.total} LEK
\r\n\r\n \r\n
\r\n \r\n
\r\n {!isPhysical && \r\n
}\r\n {isPhysical && \r\n
}\r\n \r\n
\r\n\r\n \r\n
\r\n {isPhysical && \r\n
}\r\n\r\n {!isPhysical && \r\n
}\r\n\r\n \r\n {isPhysical &&
\r\n {isPhysical && \r\n
}\r\n {!isPhysical &&\r\n \r\n
}\r\n \r\n
\r\n \r\n
}\r\n {isPhysical && \r\n
\r\n \r\n
\r\n \r\n
}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\nexport default connect()(Insured1);\r\n","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { useFormikContext } from \"formik\";\r\nimport RadioButtonGroupFieldMain from '../../Custom/RadioButtonGroupFieldMain';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport DatePickerFieldMain from '../../Custom/DatePickerFieldMain';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { Gender } from '../../../utils/nomen';\r\nimport CheckboxField from '../../Custom/CheckboxField';\r\nimport { AppState } from '../../../redux/reducers/rootReducer';\r\nimport { MotorInsQuotation } from '../../../utils/policyTypes';\r\n\r\nconst Insured2 = () => {\r\n const { values }: any = useFormikContext();\r\n const motorInsQuotation = useSelector\r\n
\r\n \r\n
Total Primi + Taksa per Blerje Online {motorInsQuotation?.total} LEK
\r\n {!insured1 && }\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {!isPhysical\r\n ?
\r\n \r\n
\r\n \r\n
\r\n {isPhysical && \r\n
}\r\n\r\n {!isPhysical && \r\n
}\r\n \r\n
\r\n \r\n
\r\n {isPhysical && \r\n
}\r\n {!isPhysical && \r\n
}\r\n \r\n {isPhysical &&
\r\n {isPhysical && \r\n
}\r\n {isPhysical && \r\n
}\r\n \r\n
}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
);\r\n}\r\n\r\nexport default connect()(Insured2);\r\n","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { useFormikWizard } from 'formik-wizard';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { Payment } from '../../../utils/nomen';\r\nimport CheckboxField from '../../Custom/CheckboxField';\r\nimport RadioButtonGroupFieldMain from '../../Custom/RadioButtonGroupFieldMain';\r\nimport { useFormikContext } from 'formik';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport { AppState } from '../../../redux/reducers/rootReducer';\r\nimport { Nomen } from '../../../utils';\r\nimport { MotorInsQuotation } from '../../../utils/policyTypes';\r\nimport Pdf from \"../../../InsuranceConditions/01_01.pdf\";\r\n\r\nconst Preview = () => {\r\n const { values: wizValues }: any = useFormikWizard();\r\n const { values: formikValues }: any = useFormikContext();\r\n const locations = useSelector\r\n
\r\n \r\n
Total Primi + Taksa per Blerje Online {motorInsQuotation?.total} LEK
\r\n\r\n \r\n
\r\n {values.hasSecondInsurer && <>\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {!isPhysical\r\n ?
\r\n \r\n
\r\n \r\n
\r\n {isPhysical && \r\n
}\r\n\r\n {!isPhysical && \r\n
}\r\n \r\n
\r\n \r\n
\r\n {isPhysical && \r\n
}\r\n {!isPhysical && \r\n
}\r\n \r\n {isPhysical &&
\r\n {isPhysical && \r\n
}\r\n {isPhysical && \r\n
}\r\n \r\n
}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default connect()(Preview);\r\n","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport * as actionTypes from '../../../redux/actionTypes/tplPolicyActionTypes';\r\nimport { AppState } from '../../../redux/reducers/rootReducer';\r\nimport { Loading } from '../../Layout/Loading';\r\n\r\nconst Confirmation = () => {\r\n const isLoading = useSelectorVerifiko
\r\n\r\n
\r\n
\r\n Primi
{motorInsQuotation?.total1} LEK
\r\n Taksa
{motorInsQuotation?.total2} LEK
\r\n Primi + Taksa
{motorInsQuotation?.total} LEK
\r\n \r\n
\r\n
Automjeti:
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n Targa
{wizValues.vehicleMain.plateNumber}
\r\n Numri i shasisë
{wizValues.vehicleMain.chassis}
\r\n
Prodhuesi/Modeli
{wizValues.vehicleDetails.mark} - {wizValues.vehicleDetails.tip}
\r\n Ngjyra e automjetit
{wizValues.vehicleDetails.colour}
\r\n
Pesha e automjetit
{wizValues.vehicleDetails.capacity}
\r\n Fuqia
{wizValues.vehicleDetails.power}
\r\n
Viti i prodhimit
{wizValues.vehicleDetails.prodYear}
\r\n Kontraktuesi:
\r\n {isContractorPhysical &&\r\n
\r\n
\r\n
}\r\n {!isContractorPhysical && Numri personal
{wizValues.contractor.clientNo}
\r\n Emri Mbiemri
{wizValues.contractor.title} {wizValues.contractor.lastName}
\r\n
Nr. telefonit
{wizValues.contractor.celphone}
\r\n Adresa
{wizValues.contractor.address}
\r\n
Vendi
{wizValues.contractor.place}
\r\n \r\n
\r\n
}\r\n\r\n \r\n Nipti
{wizValues.contractor.nipt}
\r\n Emri
{wizValues.contractor.title} {wizValues.contractor.lastName}
\r\n
Adresa
{wizValues.contractor.address}
\r\n Vendi
{wizValues.contractor.place}
\r\n I Siguruari:
\r\n {isInsured1Physical &&\r\n
\r\n
\r\n
\r\n
}\r\n {!isInsured1Physical && Numri personal
{wizValues.insured1.clientNo}
\r\n Emri Mbiemri
{wizValues.insured1.title} {wizValues.contractor.lastName}
\r\n
Nr. telefonit
{wizValues.insured1.celphone}
\r\n Adresa
{wizValues.insured1.address}
\r\n
Vendi
{wizValues.insured1.place}
\r\n Dëshmi aftësie
{wizValues.insured1.drivingLicenceNo}
\r\n
Dëshmi aftësie - Klasa
{wizValues.insured1.drivingLicenceCat}
\r\n \r\n
\r\n
\r\n
}\r\n {hasSecondInsurer &&\r\n <>\r\n Nipti
{wizValues.insured1.nipt}
\r\n Emri
{wizValues.insured1.title} {wizValues.insured1.lastName}
\r\n
Adresa
{wizValues.insured1.address}
\r\n Vendi
{wizValues.insured1.place}
\r\n
Dëshmi aftësie
{wizValues.insured1.drivingLicenceNo}
\r\n Dëshmi aftësie - Klasa
{wizValues.insured1.drivingLicenceCat}
\r\n I Siguruari 2:
\r\n {isInsured2Physical &&\r\n
\r\n
\r\n
\r\n
}\r\n {!isInsured2Physical && Numri personal
{wizValues.insured2.clientNo}
\r\n Emri Mbiemri
{wizValues.insured2.title} {wizValues.contractor.lastName}
\r\n
Nr. telefonit
{wizValues.insured2.celphone}
\r\n Adresa
{wizValues.insured2.address}
\r\n
Vendi
{wizValues.insured1.place}
\r\n Dëshmi aftësie
{wizValues.insured2.drivingLicenceNo}
\r\n
Dëshmi aftësie - Klasa
{wizValues.insured2.drivingLicenceCat}
\r\n \r\n
\r\n
\r\n
}\r\n }\r\n \r\n Nipti
{wizValues.insured2.nipt}
\r\n Emri
{wizValues.insured2.title} {wizValues.insured1.lastName}
\r\n
Adresa
{wizValues.insured2.address}
\r\n Vendi
{wizValues.insured2.place}
\r\n
Dëshmi aftësie
{wizValues.insured2.drivingLicenceNo}
\r\n Dëshmi aftësie - Klasa
{wizValues.insured2.drivingLicenceCat}
\r\n \r\n
\r\n \r\n
\r\n Delivery method:
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {typeFil &&
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Kushtet e përgjithshme të sigurimit\r\n
\r\n \r\n
\r\n \r\n p.code !== '2')} />\r\n
\r\n \r\n
\r\n \r\n \r\n Redirecting to the payment provider...\r\n
}\r\n );\r\n}\r\n\r\nexport default connect()(Confirmation);\r\n","import { PolicyMenu } from './../../../redux/types';\r\nimport { preparePolicy } from './../../../utils/policyTypes';\r\nimport { FormikWizardStepType } from '../../../utils/wizardTypes';\r\nimport { object, string, mixed, StringSchema, number, bool, BooleanSchema } from 'yup';\r\nimport store from \"../../../redux/configureStore\";\r\nimport * as tplActions from \"../../../redux/actionCreators/tplPolicyActionCreators\";\r\nimport * as generalActions from \"../../../redux/actionCreators/generalActionCreators\";\r\nimport moment from 'moment';\r\nimport VehicleMain from './VehicleMain';\r\nimport VehicleDetails from './VehicleDetails';\r\nimport Contractor from './Contractor';\r\nimport Insured1 from './Insured1';\r\nimport Insured2 from './Insured2';\r\nimport Preview from './Preview';\r\nimport Confirmation from './Confirmation';\r\n\r\nexport default [\r\n {\r\n id: 'vehicleMain',\r\n component: VehicleMain,\r\n name: 'Llogarit primin',\r\n description: '',\r\n initialValues: {\r\n plateNumber: '',\r\n chassis: '',\r\n startdate: ''\r\n },\r\n validationSchema: object().shape({\r\n plateNumber: string().required('E domosdoshme'),\r\n chassis: string().required('E domosdoshme'),\r\n startdate: mixed().required('E domosdoshme')\r\n }),\r\n actionLabel: 'Verifiko Automjetin',\r\n onAction: (sectionValues, formValues) => {\r\n const fvalid = moment(sectionValues.startdate).format('YYYY-MM-DD');\r\n const submittedFValid = moment(formValues.vehicleMain.startdate).format('YYYY-MM-DD');\r\n if (submittedFValid === \"\"\r\n || fvalid !== submittedFValid\r\n || formValues.vehicleMain.chassis === \"\"\r\n || sectionValues.chassis !== formValues.vehicleMain.chassis\r\n || sectionValues.plateNumber !== formValues.vehicleMain.plateNumber) {\r\n const customerId = store.getState().auth.user?.customerId;\r\n store.dispatch(generalActions.checkFValid(customerId!, \"01\", \"01\", fvalid, sectionValues.plateNumber, sectionValues.chassis, \"\", null, null, \"\", null, true));\r\n }\r\n }\r\n },\r\n {\r\n id: 'vehicleDetails',\r\n component: VehicleDetails,\r\n name: 'Automjeti',\r\n description: '',\r\n initialValues: {\r\n categoryClassTypeVehicle: '',\r\n mark: '',\r\n tip: '',\r\n prodYear: '',\r\n placenr: '',\r\n colour: '',\r\n capacity: '',\r\n power: '',\r\n used: '',\r\n vehicleLicence: '',\r\n },\r\n validationSchema: object().shape({\r\n categoryClassTypeVehicle: string().required('E domosdoshme'),\r\n mark: string().required('E domosdoshme'),\r\n tip: string().required('E domosdoshme'),\r\n prodYear: number().required('E domosdoshme').test(\r\n 'validYear',\r\n 'Production year cannot be after current year',\r\n function (this: any, value: any) {\r\n const current = moment().year();\r\n if (value !== '')\r\n return parseInt(value) <= current;\r\n return true;\r\n }),\r\n placenr: number().required('E domosdoshme'),\r\n colour: string().required('E domosdoshme'),\r\n capacity: number().required('E domosdoshme'),\r\n power: number().required('E domosdoshme'),\r\n used: string(),\r\n vehicleLicence: string().required('E domosdoshme'),\r\n }),\r\n actionLabel: 'Vazhdo',\r\n onAction: (sectionValues, formValues) => {\r\n const quotation = store.getState().policy.motorInsQuotation;\r\n if (!quotation || !quotation?.total || quotation?.total === 0.0) {\r\n const customerId = store.getState().auth.user?.customerId;\r\n store.dispatch(tplActions.getTPLQuotation(customerId!, sectionValues.categoryClassTypeVehicle, sectionValues.prodYear, sectionValues.power));\r\n }\r\n }\r\n },\r\n {\r\n id: 'contractor',\r\n component: Contractor,\r\n name: 'Kontraktuesi',\r\n description: '',\r\n initialValues: {\r\n tipKind: '3',\r\n nipt: '',\r\n clientNo: '',\r\n title: '',\r\n lastName: '',\r\n birthDate: '',\r\n celphone: '',\r\n address: '',\r\n place: '',\r\n sex: ''\r\n },\r\n validationSchema: object().shape({\r\n tipKind: string().required('E domosdoshme'),\r\n clientNo: string().when('tipKind', (tipKind: string, schema: StringSchema\r\n
\r\n \r\n );\r\n}\r\n\r\n\r\nexport default Nav;","import React from \"react\";\r\nimport { connect, useSelector } from \"react-redux\";\r\nimport { Dispatch } from \"redux\";\r\nimport { HideModalAction } from \"../../../redux/actionTypes/generalActionTypes\";\r\nimport { withRouter } from 'react-router-dom';\r\nimport { AppState } from \"../../../redux/reducers/rootReducer\";\r\nimport steps from './steps';\r\nimport FormikWizard from 'formik-wizard';\r\nimport { FormikWizardWrapperProps } from \"../../../utils/wizardTypes\";\r\nimport SimpleModal from '../../General/SimpleModal';\r\nimport Nav from './Nav';\r\nimport {\r\n getTplVehicleCategoryClassType,\r\n getVehicleMark,\r\n getDeliveryBranchLocations\r\n} from \"../../../redux/actionCreators/nomenActionCreators\";\r\nimport * as nomenActionTypes from \"../../../redux/actionTypes/nomenActionTypes\";\r\nimport * as actionTypes from \"../../../redux/actionTypes/tplPolicyActionTypes\";\r\nimport { hideModal } from \"../../../redux/actionCreators/generalActionCreators\";\r\nimport { RouteComponentProps } from \"../../Layout/Content\";\r\nimport { Loading } from \"../../Layout/Loading\";\r\n\r\ninterface Props {\r\n onGetTplVehicleCategoryClassType(): void;\r\n onGetVehicleMark(): void;\r\n onGetDeliveryBranchLocations(): void;\r\n closeModal(): void;\r\n showModal: boolean;\r\n description: string;\r\n header: string;\r\n nextStep: string;\r\n history: History;\r\n isLoading: boolean;\r\n nomenFetched: boolean;\r\n}\r\n\r\ninterface PathProps {\r\n history: any;\r\n}\r\n\r\nfunction FormWrapper({\r\n children,\r\n isLastStep,\r\n status,\r\n goToPreviousStep,\r\n canGoBack,\r\n actionLabel,\r\n currentStep\r\n}: FormikWizardWrapperProps\r\n Dëmet\r\n
\r\n\r\n
\r\n \r\n {steps.map((step, index) => {\r\n return (
\r\n \r\n
)\r\n })}\r\n \r\n
\r\n \r\n {index >= currentIndex ? index + 1 : ✓}\r\n
\r\n \r\n
\r\n \r\n {step.name}\r\n
\r\n \r\n {step.description}\r\n
\r\n
\r\n \r\n
\r\n \r\n
);\r\n}\r\n\r\n\r\nclass TplPolicy extends React.Component\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {children}\r\n
\r\n \r\n
\r\n \r\n {canGoBack && \r\n }\r\n
\r\n \r\n {isLastStep && }\r\n {!isLastStep && }\r\n
\r\n \r\n {this.props.isLoading\r\n ? { return; }} />\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch: Dispatch\r\n
\r\n }\r\n \r\n
\r\n \r\n { }} render={FormWrapper} />\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\nexport default connect()(VehicleMain);\r\n","import * as React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { AppState } from \"../../../redux/reducers/rootReducer\";\r\nimport { Nomen } from \"../../../utils\";\r\nimport { MotorInsQuotation } from '../../../utils/policyTypes';\r\nimport * as gcActionTypes from \"../../../redux/actionTypes/gcPolicyActionTypes\";\r\nimport * as generalActionTypes from \"../../../redux/actionTypes/generalActionTypes\";\r\nimport { Loading } from '../../Layout/Loading';\r\n\r\nconst VehicleDetails = () => {\r\n const classTypes = useSelector\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n {motorInsQuotation ?
\r\n\r\n }\r\n \r\n );\r\n}\r\n\r\nexport default VehicleDetails;\r\n","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport RadioButtonGroupFieldMain from '../../Custom/RadioButtonGroupFieldMain';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport DatePickerFieldMain from '../../Custom/DatePickerFieldMain';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { Gender } from '../../../utils/nomen';\r\nimport { useFormikContext } from 'formik';\r\nimport * as actionTypes from \"../../../redux/actionTypes/gcPolicyActionTypes\";\r\nimport { AppState } from \"../../../redux/reducers/rootReducer\";\r\nimport { MotorInsQuotation } from '../../../utils/policyTypes';\r\nimport { Loading } from '../../Layout/Loading';\r\n\r\nconst Contractor = () => {\r\n const { values }: any = useFormikContext();\r\n const motorInsQuotation = useSelector\r\n
: ''}\r\n\r\n\r\n \r\n
Total Primi + Taksa per Blerje Online {motorInsQuotation.total} €
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {motorInsQuotation ?
\r\n }\r\n \r\n );\r\n}\r\nexport default connect()(Contractor);\r\n","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport RadioButtonGroupFieldMain from '../../Custom/RadioButtonGroupFieldMain';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport DatePickerFieldMain from '../../Custom/DatePickerFieldMain';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { Gender } from '../../../utils/nomen';\r\nimport { useFormikContext } from 'formik';\r\nimport { AppState } from '../../../redux/reducers/rootReducer';\r\nimport { MotorInsQuotation, Person } from '../../../utils/policyTypes';\r\nimport { useFormikWizard } from 'formik-wizard';\r\n\r\nconst Insured1 = () => {\r\n const { values: currentValues }: any = useFormikContext();\r\n const { values }: any = useFormikWizard();\r\n let insured1 = useSelector\r\n
: ''}\r\n \r\n
Total Primi + Taksa per Blerje Online {motorInsQuotation.total} €
\r\n\r\n \r\n
\r\n \r\n
\r\n {!isPhysical && \r\n
}\r\n {isPhysical && \r\n
}\r\n \r\n
\r\n\r\n \r\n
\r\n {isPhysical && \r\n
}\r\n\r\n {!isPhysical && \r\n
}\r\n\r\n \r\n {isPhysical &&
\r\n {isPhysical && \r\n
}\r\n {!isPhysical && \r\n
}\r\n \r\n
\r\n \r\n
}\r\n {isPhysical && \r\n
\r\n \r\n
\r\n \r\n
}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\nexport default connect()(Insured1);\r\n","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { useFormikContext } from \"formik\";\r\nimport RadioButtonGroupFieldMain from '../../Custom/RadioButtonGroupFieldMain';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport DatePickerFieldMain from '../../Custom/DatePickerFieldMain';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { Gender } from '../../../utils/nomen';\r\nimport CheckboxField from '../../Custom/CheckboxField';\r\nimport { MotorInsQuotation } from '../../../utils/policyTypes';\r\nimport { AppState } from '../../../redux/reducers/rootReducer';\r\n\r\nconst Insured2 = () => {\r\n const { values }: any = useFormikContext();\r\n const motorInsQuotation = useSelector\r\n
\r\n \r\n
Total Primi + Taksa per Blerje Online {motorInsQuotation?.total} €
\r\n {!insured1 && }\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {!isPhysical\r\n ?
\r\n \r\n
\r\n \r\n
\r\n {isPhysical && \r\n
}\r\n\r\n {!isPhysical && \r\n
}\r\n \r\n
\r\n \r\n
\r\n {isPhysical && \r\n
}\r\n {!isPhysical && \r\n
}\r\n \r\n {isPhysical &&
\r\n {isPhysical && \r\n
}\r\n {isPhysical && \r\n
}\r\n \r\n
}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
);\r\n}\r\n\r\nexport default connect()(Insured2);\r\n","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { useFormikWizard } from 'formik-wizard';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { Payment } from '../../../utils/nomen';\r\nimport CheckboxField from '../../Custom/CheckboxField';\r\nimport RadioButtonGroupFieldMain from '../../Custom/RadioButtonGroupFieldMain';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport { useFormikContext } from 'formik';\r\nimport { Nomen } from '../../../utils';\r\nimport { AppState } from '../../../redux/reducers/rootReducer';\r\nimport { MotorInsQuotation } from '../../../utils/policyTypes';\r\nimport Pdf from \"../../../InsuranceConditions/02_01.pdf\";\r\n\r\nconst Preview = () => {\r\n const { values: wizValues }: any = useFormikWizard();\r\n const { values: formikValues }: any = useFormikContext();\r\n const locations = useSelector\r\n
\r\n \r\n
Total Primi + Taksa per Blerje Online {motorInsQuotation?.total} €
\r\n\r\n \r\n
\r\n {values.hasSecondInsurer && <>\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {!isPhysical\r\n ?
\r\n \r\n
\r\n \r\n
\r\n {isPhysical && \r\n
}\r\n\r\n {!isPhysical && \r\n
}\r\n \r\n
\r\n \r\n
\r\n {isPhysical && \r\n
}\r\n {!isPhysical && \r\n
}\r\n \r\n {isPhysical &&
\r\n {isPhysical && \r\n
}\r\n {isPhysical && \r\n
}\r\n \r\n
}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default connect()(Preview);\r\n","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport * as actionTypes from '../../../redux/actionTypes/gcPolicyActionTypes';\r\nimport { AppState } from '../../../redux/reducers/rootReducer';\r\nimport { Loading } from '../../Layout/Loading';\r\n\r\nconst Confirmation = () => {\r\n const isLoading = useSelectorVerifiko
\r\n\r\n
\r\n
\r\n Primi
{motorInsQuotation?.total1} €
\r\n Taksa
{motorInsQuotation?.total2} €
\r\n Primi + Taksa
{motorInsQuotation?.total} €
\r\n \r\n
\r\n
Automjeti:
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n Targa
{wizValues.vehicleMain.plateNumber}
\r\n Numri i shasisë
{wizValues.vehicleMain.chassis}
\r\n
Prodhuesi/Modeli
{wizValues.vehicleDetails.mark} - {wizValues.vehicleDetails.tip}
\r\n Ngjyra e automjetit
{wizValues.vehicleDetails.colour}
\r\n
Pesha e automjetit
{wizValues.vehicleDetails.capacity}
\r\n Fuqia
{wizValues.vehicleDetails.power}
\r\n
Viti i prodhimit
{wizValues.vehicleDetails.prodYear}
\r\n Kontraktuesi:
\r\n {isContractorPhysical &&\r\n
\r\n
\r\n
}\r\n {!isContractorPhysical && Numri personal
{wizValues.contractor.clientNo}
\r\n Emri Mbiemri
{wizValues.contractor.title} {wizValues.contractor.lastName}
\r\n
Celulari
{wizValues.contractor.celphone}
\r\n Adresa
{wizValues.contractor.address}
\r\n
Vendi
{wizValues.contractor.place}
\r\n \r\n
\r\n
}\r\n\r\n \r\n Nipti
{wizValues.contractor.nipt}
\r\n Emri
{wizValues.contractor.title} {wizValues.contractor.lastName}
\r\n
Adresa
{wizValues.contractor.address}
\r\n Vendi
{wizValues.contractor.place}
\r\n I Siguruari:
\r\n {isInsured1Physical &&\r\n
\r\n
\r\n
\r\n
}\r\n {!isInsured1Physical && Numri personal
{wizValues.insured1.clientNo}
\r\n Emri Mbiemri
{wizValues.insured1.title} {wizValues.insured1.lastName}
\r\n
Celulari
{wizValues.insured1.celphone}
\r\n Adresa
{wizValues.insured1.address}
\r\n
Vendi
{wizValues.insured1.place}
\r\n Dëshmi aftësie
{wizValues.insured1.drivingLicenceNo}
\r\n
Dëshmi aftësie - Klasa
{wizValues.insured1.drivingLicenceCat}
\r\n \r\n
\r\n
\r\n
}\r\n {hasSecondInsurer &&\r\n <>\r\n Nipti
{wizValues.insured1.nipt}
\r\n Emri
{wizValues.insured1.title} {wizValues.insured1.lastName}
\r\n
Adresa
{wizValues.insured1.address}
\r\n Vendi
{wizValues.insured1.place}
\r\n
Dëshmi aftësie
{wizValues.insured1.drivingLicenceNo}
\r\n Dëshmi aftësie - Klasa
{wizValues.insured1.drivingLicenceCat}
\r\n I Siguruari 2:
\r\n {isInsured2Physical &&\r\n
\r\n
\r\n
\r\n
}\r\n {!isInsured2Physical && Numri personal
{wizValues.insured2.clientNo}
\r\n Emri Mbiemri
{wizValues.insured2.title} {wizValues.insured2.lastName}
\r\n
Celulari
{wizValues.insured2.celphone}
\r\n Adresa
{wizValues.insured2.address}
\r\n
Vendi
{wizValues.insured1.place}
\r\n Dëshmi aftësie
{wizValues.insured2.drivingLicenceNo}
\r\n
Dëshmi aftësie - Klasa
{wizValues.insured2.drivingLicenceCat}
\r\n \r\n
\r\n
\r\n
}\r\n }\r\n \r\n Nipti
{wizValues.insured2.nipt}
\r\n Emri
{wizValues.insured2.title} {wizValues.insured2.lastName}
\r\n
Adresa
{wizValues.insured2.address}
\r\n Vendi
{wizValues.insured2.place}
\r\n
Dëshmi aftësie
{wizValues.insured2.drivingLicenceNo}
\r\n Dëshmi aftësie - Klasa
{wizValues.insured2.drivingLicenceCat}
\r\n \r\n
\r\n \r\n
\r\n Delivery method:
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {typeFil &&
\r\n \r\n
\r\n \r\n
\r\n \r\n Kushtet e përgjithshme të sigurimit\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Redirecting to the payment provider...\r\n
}\r\n );\r\n}\r\n\r\nexport default connect()(Confirmation);\r\n","import { PolicyMenu } from './../../../redux/types';\r\nimport { preparePolicy } from './../../../utils/policyTypes';\r\nimport { FormikWizardStepType } from '../../../utils/wizardTypes';\r\nimport { object, string, mixed, StringSchema, number, bool, BooleanSchema } from 'yup';\r\nimport store from \"../../../redux/configureStore\";\r\nimport * as gcActions from \"../../../redux/actionCreators/gcPolicyActionCreators\";\r\nimport * as generalActions from \"../../../redux/actionCreators/generalActionCreators\";\r\nimport moment from 'moment';\r\nimport VehicleMain from './VehicleMain';\r\nimport VehicleDetails from './VehicleDetails';\r\nimport Contractor from './Contractor';\r\nimport Insured1 from './Insured1';\r\nimport Insured2 from './Insured2';\r\nimport Preview from './Preview';\r\nimport Confirmation from './Confirmation';\r\n\r\nexport default [\r\n {\r\n id: 'vehicleMain',\r\n component: VehicleMain,\r\n name: 'Llogarit primin',\r\n description: '',\r\n initialValues: {\r\n plateNumber: '',\r\n chassis: '',\r\n startdate: '',\r\n insuredPeriod: '0'\r\n },\r\n validationSchema: object().shape({\r\n plateNumber: string().required('E domosdoshme'),\r\n chassis: string().required('E domosdoshme'),\r\n startdate: mixed().required('E domosdoshme'),\r\n insuredPeriod: string().required('E domosdoshme')\r\n }),\r\n actionLabel: 'Verifiko Automjetin',\r\n onAction: (sectionValues, formValues) => {\r\n const fvalid = moment(sectionValues.startdate).format('YYYY-MM-DD');\r\n const submittedFValid = moment(formValues.vehicleMain.startdate).format('YYYY-MM-DD');\r\n if (submittedFValid === \"\"\r\n || fvalid !== submittedFValid\r\n || formValues.vehicleMain.chassis === \"\"\r\n || sectionValues.chassis !== formValues.vehicleMain.chassis\r\n || sectionValues.plateNumber !== formValues.vehicleMain.plateNumber) {\r\n const customerId = store.getState().auth.user?.customerId;\r\n store.dispatch(generalActions.checkFValid(customerId!, \"01\", \"02\", fvalid, sectionValues.plateNumber, sectionValues.chassis, \"\", null, null, sectionValues.insuredPeriod, null, true));\r\n }\r\n }\r\n },\r\n {\r\n id: 'vehicleDetails',\r\n component: VehicleDetails,\r\n name: 'Automjeti',\r\n description: '',\r\n initialValues: {\r\n categoryClassTypeVehicle: '',\r\n mark: '',\r\n tip: '',\r\n prodYear: '',\r\n placenr: '',\r\n colour: '',\r\n capacity: '',\r\n power: '',\r\n used: '',\r\n vehicleLicence: '',\r\n },\r\n validationSchema: object().shape({\r\n categoryClassTypeVehicle: string().required('E domosdoshme'),\r\n mark: string().required('E domosdoshme'),\r\n tip: string().required('E domosdoshme'),\r\n prodYear: number().required('E domosdoshme').test(\r\n 'validYear',\r\n 'Production year cannot be after current year',\r\n function (this: any, value: any) {\r\n const current = moment().year();\r\n if (value !== '')\r\n return parseInt(value) <= current;\r\n return true;\r\n }),\r\n placenr: number().required('E domosdoshme'),\r\n colour: string().required('E domosdoshme'),\r\n capacity: number().required('E domosdoshme'),\r\n power: number().required('E domosdoshme'),\r\n used: string(),\r\n vehicleLicence: string().required('E domosdoshme'),\r\n }),\r\n actionLabel: 'Vazhdo',\r\n onAction: (sectionValues, formValues) => {\r\n const quotation = store.getState().policy.motorInsQuotation;\r\n if (!quotation || !quotation?.total || quotation?.total === 0.0) {\r\n const customerId = store.getState().auth.user?.customerId;\r\n store.dispatch(gcActions.getGCQuotation(customerId!, sectionValues.categoryClassTypeVehicle, sectionValues.prodYear, sectionValues.power, formValues.vehicleMain.insuredPeriod));\r\n }\r\n }\r\n },\r\n {\r\n id: 'contractor',\r\n component: Contractor,\r\n name: 'Kontraktuesi',\r\n description: '',\r\n initialValues: {\r\n tipKind: '3',\r\n nipt: '',\r\n clientNo: '',\r\n title: '',\r\n lastName: '',\r\n birthDate: '',\r\n celphone: '',\r\n address: '',\r\n place: '',\r\n sex: ''\r\n },\r\n validationSchema: object().shape({\r\n tipKind: string().required('E domosdoshme'),\r\n clientNo: string().when('tipKind', (tipKind: string, schema: StringSchema\r\n
\r\n );\r\n}\r\n\r\n\r\nexport default Nav;","import React from \"react\";\r\nimport { connect, useSelector } from \"react-redux\";\r\nimport { Dispatch } from \"redux\";\r\nimport { HideModalAction } from \"../../../redux/actionTypes/generalActionTypes\";\r\nimport { withRouter } from 'react-router-dom';\r\nimport { AppState } from \"../../../redux/reducers/rootReducer\";\r\nimport steps from './steps';\r\nimport FormikWizard from 'formik-wizard';\r\nimport { FormikWizardWrapperProps } from \"../../../utils/wizardTypes\";\r\nimport SimpleModal from '../../General/SimpleModal';\r\nimport Nav from './Nav';\r\nimport {\r\n getGcVehicleCategoryClassType,\r\n getVehicleMark,\r\n getGcPeriod,\r\n getDeliveryBranchLocations\r\n} from \"../../../redux/actionCreators/nomenActionCreators\";\r\nimport * as nomenActionTypes from \"../../../redux/actionTypes/nomenActionTypes\";\r\nimport * as actionTypes from \"../../../redux/actionTypes/gcPolicyActionTypes\";\r\nimport { hideModal } from \"../../../redux/actionCreators/generalActionCreators\";\r\nimport { RouteComponentProps } from \"../../Layout/Content\";\r\nimport { Loading } from \"../../Layout/Loading\";\r\n\r\ninterface Props {\r\n onGetGcVehicleCategoryClassType(): void;\r\n onGetVehicleMark(): void;\r\n onGetGcPeriods(): void;\r\n onGetDeliveryBranchLocations(): void;\r\n closeModal(): void;\r\n showModal: boolean;\r\n description: string;\r\n header: string;\r\n nextStep: string;\r\n history: History;\r\n isLoading: boolean;\r\n nomenFetched: boolean;\r\n}\r\n\r\ninterface PathProps {\r\n history: any;\r\n}\r\n\r\nfunction FormWrapper({\r\n children,\r\n isLastStep,\r\n status,\r\n goToPreviousStep,\r\n canGoBack,\r\n actionLabel,\r\n currentStep\r\n}: FormikWizardWrapperProps\r\n {steps.map((step, index) => {\r\n return (
\r\n currentIndex ? \"done\" : \"\"}>\r\n
)\r\n })}\r\n \r\n
\r\n \r\n {index + 1}\r\n
\r\n \r\n
\r\n \r\n {step.name}\r\n
\r\n \r\n {step.description}\r\n
\r\n \r\n \r\n
);\r\n}\r\n\r\n\r\nclass GCPolicy extends React.Component\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {children}\r\n
\r\n \r\n
\r\n \r\n {canGoBack && \r\n }\r\n
\r\n \r\n {isLastStep && }\r\n {!isLastStep && }\r\n
\r\n \r\n {this.props.isLoading\r\n ? { return; }} />\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch: Dispatch\r\n
\r\n }\r\n \r\n
\r\n \r\n { }} render={FormWrapper} />\r\n
\r\n \r\n\r\n {motorInsQuotation ?
\r\n\r\n }\r\n \r\n );\r\n}\r\n\r\nexport default connect()(VehicleDetails);\r\n","import * as React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport RadioButtonGroupFieldMain from '../../Custom/RadioButtonGroupFieldMain';\r\nimport InputFieldMain from '../../Custom/InputFieldMain';\r\nimport DatePickerFieldMain from '../../Custom/DatePickerFieldMain';\r\nimport SelectField from '../../Custom/SelectField';\r\nimport { Gender } from '../../../utils/nomen';\r\nimport { useFormikContext } from 'formik';\r\nimport * as bActionTypes from \"../../../redux/actionTypes/bPolicyActionTypes\";\r\nimport * as generalActionTypes from \"../../../redux/actionTypes/generalActionTypes\";\r\nimport { AppState } from \"../../../redux/reducers/rootReducer\";\r\nimport { MotorInsQuotation } from '../../../utils/policyTypes';\r\nimport { Loading } from '../../Layout/Loading';\r\n\r\nconst Contractor = () => {\r\n const { values }: any = useFormikContext();\r\n const motorInsQuotation = useSelector\r\n
: ''}\r\n \r\n
Total Primi + Taksa per Blerje Online {motorInsQuotation.total} €
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {motorInsQuotation ?
\r\n