\r\n \r\n {intl.formatMessage({ id: \"CannotAttend\" })}\r\n \r\n
\r\n \r\n \r\n {intl.formatMessage({ id: \"WillAttend\" })}\r\n \r\n
\r\n \r\n ) : null\r\n }\r\n >\r\n {!isResponseRecorded ? (\r\n <>\r\n \r\n \r\n
\r\n {consultationDetails ? (\r\n <>\r\n {\" \"}\r\n \r\n \r\n {intl.formatMessage({ id: \"WillYouAttendConsult\" })}\r\n \r\n
\r\n \r\n \r\n #{consultationDetails?.patientSpecificBookingDetails?.psfServiceConsultRequests?.[0]?.userServiceConsultRequestId}\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default HcpAcceptDecline;\r\n","import React, { useEffect, useState } from 'react';\r\nimport styles from './CustomSelect.module.css'; // Add your custom styles here\r\nimport { toAbsoluteUrl } from '../../../_metronic/_helpers';\r\nimport SVG from 'react-inlinesvg';\r\nimport { useIntl } from 'react-intl';\r\n\r\nconst CustomSelect = ({ childBusinessList=[], onSelect, selectedBusiness }) => {\r\n const intl = useIntl();\r\n const [searchTerm, setSearchTerm] = useState('');\r\n const [isDropdownOpen, setIsDropdownOpen] = useState(true);\r\n const [filteredBusinessList, setFilteredBusinessList] = useState(childBusinessList);\r\n\r\n const toggleDropdown = () => {\r\n setIsDropdownOpen(!isDropdownOpen);\r\n };\r\n\r\n const handleSearchChange = (e) => {\r\n setSearchTerm(e.target.value);\r\n };\r\n\r\n useEffect(() => {\r\n const timeout = setTimeout(() => {\r\n if (searchTerm === '') {\r\n setFilteredBusinessList(childBusinessList);\r\n return;\r\n }\r\n const filteredList = childBusinessList.filter((business) =>\r\n business &&\r\n (\r\n business?.state?.name?.toLowerCase().includes(searchTerm.toLowerCase()) ||\r\n business?.state?.abbreviation?.toLowerCase().includes(searchTerm.toLowerCase()) ||\r\n business.name?.toLowerCase().includes(searchTerm.toLowerCase())\r\n )\r\n );\r\n setFilteredBusinessList(filteredList);\r\n \r\n }, 300);\r\n \r\n return () => clearTimeout(timeout);\r\n }, [searchTerm, childBusinessList]);\r\n\r\n const handleSelect = (business) => {\r\n onSelect(business);\r\n setIsDropdownOpen(false);\r\n };\r\n\r\n return (\r\n \r\n \r\n {intl.formatMessage({ id: \"ResponseRecorded\" })}\r\n \r\n
\r\n \r\n \r\n {intl.formatMessage({\r\n id: \"ThanksForConfirmingAvailability\",\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CustomSelect;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { DataConstant, UrlConstant } from \"../../constants\";\r\nimport { useIntl } from \"react-intl\";\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\n\r\nimport { findMessage, isValidPhoneNumber, returnToken } from \"../../../utils/helper\";\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport { handleFetchGet, handleFetchPost } from \"../../../utils/widgetApiCallsProvider\";\r\nimport CustomSelect from \"../../components/customSelect\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes } from \"./_redux/widgetRedux\";\r\nimport { IListItem, MobileBusinessProfile } from \"./widget-businessProfile-2\";\r\nimport styles from \"./widgetParent.module.css\";\r\nimport widgetLayoutStyles from \"./widgetLayout.module.css\"; \r\nimport SVG from \"react-inlinesvg\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers/AssetsHelpers\";\r\nimport PrimaryButton from \"./widget-checkout2_0/PrimaryButton/PrimaryButton\";\r\nimport { appActionTypes } from \"./_redux/appRedux\";\r\n\r\nimport SelectStyle from '../../components/customSelect/CustomSelect.module.css';\r\n\r\nconst { REACT_APP_IMAGEURL } = process.env;\r\n\r\nconst ParentBusinessPage = ({\r\n history,\r\n match: {\r\n params: { code },\r\n },\r\n}) => {\r\n const intl = useIntl();\r\n const dispatch = useDispatch();\r\n\r\n const [parentBusinessDetails, setParentBusinessDetails] = useState(null);\r\n const [selectedBusiness, setSelectedBusiness] = useState(null);\r\n const appDetail = useSelector((state) => state.app);\r\n\r\n const decodeString = (code)=>{\r\n try{\r\n if (typeof code === \"string\") {\r\n const parts = atob(code).split(\"/\");\r\n\r\n return {parentBusinessId: parts?.[0],affiliateId: Number(parts?.[1]), promoCode: parts?.[2]}\r\n }\r\n // If any condition is not met, throw an error\r\n throw new Error(\"Invalid format\");\r\n }\r\n catch(error){\r\n NotificationManager.error(intl.formatMessage({id: \"InvalidCode\"}));\r\n return {};\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n const wsrvUrl = `https://wsrv.nl/?url=${parentBusinessDetails?.businessProfilePic}&w=16&h=16&output=png&filename=favicon.ico`;\r\n document.title = parentBusinessDetails?.businessName;\r\n const favicon = document.querySelector('link[rel=\"icon\"]') || document.createElement('link');\r\n favicon.rel = 'icon';\r\n favicon.href = wsrvUrl\r\n document.head.appendChild(favicon);\r\n }, [parentBusinessDetails])\r\n\r\n const getCouponDetails = (affiliatePromocode)=>{\r\n handleFetchGet(UrlConstant.widget.getAffiliateCouponDetails(affiliatePromocode)).then((response)=> {\r\n if(response && response.status?.toLowerCase() ===\r\n DataConstant.apiResponseStatus.success.toLowerCase() &&\r\n response.data){\r\n dispatch({\r\n type: appActionTypes.SetShowAffiliatePromoCodeModal,\r\n payload: {\r\n showAffilitatePromoCodeModal: true,\r\n affiliatePromoCodeDetails: response?.data\r\n },\r\n });\r\n \r\n }\r\n else{\r\n if (response?.message && response.message.includes(DataConstant.Exception)) {\r\n NotificationManager.error(DataConstant.ExceptionMsg);\r\n }\r\n else if (response?.message) {\r\n NotificationManager.error(findMessage(response.message));\r\n }\r\n }\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n if (code) {\r\n const { parentBusinessId, affiliateId, promoCode} = decodeString(code);\r\n if (!parentBusinessId) {\r\n history.push(returnToken())\r\n } else {\r\n handleFetchPost(\r\n `${UrlConstant.common.GetParentBusiness}`,\r\n JSON.stringify({ parentBusinessId }),\r\n ).then((response) => {\r\n if (\r\n response &&\r\n response.status?.toLowerCase() ===\r\n DataConstant.apiResponseStatus.success.toLowerCase() &&\r\n response.data\r\n ) {\r\n const businessDeatilsRes = response?.data?.entities?.[0];\r\n if(promoCode){\r\n getCouponDetails(promoCode);\r\n }\r\n\r\n setParentBusinessDetails({\r\n ...businessDeatilsRes,\r\n businessName: businessDeatilsRes?.name,\r\n businessId: businessDeatilsRes?.parentBusinessId,\r\n businessProfilePic: businessDeatilsRes?.profileImage,\r\n businessPhoneNumber: businessDeatilsRes?.phone,\r\n businessAdddress: businessDeatilsRes?.fullAddress\r\n });\r\n if (businessDeatilsRes?.childBusiness.length > 0) {\r\n dispatch([\r\n {\r\n type: appActionTypes.UpdateAffiliateDetails,\r\n payload: {\r\n url: window.location.href,\r\n code,\r\n affiliateId,\r\n promoCode,\r\n }\r\n },\r\n {\r\n type: appActionTypes.SetChildBusinessCodeList,\r\n payload: businessDeatilsRes?.childBusiness?.map((item) => item?.widgetCode),\r\n },\r\n\r\n ])\r\n } else {\r\n dispatch([\r\n {\r\n type: actionTypes.ClearWidgetDetails,\r\n },\r\n {\r\n type: appActionTypes.UpdateAffiliateDetails,\r\n payload: {\r\n url: window.location.href,\r\n code,\r\n affiliateId,\r\n promoCode,\r\n }\r\n },\r\n {\r\n type: appActionTypes.SetChildBusinessCodeList,\r\n payload: [],\r\n },\r\n ])\r\n history.push(returnToken());\r\n }\r\n } else {\r\n NotificationManager.error(response?.message);\r\n }\r\n }).catch((error) => {\r\n NotificationManager.error(error?.message);\r\n });\r\n\r\n \r\n }\r\n }\r\n }, [code])\r\n\r\n useEffect(() => {\r\n if (appDetail?.childBusinessCodeList?.length === 1) {\r\n history.push(`/widget-business/${appDetail?.childBusinessCodeList?.[0]}`)\r\n }\r\n }, [appDetail?.childBusinessCodeList])\r\n\r\n const listItems = [\r\n {\r\n icon: ,\r\n text: parentBusinessDetails?.businessAdddress\r\n },\r\n ];\r\n\r\n if(isValidPhoneNumber(parentBusinessDetails?.businessPhoneNumber)){\r\n listItems.push({\r\n icon: ,\r\n text: parentBusinessDetails?.businessPhoneNumber,\r\n tel: true,\r\n copyBtn: true,\r\n });\r\n }\r\n\r\n if (!parentBusinessDetails) return \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {filteredBusinessList?.length > 0 ? (\r\n filteredBusinessList.map((business) => (\r\n handleSelect(business)}\r\n >\r\n {business?.state?.name}\r\n
\r\n ))\r\n ) : (\r\n {intl.formatMessage({ id: \"ParentBusiness.noResult\" })}
\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const ParentShimmer = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {parentBusinessDetails?.businessId ? <>\r\n
\r\n \r\n 
\r\n
\r\n - \r\n \r\n {parentBusinessDetails?.businessName}\r\n \r\n \r\n {parentBusinessDetails?.businessDescription}\r\n \r\n {listItems.map((item, index) => (\r\n
\r\n
\r\n \r\n
\r\n \r\n {intl.formatMessage({id: \"ParentBusiness.SelectYourState\"})}\r\n \r\n {intl.formatMessage({id: \"ParentBusiness.SelectYourStateText\"})}\r\n \r\n
\r\n \r\n history.push(`/widget-business/${selectedBusiness?.widgetCode}`) }>{intl.formatMessage({id: \"button.Continue\"})} \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\nexport default ParentBusinessPage;\r\n","import React, { Suspense, useEffect } from \"react\";\r\nimport { Redirect, Switch, useParams, Route, useLocation } from \"react-router-dom\";\r\nimport { LayoutSplashScreen, ContentRoute } from \"../_metronic/layout\";\r\nimport { RoutesList } from \"./routeList\";\r\nimport { useSelector, shallowEqual, useDispatch } from \"react-redux\";\r\nimport { ActionLoadingDialog } from \"../app/components/loader\";\r\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Modal, Slide } from \"@material-ui/core\";\r\nimport { signOut } from \"../utils/authProvider\";\r\nimport { useIntl } from \"react-intl\";\r\nimport { DataConstant, UrlConstant } from \"./constants\";\r\nimport TagManager from \"react-gtm-module\";\r\nimport { useVerifyBusiness } from \"./modules/widget/widget-verifyBusiness\";\r\nimport { handleFetchGet, handleFetchPost } from \"../utils/widgetApiCallsProvider\";\r\nimport moment from \"moment\";\r\nimport { actionTypes } from \"./modules/widget/_redux/widgetRedux\";\r\nimport { EncryptText, findMessage, formatAddressString } from \"../utils/helper\";\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport useBusinessDetails from \"./hooks/useBusinessDetails\";\r\nimport { useLocalStorage } from \"./components/useLocalStorage\";\r\nimport { handleAuthFetchGet } from \"../utils/apiCallsProvider\";\r\nimport LogRocket from 'logrocket';\r\nimport ReactGA from \"react-ga4\";\r\nimport useServiceDetails from \"./hooks/useServiceDetails\";\r\nimport WidgetLayout from \"./modules/widget/widgetLayout\";\r\nimport HcpAcceptDecline from \"./modules/widget/widget-hcpAcceptDecline\";\r\nimport ParentBusinessPage from \"./modules/widget/widget-parentBusiness\";\r\n\r\n\r\nconst {\r\n REACT_APP_ENABLE_GTM,\r\n REACT_APP_GTM_KEYS,\r\n REACT_APP_WHITELABELNAME_DISPLAYNAME,\r\n REACT_APP_ENABLE_ANALYTICS,\r\n REACT_APP_ANALYTICS_FALLBACK_PROPERTY\r\n} = process.env;\r\n\r\nexport default function BasePage() {\r\n const { actionLoader, isUnAuthorizedByAPI } = useSelector(\r\n (state) => ({ actionLoader: state.loader.actionLoader, isUnAuthorizedByAPI: state.auth.isUnAuthorizedByAPI }),\r\n shallowEqual\r\n );\r\n const intl = useIntl();\r\n const widgetDetail = useSelector(state => state.widget);\r\n\r\n useEffect(()=>{\r\n if (!widgetDetail?.widgetCode || !widgetDetail?.businessDetail?.businessId || REACT_APP_ENABLE_GTM !== \"true\") return;\r\n \r\n try {\r\n const GMTKeys = JSON.parse(REACT_APP_GTM_KEYS || \"[]\");\r\n const defaultGtmID = GMTKeys?.find(d => d.businessId === widgetDetail.businessDetail.businessId);\r\n if (defaultGtmID?.gtmId) {\r\n const tagManagerArgs = {\r\n gtmId: defaultGtmID?.gtmId,\r\n dataLayer: DataConstant.gtmEvents.homePage,\r\n };\r\n TagManager.initialize(tagManagerArgs);\r\n }\r\n } catch (error) {\r\n console.error('Error parsing GMT keys:', error);\r\n }\r\n },[widgetDetail?.widgetCode])\r\n\r\n useEffect(() => {\r\n const wsrvUrl = `https://wsrv.nl/?url=${widgetDetail?.businessDetail?.businessProfilePic}&w=16&h=16&output=png&filename=favicon.ico`;\r\n document.title = widgetDetail?.businessDetail?.businessName;\r\n const favicon = document.querySelector('link[rel=\"icon\"]') || document.createElement('link');\r\n favicon.rel = 'icon';\r\n favicon.href = wsrvUrl\r\n document.head.appendChild(favicon);\r\n }, [widgetDetail?.businessDetail])\r\n \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 {Array.from({ length: 18 }).map((business, index) => (\r\n \r\n
\r\n ))\r\n }\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {formik.status && (\r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(ForgotPassword));\r\n","import axios from \"axios\";\r\n\r\nexport const LOGIN_URL = \"api/auth/login\";\r\nexport const REGISTER_URL = \"api/auth/register\";\r\nexport const REQUEST_PASSWORD_URL = \"api/auth/forgot-password\";\r\n\r\nexport const ME_URL = \"api/me\";\r\n\r\nexport function login(email, password) {\r\n return axios.post(LOGIN_URL, { email, password });\r\n}\r\n\r\nexport function register(email, fullname, username, password) {\r\n return axios.post(REGISTER_URL, { email, fullname, username, password });\r\n}\r\n\r\nexport function requestPassword(email) {\r\n return axios.post(REQUEST_PASSWORD_URL, { email });\r\n}\r\n\r\nexport function getUserByToken() {\r\n // Authorization head should be fulfilled in interceptor.\r\n return axios.get(ME_URL);\r\n}\r\n","import React from \"react\";\r\nimport { injectIntl } from \"react-intl\";\r\nimport { connect } from \"react-redux\";\r\nimport * as authentication from '../../../../utils/authProvider';\r\nimport * as auth from \"../_redux/authRedux\";\r\n\r\nfunction Login() {\r\n // const [loading, setLoading] = useState(false);\r\n\r\n const handleSignIn = () => {\r\n authentication.signIn();\r\n }\r\n\r\n setTimeout(() => {\r\n handleSignIn();\r\n }, 2000);\r\n return (<>\r\n // \r\n
\r\n Forgotten Password ?
\r\n\r\n Enter your email to reset your password\r\n
\r\n \r\n
\r\n )}\r\n \r\n {formik.status}\r\n
\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {formik.errors.email}
\r\n \r\n \r\n Submit\r\n \r\n \r\n \r\n Cancel\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 injectIntl(connect(null, auth.actions)(Login));\r\n","import React, { useState } from \"react\";\r\nimport { useFormik } from \"formik\";\r\nimport { connect } from \"react-redux\";\r\nimport * as Yup from \"yup\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport { register } from \"../_redux/authCrud\";\r\n\r\nconst initialValues = {\r\n fullname: \"\",\r\n email: \"\",\r\n username: \"\",\r\n password: \"\",\r\n changepassword: \"\",\r\n acceptTerms: false,\r\n};\r\n\r\nfunction Registration(props) {\r\n const { intl } = props;\r\n const [loading, setLoading] = useState(false);\r\n const RegistrationSchema = Yup.object().shape({\r\n fullname: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n email: Yup.string()\r\n .email(\"Wrong email format\")\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n username: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n password: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n ),\r\n changepassword: Yup.string()\r\n .required(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.REQUIRED_FIELD\",\r\n })\r\n )\r\n .when(\"password\", {\r\n is: (val) => (val && val.length > 0 ? true : false),\r\n then: Yup.string().oneOf(\r\n [Yup.ref(\"password\")],\r\n \"Password and Confirm Password didn't match\"\r\n ),\r\n }),\r\n acceptTerms: Yup.bool().required(\r\n \"You must accept the terms and conditions\"\r\n ),\r\n });\r\n\r\n const enableLoading = () => {\r\n setLoading(true);\r\n };\r\n\r\n const disableLoading = () => {\r\n setLoading(false);\r\n };\r\n\r\n const getInputClasses = (fieldname) => {\r\n if (formik.touched[fieldname] && formik.errors[fieldname]) {\r\n return \"is-invalid\";\r\n }\r\n\r\n if (formik.touched[fieldname] && !formik.errors[fieldname]) {\r\n return \"is-valid\";\r\n }\r\n\r\n return \"\";\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: RegistrationSchema,\r\n onSubmit: (values, { setStatus, setSubmitting }) => {\r\n setSubmitting(true);\r\n enableLoading();\r\n register(values.email, values.fullname, values.username, values.password)\r\n .then(({ data: { accessToken } }) => {\r\n props.register(accessToken);\r\n disableLoading();\r\n setSubmitting(false);\r\n })\r\n .catch(() => {\r\n setSubmitting(false);\r\n setStatus(\r\n intl.formatMessage({\r\n id: \"AUTH.VALIDATION.INVALID_LOGIN\",\r\n })\r\n );\r\n disableLoading();\r\n });\r\n },\r\n });\r\n\r\n return (\r\n \r\n \r\n {/* begin: Alert */}\r\n {formik.status && (\r\n
\r\n );\r\n}\r\n\r\nexport default injectIntl(connect(null, auth.actions)(Registration));\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport { LayoutSplashScreen } from \"../../../../_metronic/layout\";\r\nimport * as auth from \"../_redux/authRedux\";\r\nimport * as authentication from '../../../../utils/authProvider'\r\n\r\nclass Logout extends Component {\r\n componentDidMount() {\r\n this.props.logout();\r\n authentication.signOut();\r\n }\r\n\r\n render() {\r\n const { hasAuthToken } = this.props;\r\n return hasAuthToken ? \r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n Enter your details to create your account\r\n
\r\n\r\n
\r\n )}\r\n {/* end: Alert */}\r\n\r\n {/* begin: Fullname */}\r\n {formik.status}
\r\n \r\n
\r\n {/* end: Fullname */}\r\n\r\n {/* begin: Email */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.fullname}
\r\n \r\n
\r\n {/* end: Email */}\r\n\r\n {/* begin: Username */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.email}
\r\n \r\n
\r\n {/* end: Username */}\r\n\r\n {/* begin: Password */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.username}
\r\n \r\n
\r\n {/* end: Password */}\r\n\r\n {/* begin: Confirm Password */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.password}
\r\n \r\n
\r\n {/* end: Confirm Password */}\r\n\r\n {/* begin: Terms and Conditions */}\r\n \r\n
\r\n ) : null}\r\n \r\n {formik.errors.changepassword}\r\n
\r\n \r\n \r\n {formik.touched.acceptTerms && formik.errors.acceptTerms ? (\r\n
\r\n {/* end: Terms and Conditions */}\r\n \r\n
\r\n ) : null}\r\n {formik.errors.acceptTerms}
\r\n \r\n \r\n Submit\r\n {loading && }\r\n \r\n\r\n \r\n \r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Redirect, Route, Switch } from \"react-router-dom\";\r\nimport { ErrorPage4 } from \"./ErrorPage4\";\r\n\r\nexport default function ErrorsPage() {\r\n return (\r\n \r\n
\r\n \r\n 404\r\n
\r\n\r\n ERROR\r\n
\r\n\r\n Nothing left to do here.\r\n
\r\n\r\n \r\n {item?.icon}\r\n \r\n \r\n {!item?.tel ?
\r\n {item?.copyBtn ? copy(item?.text)}> : null}\r\n : null\r\n )\r\n}\r\n\r\n\r\nconst BusinessProfile2 = ({ businessDetail }) => {\r\n const [expandedItem, setExpandedItem] = useState(null); // State to track expanded item\r\n\r\n const handleListItemClick = (index) => {\r\n if (expandedItem === index) {\r\n setExpandedItem(null); // Collapse if already expanded\r\n } else {\r\n setExpandedItem(index); // Expand if not already expanded\r\n }\r\n };\r\n\r\n const listItems = [\r\n {\r\n icon: ,\r\n text: businessDetail?.isCallOutService ? [businessDetail?.businessState, businessDetail?.businessCountry].filter(a => a).join(\", \") :businessDetail?.businessAdddress\r\n },\r\n ];\r\n\r\n if(isValidPhoneNumber(businessDetail?.businessPhoneNumber)){\r\n listItems.push({\r\n icon: ,\r\n text: businessDetail?.businessPhoneNumber,\r\n tel: true,\r\n copyBtn: true\r\n });\r\n }\r\n\r\n return (\r\n \r\n \r\n\r\n {businessDetail?.businessId ? <>\r\n
\r\n );\r\n\r\n};\r\nexport default BusinessProfile2;\r\n\r\nexport const WidgetNavigation = ({history, businessDetail}) => {\r\n const dispatch = useDispatch();\r\n const widgetDetail = useSelector((state) => state.widget);\r\n const appDetail = useSelector((state) => state.app);\r\n const isCurrentBusinessIsChildOfParent = appDetail.childBusinessCodeList?.length > 1 &&appDetail.childBusinessCodeList?.includes(widgetDetail.widgetCode);\r\n const goToHomePage = () => {\r\n dispatch([\r\n {\r\n type: actionTypes.ClearBookingDetail,\r\n },\r\n {\r\n type: consultationActionTypes.setClearConsultationDetail,\r\n },\r\n {\r\n type: actionTypes.SetWidgetTab,\r\n payload: {\r\n currentTab: DataConstant.tabs.widgetMain\r\n },\r\n }\r\n ]);\r\n history.push(`${returnToken()}`);\r\n };\r\n\r\n const [isOpen, setIsOpen] = useState(false);\r\n\r\n const handleOpen = () => {\r\n setIsOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setIsOpen(false);\r\n };\r\n\r\n return (\r\n \r\n 
\r\n
\r\n - \r\n \r\n {businessDetail?.businessName}\r\n \r\n {businessDetail?.businessDescription}\r\n {listItems.map((item, index) => (\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport const MobileBusinessProfile = ({ showBusinessInMobile=false, businessDetail }) => {\r\n const [expandedItem, setExpandedItem] = useState(null);\r\n const [openDetails, setOpenDetails] = useState(false);\r\n\r\n const listItems = [\r\n {\r\n icon: ,\r\n text: businessDetail?.isCallOutService ? [businessDetail?.businessState, businessDetail?.businessCountry].filter(a => a).join(\", \") :businessDetail?.businessAdddress\r\n },\r\n ];\r\n\r\n if(isValidPhoneNumber(businessDetail?.businessPhoneNumber)){\r\n listItems.push({\r\n icon: ,\r\n text: businessDetail?.businessPhoneNumber,\r\n tel: true,\r\n copyBtn: true\r\n });\r\n }\r\n\r\n const handleListItemClick = (index) => {\r\n if (expandedItem === index) {\r\n setExpandedItem(null); // Collapse if already expanded\r\n } else {\r\n setExpandedItem(index); // Expand if not already expanded\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n { showBusinessInMobile && businessDetail?.businessId ?\r\n \r\n \r\n {isCurrentBusinessIsChildOfParent &&
\r\n - \r\n
\r\n \r\n \r\n \r\n window.location.replace(appDetail.affiliateDetails.url)}>Switch state\r\n
\r\n \r\n
\r\n \r\n
\r\n e.stopPropagation()}>\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 {businessDetail?.businessName}\r\n
\r\n- \r\n
\r\n
\r\n \r\n
: null\r\n }\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {businessDetail?.businessName}\r\n
\r\n setOpenDetails(true)}>View Details\r\n \r\n\r\n \r\n {businessDetail?.businessDescription}\r\n \r\n {listItems.map((item, index) => (\r\n
\r\n }\r\n />\r\n \r\n )\r\n}\r\n\r\nconst LoginButtons = ({ history, mobileHeader }) => {\r\n const dispatch = useDispatch();\r\n\r\n \r\n const { isAuthorized, isSigninInProgress, businessProfilePic, customLoginUrl } = useSelector(\r\n ({ auth, widget }) => ({\r\n isAuthorized: auth.user != null,\r\n isSigninInProgress: auth.isSigninInProgress,\r\n businessProfilePic : widget?.businessDetail?.businessProfilePic ?? null,\r\n customLoginUrl : widget?.businessDetail?.customLoginUrl ?? null,\r\n }),\r\n shallowEqual\r\n );\r\n\r\n const logout = () => {\r\n dispatch([\r\n {\r\n type: consultationActionTypes.setClearConsultationDetail,\r\n },\r\n {\r\n type: actionTypes.ClearBookingDetail,\r\n },\r\n {\r\n type: actionTypes.ClearUserDetail,\r\n }\r\n ]);\r\n signOut();\r\n };\r\n\r\n return (\r\n \r\n {isAuthorized && isSigninInProgress === false ? (\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n )}\r\n
\r\n )\r\n}\r\n\r\nconst NavLinks = ({ history, handleClose }) => {\r\n const location = useLocation();\r\n\r\n const dispatch = useDispatch();\r\n\r\n\r\n const goToHomePage = () => {\r\n dispatch([\r\n {\r\n type: actionTypes.ClearBookingDetail,\r\n },\r\n {\r\n type: consultationActionTypes.setClearConsultationDetail,\r\n },\r\n {\r\n type: actionTypes.SetWidgetTab,\r\n payload: {\r\n currentTab: DataConstant.tabs.widgetMain\r\n },\r\n },\r\n \r\n ]);\r\n handleClose && handleClose();\r\n history.push(`${returnToken()}`);\r\n };\r\n\r\n const { isAuthorized, isSigninInProgress, userHasClientRole, affiliateUserDetailId, isBusiness } = useSelector(\r\n ({ auth, widget }) => ({\r\n isAuthorized: auth.user != null,\r\n isSigninInProgress: auth.isSigninInProgress,\r\n userHasClientRole: auth?.userHasClientRole,\r\n affiliateUserDetailId: auth?.affiliateUserDetailId,\r\n isBusiness: widget?.isBusiness,\r\n }),\r\n shallowEqual\r\n );\r\n\r\n const onAppoinmentClick = () => {\r\n dispatch([\r\n {\r\n type: actionTypes.setConsultationListPage,\r\n payload: {\r\n isBackFromConsultationListPage: false,\r\n },\r\n },\r\n {\r\n type: consultationActionTypes.setClearConsultationDetail,\r\n },\r\n {\r\n type: actionTypes.SetWidgetTab,\r\n payload: {\r\n currentTab: DataConstant.tabs.widgetMain\r\n },\r\n },\r\n \r\n ]);\r\n handleClose && handleClose();\r\n history.push(`${returnToken(\"my-Appointments\")}`);\r\n }\r\n\r\n const onProfileClick = () => {\r\n handleClose && handleClose();\r\n history.push(`${returnToken(\"profile\")}`)\r\n }\r\n\r\n const onSupportClick = () => {\r\n history.push(`${returnToken(\"support\")}`)\r\n }\r\n\r\n const onAffiliateDashboardClick = () => {\r\n history.push(`${returnToken(\"affiliateDashboard\")}`)\r\n }\r\n\r\n const navs = [\r\n {\r\n text: \"Home\",\r\n to: \"/widget-business\",\r\n onClick: goToHomePage\r\n }\r\n ]\r\n\r\n const authNavs = [\r\n {\r\n text: \"Home\",\r\n to: \"/widget-business\",\r\n onClick: goToHomePage,\r\n hide: !userHasClientRole,\r\n },\r\n {\r\n text: \"Profile\",\r\n to: \"/widget/profile\",\r\n onClick: onProfileClick\r\n },\r\n {\r\n text: \"My appointments\",\r\n to: \"/my-Appointments\",\r\n onClick: onAppoinmentClick,\r\n hide: !userHasClientRole,\r\n },\r\n {\r\n text: \"Affiliate dashboard\",\r\n to: \"/widget/affiliateDashboard\",\r\n onClick: onAffiliateDashboardClick,\r\n hide: !affiliateUserDetailId || !isBusiness,\r\n },\r\n {\r\n text: \"Help\",\r\n to: \"/widget/support\",\r\n onClick: onSupportClick\r\n },\r\n ]\r\n\r\n // Check if the link matches the current URL\r\n\r\n return (\r\n isAuthorized && isSigninInProgress === false ? <>\r\n {authNavs?.map((nav, index) => {\r\n const isActive = nav.to === \"/widget-business\" ? location?.pathname?.includes(nav.to) && location?.pathname?.split(\"/\")?.length <= 3 : location?.pathname?.includes(nav.to);\r\n return (\r\n !nav?.hide && \r\n value = parseInt(KTUtil.css(el, 'z-index'));\r\n\r\n if (!isNaN(value) && value !== 0) {\r\n return value;\r\n }\r\n }\r\n\r\n el = el.parentNode;\r\n }\r\n\r\n return null;\r\n },\r\n\r\n /**\r\n * Checks whether the element has any parent with fixed positionfreg\r\n * @param {object} el jQuery element object\r\n * @returns {boolean}\r\n */\r\n hasFixedPositionedParent: function(el) {\r\n var position;\r\n\r\n while (el && el !== document) {\r\n position = KTUtil.css(el, 'position');\r\n\r\n if (position === \"fixed\") {\r\n return true;\r\n }\r\n\r\n el = el.parentNode;\r\n }\r\n\r\n return false;\r\n },\r\n\r\n /**\r\n * Simulates delay\r\n */\r\n sleep: function(milliseconds) {\r\n var start = new Date().getTime();\r\n for (var i = 0; i < 1e7; i++) {\r\n if ((new Date().getTime() - start) > milliseconds) {\r\n break;\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Gets randomly generated integer value within given min and max range\r\n * @param {number} min Range start value\r\n * @param {number} max Range end value\r\n * @returns {number}\r\n */\r\n getRandomInt: function(min, max) {\r\n return Math.floor(Math.random() * (max - min + 1)) + min;\r\n },\r\n\r\n /**\r\n * Checks whether Angular library is included\r\n * @returns {boolean}\r\n */\r\n isAngularVersion: function() {\r\n return window.Zone !== undefined ? true : false;\r\n },\r\n\r\n // Deep extend: $.extend(true, {}, objA, objB);\r\n deepExtend: function(out) {\r\n out = out || {};\r\n\r\n for (var i = 1; i < arguments.length; i++) {\r\n var obj = arguments[i];\r\n if (!obj) continue;\r\n\r\n for (var key in obj) {\r\n if (!obj.hasOwnProperty(key)) {\r\n continue;\r\n }\r\n\r\n // based on https://javascriptweblog.wordpress.com/2011/08/08/fixing-the-javascript-typeof-operator/\r\n if ( Object.prototype.toString.call(obj[key]) === '[object Object]' ) {\r\n out[key] = KTUtil.deepExtend(out[key], obj[key]);\r\n continue;\r\n }\r\n\r\n out[key] = obj[key];\r\n }\r\n }\r\n\r\n return out;\r\n },\r\n\r\n // extend: $.extend({}, objA, objB);\r\n extend: function(out) {\r\n out = out || {};\r\n\r\n for (var i = 1; i < arguments.length; i++) {\r\n if (!arguments[i])\r\n continue;\r\n\r\n for (var key in arguments[i]) {\r\n if (arguments[i].hasOwnProperty(key))\r\n out[key] = arguments[i][key];\r\n }\r\n }\r\n\r\n return out;\r\n },\r\n\r\n getById: function(el) {\r\n if (typeof el === 'string') {\r\n return document.getElementById(el);\r\n } else {\r\n return el;\r\n }\r\n },\r\n\r\n getByTag: function(query) {\r\n return document.getElementsByTagName(query);\r\n },\r\n\r\n getByTagName: function(query) {\r\n return document.getElementsByTagName(query);\r\n },\r\n\r\n getByClass: function(query) {\r\n return document.getElementsByClassName(query);\r\n },\r\n\r\n getBody: function() {\r\n return document.getElementsByTagName('body')[0];\r\n },\r\n\r\n /**\r\n * Checks whether the element has given classes\r\n * @param {object} el jQuery element object\r\n * @param {string} Classes string\r\n * @returns {boolean}\r\n */\r\n hasClasses: function(el, classes) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n var classesArr = classes.split(\" \");\r\n\r\n for (var i = 0; i < classesArr.length; i++) {\r\n if (KTUtil.hasClass(el, KTUtil.trim(classesArr[i])) == false) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n\r\n hasClass: function(el, className) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n return el.classList ? el.classList.contains(className) : new RegExp('\\\\b' + className + '\\\\b').test(el.className);\r\n },\r\n\r\n addClass: function(el, className) {\r\n if (!el || typeof className === 'undefined') {\r\n return;\r\n }\r\n\r\n var classNames = className.split(' ');\r\n\r\n if (el.classList) {\r\n for (var i = 0; i < classNames.length; i++) {\r\n if (classNames[i] && classNames[i].length > 0) {\r\n el.classList.add(KTUtil.trim(classNames[i]));\r\n }\r\n }\r\n } else if (!KTUtil.hasClass(el, className)) {\r\n for (var x = 0; x < classNames.length; x++) {\r\n el.className += ' ' + KTUtil.trim(classNames[x]);\r\n }\r\n }\r\n },\r\n\r\n removeClass: function(el, className) {\r\n if (!el || typeof className === 'undefined') {\r\n return;\r\n }\r\n\r\n var classNames = className.split(' ');\r\n\r\n if (el.classList) {\r\n for (var i = 0; i < classNames.length; i++) {\r\n el.classList.remove(KTUtil.trim(classNames[i]));\r\n }\r\n } else if (KTUtil.hasClass(el, className)) {\r\n for (var x = 0; x < classNames.length; x++) {\r\n el.className = el.className.replace(new RegExp('\\\\b' + KTUtil.trim(classNames[x]) + '\\\\b', 'g'), '');\r\n }\r\n }\r\n },\r\n\r\n triggerCustomEvent: function(el, eventName, data) {\r\n var event;\r\n if (window.CustomEvent) {\r\n event = new CustomEvent(eventName, {\r\n detail: data\r\n });\r\n } else {\r\n event = document.createEvent('CustomEvent');\r\n event.initCustomEvent(eventName, true, true, data);\r\n }\r\n\r\n el.dispatchEvent(event);\r\n },\r\n\r\n triggerEvent: function(node, eventName) {\r\n // Make sure we use the ownerDocument from the provided node to avoid cross-window problems\r\n var doc;\r\n if (node.ownerDocument) {\r\n doc = node.ownerDocument;\r\n } else if (node.nodeType == 9) {\r\n // the node may be the document itself, nodeType 9 = DOCUMENT_NODE\r\n doc = node;\r\n } else {\r\n throw new Error(\"Invalid node passed to fireEvent: \" + node.id);\r\n }\r\n\r\n if (node.dispatchEvent) {\r\n // Gecko-style approach (now the standard) takes more work\r\n var eventClass = \"\";\r\n\r\n // Different events have different event classes.\r\n // If this switch statement can't map an eventName to an eventClass,\r\n // the event firing is going to fail.\r\n switch (eventName) {\r\n case \"click\": // Dispatching of 'click' appears to not work correctly in Safari. Use 'mousedown' or 'mouseup' instead.\r\n case \"mouseenter\":\r\n case \"mouseleave\":\r\n case \"mousedown\":\r\n case \"mouseup\":\r\n eventClass = \"MouseEvents\";\r\n break;\r\n\r\n case \"focus\":\r\n case \"change\":\r\n case \"blur\":\r\n case \"select\":\r\n eventClass = \"HTMLEvents\";\r\n break;\r\n\r\n default:\r\n throw \"fireEvent: Couldn't find an event class for event '\" + eventName + \"'.\";\r\n break;\r\n }\r\n var event = doc.createEvent(eventClass);\r\n\r\n var bubbles = eventName == \"change\" ? false : true;\r\n event.initEvent(eventName, bubbles, true); // All events created as bubbling and cancelable.\r\n\r\n event.synthetic = true; // allow detection of synthetic events\r\n // The second parameter says go ahead with the default action\r\n node.dispatchEvent(event, true);\r\n } else if (node.fireEvent) {\r\n // IE-old school style\r\n var event = doc.createEventObject();\r\n event.synthetic = true; // allow detection of synthetic events\r\n node.fireEvent(\"on\" + eventName, event);\r\n }\r\n },\r\n\r\n index: function( el ){\r\n var c = el.parentNode.children, i = 0;\r\n for(; i < c.length; i++ )\r\n if( c[i] == el ) return i;\r\n },\r\n\r\n trim: function(string) {\r\n return string.trim();\r\n },\r\n\r\n eventTriggered: function(e) {\r\n if (e.currentTarget.dataset.triggered) {\r\n return true;\r\n } else {\r\n e.currentTarget.dataset.triggered = true;\r\n\r\n return false;\r\n }\r\n },\r\n\r\n remove: function(el) {\r\n if (el && el.parentNode) {\r\n el.parentNode.removeChild(el);\r\n }\r\n },\r\n\r\n find: function(parent, query) {\r\n parent = KTUtil.getById(parent);\r\n if (parent) {\r\n return parent.querySelector(query);\r\n }\r\n },\r\n\r\n findAll: function(parent, query) {\r\n parent = KTUtil.getById(parent);\r\n if (parent) {\r\n return parent.querySelectorAll(query);\r\n }\r\n },\r\n\r\n insertAfter: function(el, referenceNode) {\r\n return referenceNode.parentNode.insertBefore(el, referenceNode.nextSibling);\r\n },\r\n\r\n parents: function(elem, selector) {\r\n // Element.matches() polyfill\r\n if (!Element.prototype.matches) {\r\n Element.prototype.matches =\r\n Element.prototype.matchesSelector ||\r\n Element.prototype.mozMatchesSelector ||\r\n Element.prototype.msMatchesSelector ||\r\n Element.prototype.oMatchesSelector ||\r\n Element.prototype.webkitMatchesSelector ||\r\n function(s) {\r\n var matches = (this.document || this.ownerDocument).querySelectorAll(s),\r\n i = matches.length;\r\n while (--i >= 0 && matches.item(i) !== this) {}\r\n return i > -1;\r\n };\r\n }\r\n\r\n // Set up a parent array\r\n var parents = [];\r\n\r\n // Push each parent element to the array\r\n for ( ; elem && elem !== document; elem = elem.parentNode ) {\r\n if (selector) {\r\n if (elem.matches(selector)) {\r\n parents.push(elem);\r\n }\r\n continue;\r\n }\r\n parents.push(elem);\r\n }\r\n\r\n // Return our parent array\r\n return parents;\r\n },\r\n\r\n children: function(el, selector, log) {\r\n if (!el || !el.childNodes) {\r\n return;\r\n }\r\n\r\n var result = [],\r\n i = 0,\r\n l = el.childNodes.length;\r\n\r\n for (var i; i < l; ++i) {\r\n if (el.childNodes[i].nodeType == 1 && KTUtil.matches(el.childNodes[i], selector, log)) {\r\n result.push(el.childNodes[i]);\r\n }\r\n }\r\n\r\n return result;\r\n },\r\n\r\n child: function(el, selector, log) {\r\n var children = KTUtil.children(el, selector, log);\r\n\r\n return children ? children[0] : null;\r\n },\r\n\r\n matches: function(el, selector, log) {\r\n var p = Element.prototype;\r\n var f = p.matches || p.webkitMatchesSelector || p.mozMatchesSelector || p.msMatchesSelector || function(s) {\r\n return [].indexOf.call(document.querySelectorAll(s), this) !== -1;\r\n };\r\n\r\n if (el && el.tagName) {\r\n return f.call(el, selector);\r\n } else {\r\n return false;\r\n }\r\n },\r\n\r\n data: function(el) {\r\n return {\r\n set: function(name, data) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (el.customDataTag === undefined) {\r\n window.KTUtilElementDataStoreID++;\r\n el.customDataTag = window.KTUtilElementDataStoreID;\r\n }\r\n\r\n if (window.KTUtilElementDataStore[el.customDataTag] === undefined) {\r\n window.KTUtilElementDataStore[el.customDataTag] = {};\r\n }\r\n\r\n window.KTUtilElementDataStore[el.customDataTag][name] = data;\r\n },\r\n\r\n get: function(name) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (el.customDataTag === undefined) {\r\n return null;\r\n }\r\n\r\n return this.has(name) ? window.KTUtilElementDataStore[el.customDataTag][name] : null;\r\n },\r\n\r\n has: function(name) {\r\n if (!el) {\r\n return false;\r\n }\r\n\r\n if (el.customDataTag === undefined) {\r\n return false;\r\n }\r\n\r\n return (window.KTUtilElementDataStore[el.customDataTag] && window.KTUtilElementDataStore[el.customDataTag][name]) ? true : false;\r\n },\r\n\r\n remove: function(name) {\r\n if (el && this.has(name)) {\r\n delete window.KTUtilElementDataStore[el.customDataTag][name];\r\n }\r\n }\r\n };\r\n },\r\n\r\n outerWidth: function(el, margin) {\r\n var width;\r\n\r\n if (margin === true) {\r\n width = parseFloat(el.offsetWidth);\r\n width += parseFloat(KTUtil.css(el, 'margin-left')) + parseFloat(KTUtil.css(el, 'margin-right'));\r\n\r\n return parseFloat(width);\r\n } else {\r\n width = parseFloat(el.offsetWidth);\r\n\r\n return width;\r\n }\r\n },\r\n\r\n offset: function(el) {\r\n var rect, win;\r\n\r\n if ( !el ) {\r\n return;\r\n }\r\n\r\n // Return zeros for disconnected and hidden (display: none) elements (gh-2310)\r\n // Support: IE <=11 only\r\n // Running getBoundingClientRect on a\r\n // disconnected node in IE throws an error\r\n\r\n if ( !el.getClientRects().length ) {\r\n return { top: 0, left: 0 };\r\n }\r\n\r\n // Get document-relative position by adding viewport scroll to viewport-relative gBCR\r\n rect = el.getBoundingClientRect();\r\n win = el.ownerDocument.defaultView;\r\n\r\n return {\r\n top: rect.top + win.pageYOffset,\r\n left: rect.left + win.pageXOffset\r\n };\r\n },\r\n\r\n height: function(el) {\r\n return KTUtil.css(el, 'height');\r\n },\r\n\r\n outerHeight: function(el, withMargin) {\r\n var height = el.offsetHeight;\r\n var style;\r\n\r\n if (typeof withMargin !== 'undefined' && withMargin === true) {\r\n style = getComputedStyle(el);\r\n height += parseInt(style.marginTop) + parseInt(style.marginBottom);\r\n\r\n return height;\r\n } else {\r\n return height;\r\n }\r\n },\r\n\r\n visible: function(el) {\r\n return !(el.offsetWidth === 0 && el.offsetHeight === 0);\r\n },\r\n\r\n attr: function(el, name, value) {\r\n if (el == undefined) {\r\n return;\r\n }\r\n\r\n if (value !== undefined) {\r\n el.setAttribute(name, value);\r\n } else {\r\n return el.getAttribute(name);\r\n }\r\n },\r\n\r\n hasAttr: function(el, name) {\r\n if (el == undefined) {\r\n return;\r\n }\r\n\r\n return el.getAttribute(name) ? true : false;\r\n },\r\n\r\n removeAttr: function(el, name) {\r\n if (el == undefined) {\r\n return;\r\n }\r\n\r\n el.removeAttribute(name);\r\n },\r\n\r\n animate: function(from, to, duration, update, easing, done) {\r\n /**\r\n * TinyAnimate.easings\r\n * Adapted from jQuery Easing\r\n */\r\n var easings = {};\r\n var easing;\r\n\r\n easings.linear = function(t, b, c, d) {\r\n return c * t / d + b;\r\n };\r\n\r\n easing = easings.linear;\r\n\r\n // Early bail out if called incorrectly\r\n if (typeof from !== 'number' ||\r\n typeof to !== 'number' ||\r\n typeof duration !== 'number' ||\r\n typeof update !== 'function') {\r\n return;\r\n }\r\n\r\n // Create mock done() function if necessary\r\n if (typeof done !== 'function') {\r\n done = function() {};\r\n }\r\n\r\n // Pick implementation (requestAnimationFrame | setTimeout)\r\n var rAF = window.requestAnimationFrame || function(callback) {\r\n window.setTimeout(callback, 1000 / 50);\r\n };\r\n\r\n // Animation loop\r\n var canceled = false;\r\n var change = to - from;\r\n\r\n function loop(timestamp) {\r\n var time = (timestamp || +new Date()) - start;\r\n\r\n if (time >= 0) {\r\n update(easing(time, from, change, duration));\r\n }\r\n if (time >= 0 && time >= duration) {\r\n update(to);\r\n done();\r\n } else {\r\n rAF(loop);\r\n }\r\n }\r\n\r\n update(from);\r\n\r\n // Start animation loop\r\n var start = window.performance && window.performance.now ? window.performance.now() : +new Date();\r\n\r\n rAF(loop);\r\n },\r\n\r\n actualCss: function(el, prop, cache) {\r\n var css = '';\r\n\r\n if (el instanceof HTMLElement === false) {\r\n return;\r\n }\r\n\r\n if (!el.getAttribute('kt-hidden-' + prop) || cache === false) {\r\n var value;\r\n\r\n // the element is hidden so:\r\n // making the el block so we can meassure its height but still be hidden\r\n css = el.style.cssText;\r\n el.style.cssText = 'position: absolute; visibility: hidden; display: block;';\r\n\r\n if (prop == 'width') {\r\n value = el.offsetWidth;\r\n } else if (prop == 'height') {\r\n value = el.offsetHeight;\r\n }\r\n\r\n el.style.cssText = css;\r\n\r\n // store it in cache\r\n el.setAttribute('kt-hidden-' + prop, value);\r\n\r\n return parseFloat(value);\r\n } else {\r\n // store it in cache\r\n return parseFloat(el.getAttribute('kt-hidden-' + prop));\r\n }\r\n },\r\n\r\n actualHeight: function(el, cache) {\r\n return KTUtil.actualCss(el, 'height', cache);\r\n },\r\n\r\n actualWidth: function(el, cache) {\r\n return KTUtil.actualCss(el, 'width', cache);\r\n },\r\n\r\n getScroll: function(element, method) {\r\n // The passed in `method` value should be 'Top' or 'Left'\r\n method = 'scroll' + method;\r\n return (element == window || element == document) ? (\r\n self[(method == 'scrollTop') ? 'pageYOffset' : 'pageXOffset'] ||\r\n (browserSupportsBoxModel && document.documentElement[method]) ||\r\n document.body[method]\r\n ) : element[method];\r\n },\r\n\r\n css: function(el, styleProp, value) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (value !== undefined) {\r\n el.style[styleProp] = value;\r\n } else {\r\n var defaultView = (el.ownerDocument || document).defaultView;\r\n // W3C standard way:\r\n if (defaultView && defaultView.getComputedStyle) {\r\n // sanitize property name to css notation\r\n // (hyphen separated words eg. font-Size)\r\n styleProp = styleProp.replace(/([A-Z])/g, \"-$1\").toLowerCase();\r\n return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);\r\n } else if (el.currentStyle) { // IE\r\n // sanitize property name to camelCase\r\n styleProp = styleProp.replace(/\\-(\\w)/g, function(str, letter) {\r\n return letter.toUpperCase();\r\n });\r\n value = el.currentStyle[styleProp];\r\n // convert other units to pixels on IE\r\n if (/^\\d+(em|pt|%|ex)?$/i.test(value)) {\r\n return (function(value) {\r\n var oldLeft = el.style.left,\r\n oldRsLeft = el.runtimeStyle.left;\r\n el.runtimeStyle.left = el.currentStyle.left;\r\n el.style.left = value || 0;\r\n value = el.style.pixelLeft + \"px\";\r\n el.style.left = oldLeft;\r\n el.runtimeStyle.left = oldRsLeft;\r\n return value;\r\n })(value);\r\n }\r\n return value;\r\n }\r\n }\r\n },\r\n\r\n slide: function(el, dir, speed, callback, recalcMaxHeight) {\r\n if (!el || (dir == 'up' && KTUtil.visible(el) === false) || (dir == 'down' && KTUtil.visible(el) === true)) {\r\n return;\r\n }\r\n\r\n speed = (speed ? speed : 600);\r\n var calcHeight = KTUtil.actualHeight(el);\r\n var calcPaddingTop = false;\r\n var calcPaddingBottom = false;\r\n\r\n if (KTUtil.css(el, 'padding-top') && KTUtil.data(el).has('slide-padding-top') !== true) {\r\n KTUtil.data(el).set('slide-padding-top', KTUtil.css(el, 'padding-top'));\r\n }\r\n\r\n if (KTUtil.css(el, 'padding-bottom') && KTUtil.data(el).has('slide-padding-bottom') !== true) {\r\n KTUtil.data(el).set('slide-padding-bottom', KTUtil.css(el, 'padding-bottom'));\r\n }\r\n\r\n if (KTUtil.data(el).has('slide-padding-top')) {\r\n calcPaddingTop = parseInt(KTUtil.data(el).get('slide-padding-top'));\r\n }\r\n\r\n if (KTUtil.data(el).has('slide-padding-bottom')) {\r\n calcPaddingBottom = parseInt(KTUtil.data(el).get('slide-padding-bottom'));\r\n }\r\n\r\n if (dir == 'up') { // up\r\n el.style.cssText = 'display: block; overflow: hidden;';\r\n\r\n if (calcPaddingTop) {\r\n KTUtil.animate(0, calcPaddingTop, speed, function(value) {\r\n el.style.paddingTop = (calcPaddingTop - value) + 'px';\r\n }, 'linear');\r\n }\r\n\r\n if (calcPaddingBottom) {\r\n KTUtil.animate(0, calcPaddingBottom, speed, function(value) {\r\n el.style.paddingBottom = (calcPaddingBottom - value) + 'px';\r\n }, 'linear');\r\n }\r\n\r\n KTUtil.animate(0, calcHeight, speed, function(value) {\r\n el.style.height = (calcHeight - value) + 'px';\r\n }, 'linear', function() {\r\n el.style.height = '';\r\n el.style.display = 'none';\r\n\r\n if (typeof callback === 'function') {\r\n callback();\r\n }\r\n });\r\n\r\n\r\n } else if (dir == 'down') { // down\r\n el.style.cssText = 'display: block; overflow: hidden;';\r\n\r\n if (calcPaddingTop) {\r\n KTUtil.animate(0, calcPaddingTop, speed, function(value) {//\r\n el.style.paddingTop = value + 'px';\r\n }, 'linear', function() {\r\n el.style.paddingTop = '';\r\n });\r\n }\r\n\r\n if (calcPaddingBottom) {\r\n KTUtil.animate(0, calcPaddingBottom, speed, function(value) {\r\n el.style.paddingBottom = value + 'px';\r\n }, 'linear', function() {\r\n el.style.paddingBottom = '';\r\n });\r\n }\r\n\r\n KTUtil.animate(0, calcHeight, speed, function(value) {\r\n el.style.height = value + 'px';\r\n }, 'linear', function() {\r\n el.style.height = '';\r\n el.style.display = '';\r\n el.style.overflow = '';\r\n\r\n if (typeof callback === 'function') {\r\n callback();\r\n }\r\n });\r\n }\r\n },\r\n\r\n slideUp: function(el, speed, callback) {\r\n KTUtil.slide(el, 'up', speed, callback);\r\n },\r\n\r\n slideDown: function(el, speed, callback) {\r\n KTUtil.slide(el, 'down', speed, callback);\r\n },\r\n\r\n show: function(el, display) {\r\n if (typeof el !== 'undefined') {\r\n el.style.display = (display ? display : 'block');\r\n }\r\n },\r\n\r\n hide: function(el) {\r\n if (typeof el !== 'undefined') {\r\n el.style.display = 'none';\r\n }\r\n },\r\n\r\n addEvent: function(el, type, handler, one) {\r\n if (typeof el !== 'undefined' && el !== null) {\r\n el.addEventListener(type, handler);\r\n }\r\n },\r\n\r\n removeEvent: function(el, type, handler) {\r\n if (el !== null) {\r\n el.removeEventListener(type, handler);\r\n }\r\n },\r\n\r\n on: function(element, selector, event, handler) {\r\n if (!selector) {\r\n return;\r\n }\r\n\r\n var eventId = KTUtil.getUniqueID('event');\r\n\r\n window.KTUtilDelegatedEventHandlers[eventId] = function(e) {\r\n var targets = element.querySelectorAll(selector);\r\n var target = e.target;\r\n\r\n while (target && target !== element) {\r\n for (var i = 0, j = targets.length; i < j; i++) {\r\n if (target === targets[i]) {\r\n handler.call(target, e);\r\n }\r\n }\r\n\r\n target = target.parentNode;\r\n }\r\n }\r\n\r\n KTUtil.addEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);\r\n\r\n return eventId;\r\n },\r\n\r\n off: function(element, event, eventId) {\r\n if (!element || !window.KTUtilDelegatedEventHandlers[eventId]) {\r\n return;\r\n }\r\n\r\n KTUtil.removeEvent(element, event, window.KTUtilDelegatedEventHandlers[eventId]);\r\n\r\n delete window.KTUtilDelegatedEventHandlers[eventId];\r\n },\r\n\r\n one: function onetime(el, type, callback) {\r\n el.addEventListener(type, function callee(e) {\r\n // remove event\r\n if (e.target && e.target.removeEventListener) {\r\n e.target.removeEventListener(e.type, callee);\r\n }\r\n\r\n // need to verify from https://themeforest.net/author_dashboard#comment_23615588\r\n if (el && el.removeEventListener) {\r\n\t\t\t\t e.currentTarget.removeEventListener(e.type, callee);\r\n\t\t\t }\r\n\r\n // call handler\r\n return callback(e);\r\n });\r\n },\r\n\r\n hash: function(str) {\r\n var hash = 0,\r\n i, chr;\r\n\r\n if (str.length === 0) return hash;\r\n for (i = 0; i < str.length; i++) {\r\n chr = str.charCodeAt(i);\r\n hash = ((hash << 5) - hash) + chr;\r\n hash |= 0; // Convert to 32bit integer\r\n }\r\n\r\n return hash;\r\n },\r\n\r\n animateClass: function(el, animationName, callback) {\r\n var animation;\r\n var animations = {\r\n animation: 'animationend',\r\n OAnimation: 'oAnimationEnd',\r\n MozAnimation: 'mozAnimationEnd',\r\n WebkitAnimation: 'webkitAnimationEnd',\r\n msAnimation: 'msAnimationEnd',\r\n };\r\n\r\n for (var t in animations) {\r\n if (el.style[t] !== undefined) {\r\n animation = animations[t];\r\n }\r\n }\r\n\r\n KTUtil.addClass(el, 'animated ' + animationName);\r\n\r\n KTUtil.one(el, animation, function() {\r\n KTUtil.removeClass(el, 'animated ' + animationName);\r\n });\r\n\r\n if (callback) {\r\n KTUtil.one(el, animation, callback);\r\n }\r\n },\r\n\r\n transitionEnd: function(el, callback) {\r\n var transition;\r\n var transitions = {\r\n transition: 'transitionend',\r\n OTransition: 'oTransitionEnd',\r\n MozTransition: 'mozTransitionEnd',\r\n WebkitTransition: 'webkitTransitionEnd',\r\n msTransition: 'msTransitionEnd'\r\n };\r\n\r\n for (var t in transitions) {\r\n if (el.style[t] !== undefined) {\r\n transition = transitions[t];\r\n }\r\n }\r\n\r\n KTUtil.one(el, transition, callback);\r\n },\r\n\r\n animationEnd: function(el, callback) {\r\n var animation;\r\n var animations = {\r\n animation: 'animationend',\r\n OAnimation: 'oAnimationEnd',\r\n MozAnimation: 'mozAnimationEnd',\r\n WebkitAnimation: 'webkitAnimationEnd',\r\n msAnimation: 'msAnimationEnd'\r\n };\r\n\r\n for (var t in animations) {\r\n if (el.style[t] !== undefined) {\r\n animation = animations[t];\r\n }\r\n }\r\n\r\n KTUtil.one(el, animation, callback);\r\n },\r\n\r\n animateDelay: function(el, value) {\r\n var vendors = ['webkit-', 'moz-', 'ms-', 'o-', ''];\r\n for (var i = 0; i < vendors.length; i++) {\r\n KTUtil.css(el, vendors[i] + 'animation-delay', value);\r\n }\r\n },\r\n\r\n animateDuration: function(el, value) {\r\n var vendors = ['webkit-', 'moz-', 'ms-', 'o-', ''];\r\n for (var i = 0; i < vendors.length; i++) {\r\n KTUtil.css(el, vendors[i] + 'animation-duration', value);\r\n }\r\n },\r\n\r\n scrollTo: function(target, offset, duration) {\r\n var duration = duration ? duration : 500;\r\n var targetPos = target ? KTUtil.offset(target).top : 0;\r\n var scrollPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\r\n var from, to;\r\n\r\n if (offset) {\r\n scrollPos += offset;\r\n }\r\n\r\n from = scrollPos;\r\n to = targetPos;\r\n\r\n KTUtil.animate(from, to, duration, function(value) {\r\n document.documentElement.scrollTop = value;\r\n document.body.parentNode.scrollTop = value;\r\n document.body.scrollTop = value;\r\n }); //, easing, done\r\n },\r\n\r\n scrollTop: function(offset, duration) {\r\n KTUtil.scrollTo(null, offset, duration);\r\n },\r\n\r\n isArray: function(obj) {\r\n return obj && Array.isArray(obj);\r\n },\r\n\r\n ready: function(callback) {\r\n if (document.attachEvent ? document.readyState === \"complete\" : document.readyState !== \"loading\") {\r\n callback();\r\n } else {\r\n document.addEventListener('DOMContentLoaded', callback);\r\n }\r\n },\r\n\r\n isEmpty: function(obj) {\r\n for (var prop in obj) {\r\n if (obj.hasOwnProperty(prop)) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n },\r\n\r\n numberString: function(nStr) {\r\n nStr += '';\r\n var x = nStr.split('.');\r\n var x1 = x[0];\r\n var x2 = x.length > 1 ? '.' + x[1] : '';\r\n var rgx = /(\\d+)(\\d{3})/;\r\n while (rgx.test(x1)) {\r\n x1 = x1.replace(rgx, '$1' + ',' + '$2');\r\n }\r\n return x1 + x2;\r\n },\r\n\r\n detectIE: function() {\r\n var ua = window.navigator.userAgent;\r\n\r\n // Test values; Uncomment to check result …\r\n\r\n // IE 10\r\n // ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)';\r\n\r\n // IE 11\r\n // ua = 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko';\r\n\r\n // Edge 12 (Spartan)\r\n // ua = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0';\r\n\r\n // Edge 13\r\n // ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586';\r\n\r\n var msie = ua.indexOf('MSIE ');\r\n if (msie > 0) {\r\n // IE 10 or older => return version number\r\n return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);\r\n }\r\n\r\n var trident = ua.indexOf('Trident/');\r\n if (trident > 0) {\r\n // IE 11 => return version number\r\n var rv = ua.indexOf('rv:');\r\n return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);\r\n }\r\n\r\n var edge = ua.indexOf('Edge/');\r\n if (edge > 0) {\r\n // Edge (IE 12+) => return version number\r\n return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);\r\n }\r\n\r\n // other browser\r\n return false;\r\n },\r\n\r\n isRTL: function() {\r\n var html = KTUtil.getByTagName('html')[0];\r\n\r\n if (html) {\r\n return (KTUtil.attr(html, 'direction') == 'rtl');\r\n }\r\n },\r\n\r\n // Scroller\r\n scrollInit: function(element, options) {\r\n if (!element) {\r\n return;\r\n }\r\n\r\n // Learn more: https://github.com/mdbootstrap/perfect-scrollbar#options\r\n var pluginDefOptions = {\r\n wheelSpeed: 0.5,\r\n swipeEasing: true,\r\n wheelPropagation: false,\r\n minScrollbarLength: 40,\r\n maxScrollbarLength: 300,\r\n suppressScrollX: true\r\n };\r\n\r\n options = KTUtil.deepExtend({}, pluginDefOptions, options);\r\n\r\n // Define init function\r\n function init() {\r\n var ps;\r\n var height;\r\n\r\n // Get extra options via data attributes\r\n var attrs = element.getAttributeNames();\r\n if (attrs.length > 0) {\r\n attrs.forEach(function(attrName) {\r\n \t\t\t// more options; https://github.com/ganlanyuan/tiny-slider#options\r\n \t\t\tif ((/^data-.*/g).test(attrName)) {\r\n if (['scroll', 'height', 'mobile-height'].includes(optionName) == false) {\r\n var optionName = attrName.replace('data-', '').toLowerCase().replace(/(?:[\\s-])\\w/g, function(match) {\r\n \t\t\t\t\treturn match.replace('-', '').toUpperCase();\r\n \t\t\t\t});\r\n\r\n options[optionName] = KTUtil.filterBoolean(element.getAttribute(attrName));\r\n }\r\n \t\t\t}\r\n \t\t});\r\n }\r\n\r\n if (options.height instanceof Function) {\r\n height = options.height.call();\r\n } else {\r\n if (KTUtil.isMobileDevice() === true && options.mobileHeight) {\r\n height = parseInt(options.mobileHeight);\r\n } else if (options.height) {\r\n height = parseInt(options.height);\r\n } else {\r\n height = parseInt(KTUtil.css(element, 'height'));\r\n }\r\n }\r\n\r\n if (height === false) {\r\n KTUtil.scrollDestroy(element, true);\r\n\r\n return;\r\n }\r\n\r\n height = parseInt(height);\r\n\r\n // Destroy scroll on table and mobile modes\r\n if ((options.mobileNativeScroll || options.disableForMobile) && KTUtil.isMobileDevice() === true) {\r\n ps = KTUtil.data(element).get('ps');\r\n if (ps) {\r\n if (options.resetHeightOnDestroy) {\r\n KTUtil.css(element, 'height', 'auto');\r\n } else {\r\n KTUtil.css(element, 'overflow', 'auto');\r\n if (height > 0) {\r\n KTUtil.css(element, 'height', height + 'px');\r\n }\r\n }\r\n\r\n ps.destroy();\r\n ps = KTUtil.data(element).remove('ps');\r\n } else if (height > 0){\r\n KTUtil.css(element, 'overflow', 'auto');\r\n KTUtil.css(element, 'height', height + 'px');\r\n }\r\n\r\n return;\r\n }\r\n\r\n if (height > 0) {\r\n KTUtil.css(element, 'height', height + 'px');\r\n }\r\n\r\n if (options.desktopNativeScroll) {\r\n KTUtil.css(element, 'overflow', 'auto');\r\n return;\r\n }\r\n\r\n // Pass options via HTML Attributes\r\n if (KTUtil.attr(element, 'data-window-scroll') == 'true') {\r\n options.windowScroll = true;\r\n }\r\n\r\n // Init scroll\r\n ps = KTUtil.data(element).get('ps');\r\n\r\n if (ps) {\r\n ps.update();\r\n } else {\r\n KTUtil.css(element, 'overflow', 'hidden');\r\n KTUtil.addClass(element, 'scroll');\r\n\r\n ps = new PerfectScrollbar(element, options);\r\n\r\n KTUtil.data(element).set('ps', ps);\r\n }\r\n\r\n // Remember scroll position in cookie\r\n var uid = KTUtil.attr(element, 'id');\r\n try {\r\n if (uid) {\r\n var cookie = KTCookie.getCookie(uid);\r\n if (options.rememberPosition === true && cookie) {\r\n var pos = parseInt(cookie);\r\n if (pos > 0) {\r\n element.scrollTop = pos;\r\n }\r\n element.addEventListener('ps-scroll-y', function() {\r\n KTCookie.setCookie(uid, element.scrollTop, {});\r\n });\r\n }\r\n }\r\n }\r\n catch (e) {\r\n console.error(e);\r\n }\r\n\r\n // Todo:Consider using Localstorage\r\n if (options.rememberPosition === true && KTCookie && uid) {\r\n if (KTCookie.getCookie(uid)) {\r\n var pos = parseInt(KTCookie.getCookie(uid));\r\n\r\n if (pos > 0) {\r\n element.scrollTop = pos;\r\n }\r\n }\r\n\r\n element.addEventListener('ps-scroll-y', function() {\r\n KTCookie.setCookie(uid, element.scrollTop);\r\n });\r\n }\r\n }\r\n\r\n // Init\r\n init();\r\n\r\n // Handle window resize\r\n if (options.handleWindowResize) {\r\n KTUtil.addResizeHandler(function() {\r\n init();\r\n });\r\n }\r\n },\r\n\r\n scrollUpdate: function(element) {\r\n var ps = KTUtil.data(element).get('ps');\r\n if (ps) {\r\n ps.update();\r\n }\r\n },\r\n\r\n scrollUpdateAll: function(parent) {\r\n var scrollers = KTUtil.findAll(parent, '.ps');\r\n for (var i = 0, len = scrollers.length; i < len; i++) {\r\n KTUtil.scrollUpdate(scrollers[i]);\r\n }\r\n },\r\n\r\n scrollDestroy: function(element, resetAll) {\r\n var ps = KTUtil.data(element).get('ps');\r\n\r\n if (ps) {\r\n ps.destroy();\r\n ps = KTUtil.data(element).remove('ps');\r\n }\r\n\r\n if (element && resetAll) {\r\n element.style.setProperty('overflow', '');\r\n element.style.setProperty('height', '');\r\n }\r\n },\r\n\r\n filterBoolean: function(val) {\r\n // Convert string boolean\r\n\t\t\tif (val === true || val === 'true') {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\r\n\t\t\tif (val === false || val === 'false') {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n return val;\r\n },\r\n\r\n setHTML: function(el, html) {\r\n el.innerHTML = html;\r\n },\r\n\r\n getHTML: function(el) {\r\n if (el) {\r\n return el.innerHTML;\r\n }\r\n },\r\n\r\n getDocumentHeight: function() {\r\n var body = document.body;\r\n var html = document.documentElement;\r\n\r\n return Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight );\r\n },\r\n\r\n getScrollTop: function() {\r\n return (document.scrollingElement || document.documentElement).scrollTop;\r\n },\r\n\r\n changeColor: function(col, amt) {\r\n\r\n var usePound = false;\r\n\r\n if (col[0] == \"#\") {\r\n col = col.slice(1);\r\n usePound = true;\r\n }\r\n\r\n var num = parseInt(col,16);\r\n\r\n var r = (num >> 16) + amt;\r\n\r\n if (r > 255) r = 255;\r\n else if (r < 0) r = 0;\r\n\r\n var b = ((num >> 8) & 0x00FF) + amt;\r\n\r\n if (b > 255) b = 255;\r\n else if (b < 0) b = 0;\r\n\r\n var g = (num & 0x0000FF) + amt;\r\n\r\n if (g > 255) g = 255;\r\n else if (g < 0) g = 0;\r\n\r\n return (usePound?\"#\":\"\") + (g | (b << 8) | (r << 16)).toString(16);\r\n\r\n },\r\n\r\n // Throttle function: Input as function which needs to be throttled and delay is the time interval in milliseconds\r\n throttle: function (timer, func, delay) {\r\n \t// If setTimeout is already scheduled, no need to do anything\r\n \tif (timer) {\r\n \t\treturn;\r\n \t}\r\n\r\n \t// Schedule a setTimeout after delay seconds\r\n \ttimer = setTimeout(function () {\r\n \t\tfunc();\r\n\r\n \t\t// Once setTimeout function execution is finished, timerId = undefined so that in
\r\n \t\t// the next scroll event function execution can be scheduled by the setTimeout\r\n \t\ttimer = undefined;\r\n \t}, delay);\r\n },\r\n\r\n // Debounce function: Input as function which needs to be debounced and delay is the debounced time in milliseconds\r\n debounce: function (timer, func, delay) {\r\n \t// Cancels the setTimeout method execution\r\n \tclearTimeout(timer)\r\n\r\n \t// Executes the func after delay time.\r\n \ttimer = setTimeout(func, delay);\r\n },\r\n\r\n btnWait: function(el, cls, message, disable) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n if (typeof disable !== 'undefined' && disable === true) {\r\n KTUtil.attr(el, \"disabled\", true);\r\n }\r\n\r\n if (cls) {\r\n KTUtil.addClass(el, cls);\r\n KTUtil.attr(el, \"wait-class\", cls);\r\n }\r\n\r\n if (message) {\r\n var caption = KTUtil.find(el, '.btn-caption');\r\n\r\n if (caption) {\r\n KTUtil.data(caption).set('caption', KTUtil.getHTML(caption));\r\n KTUtil.setHTML(caption, message);\r\n } else {\r\n KTUtil.data(el).set('caption', KTUtil.getHTML(el));\r\n KTUtil.setHTML(el, message);\r\n }\r\n }\r\n },\r\n\r\n btnRelease: function(el) {\r\n if (!el) {\r\n return;\r\n }\r\n\r\n /// Show loading state on button\r\n KTUtil.removeAttr(el, \"disabled\");\r\n\r\n if (KTUtil.hasAttr(el, \"wait-class\")) {\r\n KTUtil.removeClass(el, KTUtil.attr(el, \"wait-class\"));\r\n }\r\n\r\n var caption = KTUtil.find(el, '.btn-caption');\r\n\r\n if (caption && KTUtil.data(caption).has('caption')) {\r\n KTUtil.setHTML(caption, KTUtil.data(caption).get('caption'));\r\n } else if (KTUtil.data(el).has('caption')) {\r\n KTUtil.setHTML(el, KTUtil.data(el).get('caption'));\r\n }\r\n },\r\n\r\n isOffscreen: function(el, direction, offset) {\r\n offset = offset || 0;\r\n\r\n var windowWidth = KTUtil.getViewPort().width;\r\n var windowHeight = KTUtil.getViewPort().height;\r\n\r\n var top = KTUtil.offset(el).top;\r\n var height = KTUtil.outerHeight(el) + offset;\r\n var left = KTUtil.offset(el).left;\r\n var width = KTUtil.outerWidth(el) + offset;\r\n\r\n if (direction == 'bottom') {\r\n if (windowHeight < top + height) {\r\n return true;\r\n } else if (windowHeight > top + height * 1.5) {\r\n return true;\r\n }\r\n }\r\n\r\n if (direction == 'top') {\r\n if (top < 0) {\r\n return true;\r\n } else if (top > height) {\r\n return true;\r\n }\r\n }\r\n\r\n if (direction == 'left') {\r\n if (left < 0) {\r\n return true;\r\n } else if (left * 2 > width) {\r\n //console.log('left 2');\r\n //return true;\r\n }\r\n }\r\n\r\n if (direction == 'right') {\r\n if (windowWidth < left + width) {\r\n return true;\r\n } else {\r\n //console.log('right 2');\r\n //return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n }\r\n}();\r\n\r\n// webpack support\r\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\r\n // module.exports = KTUtil;\r\n}\r\n\r\n// Initialize KTUtil class on document ready\r\nKTUtil.ready(function() {\r\n\tif (typeof KTAppSettings !== 'undefined') {\r\n\t\tKTUtil.init(KTAppSettings);\r\n\t} else {\r\n\t\tKTUtil.init();\r\n\t}\r\n});\r\n","import React, {createContext} from \"react\";\r\nimport {useMemo} from \"react\";\r\nimport {useContext} from \"react\";\r\n\r\nconst I18N_CONFIG_KEY = process.env.REACT_APP_I18N_CONFIG_KEY || \"i18nConfig\";\r\nconst initialState = {\r\n selectedLang: \"en\"\r\n };\r\n\r\nfunction getConfig() {\r\n const ls = localStorage.getItem(I18N_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 initialState;\r\n}\r\n\r\n// Side effect\r\nexport function setLanguage(lang) {\r\n localStorage.setItem(I18N_CONFIG_KEY, JSON.stringify({ selectedLang: lang }));\r\n window.location.reload();\r\n}\r\n\r\nconst I18nContext = createContext();\r\n\r\nexport function useLang() {\r\n return useContext(I18nContext).selectedLang;\r\n}\r\n\r\nexport function withI18n(Component) {\r\n class WithI18n extends React.Component {\r\n static displayName = `WithI18n(${Component.displayName || Component.name})`;\r\n\r\n static contextType = I18nContext;\r\n\r\n render() {\r\n return
\r\n e.stopPropagation()}\r\n ref={bottomSheetRef}\r\n >\r\n \r\n
\r\n ,\r\n document.getElementById('bottom-sheet-root')\r\n );\r\n};\r\n\r\n\r\nfunction ModalPopUp( {handleCloseModal, text, headerText, show=true, isFooter=false, footerComponent, body, ariaLabelledby, mobileHeight,isBottomSheetRequired = true, isLongTitle }) {\r\n const [isMobile, setIsMobile] = useState(window.innerWidth < 768); // Initial check\r\n\r\n useEffect(() => {\r\n const handleResize = () => {\r\n setIsMobile(window.innerWidth < 768);\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 return (\r\n (isMobile && isBottomSheetRequired) ? (\r\n \r\n {backButton && }\r\n \r\n \r\n
\r\n \r\n {title}
\r\n
\r\n {footer && \r\n
\r\n {subtitle}\r\n
\r\n {body ? body :\r\n \r\n {text}
\r\n }\r\n\r\n {footer}\r\n
}\r\n \r\n \r\n
}\r\n {text}
\r\n \r\nPlease wait...
};\r\n}\r\n\r\nexport function NoRecordsFoundMessage({ entities }) {\r\n const customersList = entities === null ? [] : entities;\r\n return (\r\n <>\r\n {customersList.length === 0 && entities !== null && (\r\n No records found
\r\n )}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\n\r\nfunction SelectionCheckbox({ isSelected, onChange }) {\r\n return (\r\n <>\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction groupingItemOnSelect(props) {\r\n const { ids, setIds, customerId } = props;\r\n if (ids.some((id) => id === customerId)) {\r\n setIds(ids.filter((id) => id !== customerId));\r\n } else {\r\n const newIds = [...ids];\r\n newIds.push(customerId);\r\n setIds(newIds);\r\n }\r\n}\r\n\r\nfunction groupingAllOnSelect(props) {\r\n const { isSelected, setIds, entities, keyField } = props;\r\n if (!isSelected) {\r\n const allIds = [];\r\n entities.forEach((el) => {\r\n if (!el[\"isHideCheckbox\"]) allIds.push(el[keyField]);\r\n });\r\n setIds(allIds);\r\n } else {\r\n setIds([]);\r\n }\r\n\r\n return isSelected;\r\n}\r\n\r\n// check official documentations: https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Row%20Selection&selectedStory=Custom%20Selection%20Column%20Header%20Style&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel\r\nexport function getSelectRow(props) {\r\n const { entities, ids, setIds, keyField, hideSelection } = props;\r\n let showEntities = [];\r\n entities.forEach((entity) => {\r\n if (!entity[\"isHideCheckbox\"]) {\r\n showEntities.push(entity);\r\n }\r\n });\r\n return {\r\n mode: \"checkbox\",\r\n clickToSelect: true,\r\n hideSelectAll: false,\r\n hideSelectColumn: hideSelection,\r\n selectionHeaderRenderer: () => {\r\n const isSelected =\r\n showEntities.length > 0\r\n ? ids.length === showEntities.length\r\n : entities && entities.length > 0 && entities.length === ids.length;\r\n const props = { isSelected, entities, setIds, keyField };\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst Label = ({ name }) => {\r\n return \r\n {leadingIcon ? (\r\n
\r\n {leadingIcon}
\r\n ) : null}\r\n \r\n
\r\n \r\n {heading}\r\n
\r\n {subtexts?.length > 0 &&\r\n subtexts.map((subtext, index) => (\r\n \r\n {subtext}\r\n \r\n ))}\r\n \r\n {label ? : null}\r\n {trailingIcon}\r\n
\r\n {name}
;\r\n};\r\n\r\nexport default ListItem;\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport ListItem from \"./widget-common/widget-ListItem\";\r\nimport ChevronRight from \"../../assets/images/chevronRight.svg\";\r\nimport infoRed from \"../../assets/images/infoRed.png\";\r\nimport { BottomSheet } from \"./ModalPopUp\";\r\nimport tasksDone from \"../../assets/images/completed.png\"\r\nimport { useIntl } from \"react-intl\";\r\nimport { UrlConstant } from \"../../constants\";\r\nimport { DataConstant } from \"../../constants\";\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport { handleAuthFetchPost } from \"../../../utils/apiCallsProvider\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\n\r\nconst MobileView = ({ actionsList, onNavigate }) => {\r\n const [isExpanded, setIsExpanded] = useState(false);\r\n const [listItemHeight, setListItemHeight] = useState(0);\r\n const [screenWidth, setScreenWidth] = useState(window.innerWidth); \r\n const listItemRef = useRef(null);\r\n const intl = useIntl();\r\n\r\n useEffect(()=>{\r\n if (listItemRef.current) {\r\n const height = listItemRef.current.offsetHeight;\r\n setListItemHeight(height);\r\n }\r\n },[actionsList,screenWidth])\r\n\r\n useEffect(() => {\r\n const handleResize = () => setScreenWidth(window.innerWidth);\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n };\r\n }, []);\r\n\r\n const tasksCompleted = actionsList === null;\r\n\r\n if (tasksCompleted) {\r\n return null;\r\n }\r\n\r\n return !isExpanded ? (\r\n \r\n {actionsList?.slice(0, 1).map((action, index) => (\r\n setIsExpanded(true)}\r\n style={{bottom: listItemHeight+25}}\r\n >\r\n +{actionsList?.length - 1}{intl.formatMessage({id: \"more\"})}\r\n
\r\n \r\n )}\r\n \r\n ) : (\r\n onNavigate(action?.userBookingId)}>\r\n 
}\r\n label={action.actionLabel}\r\n />\r\n
\r\n ))}\r\n\r\n {actionsList?.length > 1 && (\r\n <>\r\n \r\n \r\n
\r\n \r\n {actionsList?.map((action, index) => (\r\n
\r\n }\r\n />\r\n );\r\n}\r\n\r\nconst DesktopView = ({ actionsList, onNavigate }) => {\r\n const intl = useIntl();\r\n const tasksCompleted = actionsList === null;\r\n\r\n return (\r\n !tasksCompleted ? onNavigate(action?.userBookingId)}>\r\n
\r\n ))}\r\n \r\n \r\n
: \r\n onNavigate(action?.userBookingId)}>\r\n
\r\n ))}\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nconst ActionItems = () => {\r\n const widgetDetail = useSelector(state => state.widget);\r\n const businessId = widgetDetail.businessDetail.businessId;\r\n const [isMobile, setIsMobile] = useState(window.innerWidth < 769); // Initial check\r\n const [actionsList, setActionsList] = useState([]);\r\n const history = useHistory();\r\n\r\n const goToBookingDetailPage = (userBookingId) => {\r\n history.push({\r\n pathname: `/widget/my-Appointments/psf-booking-detail/${userBookingId}`,\r\n state: { fromActionItems: true },\r\n });\r\n};\r\n\r\n\r\n useEffect(() => {\r\n const handleResize = () => {\r\n setIsMobile(window.innerWidth < 769);\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\r\n useEffect(() => {\r\n handleAuthFetchPost(\r\n `${UrlConstant.common.getActionItems}`, JSON.stringify({businessId: businessId})\r\n ).then((response) => {\r\n if (\r\n response &&\r\n response.status?.toLowerCase() ===\r\n DataConstant.apiResponseStatus.success.toLowerCase() &&\r\n response.data\r\n ) {\r\n const actionsList = response?.data?.entities;\r\n setActionsList(actionsList);\r\n } else {\r\n NotificationManager.error(response?.message);\r\n }\r\n }).catch((error) => {\r\n NotificationManager.error(error?.message);\r\n });\r\n\r\n }, [])\r\n\r\n if (!widgetDetail.isBusiness) {\r\n return null;\r\n }\r\n\r\n return(\r\n isMobile ? \r\n\r\n 
\r\n {intl.formatMessage({id:\"AllSet\"})}\r\n {intl.formatMessage({id: \"TasksCompleted\"})}\r\n
\r\n \r\n {showHeaderNav &&
\r\n )\r\n}\r\n\r\nexport default WidgetLayout;\r\n\r\n//#region Partial Widget Layout can be used in one place and PageLayout can be a seperate page with topNav, page and actions\r\n\r\nexport const PartialWidgetLayout = ({children, showHeaderNav=true, history, showBusinessInMobile, hideBusinessDetailsSection=false,showActionItems = false}) => {\r\n const widgetDetail = useSelector((state) => state.widget);\r\n return (\r\n \r\n \r\n
}\r\n \r\n {showBusinessDetailsSection && \r\n {children}\r\n \r\n {sideContent && sideContent}\r\n
\r\n \r\n
}\r\n \r\n {showHeaderNav &&
\r\n )\r\n}\r\n\r\n/**\r\n * PageLayout component is a wrapper for the page content. It renders the alert at the top and the page content and the actions at the bottom.\r\n * It also handles the visibility of the business details on mobile.\r\n * \r\n * @prop {ReactNode} children - The content of the page.\r\n * @prop {ReactNode} topNav - The navigation menu at the top.\r\n * @prop {ReactNode} actions - The actions at the bottom.\r\n * @prop {ReactNode} leftActionButton - The action button at the left of the bottom.\r\n * @prop {boolean} leftFull - Whether the left action button takes the full width.\r\n * @prop {ReactNode} rightActionButton - The action button at the right of the bottom.\r\n * @prop {boolean} rightFull - Whether the right action button takes the full width.\r\n * @prop {ReactNode} buttons - The buttons at the bottom.\r\n * @prop {React.MutableRefObject\r\n \r\n
}\r\n \r\n {!hideBusinessDetailsSection &&
\r\n \r\n \r\n
}\r\n {children}\r\n { showActionItems ? \r\n {showAlert && showAlert}\r\n {!hideGlobalAlert && !widgetCode && !actionLoader ? \r\n
\r\n )\r\n}\r\n\r\n//#endregion \r\n\r\n//#region local components \r\nconst LayoutPageContainer = React.forwardRef(({ children, isFullWidthContent }, ref) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {topNav}\r\n
\r\n {children}\r\n \r\n {children}\r\n
\r\n );\r\n});\r\n\r\nconst LayoutActionContainer = ({actions, leftActionButton, leftFull, rightActionButton, rightFull, buttons,customHeight}) => {\r\n return (\r\n actions ? \r\n
: <>\r\n )\r\n}\r\n//#endregion\r\n\r\nexport const TopNav = ({onGoback, pageName=\"\", subHeaderName=\"\", inlineButtonWithTitle}) => {\r\n return (\r\n \r\n {leftActionButton && (\r\n
\r\n \r\n {leftActionButton}\r\n
\r\n )}\r\n {rightActionButton && (\r\n <>\r\n {!leftActionButton && }\r\n \r\n {rightActionButton}\r\n
\r\n \r\n )}\r\n {buttons}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport const WidgetTopNav = ({children, onGoback, pageName=\"\", headerName, subHeaderName=\"\"}) => {\r\n return (\r\n \r\n {onGoback && \r\n }\r\n {pageName &&
\r\n {subHeaderName && \r\n
}\r\n {pageName}
\r\n\r\n
}\r\n {subHeaderName}
\r\n\r\n {headerName && }\r\n {children}\r\n
\r\n )\r\n}\r\n\r\n\r\nexport const RightActionButton = ({onClick, title, ...rest}) => {\r\n return (\r\n \r\n
}\r\n {(pageName || onGoback ) && \r\n {headerName}\r\n
\r\n\r\n \r\n {title}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport const LeftDateInfoButton = ({topText, bottomText, ...rest}) => {\r\n return (\r\n \r\n \r\n {topText}\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nexport const LeftActionButtonOutline = ({onClick, title, ...rest}) => {\r\n return (\r\n \r\n
\r\n \r\n {bottomText}\r\n
\r\n\r\n \r\n {title}\r\n \r\n
\r\n )\r\n}\r\n","import React, { createContext, useContext, useState, useCallback } from \"react\";\r\nimport {isFunction } from \"lodash\";\r\nimport { DataConstant } from \"../constants/dataConstant\";\r\n\r\nconst CommonContext = createContext();\r\n\r\nexport function useCommonContext() {\r\n return useContext(CommonContext);\r\n}\r\n\r\nexport const CommonConsumer = CommonContext.Consumer;\r\n\r\nexport function CommonContextProvider({ children }) {\r\n const [queryParams, setQueryParamsBase] = useState(DataConstant.pagingInfo);\r\n const [ids, setIds] = useState([]);\r\n\r\n const setQueryParams = useCallback((nextQueryParams) => {\r\n setQueryParamsBase((prevQueryParams) => {\r\n if (isFunction(nextQueryParams)) {\r\n nextQueryParams = nextQueryParams(prevQueryParams);\r\n } \r\n return nextQueryParams;\r\n });\r\n }, []);\r\n\r\n const value = {\r\n queryParams,\r\n setQueryParamsBase,\r\n setQueryParams,\r\n ids,\r\n setIds,\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { ButtonComponent } from \"../components/buttonComponent\";\r\nimport ModalPopUp from \"../modules/widget/ModalPopUp\";\r\nexport const ConfirmationPopup = (props) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {props.detailedMessage}
\r\n )}\r\n{props?.inputForm && props?.inputForm()}
\r\n \r\n }\r\n isBottomSheetRequired = {props.isBottomSheetRequired}\r\n footerComponent={\r\n <>\r\n {!props?.hideCancel && (\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 handleFirstPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n handlePrevPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n\r\n {page > 1 && (\r\n \r\n ...\r\n \r\n )}\r\n {pages.map((p) => (\r\n handleSelectedPage(paginationProps, p)}\r\n className={`btn btn-icon btn-sm border-0 btn-light ${\r\n page === p ? \" btn-hover-primary active\" : \"\"\r\n } mr-2 my-1`}\r\n >\r\n {p}\r\n \r\n ))}\r\n {page < pagesCount && (\r\n \r\n ...\r\n \r\n )}\r\n handleNextPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n handleLastPage(paginationProps)}\r\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\r\n >\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","/* eslint-disable no-unused-vars */\r\nimport React from \"react\";\r\nimport {PaginationTotalStandalone} from \"react-bootstrap-table2-paginator\";\r\n\r\nexport function PaginationToolbar(props) {\r\n const { isLoading, paginationProps } = props;\r\n const {\r\n sizePerPageList,\r\n sizePerPage,\r\n totalSize,\r\n onSizePerPageChange = [\r\n { text: \"3\", value: 3 },\r\n { text: \"5\", value: 5 },\r\n { text: \"10\", value: 10 }\r\n ]\r\n } = paginationProps;\r\n const style = {\r\n width: \"75px\"\r\n };\r\n\r\n const onSizeChange = event => {\r\n const newSize = +event.target.value;\r\n onSizePerPageChange(newSize);\r\n };\r\n\r\n return (\r\n \r\n {isLoading && (\r\n \r\n {sizePerPageList.map(option => {\r\n const isSelect = sizePerPage === `${option.page}`;\r\n return (\r\n \r\n {option.text}\r\n \r\n );\r\n })}\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport {PaginationLinks} from \"./PaginationLinks\";\r\nimport {PaginationToolbar} from \"./PaginationToolbar\";\r\n\r\nexport function Pagination(props) {\r\n const { children, isLoading, paginationProps } = props;\r\n return (\r\n <>\r\n {children}\r\n \r\n
\r\n )}\r\n Loading...
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport {withRouter} from \"react-router-dom\";\r\nimport {ProgressBar} from \"react-bootstrap\";\r\n\r\n// TODO: Should be rewrited to pure function\r\nclass AnimateLoading extends React.Component {\r\n animateTimeout;\r\n stopAnimateTimeout;\r\n state = {\r\n width: 0,\r\n routeChanged: false\r\n };\r\n\r\n componentDidUpdate(nextProps) {\r\n if (this.props.location.pathname !== nextProps.location.pathname) {\r\n this.animate();\r\n this.scrollToTop();\r\n }\r\n }\r\n\r\n scrollToTop() {\r\n const scrollToTopBtn = document.getElementById(\"kt_scrolltop\");\r\n if (scrollToTopBtn) {\r\n scrollToTopBtn.click();\r\n }\r\n }\r\n\r\n animate() {\r\n this.animateTimeout = setTimeout(() => {\r\n if (this.state.width <= 100) {\r\n this.setState({ width: this.state.width + 10 });\r\n this.animate();\r\n } else {\r\n this.stopAnimate();\r\n }\r\n }, 30);\r\n }\r\n stopAnimate() {\r\n clearTimeout(this.animateInterval);\r\n this.stopAnimateTimeout = setTimeout(() => {\r\n this.setState({ width: 0 });\r\n }, 300);\r\n }\r\n componentWillUnmount() {\r\n if (this.stopAnimateTimeout) {\r\n clearTimeout(this.stopAnimateTimeout);\r\n }\r\n if (this.animateTimeout) {\r\n clearTimeout(this.animateTimeout);\r\n }\r\n }\r\n render() {\r\n return (\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","// CodeExamples\r\nexport {CodeBlock} from \"./code-examples/CodeBlock\";\r\nexport {CodeBlockToolbar} from \"./code-examples/CodeBlockToolbar\";\r\nexport {CodeExample} from \"./code-examples/CodeExample\";\r\nexport {CodeExampleSimple} from \"./code-examples/CodeExampleSimple\";\r\n\r\n// KTCodeExamples\r\nexport {KTCodeBlock} from \"./code-examples-kt/KTCodeBlock\";\r\nexport {KTCodeExample} from \"./code-examples-kt/KTCodeExample\";\r\n\r\n// Forms\r\nexport {DatePickerField} from \"./forms/DatePickerField\";\r\nexport {FieldFeedbackLabel} from \"./forms/FieldFeedbackLabel\";\r\nexport {FormAlert} from \"./forms/FormAlert\";\r\nexport {Input} from \"./forms/Input\";\r\nexport {Select} from \"./forms/Select\";\r\nexport {Checkbox} from \"./forms/Checkbox\";\r\nexport {HeaderCheckbox} from \"./forms/HeaderCheckbox\";\r\n\r\n\r\n// Paginations\r\nexport {Pagination} from \"./pagination/Pagination\"\r\nexport {PaginationLinks} from \"./pagination/PaginationLinks\";\r\nexport {PaginationToolbar} from \"./pagination/PaginationToolbar\";\r\n\r\n// Controls\r\nexport * from \"./Card\";\r\nexport {default as AnimateLoading} from \"./AnimateLoading\";\r\nexport {LoadingDialog} from \"./LoadingDialog\";\r\nexport {Notice} from \"./Notice\";\r\nexport {SplashScreen} from \"./SplashScreen\";\r\nexport {SVGIcon} from \"./SVGIcon\";\r\nexport {ModalProgressBar} from \"./ModalProgressBar\";","import { all } from \"redux-saga/effects\";\r\nimport { combineReducers } from \"redux\";\r\n\r\nimport * as auth from \"../app/modules/Auth/_redux/authRedux\";\r\nimport { LoaderSlice } from \"./loader/loaderSlice\";\r\nimport { filterReducer } from \"./filter/filterReducer\";\r\nimport { widgetReducer } from \"../app/modules/widget/_redux/widgetRedux\";\r\nimport { consultationReducer } from \"../app/modules/widget/_redux/consultationRedux\";\r\nimport { appReducer } from \"../app/modules/widget/_redux/appRedux\";\r\nexport const rootReducer = combineReducers({\r\n auth: auth.reducer,\r\n loader: LoaderSlice.reducer,\r\n filter: filterReducer,\r\n widget: widgetReducer,\r\n consultation : consultationReducer,\r\n app: appReducer,\r\n});\r\n\r\nexport function* rootSaga() {\r\n yield all([auth.saga()]);\r\n}\r\n","import {configureStore, getDefaultMiddleware} from \"@reduxjs/toolkit\";\r\nimport createSagaMiddleware from \"redux-saga\";\r\nimport {reduxBatch} from \"@manaflair/redux-batch\";\r\nimport {persistStore} from \"redux-persist\";\r\nimport {rootReducer, rootSaga} from \"./rootReducer\";\r\n\r\nconst sagaMiddleware = createSagaMiddleware();\r\nconst middleware = [\r\n ...getDefaultMiddleware({\r\n immutableCheck: false,\r\n serializableCheck: false,\r\n thunk: true\r\n }),\r\n sagaMiddleware\r\n];\r\n\r\nconst store = configureStore({\r\n reducer: rootReducer,\r\n middleware,\r\n devTools: process.env.NODE_ENV !== \"production\",\r\n enhancers: [reduxBatch]\r\n});\r\n\r\n/**\r\n * @see https://github.com/rt2zz/redux-persist#persiststorestore-config-callback\r\n * @see https://github.com/rt2zz/redux-persist#persistor-object\r\n */\r\nexport const persistor = persistStore(store);\r\n\r\nsagaMiddleware.run(rootSaga);\r\n\r\nexport default store;\r\n","import React from \"react\";\r\n\r\nconst BackButtonSvg = ({...rest}) => {\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default BackButtonSvg;\r\n","/* eslint-disable */\r\nimport { LoaderSlice } from \"../redux/loader/loaderSlice\";\r\nimport store from \"../redux/store\";\r\nimport { acquireAccessToken } from \"../utils/authProvider\";\r\nimport {\r\n signOut as authPopupSignOut,\r\n acquireAccessToken as authPopupAcquireAccessToken,\r\n} from \"../utils/authPopup\";\r\nimport { DataConstant } from \"../app/constants\";\r\nimport { actionTypes } from \"../app/modules/widget/_redux/widgetRedux\";\r\nimport { actionTypes as consultationActionTypes } from \"../app/modules/widget/_redux/consultationRedux\";\r\nimport { actionTypes as authActionTypes } from \"../app/modules/Auth/_redux/authRedux\";\r\nimport { UrlConstant } from \"../app/constants\";\r\n\r\nconst { actions } = LoaderSlice;\r\nconst WhiteLabel = `${process.env.REACT_APP_WHITELABELNAME}`;\r\n\r\nexport const ClearUserDetail = () => {\r\n store.dispatch({\r\n type: actionTypes.ClearUserDetail,\r\n });\r\n};\r\nexport const ClearBookingDetail = () => {\r\n store.dispatch({\r\n type: actionTypes.ClearBookingDetail,\r\n });\r\n};\r\n\r\nconst ClearWidgetDetailsAfterLogout = () => {\r\n store.dispatch({\r\n type: actionTypes.ClearBookingDetailAfterLogout,\r\n });\r\n}\r\n\r\nexport const ClearConsultationDetail = () => {\r\n store.dispatch({\r\n type: consultationActionTypes.setClearConsultationDetail,\r\n });\r\n};\r\nexport const logout = () => {\r\n if (window.location !== window.parent.location) {\r\n authPopupSignOut();\r\n }\r\n else {\r\n store.dispatch({\r\n type: authActionTypes.SetUnAuthorizedByAPI,\r\n payload: true,\r\n });\r\n }\r\n};\r\nexport const handleAuthFetchGet = async (\r\n requestURL,\r\n authorizationRequired = true,\r\n skipAuthWithWhiteLabel = false\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const options = {\r\n method: \"get\",\r\n headers: {\r\n \"content-type\": \"application/json;\",\r\n },\r\n };\r\n increaseCounter();\r\n if (authorizationRequired) {\r\n const getAccessToken =\r\n window.location !== window.parent.location\r\n ? authPopupAcquireAccessToken()\r\n : acquireAccessToken();\r\n getAccessToken.then((silentResponse) => {\r\n if (silentResponse) {\r\n const userDetail = JSON.parse(localStorage.getItem(DataConstant.userDetailTokenKey));\r\n options.headers.Authorization = `Bearer ${silentResponse.accessToken}`;\r\n options.headers.WhiteLabel = WhiteLabel;\r\n options.headers.UserDetail = userDetail;\r\n fetch(requestURL, options)\r\n .then(\r\n (response) => {\r\n return response.json();\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .then(\r\n (responseJson) => {\r\n if (responseJson.statusCode === 401) {\r\n console.log(\"responseJson-apiCallsProvider\", responseJson);\r\n ClearWidgetDetailsAfterLogout();\r\n ClearConsultationDetail();\r\n logout();\r\n return;\r\n } else if (responseJson.statusCode === 404) {\r\n window.location.href = DataConstant.Error404Page;\r\n return;\r\n }\r\n resolve(responseJson);\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .catch((err) => {\r\n reject(err);\r\n })\r\n .finally(() => {\r\n decreaseCounter();\r\n });\r\n }\r\n }).catch((err) => {\r\n reject(err);\r\n });\r\n } else {\r\n if(skipAuthWithWhiteLabel){\r\n options.headers.WhiteLabel = WhiteLabel;\r\n }\r\n fetch(requestURL, options)\r\n .then(\r\n (response) => {\r\n return response.json();\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .then(\r\n (responseJson) => {\r\n resolve(responseJson);\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .catch((err) => {\r\n reject(err);\r\n })\r\n .finally(() => {\r\n decreaseCounter();\r\n });\r\n }\r\n });\r\n\r\nexport const handleAuthFetchPost = async (\r\n requestURL,\r\n requestBody,\r\n requestHeader = \"application/json;\",\r\n authorizationRequired = true,\r\n skipAuthWithWhiteLabel = false\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const options = {\r\n method: \"post\",\r\n headers: {\r\n \"content-type\": \"application/json;\",\r\n },\r\n body: requestBody,\r\n };\r\n\r\n if (requestHeader) {\r\n options.headers[\"content-type\"] = `${requestHeader}`;\r\n }\r\n increaseCounter();\r\n if (authorizationRequired) {\r\n const getAccessToken =\r\n window.location !== window.parent.location\r\n ? authPopupAcquireAccessToken()\r\n : acquireAccessToken();\r\n getAccessToken.then((silentResponse) => {\r\n if (silentResponse) {\r\n let responsedata;\r\n\r\n const userDetail = JSON.parse(localStorage.getItem(DataConstant.userDetailTokenKey));\r\n const affiliateDetail = JSON.parse(localStorage.getItem(DataConstant.affiliateDetailTokenKey));\r\n\r\n options.headers.Authorization = `Bearer ${silentResponse.accessToken}`;\r\n options.headers.WhiteLabel = WhiteLabel;\r\n options.headers.UserDetail = requestURL === UrlConstant.payout.saveRequestPayout ? affiliateDetail : userDetail;\r\n\r\n fetch(requestURL, options)\r\n .then(\r\n (response) => {\r\n responsedata = response;\r\n return response.json();\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .then(\r\n (responseJson) => {\r\n if (responseJson.statusCode === 401) {\r\n console.log(\"responseJson-apiCallsProvider\", responseJson);\r\n ClearWidgetDetailsAfterLogout();\r\n ClearConsultationDetail();\r\n logout();\r\n return;\r\n } else if (responseJson.statusCode === 404) {\r\n window.location.href = DataConstant.Error404Page;\r\n return;\r\n }\r\n if (responsedata.status !== 200) {\r\n reject(responseJson);\r\n } else {\r\n resolve(responseJson);\r\n }\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .catch((err) => {\r\n reject(err);\r\n })\r\n .finally(() => {\r\n decreaseCounter();\r\n });\r\n }\r\n }).catch((err) => {\r\n reject(err);\r\n });\r\n } else {\r\n if(skipAuthWithWhiteLabel){\r\n options.headers.WhiteLabel = WhiteLabel;\r\n }\r\n fetch(requestURL, options)\r\n .then(\r\n (response) => {\r\n return response.json();\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .then(\r\n (responseJson) => {\r\n if (responseJson.statusCode === 401) {\r\n console.log(\"responseJson-apiCallsProvider\", responseJson);\r\n ClearWidgetDetailsAfterLogout();\r\n ClearConsultationDetail();\r\n logout();\r\n return;\r\n } else if (responseJson.statusCode === 404) {\r\n window.location.href = DataConstant.Error404Page;\r\n return;\r\n }\r\n resolve(responseJson);\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .catch((err) => {\r\n reject(err);\r\n })\r\n .finally(() => {\r\n decreaseCounter();\r\n });\r\n }\r\n });\r\n\r\nexport const handleAuthFetchFileUploadPost = async (\r\n requestURL,\r\n requestBody,\r\n authorizationRequired = true\r\n) =>\r\n new Promise((resolve, reject) => {\r\n const options = {\r\n method: \"post\",\r\n headers: {\r\n Accept: \"application/json\",\r\n },\r\n body: requestBody,\r\n };\r\n increaseCounter();\r\n if (authorizationRequired) {\r\n const getAccessToken =\r\n window.location !== window.parent.location\r\n ? authPopupAcquireAccessToken()\r\n : acquireAccessToken();\r\n getAccessToken.then((silentResponse) => {\r\n if (silentResponse) {\r\n let responsedata;\r\n const userDetail = JSON.parse(localStorage.getItem(DataConstant.userDetailTokenKey));\r\n\r\n options.headers.Authorization = `Bearer ${silentResponse.accessToken}`;\r\n options.headers.WhiteLabel = WhiteLabel;\r\n options.headers.UserDetail = userDetail;\r\n fetch(requestURL, options)\r\n .then(\r\n (response) => {\r\n responsedata = response;\r\n return response.json();\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .then(\r\n (responseJson) => {\r\n if (responseJson.statusCode === 401) {\r\n ClearWidgetDetailsAfterLogout();\r\n ClearConsultationDetail();\r\n logout();\r\n return;\r\n }\r\n if (responsedata.status !== 200) {\r\n reject(responseJson);\r\n } else {\r\n resolve(responseJson);\r\n }\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .catch((err) => {\r\n reject(err);\r\n })\r\n .finally(() => {\r\n decreaseCounter();\r\n });\r\n }\r\n }).catch((err) => {\r\n reject(err);\r\n });\r\n } else {\r\n fetch(requestURL, options)\r\n .then(\r\n (response) => {\r\n return response.json();\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .then(\r\n (responseJson) => {\r\n resolve(responseJson);\r\n },\r\n (err) => {\r\n reject(err);\r\n }\r\n )\r\n .catch((err) => {\r\n reject(err);\r\n })\r\n .finally(() => {\r\n decreaseCounter();\r\n });\r\n }\r\n });\r\n\r\nexport const increaseCounter = (apiName) => {\r\n store.dispatch(actions.setLoader());\r\n};\r\n\r\nexport const decreaseCounter = () => {\r\n store.dispatch(actions.decreaseApiCount());\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"widgetParent_mainContainer__23gzc\",\"container\":\"widgetParent_container__3F6GM\",\"leftInnerContainer\":\"widgetParent_leftInnerContainer__2rXNW\",\"left\":\"widgetParent_left__3bLaJ\",\"rightInnerContainer\":\"widgetParent_rightInnerContainer__Ag-Yx\",\"rightInnerTopContainer\":\"widgetParent_rightInnerTopContainer__1QrHH\",\"right\":\"widgetParent_right__3ScLi\",\"buttonContainer\":\"widgetParent_buttonContainer__2PzWa\",\"listContainer\":\"widgetParent_listContainer__38PMa\",\"header\":\"widgetParent_header__2Na84\",\"title\":\"widgetParent_title__2-56H\",\"subTitle\":\"widgetParent_subTitle__3AQe9\"};","import { persistReducer } from \"redux-persist\";\r\nimport storage from \"redux-persist/lib/storage\";\r\nimport { put, takeLatest } from \"redux-saga/effects\";\r\n\r\nexport const actionTypes = {\r\n Login: \"[Login] Action\",\r\n Logout: \"[Logout] Action\",\r\n Register: \"[Register] Action\",\r\n UserRequested: \"[Request User] Action\",\r\n UserLoaded: \"[Load User] Auth API\",\r\n SetUser: \"[Set User] Action\",\r\n SetUserDetail: \"[Set UserDetail] Action\",\r\n SetBrowerDetail: \"[Set BrowerDetail] Action\",\r\n SetUnAuthorizedByAPI: \"[Set UnAuthorizedByAPI] Action\",\r\n UpdateSignupSuccess: \"[Update SignupSuccess] Action\",\r\n};\r\n\r\nconst initialAuthState = {\r\n user: undefined,\r\n authToken: undefined,\r\n isSigninInProgress: false,\r\n userDetailId: undefined,\r\n userType: undefined,\r\n userTypeId: undefined,\r\n businessId: undefined,\r\n businessName: undefined,\r\n whiteLabel: undefined,\r\n currency: undefined,\r\n allowBusinessToAddMembership: undefined,\r\n browser: undefined,\r\n isUnAuthorizedByAPI: false,\r\n signupSuccess: false,\r\n};\r\n\r\nexport const reducer = persistReducer(\r\n {\r\n storage,\r\n key: \"v713-demo1-auth\",\r\n //These are the state which will persist for auth state unless Signed Out\r\n whitelist: [\"user\", \"authToken\", \"isSigninInProgress\", \"userType\", \"isUnAuthorizedByAPI\", \"signupSuccess\", \"userHasClientRole\", \"affiliateUserDetailId\"],\r\n },\r\n (state = initialAuthState, action) => {\r\n switch (action.type) {\r\n case actionTypes.Login: {\r\n const {\r\n authToken,\r\n user,\r\n userName,\r\n isSigninInProgress,\r\n } = action.payload;\r\n\r\n return { ...state, authToken, user, userName, isSigninInProgress, isUnAuthorizedByAPI: false };\r\n }\r\n\r\n case actionTypes.Register: {\r\n const { authToken } = action.payload;\r\n\r\n return { authToken, user: undefined };\r\n }\r\n\r\n case actionTypes.Logout: {\r\n // TODO: Change this code. Actions in reducer aren't allowed.\r\n return initialAuthState;\r\n }\r\n\r\n case actionTypes.UserLoaded: {\r\n const { user } = action.payload;\r\n return { ...state, user };\r\n }\r\n\r\n case actionTypes.SetUser: {\r\n const { user } = action.payload;\r\n return { ...state, user };\r\n }\r\n\r\n case actionTypes.SetUserDetail: {\r\n const {\r\n userDetailId,\r\n userType,\r\n userTypeId,\r\n businessName,\r\n businessId,\r\n whiteLabel,\r\n currency,\r\n allowBusinessToAddMembership,\r\n userHasClientRole,\r\n affiliateUserDetailId,\r\n } = action.payload;\r\n return {\r\n ...state,\r\n userDetailId,\r\n userType,\r\n userTypeId,\r\n businessName,\r\n businessId,\r\n whiteLabel,\r\n currency,\r\n allowBusinessToAddMembership,\r\n userHasClientRole,\r\n affiliateUserDetailId,\r\n };\r\n }\r\n\r\n case actionTypes.SetBrowerDetail: {\r\n const { browser } = action.payload;\r\n return { ...state, browser };\r\n }\r\n\r\n case actionTypes.SetUnAuthorizedByAPI: {\r\n return { ...state, isUnAuthorizedByAPI: action.payload };\r\n }\r\n\r\n case actionTypes.UpdateSignupSuccess: {\r\n return { ...state, signupSuccess: action.payload?.signupSuccess };\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n }\r\n);\r\n\r\nexport const actions = {\r\n login: (authToken) => ({ type: actionTypes.Login, payload: { authToken } }),\r\n register: (authToken) => ({\r\n type: actionTypes.Register,\r\n payload: { authToken },\r\n }),\r\n logout: () => ({ type: actionTypes.Logout }),\r\n requestUser: (user) => ({\r\n type: actionTypes.UserRequested,\r\n payload: { user },\r\n }),\r\n fulfillUser: (user) => ({ type: actionTypes.UserLoaded, payload: { user } }),\r\n setUser: (user) => ({ type: actionTypes.SetUser, payload: { user } }),\r\n SetUserDetail: (userType) => ({\r\n type: actionTypes.SetUserDetail,\r\n payload: { userType },\r\n }),\r\n};\r\n\r\nexport function* saga() {\r\n yield takeLatest(actionTypes.Login, function* loginSaga() {\r\n yield put(actions.requestUser());\r\n });\r\n\r\n yield takeLatest(actionTypes.Register, function* registerSaga() {\r\n yield put(actions.requestUser());\r\n });\r\n\r\n // yield takeLatest(actionTypes.UserRequested, function* userRequested() {\r\n // const { data: user } = yield getUserByToken();\r\n\r\n // yield put(actions.fulfillUser(user));\r\n // });\r\n}\r\n","import React from \"react\";\r\n\r\nconst WarningButtonSvg = ({props}) => {\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default WarningButtonSvg;\r\n\r\n","import React from \"react\";\r\nimport \"../../../_metronic/_assets/sass/pages/error/error-4.scss\";\r\nimport WarningButtonSvg from \"../../assets/svg/Warning\";\r\n\r\nconst WidgetAlert = ({text, subText, isButton, btnTitle, onClick}) => {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default WidgetAlert;\r\n","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAATCAYAAAB2iSS0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDBFRDQ1NUJEMDRFMTFFQzkxNTJDNzA3NzlGRTYwNEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDBFRDQ1NUFEMDRFMTFFQzkxNTJDNzA3NzlGRTYwNEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzEzOTA4OTVEMDREMTFFQzhCMTVENjI2NEUwNUMwQkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzEzOTA4OTZEMDREMTFFQzhCMTVENjI2NEUwNUMwQkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4xoopdAAAH7UlEQVR42sRa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\"","module.exports = \"data:image/png;base64,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\"","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./util\";\r\n\r\n// Component Definition\r\nvar KTCard = function(elementId, options) {\r\n // Main object\r\n var the = this;\r\n var init = false;\r\n\r\n // Get element object\r\n var element = KTUtil.getById(elementId);\r\n var body = KTUtil.getBody();\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n // Default options\r\n var defaultOptions = {\r\n toggleSpeed: 400,\r\n sticky: {\r\n releseOnReverse: false,\r\n offset: 300,\r\n zIndex: 101\r\n }\r\n };\r\n\r\n ////////////////////////////\r\n // ** Private Methods ** //\r\n ////////////////////////////\r\n\r\n var Plugin = {\r\n /**\r\n * Construct\r\n */\r\n\r\n construct: function(options) {\r\n if (KTUtil.data(element).has('card')) {\r\n the = KTUtil.data(element).get('card');\r\n } else {\r\n // reset menu\r\n Plugin.init(options);\r\n\r\n // build menu\r\n Plugin.build();\r\n\r\n KTUtil.data(element).set('card', the);\r\n }\r\n\r\n return the;\r\n },\r\n\r\n /**\r\n * Init card\r\n */\r\n init: function(options) {\r\n the.element = element;\r\n the.events = [];\r\n\r\n // merge default and user defined options\r\n the.options = KTUtil.deepExtend({}, defaultOptions, options);\r\n the.header = KTUtil.child(element, '.card-header');\r\n the.footer = KTUtil.child(element, '.card-footer');\r\n\r\n if (KTUtil.child(element, '.card-body')) {\r\n the.body = KTUtil.child(element, '.card-body');\r\n } else if (KTUtil.child(element, '.form')) {\r\n the.body = KTUtil.child(element, '.form');\r\n }\r\n },\r\n\r\n /**\r\n * Build Form Wizard\r\n */\r\n build: function() {\r\n // Remove\r\n var remove = KTUtil.find(the.header, '[data-card-tool=remove]');\r\n if (remove) {\r\n KTUtil.addEvent(remove, 'click', function(e) {\r\n e.preventDefault();\r\n Plugin.remove();\r\n });\r\n }\r\n\r\n // Reload\r\n var reload = KTUtil.find(the.header, '[data-card-tool=reload]');\r\n if (reload) {\r\n KTUtil.addEvent(reload, 'click', function(e) {\r\n e.preventDefault();\r\n Plugin.reload();\r\n });\r\n }\r\n\r\n // Toggle\r\n var toggle = KTUtil.find(the.header, '[data-card-tool=toggle]');\r\n if (toggle) {\r\n KTUtil.addEvent(toggle, 'click', function(e) {\r\n e.preventDefault();\r\n Plugin.toggle();\r\n });\r\n }\r\n },\r\n\r\n /**\r\n * Enable stickt mode\r\n */\r\n initSticky: function() {\r\n var lastScrollTop = 0;\r\n var offset = the.options.sticky.offset;\r\n\r\n if (!the.header) {\r\n return;\r\n }\r\n\r\n\t window.addEventListener('scroll', Plugin.onScrollSticky);\r\n },\r\n\r\n\t /**\r\n\t * Window scroll handle event for sticky card\r\n\t */\r\n\t onScrollSticky: function(e) {\r\n\t\t var offset = the.options.sticky.offset;\r\n\r\n\t\t if(isNaN(offset)) return;\r\n\r\n\t\t var st = KTUtil.getScrollTop();\r\n\r\n\t\t if (st >= offset && KTUtil.hasClass(body, 'card-sticky-on') === false) {\r\n\t\t\t Plugin.eventTrigger('stickyOn');\r\n\r\n\t\t\t KTUtil.addClass(body, 'card-sticky-on');\r\n\r\n\t\t\t Plugin.updateSticky();\r\n\r\n\t\t } else if ((st*1.5) <= offset && KTUtil.hasClass(body, 'card-sticky-on')) {\r\n\t\t\t // Back scroll mode\r\n\t\t\t Plugin.eventTrigger('stickyOff');\r\n\r\n\t\t\t KTUtil.removeClass(body, 'card-sticky-on');\r\n\r\n\t\t\t Plugin.resetSticky();\r\n\t\t }\r\n\t },\r\n\r\n updateSticky: function() {\r\n if (!the.header) {\r\n return;\r\n }\r\n\r\n var top;\r\n\r\n if (KTUtil.hasClass(body, 'card-sticky-on')) {\r\n if (the.options.sticky.position.top instanceof Function) {\r\n top = parseInt(the.options.sticky.position.top.call(this, the));\r\n } else {\r\n top = parseInt(the.options.sticky.position.top);\r\n }\r\n\r\n var left;\r\n if (the.options.sticky.position.left instanceof Function) {\r\n left = parseInt(the.options.sticky.position.left.call(this, the));\r\n } else {\r\n left = parseInt(the.options.sticky.position.left);\r\n }\r\n\r\n var right;\r\n if (the.options.sticky.position.right instanceof Function) {\r\n right = parseInt(the.options.sticky.position.right.call(this, the));\r\n } else {\r\n right = parseInt(the.options.sticky.position.right);\r\n }\r\n\r\n KTUtil.css(the.header, 'z-index', the.options.sticky.zIndex);\r\n KTUtil.css(the.header, 'top', top + 'px');\r\n KTUtil.css(the.header, 'left', left + 'px');\r\n KTUtil.css(the.header, 'right', right + 'px');\r\n }\r\n },\r\n\r\n resetSticky: function() {\r\n if (!the.header) {\r\n return;\r\n }\r\n\r\n if (KTUtil.hasClass(body, 'card-sticky-on') === false) {\r\n KTUtil.css(the.header, 'z-index', '');\r\n KTUtil.css(the.header, 'top', '');\r\n KTUtil.css(the.header, 'left', '');\r\n KTUtil.css(the.header, 'right', '');\r\n }\r\n },\r\n\r\n /**\r\n * Remove card\r\n */\r\n remove: function() {\r\n if (Plugin.eventTrigger('beforeRemove') === false) {\r\n return;\r\n }\r\n\r\n // Remove tooltips\r\n var tooltips;\r\n if ( tooltips = document.querySelectorAll('.tooltip.show') ) {\r\n $(tooltips).tooltip('dispose');\r\n }\r\n\r\n KTUtil.remove(element);\r\n\r\n Plugin.eventTrigger('afterRemove');\r\n },\r\n\r\n /**\r\n * Set content\r\n */\r\n setContent: function(html) {\r\n if (html) {\r\n the.body.innerHTML = html;\r\n }\r\n },\r\n\r\n /**\r\n * Get body\r\n */\r\n getBody: function() {\r\n return the.body;\r\n },\r\n\r\n /**\r\n * Get self\r\n */\r\n getSelf: function() {\r\n return element;\r\n },\r\n\r\n /**\r\n * Reload\r\n */\r\n reload: function() {\r\n Plugin.eventTrigger('reload');\r\n },\r\n\r\n /**\r\n * Toggle\r\n */\r\n toggle: function() {\r\n if (KTUtil.hasClass(element, 'card-collapse') || KTUtil.hasClass(element, 'card-collapsed')) {\r\n Plugin.expand();\r\n } else {\r\n Plugin.collapse();\r\n }\r\n },\r\n\r\n /**\r\n * Collapse\r\n */\r\n collapse: function() {\r\n if (Plugin.eventTrigger('beforeCollapse') === false) {\r\n return;\r\n }\r\n\r\n KTUtil.slideUp(the.body, the.options.toggleSpeed, function() {\r\n Plugin.eventTrigger('afterCollapse');\r\n });\r\n\r\n KTUtil.addClass(element, 'card-collapse');\r\n },\r\n\r\n /**\r\n * Expand\r\n */\r\n expand: function() {\r\n if (Plugin.eventTrigger('beforeExpand') === false) {\r\n return;\r\n }\r\n\r\n KTUtil.slideDown(the.body, the.options.toggleSpeed, function() {\r\n Plugin.eventTrigger('afterExpand');\r\n });\r\n\r\n KTUtil.removeClass(element, 'card-collapse');\r\n KTUtil.removeClass(element, 'card-collapsed');\r\n },\r\n\r\n /**\r\n * Trigger events\r\n */\r\n eventTrigger: function(name) {\r\n //KTUtil.triggerCustomEvent(name);\r\n for (var i = 0; i < the.events.length; i++) {\r\n var event = the.events[i];\r\n if (event.name == name) {\r\n if (event.one == true) {\r\n if (event.fired == false) {\r\n the.events[i].fired = true;\r\n return event.handler.call(this, the);\r\n }\r\n } else {\r\n return event.handler.call(this, the);\r\n }\r\n }\r\n }\r\n },\r\n\r\n addEvent: function(name, handler, one) {\r\n the.events.push({\r\n name: name,\r\n handler: handler,\r\n one: one,\r\n fired: false\r\n });\r\n\r\n return the;\r\n }\r\n };\r\n\r\n //////////////////////////\r\n // ** Public Methods ** //\r\n //////////////////////////\r\n\r\n /**\r\n * Set default options\r\n */\r\n\r\n the.setDefaults = function(options) {\r\n defaultOptions = options;\r\n };\r\n\r\n /**\r\n * Remove card\r\n */\r\n the.remove = function() {\r\n return Plugin.remove(html);\r\n };\r\n\r\n /**\r\n * Init sticky card\r\n */\r\n the.initSticky = function() {\r\n return Plugin.initSticky();\r\n };\r\n\r\n /**\r\n * Rerender sticky layout\r\n */\r\n the.updateSticky = function() {\r\n return Plugin.updateSticky();\r\n };\r\n\r\n /**\r\n * Reset the sticky\r\n */\r\n the.resetSticky = function() {\r\n return Plugin.resetSticky();\r\n };\r\n\r\n\t/**\r\n\t * Destroy sticky card\r\n\t */\r\n\tthe.destroySticky = function() {\r\n\t\tPlugin.resetSticky();\r\n\t\twindow.removeEventListener('scroll', Plugin.onScrollSticky);\r\n\t};\r\n\r\n /**\r\n * Reload card\r\n */\r\n the.reload = function() {\r\n return Plugin.reload();\r\n };\r\n\r\n /**\r\n * Set card content\r\n */\r\n the.setContent = function(html) {\r\n return Plugin.setContent(html);\r\n };\r\n\r\n /**\r\n * Toggle card\r\n */\r\n the.toggle = function() {\r\n return Plugin.toggle();\r\n };\r\n\r\n /**\r\n * Collapse card\r\n */\r\n the.collapse = function() {\r\n return Plugin.collapse();\r\n };\r\n\r\n /**\r\n * Expand card\r\n */\r\n the.expand = function() {\r\n return Plugin.expand();\r\n };\r\n\r\n /**\r\n * Get cardbody\r\n * @returns {jQuery}\r\n */\r\n the.getBody = function() {\r\n return Plugin.getBody();\r\n };\r\n\r\n /**\r\n * Get cardbody\r\n * @returns {jQuery}\r\n */\r\n the.getSelf = function() {\r\n return Plugin.getSelf();\r\n };\r\n\r\n /**\r\n * Attach event\r\n */\r\n the.on = function(name, handler) {\r\n return Plugin.addEvent(name, handler);\r\n };\r\n\r\n /**\r\n * Attach event that will be fired once\r\n */\r\n the.one = function(name, handler) {\r\n return Plugin.addEvent(name, handler, true);\r\n };\r\n\r\n // Construct plugin\r\n Plugin.construct.apply(the, [options]);\r\n\r\n return the;\r\n};\r\n\r\n// webpack support\r\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\r\n // module.exports = KTCard;\r\n}\r\n\r\nexport default KTCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./util\";\r\n\r\n// Component Definition\r\nvar KTScrolltop = function(elementId, options) {\r\n // Main object\r\n var the = this;\r\n var init = false;\r\n\r\n // Get element object\r\n var element = KTUtil.getById(elementId);\r\n var body = KTUtil.getBody();\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n // Default options\r\n var defaultOptions = {\r\n offset: 300,\r\n speed: 6000\r\n };\r\n\r\n ////////////////////////////\r\n // ** Private Methods ** //\r\n ////////////////////////////\r\n\r\n var Plugin = {\r\n /**\r\n * Run plugin\r\n * @returns {mscrolltop}\r\n */\r\n construct: function(options) {\r\n if (KTUtil.data(element).has('scrolltop')) {\r\n the = KTUtil.data(element).get('scrolltop');\r\n } else {\r\n // reset scrolltop\r\n Plugin.init(options);\r\n\r\n // build scrolltop\r\n Plugin.build();\r\n\r\n KTUtil.data(element).set('scrolltop', the);\r\n }\r\n\r\n return the;\r\n },\r\n\r\n /**\r\n * Handles subscrolltop click toggle\r\n * @returns {mscrolltop}\r\n */\r\n init: function(options) {\r\n the.events = [];\r\n\r\n // merge default and user defined options\r\n the.options = KTUtil.deepExtend({}, defaultOptions, options);\r\n },\r\n\r\n build: function() {\r\n var timer;\r\n\r\n window.addEventListener('scroll', function() {\r\n KTUtil.throttle(timer, function() {\r\n Plugin.handle();\r\n }, 200);\r\n });\r\n\r\n // handle button click\r\n KTUtil.addEvent(element, 'click', Plugin.scroll);\r\n },\r\n\r\n /**\r\n * Handles scrolltop click scrollTop\r\n */\r\n handle: function() {\r\n var pos = KTUtil.getScrollTop(); // current vertical position\r\n\r\n if (pos > the.options.offset) {\r\n if (body.hasAttribute('data-scrolltop') === false) {\r\n body.setAttribute('data-scrolltop', 'on');\r\n }\r\n } else {\r\n if (body.hasAttribute('data-scrolltop') === true) {\r\n body.removeAttribute('data-scrolltop');\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Handles scrolltop click scrollTop\r\n */\r\n scroll: function(e) {\r\n e.preventDefault();\r\n\r\n KTUtil.scrollTop(0, the.options.speed);\r\n },\r\n\r\n\r\n /**\r\n * Trigger events\r\n */\r\n eventTrigger: function(name, args) {\r\n for (var i = 0; i < the.events.length; i++) {\r\n var event = the.events[i];\r\n if (event.name == name) {\r\n if (event.one == true) {\r\n if (event.fired == false) {\r\n the.events[i].fired = true;\r\n return event.handler.call(this, the, args);\r\n }\r\n } else {\r\n return event.handler.call(this, the, args);\r\n }\r\n }\r\n }\r\n },\r\n\r\n addEvent: function(name, handler, one) {\r\n the.events.push({\r\n name: name,\r\n handler: handler,\r\n one: one,\r\n fired: false\r\n });\r\n }\r\n };\r\n\r\n //////////////////////////\r\n // ** Public Methods ** //\r\n //////////////////////////\r\n\r\n /**\r\n * Set default options\r\n */\r\n\r\n the.setDefaults = function(options) {\r\n defaultOptions = options;\r\n };\r\n\r\n /**\r\n * Get subscrolltop mode\r\n */\r\n the.on = function(name, handler) {\r\n return Plugin.addEvent(name, handler);\r\n };\r\n\r\n /**\r\n * Set scrolltop content\r\n * @returns {mscrolltop}\r\n */\r\n the.one = function(name, handler) {\r\n return Plugin.addEvent(name, handler, true);\r\n };\r\n\r\n ///////////////////////////////\r\n // ** Plugin Construction ** //\r\n ///////////////////////////////\r\n\r\n // Run plugin\r\n Plugin.construct.apply(the, [options]);\r\n\r\n // Init done\r\n init = true;\r\n\r\n // Return plugin instance\r\n return the;\r\n};\r\n\r\n// webpack support\r\nif (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\r\n // module.exports = KTScrolltop;\r\n}\r\n\r\nexport default KTScrolltop;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"splash_screen\":\"style_splash_screen__L23aQ\"};","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABCCAYAAAAMlmvWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAeZSURBVHgB7VzZUSNJEC0YZn5mYPFgeyxYYQHCgkHBEcEXwoIFCxAWABYgvghusACNBauxYHo9YIE/rn2vyWxKpVbTN9LuvIgOVd9Vr/OoysqSMb8QYsxUgL29vekvX77UUKyNj4//8fz87KHMbVo2xbVs/tPT04+xsTEf5e7S0lLHVIDSyBACmmjQN+ySiGmTHSSoC4L2Hx8fOysrK74pAYWTcXx8XAcBm+YNAnDNNRr3D38hKddy2IPk/Ib9t4hr45r9oiWmMDIsEup9L3lp8CV+u2hsB4f8RqNxPehZ5+fn0w8PD1SpGu7jc1W1XHRwfKsoUnKTcXBw4H38+HHPOCQIAfvYLoqorJBNtZuNIKZ9f3+/lVd9cpFxenq6jopRGkKxxv53fNE2tou4r5/zvU38bLqkgKjWwsLClsmITGRESYNY/i1Upm0qwgBSOpCStSxSkpqMo6Mj6vK5eXGNAWAId0FOqyxJiIPYl3WxVwofhMylJSQVGULElRG1oDSAiLWq+gFxoE1B3fZUSvDL/slMmmeMJ73w8PBwHi/7y7zaB3qGuWEggmA9WB8Uu3Lob5MSiSTDlQh6iYmJifX3UIskgOrUULdu2vveJEOMJYnwuC+dnab5DyKWDHapJycnqRoe9+k2QUTdjDC0O4CtjbZs2Ocm4m6cmpoK3RaN5YcPH+bNCANEsD0tltGeunt+IBmwE03cuC43XtM4DauNSAKHCB/tabjXDCQDF4d+G+6TnSnfjChOTk7ocpssCxH8sL57XaRrJYvm1U5cQrd2zIiCROCnyXIcEUSfZNB7KIvBBXChZgQhxp895Tr33yKC6CPj06dPq5bRbMfdPKyQwBK7A4ypJCKC6CPDlgo8IPMI8L1AyYY0n4OAVEQQPWTQgxixFaMoFW4HMQ0RRI8BxY2rWma80YwQ8hIR3OM87Kc+CK70qxkRpCXCisdc397ergFB/ymUDJysaRkR6EszIuAgEnUPhwyJvMbERNO8eJn5z58/h73qkAwYzvAgHnhhRgASVuiJryRUjY4WMMSY1XJIBiPQWr67u0s9/K0aZ2dnq2gI+xFpiaBkhO1j9F3LtgFVNemqDg0r2EOGgW/rflpjKWMsJcRjv4SFgAzqnV4IplJHiKqEPeAisngNwQ8twG54/A36GXiYZ12USEVsC47KbVQxfgER2zqSJnIQwY/u4/6gLO3vBpIBkbPnPfwkDxOL7EmlNkmOKQkUYwy4zosigrDbqe0flwd7egIvSGovOlZ5Wvx24SDJMs6wvV0uIlxo+/uG8NYkcCwkKr5rHaojXF/oCFdVUccZRFFEyKRXDxJPFUQBrq1lPxTlbdsY54F0psJepTy/UIlwESUZnkkIuihOIvU8ELNt6qqywupMeXqsBNXoq2NARlKjGYUIdaGOb5qMYPTa7kwJOGE1U6RERDmNgAzbaNrGNCki1GU9i/0Q17ntHO7i+YUHo6OchrpW3zrxu0mJKHVJ426jXKegFCIEoW3T9gdkwFD5egIVymQAI9SF7vbqLftBwmSiqmdOhhNWJRLBjxV+9OXl5aCjGZDBF1rd8FpWA+iqC8CGDux/cObcHn4rZAqzXvI8TTgW0wP2qLWjZUlTTI0odQHmZeqhBzSUeGc4/FZUMZfLj6Bl5plpOYyBohEdDftJbKNjMoDqgoZe2PERDqxgE2qcjIIkMHi0aZ+3rmOyWsuUDBBg1y0MZNmRrovwoBULzQLcv8YpSedwkN8BIvrsg1SqEiIE37QA1e5XE9HPjuxO26KUFvKsxNMMVRIh7fLkvd/tvktPD9SOiOPL/mlyAAHlHZNA1fCetQolgmhqgVmJ9okeMqgqlnjP5+1WQwTXogZEhKQ4zFSZHUg3jveu6vvdd/eQId4g7Cvk6VbL84LxBMXRPi65onNZUo3yADGYlpaj5oX6MneYSogLf2r+9v39/dciEtc1BZrB2PfI83DnhaIGfX1zrawojMyu5lVK0GbO5IRjoCsHJtQ57gnKlIqofJPIeAa+3o6l64UHbaqG5HEF7pztGmSwI8lwe5JlxzjLhOSb2LZvoMsfGOlyBl6JBl3DBtZXomVBvekc4rxXbNjPGXh5kgkzMpD6eiyzHcxvj7s+lgyqC62u1feoS47U0EPqWWfZ8h6xXixRujTTjyFiV8+vy6XamMrfGMZpSMnlYrSsyX0rbfPNPk3iVQVgmtY4VBNm7aPf0Chr8VwWuClMgsbi4uJFkvtTLbGIkBAf5aFZYgESqBoe99NIhCL14hsQ4gkhXviQsbHWzc3N7nuoDdVC0rrdqcdG2u5+pmVZJARxCXeRHhfibCGe2DYVgQl5ksns6TGOezgPnGVaIdeCPYhmy1kORZRKCiWBqUcSgKrrcVknu5UnGyAXGYRISQtFNzrmY+uwo6PR5zygTWCXWkhw46aZpcFGoYt88UNJmY047ZuXBblMEOkyTSrOvsjXZ+yhLmvn6cn6er8SGmgNzSJfF7oY1/RLiovwTwC4Qw8l85+6RULUgaS2hnb5twvxOnVsTfm6mcc1SgAXDjNUV9rEkqkIstSSa9s9mbXz3D8B0D8LQNGne+ScBva77xUQ+l/jXxA+YqlvtPMGAAAAAElFTkSuQmCC\"","import React from \"react\";\r\nimport \"../../../_metronic/_assets/sass/pages/error/error-4.scss\";\r\n\r\nexport default function Demo() {\r\n return (\r\n \r\n
\r\n {text}
}\r\n {subText && {subText}
}\r\n {isButton &&\r\n {btnTitle}\r\n
}\r\n \r\n
\r\n );\r\n}\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detailsContainer\":\"widget-businessProfile_detailsContainer__1clEg\",\"profileContainer\":\"widget-businessProfile_profileContainer__3j7EM\",\"profileImgContainer\":\"widget-businessProfile_profileImgContainer__1N2ps\",\"profileImg\":\"widget-businessProfile_profileImg__1NbY3\",\"profileDetails\":\"widget-businessProfile_profileDetails__2Uuwy\",\"businessDetails\":\"widget-businessProfile_businessDetails__221L4\",\"businessDescription\":\"widget-businessProfile_businessDescription__lz7Br\",\"businessAddress\":\"widget-businessProfile_businessAddress__3oeEO\",\"businessPhone\":\"widget-businessProfile_businessPhone__3iwD_\",\"businessDescriptionSvg\":\"widget-businessProfile_businessDescriptionSvg__22dA8\",\"businessAddressSvg\":\"widget-businessProfile_businessAddressSvg__3EQ12\",\"businessPhoneSvg\":\"widget-businessProfile_businessPhoneSvg__1cbZy\",\"svgIcon\":\"widget-businessProfile_svgIcon__OP2Xn\",\"buttonContainer\":\"widget-businessProfile_buttonContainer__1aTxb\",\"copyButton\":\"widget-businessProfile_copyButton__38kd3\",\"detailsToggle\":\"widget-businessProfile_detailsToggle__2lMXP\",\"mobileDetails\":\"widget-businessProfile_mobileDetails__2A-27\",\"show\":\"widget-businessProfile_show__1nrCW\"};","import * as Msal from \"@azure/msal-browser\";\r\nimport { actionTypes } from \"../app/modules/widget/_redux/widgetRedux\";\r\nimport { actionTypes as authActionTypes } from \"../app/modules/Auth/_redux/authRedux\";\r\nimport { actionTypes as consultActionTypes } from \"../app/modules/widget/_redux/consultationRedux\";\r\nimport store from \"../redux/store\";\r\nimport {\r\n msalConfig,\r\n loginRequest,\r\n silentRequest,\r\n tokenRequest,\r\n resetPasswordRequest,\r\n passwordReset,\r\n changePasswordRequest,\r\n signInPolicy,\r\n} from \"./authConfig\";\r\nimport LogRocket from \"logrocket\";\r\nimport { decreaseCounter, increaseCounter } from \"./apiCallsProvider\";\r\nimport { DataConstant } from \"../app/constants\";\r\nimport axios from \"axios\";\r\n\r\n// Create the main msalApp instance\r\n// configuration parameters are located at authConfig.js\r\nconst msalApp = new Msal.PublicClientApplication(msalConfig);\r\n\r\nlet accountId = \"\";\r\nlet accessToken = \"\";\r\n\r\nconst msalLoginApp = async (loginRequestVar, customLoginUrl) => {\r\n try {\r\n \r\n const metadata = await axios.get(\r\n `${customLoginUrl + msalConfig?.auth?.openIdConfigUrl}`\r\n );\r\n msalConfig.auth.authorityMetadata = JSON.stringify(metadata?.data);\r\n const msalApp = new Msal.PublicClientApplication(msalConfig); // Create MSAL instance\r\n msalApp.loginRedirect(loginRequestVar);\r\n } catch (error) {\r\n console.error(\"MSAL Initialization Failed:\", error);\r\n throw error;\r\n }\r\n};\r\n\r\nmsalApp\r\n .handleRedirectPromise()\r\n .then(handleResponse)\r\n .catch((error) => {\r\n console.error(error);\r\n\r\n // Check for forgot password error\r\n // Learn more about AAD error codes at https://docs.microsoft.com/en-us/azure/active-directory/develop/reference-aadsts-error-codes\r\n if (error.errorMessage.indexOf(\"AADB2C90118\") > -1) {\r\n try {\r\n msalApp.loginRedirect(resetPasswordRequest);\r\n } catch (err) {\r\n console.error(err);\r\n }\r\n }\r\n if (error.errorMessage.indexOf(\"AADB2C90091\") > -1) {\r\n store.dispatch({\r\n type: authActionTypes.Login,\r\n payload: {\r\n isSigninInProgress: false,\r\n },\r\n });\r\n }\r\n });\r\n\r\nfunction selectAccount() {\r\n const account = store.getState().auth.user;\r\n // If this condition is true it means the request is not coming from iFrame.\r\n if (window.location === window.parent.location) {\r\n const currentAccounts = msalApp.getAllAccounts()\r\n if (currentAccounts.length === 0 && account) currentAccounts[0] = account;\r\n const latestUser = currentAccounts?.find(\r\n (item) =>\r\n item.idTokenClaims[\"tfp\"]?.toLowerCase() === signInPolicy?.toLowerCase()\r\n );\r\n accountId = latestUser?.homeAccountId;\r\n\r\n if (!currentAccounts || currentAccounts.length < 1 || !latestUser) {\r\n console.warn(\"User not found.\");\r\n store.dispatch({\r\n type: authActionTypes.Login,\r\n payload: {\r\n user: null,\r\n authToken: \"\",\r\n userName: \"\",\r\n isSigninInProgress: false,\r\n },\r\n });\r\n store.dispatch({\r\n type: actionTypes.SetUserTypeDetail,\r\n payload: {\r\n userDetailId: 0,\r\n },\r\n });\r\n return;\r\n } else if (currentAccounts.length > 1) {\r\n console.warn(\"multiple user account detected.\");\r\n store.dispatch({\r\n type: authActionTypes.Login,\r\n payload: {\r\n user: latestUser,\r\n authToken: accessToken,\r\n userName: latestUser?.username,\r\n isSigninInProgress: false,\r\n },\r\n });\r\n } else if (currentAccounts.length === 1) {\r\n store.dispatch({\r\n type: authActionTypes.Login,\r\n payload: {\r\n user: latestUser,\r\n authToken: accessToken,\r\n userName: latestUser?.username,\r\n isSigninInProgress: false,\r\n },\r\n });\r\n }\r\n }\r\n}\r\n\r\nfunction handleResponse(response) {\r\n if (response !== null) {\r\n if (response.accessToken != null) {\r\n accessToken = response.accessToken;\r\n }\r\n if (\r\n response.idTokenClaims[\"acr\"]?.toLowerCase() ===\r\n passwordReset?.toLowerCase()\r\n ) {\r\n signIn();\r\n } else {\r\n selectAccount();\r\n }\r\n } else {\r\n selectAccount();\r\n }\r\n}\r\n\r\nexport const signIn = async (\r\n signupSuccess = false,\r\n businessLogo = null,\r\n customLoginUrl = null\r\n) => {\r\n let loginRequestVar = loginRequest;\r\n\r\n if (businessLogo != null){\r\n loginRequestVar = {...loginRequest , state : businessLogo }\r\n }\r\n\r\n if (customLoginUrl) {\r\n const urlDetails = loginRequestVar?.scopes?.[1]\r\n ?.split(\"/\")\r\n ?.slice(-2)\r\n ?.join(\"/\");\r\n loginRequestVar.scopes[1] = customLoginUrl + \"/\" + urlDetails;\r\n }\r\n\r\n customLoginUrl ? msalLoginApp(loginRequestVar, customLoginUrl) : msalApp.loginRedirect(loginRequestVar);\r\n\r\n store.dispatch([\r\n {\r\n type: authActionTypes.UpdateSignupSuccess,\r\n payload: {\r\n signupSuccess\r\n },\r\n },\r\n {\r\n type: authActionTypes.Login,\r\n payload: {\r\n isSigninInProgress: true,\r\n },\r\n }\r\n]);\r\n};\r\n\r\nexport function signOut() {\r\n // Choose which account to logout from by passing a username.\r\n sessionStorage.clear();\r\n localStorage.removeItem(DataConstant.userDetailTokenKey)\r\n increaseCounter()\r\n store.dispatch([\r\n {\r\n type: authActionTypes.Login,\r\n payload: {\r\n user: null,\r\n authToken: \"\",\r\n userName: \"\",\r\n isSigninInProgress: false,\r\n },\r\n },\r\n {\r\n type: actionTypes.ClearBookingDetailAfterLogout,\r\n },\r\n {\r\n type: consultActionTypes.clearConsultationState,\r\n }\r\n ]);\r\n const logoutRequest = {\r\n account: msalApp.getAccountByHomeId(accountId),\r\n };\r\n msalApp.logoutRedirect(logoutRequest);\r\n decreaseCounter();\r\n LogRocket.startNewSession();\r\n}\r\n\r\nexport function resetPassword() {\r\n msalApp.loginRedirect(resetPasswordRequest);\r\n}\r\nexport function changePassword() {\r\n msalApp.loginRedirect(changePasswordRequest);\r\n}\r\n\r\nexport const acquireAccessToken = async () => {\r\n await msalApp.handleRedirectPromise();\r\n silentRequest.account = msalApp.getAccountByHomeId(accountId);\r\n return msalApp.acquireTokenSilent(silentRequest).catch((error) => {\r\n console.warn(\r\n \"silent token acquisition fails. acquiring token using interactive method\"\r\n );\r\n if (error) {\r\n // fallback to interaction when silent call fails\r\n signOut();\r\n return new Error(error);\r\n } else {\r\n console.warn(error);\r\n }\r\n });\r\n};\r\n","import { toAbsoluteUrl } from \"../../_helpers\";\r\nexport function getInitLayoutConfig() {\r\n return {\r\n demo: \"demo1\",\r\n js: {\r\n breakpoints: {\r\n sm: \"576\",\r\n md: \"768\",\r\n lg: \"992\",\r\n xl: \"1200\",\r\n xxl: \"1200\",\r\n },\r\n colors: {\r\n theme: {\r\n base: {\r\n white: \"#ffffff\",\r\n primary: \"#6993FF\",\r\n secondary: \"#E5EAEE\",\r\n success: \"#1BC5BD\",\r\n info: \"#8950FC\",\r\n warning: \"#FFA800\",\r\n danger: \"#F64E60\",\r\n light: \"#F3F6F9\",\r\n dark: \"#212121\",\r\n },\r\n light: {\r\n white: \"#ffffff\",\r\n primary: \"#E1E9FF\",\r\n secondary: \"#ECF0F3\",\r\n success: \"#C9F7F5\",\r\n info: \"#EEE5FF\",\r\n warning: \"#FFF4DE\",\r\n danger: \"#FFE2E5\",\r\n light: \"#F3F6F9\",\r\n dark: \"#D6D6E0\",\r\n },\r\n inverse: {\r\n white: \"#ffffff\",\r\n primary: \"#ffffff\",\r\n secondary: \"#212121\",\r\n success: \"#ffffff\",\r\n info: \"#ffffff\",\r\n warning: \"#ffffff\",\r\n danger: \"#ffffff\",\r\n light: \"#464E5F\",\r\n dark: \"#ffffff\",\r\n },\r\n },\r\n gray: {\r\n gray100: \"#F3F6F9\",\r\n gray200: \"#ECF0F3\",\r\n gray300: \"#E5EAEE\",\r\n gray400: \"#D6D6E0\",\r\n gray500: \"#B5B5C3\",\r\n gray600: \"#80808F\",\r\n gray700: \"#464E5F\",\r\n gray800: \"#1B283F\",\r\n gray900: \"#212121\",\r\n },\r\n },\r\n fontFamily: \"Inter\",\r\n },\r\n // == Page Splash Screen loading\r\n loader: {\r\n enabled: true,\r\n type: \"\", // default|spinner-message|spinner-logo\r\n logo: toAbsoluteUrl(\"/media/logos/logo-dark-sm.png\"),\r\n message: \"Please wait...\",\r\n },\r\n // page toolbar\r\n toolbar: {\r\n display: true,\r\n },\r\n header: {\r\n self: {\r\n width: \"fluid\", // fixed|fluid\r\n theme: \"light\", // light|dark\r\n fixed: {\r\n desktop: true,\r\n mobile: true,\r\n },\r\n },\r\n menu: {\r\n self: {\r\n display: true,\r\n layout: \"default\", // tab/default\r\n \"root-arrow\": false,\r\n \"icon-style\": \"duotone\", // duotone, line, bold, solid\r\n },\r\n desktop: {\r\n arrow: true,\r\n toggle: \"click\",\r\n submenu: {\r\n theme: \"light\", // light|dark\r\n arrow: true,\r\n },\r\n },\r\n mobile: {\r\n submenu: {\r\n theme: \"dark\",\r\n accordion: true,\r\n },\r\n },\r\n },\r\n },\r\n subheader: {\r\n display: false,\r\n displayDesc: false,\r\n displayDaterangepicker: true,\r\n layout: \"subheader-v1\",\r\n fixed: false,\r\n width: \"fluid\", // fixed/fluid,\r\n clear: false,\r\n style: \"solid\", // solid/transparent\r\n },\r\n content: {\r\n width: \"fluid\", // fluid|fixed\r\n },\r\n brand: {\r\n self: {\r\n theme: \"dark\", // light/dark\r\n },\r\n },\r\n aside: {\r\n self: {\r\n theme: \"dark\", // light/dark\r\n display: true,\r\n fixed: true,\r\n minimize: {\r\n toggle: true, // allow toggle\r\n default: false, // default state\r\n hoverable: true, // allow hover\r\n },\r\n },\r\n footer: {\r\n self: {\r\n display: true,\r\n },\r\n },\r\n menu: {\r\n dropdown: false, // ok\r\n scroll: true, // ok\r\n \"icon-style\": \"duotone\", // duotone, line, bold, solid\r\n submenu: {\r\n accordion: true,\r\n dropdown: {\r\n arrow: true,\r\n \"hover-timeout\": 500, // in milliseconds\r\n },\r\n },\r\n },\r\n },\r\n footer: {\r\n self: {\r\n fixed: true,\r\n width: \"fluid\",\r\n },\r\n },\r\n extras: {\r\n search: {\r\n display: true,\r\n layout: \"dropdown\", // offcanvas, dropdown\r\n offcanvas: {\r\n direction: \"right\",\r\n },\r\n },\r\n notifications: {\r\n display: true,\r\n layout: \"dropdown\", // offcanvas, dropdown\r\n dropdown: {\r\n style: \"dark\", // light, dark\r\n },\r\n offcanvas: {\r\n directions: \"right\",\r\n },\r\n },\r\n \"quick-actions\": {\r\n display: true,\r\n layout: \"dropdown\", // offcanvas, dropdown,\r\n dropdown: {\r\n style: \"dark\", // light, dark\r\n },\r\n offcanvas: {\r\n directions: \"right\",\r\n },\r\n },\r\n user: {\r\n display: true,\r\n layout: \"dropdown\", // offcanvas, dropdown\r\n dropdown: {\r\n style: \"dark\",\r\n },\r\n offcanvas: {\r\n directions: \"right\",\r\n },\r\n },\r\n languages: {\r\n display: true,\r\n },\r\n cart: {\r\n display: true,\r\n dropdown: {\r\n style: \"dark\", // ligth, dark\r\n },\r\n },\r\n \"quick-panel\": {\r\n display: true,\r\n offcanvas: {\r\n directions: \"right\",\r\n },\r\n },\r\n chat: {\r\n display: true,\r\n },\r\n toolbar: {\r\n display: true,\r\n },\r\n scrolltop: {\r\n display: true,\r\n },\r\n },\r\n };\r\n}\r\n","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/logo-dark.png\");\r\n } else {\r\n return toAbsoluteUrl(\"/media/logos/logo-light.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 \r\n
\r\n \r\n Hello!\r\n
\r\n\r\n Nothing left to do here.\r\n
\r\n\r\n
\r\n \r\n \r\n - \r\n {languages.map((language) => (\r\n