>\n\nexport interface PageItemState {\n\tpage: P | null;\n\tpath: string | null;\n\tisLoading: boolean;\n}\n\nexport enum TypeKeys {\n\tREQUESTPAGE = 'REQUESTPAGE',\n\tRECIEVEPAGE = 'RECIEVEPAGE'\n}\n\nexport interface RequestPageAction {\n\ttype: TypeKeys.REQUESTPAGE;\n\tstorageName: string | null;\n\tpath: string;\n}\n\nexport interface ReceivePageAction {\n\ttype: TypeKeys.RECIEVEPAGE;\n\tstorageName: string | null;\n\tpage: any;\n}\n\ntype KnownPageAction = RequestPageAction | ReceivePageAction;\n\nexport const actionCreators = ({\n\tloadPage: (storageName: string, path: string): AppThunkAction => (dispatch, getState) => {\n\t\tconst storeState = (getState() as any)[storageName];\n\n\t\tif (storeState.path !== path) {\n\t\t\tconst fetchTask = request(\n\t\t\t\t'pageLoader',\n\t\t\t\t{ path },\n\t\t\t\tgetState(),\n\t\t\t).then((data) => dispatch({ type: TypeKeys.RECIEVEPAGE, storageName, page: data }));\n\n\t\t\taddTask(fetchTask);\n\t\t\tdispatch({ type: TypeKeys.REQUESTPAGE, storageName, path });\n\n\t\t\treturn fetchTask;\n\t\t}\n\t},\n});\n\nexport const reducer = (storageName: string):Reducer> => {\n\treturn (state: PageItemState = { isLoading: false, page: null, path: '' }, incomingAction: Action) => {\n\t\tconst action = incomingAction as KnownPageAction;\n\t\tif (!action.storageName || action.storageName === storageName) {\n\t\t\tswitch (action.type) {\n\t\t\t\tcase TypeKeys.REQUESTPAGE:\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tisLoading: true,\n\t\t\t\t\t\tpage: state.page,\n\t\t\t\t\t\tpath: action.path,\n\t\t\t\t\t};\n\t\t\t\tcase TypeKeys.RECIEVEPAGE:\n\t\t\t\t\treturn { isLoading: false, page: action.page, path: action.page.path };\n\t\t\t\tdefault:\n\t\t\t\t\tconst exhaustiveCheck: never = action;\n\t\t\t}\n\t\t}\n\n\t\treturn state;\n\t};\n};\n","import { ReducersMapObject } from 'redux';\n\nimport * as Item from '@common/react/store/Item';\nimport { BaseApplicationState, BaseAppThunkAction, baseReducers } from '@common/react/store';\nimport { PageItemState, reducer as PageStateReducer } from '@common/react/store/PageItem';\n\nimport { SiteViewSettings } from '@app/objects/SiteViewSettings';\nimport { User } from '@app/objects/User';\nimport { Location } from '@app/objects/Location';\n\n// The top-level state object\nexport interface ApplicationState extends BaseApplicationState {\n\tsiteViewSettings: Item.ItemState;\n\tlocation: Item.ItemState;\n\tserverPage: PageItemState;\n}\n\n// Whenever an action is dispatched, Redux will update each top-level application state property using\n// the reducer with the matching name. It's important that the names match exactly, and that the reducer\n// acts on the corresponding ApplicationState property type.\nexport const reducers: ReducersMapObject = {\n\t...baseReducers,\n\tsiteViewSettings: Item.getReducer('siteViewSettings'),\n\tlocation: Item.getReducer('location'),\n\tserverPage: PageStateReducer('serverPage'),\n};\n\n// This type can be used as a hint on action creators so that its 'dispatch' and 'getState' params are\n// correctly typed to match your store.\nexport type AppThunkAction = BaseAppThunkAction\n","import 'raf/polyfill';\n\nimport 'core-js/features/array/from';\nimport 'core-js/features/array/find';\nimport 'core-js/features/array/includes';\nimport 'core-js/features/set';\nimport 'core-js/features/map';\nimport 'core-js/features/weak-map';\nimport 'core-js/features/promise';\n\nimport { bootClient, renderApp } from '@common/react/loadable/boot-client';\nimport { updateReducers } from '@common/react/configureStore';\n\nimport { ApplicationState, reducers } from '@app/store';\nimport { User } from '@app/objects/User';\nimport { clientRoutes } from '@app/routes';\n\nbootClient(clientRoutes, reducers);\n\n// Allow Hot Module Replacement\nif (module.hot) {\n\tmodule.hot.accept('@app/routes', () => {\n\t\trenderApp((require('@app/routes') as any).routes);\n\t});\n}\n\n// Enable Webpack hot module replacement for reducers\nif (module.hot) {\n\tmodule.hot.accept('@app/store', () => {\n\t\tconst nextRootReducer = require('@app/store');\n\t\tupdateReducers((nextRootReducer as any).reducers);\n\t});\n}\n","import * as React from 'react';\nimport { useLocation, Location } from 'react-router-dom';\n\nimport '@common/react/scss/components/error.scss';\n\ninterface Props {\n\tlocation: Location;\n}\n\nexport class ErrorBoundary extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = { hasError: false };\n\t}\n\n\tcomponentDidUpdate(prevProps: Readonly, prevState: Readonly<{ hasError: boolean }>, snapshot?: any) {\n\t\tif (prevProps.location !== this.props.location && this.state.hasError) {\n\t\t\tthis.setState({ hasError: false });\n\t\t}\n\t}\n\n\tcomponentDidCatch(error, errorInfo) {\n\t\tthis.setState({ hasError: true });\n\t}\n\n\trender() {\n\t\tif (this.state.hasError) {\n\t\t\treturn \n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t{children}\n\t;\n};\n\nexport default ErrorBoundary;\n","import React from 'react';\nimport { createPortal } from 'react-dom';\n\nimport '@common/react/scss/components/base/modal.scss';\n\ninterface Props {\n\topen: boolean;\n\tclassName?: string;\n\tonClose?: (open: boolean) => void;\n\tstyle?: React.CSSProperties;\n\ttitle?: React.ReactNode;\n\thideClose?: boolean;\n}\n\nconst Modal: React.FC = (props) => {\n\tconst {\n\t\topen,\n\t\tonClose,\n\t\tstyle,\n\t\ttitle,\n\t\tclassName = '',\n\t\thideClose,\n\t} = props;\n\tconst [currentOpen, setOpen] = React.useState(false);\n\tconst [init, setInit] = React.useState(true);\n\tconst [container, setContainer] = React.useState();\n\n\tReact.useEffect(() => {\n\t\tif (!container) {\n\t\t\tsetContainer(document.getElementById('react-app'));\n\t\t}\n\t\treturn () => {\n\t\t\tif (typeof document === 'undefined') return;\n\t\t\tconst elem = document.body;\n\t\t\telem.style.overflowY = 'auto';\n\t\t};\n\t}, []);\n\n\tReact.useEffect(() => {\n\t\tif (typeof document === 'undefined') return;\n\n\t\tconst elem = document.body;\n\n\t\telem.style.overflowY = open ? 'hidden' : 'auto';\n\t}, [open]);\n\n\tReact.useEffect(() => {\n\t\tif (currentOpen !== open && !init) {\n\t\t\tsetOpen(open);\n\t\t}\n\t\tif (currentOpen !== open && init) {\n\t\t\tsetInit(false);\n\t\t}\n\t}, [open, init]);\n\n\tif (init || !container) return null;\n\n\treturn createPortal(\n\t\t
onClose && onClose(false)} />\n\t\t
\n\t\t\t{hideClose ? null :
onClose && onClose(false)}\n\t\t\t>\n\t\t\t\t\n\t\t\t\t{title}\n\t\t\t
}\n\t\t\t\n\t\t\t\t{props.children}\n\t\t\t
\n\t\t \n\t
, container);\n};\n\nexport default Modal;\n","import React from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { generateGUID } from '@common/react/utils/utils';\n\nimport '@common/react/scss/components/base/messages.scss';\n\nexport enum MessageType {\n\tError,\n\tSuccess,\n\tWarning,\n}\n\nconst icons = {\n\t[MessageType.Error]:
,\n\t[MessageType.Success]:
,\n\t[MessageType.Warning]:
,\n};\n\ninterface MessageProps {\n\ttext: string;\n\ttype: MessageType;\n\tdelay: number;\n\tafterRemove: () => void;\n}\n\ninterface MessagesProps {\n\trender: (addMessage: (text, options?: { type, delay? }) => void) => React.ReactNode;\n}\n\nconst Message: React.FC
= (props) => {\n\tconst {\n\t\ttext,\n\t\ttype,\n\t\tdelay = 8000,\n\t\tafterRemove,\n\t} = props;\n\tReact.useEffect(() => {\n\t\tsetTimeout(() => {\n\t\t\tafterRemove();\n\t\t}, delay > 0 ? delay : 8000);\n\t}, []);\n\n\treturn \n\t\t{icons[type]}\n\t\t{' '}\n\t\t{text}\n\t
;\n};\n\nconst Messages: React.FC = ({ render }) => {\n\tconst [container, setContainer] = React.useState();\n\tconst [messages, setMessages] = React.useState>([]);\n\n\tReact.useEffect(() => {\n\t\tif (!container) {\n\t\t\tsetContainer(document.getElementById('react-app'));\n\t\t}\n\t\treturn () => {\n\t\t\tif (typeof document === 'undefined') return;\n\t\t\tconst elem = document.body;\n\t\t\telem.style.overflowY = 'auto';\n\t\t};\n\t}, []);\n\n\tconst addMessage = (text, options) => {\n\t\tconst { type = MessageType.Error, delay = 8000 } = options || {};\n\t\tsetMessages((prev) => prev.concat({\n\t\t\ttext,\n\t\t\ttype,\n\t\t\tdelay,\n\t\t\tid: generateGUID(),\n\t\t}));\n\t};\n\n\tconst removeMessage = (id) => {\n\t\tsetMessages((prev) => prev.filter((item) => item.id !== id));\n\t};\n\n\treturn <>\n\t\t{container && createPortal(\n\t\t\t{messages.map((item) => removeMessage(item.id)}\n\t\t\t/>)}\n\t\t
, container)}\n\t\t{render(addMessage)}\n\t;\n};\n\nexport default Messages;\n","import * as React from 'react';\n\nimport Modal from '@common/react/components/base/Modal/Modal';\n\nimport {\n\tModalContextProvider,\n} from '@common/react/components/Modal/ModalContextProvider';\nimport Messages, { MessageType } from '@common/react/components/base/Messages/Messages';\n\ninterface ModalComponentProps {\n\tvisible: boolean;\n\tprops: any;\n\tclose: () => void;\n\tbeforeTitle: React.ReactNode;\n\trenderButtons: () => React.ReactNode;\n\tdefaultTitle?: string;\n\tdefaultContent?: string;\n}\n\nconst ModalComponent: React.FC = ({\n\tvisible,\n\tprops,\n\tbeforeTitle,\n\trenderButtons,\n\tclose,\n\tdefaultTitle = 'Error',\n\tdefaultContent = 'Something went wrong',\n}) => {\n\tconst ref = React.useRef(null);\n\tconst {\n\t\ttitle = defaultTitle,\n\t\tmessage,\n\t\tcontent = message ?? defaultContent,\n\t} = props;\n\tReact.useEffect(() => {\n\t\tref.current && ref.current.update({\n\t\t\t...props,\n\t\t\tcontent: props.message ?? props.content,\n\t\t\tafterClose: () => {\n\t\t\t\tprops.afterClose?.();\n\t\t\t\tclose();\n\t\t\t},\n\t\t});\n\t}, [props, close]);\n\n\treturn {\n\t\t\tprops.afterClose?.();\n\t\t\tclose();\n\t\t}}\n\t\topen={visible}\n\t>\n\t\t\n\t\t\t{beforeTitle}\n\t\t\t{title}\n\t\t \n\t\t\n\t\t\t{content}\n\t\t
\n\t\t\n\t\t\t{renderButtons()}\n\t\t
\n\t;\n};\n\nexport const AntdModalContextProvider: React.FC = ({\n\tchildren,\n}) => {\n\treturn (\n\t\t addMessage(message, { type: MessageType.Error })}\n\t\t\t\topenSuccessMessage={(message) => addMessage(message, { type: MessageType.Success })}\n\t\t\t\trenderModal={(visible, close, props) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t\tprops.afterClose?.();\n\t\t\t\t\t\t\tclose();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\topen={visible}\n\t\t\t\t\t/>;\n\t\t\t\t}}\n\t\t\t\trenderError={(visible, close, props) => {\n\t\t\t\t\tconst {\n\t\t\t\t\t\tcancelText = 'Cancel',\n\t\t\t\t\t\tcancelButtonProps = {},\n\t\t\t\t\t} = props;\n\t\t\t\t\treturn (props.onCancel || close)()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cancelText}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbeforeTitle={ (props.onCancel || close)()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cancelText}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbeforeTitle=\"\"\n\t\t\t\t\t/>;\n\t\t\t\t}}\n\t\t\t\trenderAlert={(visible, close, props: any) => {\n\t\t\t\t\tconst { onOk } = props;\n\t\t\t\t\treturn (onOk || close)()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tOk\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbeforeTitle=\"\"\n\t\t\t\t\t/>;\n\t\t\t\t}}\n\t\t\t\trenderDeleteConfirm={(visible, close, props: any) => {\n\t\t\t\t\tconst {\n\t\t\t\t\t\tonOk,\n\t\t\t\t\t\tonCancel,\n\t\t\t\t\t\tcancelText = 'Cancel',\n\t\t\t\t\t\tokText = 'Yes',\n\t\t\t\t\t\tcancelButtonProps = {},\n\t\t\t\t\t\tokButtonProps = {},\n\t\t\t\t\t} = props;\n\t\t\t\t\treturn <>\n\t\t\t\t\t\t\t (onOk || close)()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{okText}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t (onCancel || close)()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{cancelText}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbeforeTitle=\"\"\n\t\t\t\t\t/>;\n\t\t\t\t}}\n\t\t\t\trenderConfirm={(visible, close, props: any) => {\n\t\t\t\t\tconst {\n\t\t\t\t\t\tonOk,\n\t\t\t\t\t\tonCancel,\n\t\t\t\t\t\tcancelText = 'Cancel',\n\t\t\t\t\t\tokText = 'Ok',\n\t\t\t\t\t\tcancelButtonProps = {},\n\t\t\t\t\t\tokButtonProps = {},\n\t\t\t\t\t} = props;\n\t\t\t\t\treturn <>\n\t\t\t\t\t\t\t (onOk || close)()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{okText}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t (onCancel || close)()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{cancelText}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbeforeTitle=\"\"\n\t\t\t\t\t/>;\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\n\t\t\t}\n\t\t/>\n\t);\n};\n\nexport default AntdModalContextProvider;\n","import * as React from 'react';\n\nconst NotFoundPage: React.FC = () => {\n\treturn \n\t\t
\n\t\t\t
404 \n\t\t\n\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{children ?? \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t \n\t\t
\n\t;\n};\n\nexport default Layout;\n","import React from 'react';\nimport { shallowEqual, useSelector } from 'react-redux';\nimport { Outlet } from 'react-router-dom';\n\nimport Header from '@app/components/UI/Header/Header';\nimport { Location } from '@app/objects/Location';\nimport Footer from '@app/components/UI/Footer/Footer';\nimport { ApplicationState } from '@app/store';\nimport { getClearedLocation } from '@app/utils/getClearedLocation';\n\nconst MainLayout: React.FC = ({ children }) => {\n\tconst location: Location = useSelector((state: ApplicationState) => state.location.item, shallowEqual);\n\tconst clearedLocation = getClearedLocation(location);\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t\t{children ??
\n\t\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{Component ?
\n\t\t\t\t \n\t\t\t
\n\t\t\t
\n\t\t
\n\t\t\t{children}\n\t\t
\n\t;\n};\n\nexport default Background;\n","import * as Yup from 'yup';\n\nimport { WithDeleted } from '@common/typescript/objects/WithDeleted';\n\nexport const phoneRegexp = /(\\(([0-9]{3})\\)\\s([0-9]{3})[-]([0-9]{4})|\\+([0-9]{11}))/;\n\nexport const formattedPhoneRegexp = /^\\+[1-9]+ \\([1-9]\\d{2}\\) \\d\\d\\d-\\d\\d\\d\\d$/;\n\nexport const stringOnlyLettersRegexp = /^[a-zA-Z]*$/;\n\nexport const stringNumbersRequiredRegexp = /^[a-zA-Z0-9]*[0-9][a-zA-Z0-9]*$/;\n\nexport const simpleStringValidator = Yup.string().required();\n\nexport const nullableStringValidator = Yup.string().nullable().required();\n\nexport const nullableStringNotRequiredValidator = Yup.string().nullable().notRequired();\n\nexport const stringOnlyLettersValidator = Yup.string().matches(stringOnlyLettersRegexp, 'Use only letters').required();\n\nexport const stringNumbersRequiredValidator = Yup.string().matches(\n\tstringNumbersRequiredRegexp,\n\t'Must contain only numbers (at least one) and letters',\n);\n\nexport const simpleNumberValidator = Yup.number().required();\n\nexport const positiveNumberValidator = Yup.number().positive('Required field!');\n\nexport const notEmptyPositiveNumberValidator = Yup.number().required().positive('Required field!');\n\nexport const notNullValidator = Yup.mixed().test('is-not-null', 'Required field!', (value) => value !== null);\n\nexport const notNullPositiveValidator = Yup.mixed().test('is-not-null', 'Required field!', (value) => value !== null && value >= 0);\n\nexport const emailValidator = Yup.string().email().required();\n\nexport const optionalEmailValidator = Yup.string().email().nullable().notRequired();\n\nexport const dateValidator = Yup.number().required().nullable();\n\nexport const phoneRequiredValidator = Yup.string().matches(phoneRegexp, 'Invalid phone number').required();\n\nexport const phoneValidator = Yup.string().test('is-valid', 'Invalid phone number', (value) =>\n\t!value || phoneRegexp.test(value));\n\nexport const formattedPhoneValidator = Yup.string().test('is-formatted-valid', 'Invalid phone number', (value) =>\n\t!value || formattedPhoneRegexp.test(value));\n\nexport const alphaDigitPasswordValidator = Yup.string().matches(/^([0-9a-zA-Z])+$/, 'Password should only contains digits and latin letters');\n\nexport const nonEmptyArray = (message: string) => Yup.array().test(\n\t'Non-empty array',\n\tmessage,\n\t(value: Array | undefined) => (value ? value.some((v) => !v.deleted) : false),\n);\n\nexport const nameValidator = Yup.string().test({\n\tname: 'is-valid-name',\n\ttest(value) {\n\t\tif (value && (!value.match(/[a-z]/i) || value.match(/[^a-z ]{2,}/i))) {\n\t\t\treturn this.createError({\n\t\t\t\tmessage: 'Invalid Name',\n\t\t\t});\n\t\t}\n\t\treturn true;\n\t},\n});\n\nexport const nameWithNumbersValidator = Yup.string().test({\n\tname: 'is-valid-name',\n\ttest(value) {\n\t\tif (value && (!value.match(/[a-z0-9]/i) || value.match(/[^a-z0-9 ]{2,}/i))) {\n\t\t\treturn this.createError({\n\t\t\t\tmessage: 'Invalid Name',\n\t\t\t});\n\t\t}\n\t\treturn true;\n\t},\n});\n\nexport const nameValidatorWithLengthCheck = (maxNameLength) => nameValidator.max(maxNameLength, `max characters count: ${maxNameLength}`);\n\nexport const nameWithNumbersValidatorWithLengthCheck = (maxNameLength) =>\n\tnameWithNumbersValidator.max(maxNameLength, `max characters count: ${maxNameLength}`);\n\nexport const lengthValidator = (maxLength, customMessage?) => Yup.string().max(maxLength, customMessage);\n\nexport const lengthNullableValidator = (maxLength, customMessage?) => Yup.string().nullable().max(maxLength, customMessage);\n\nexport const lengthRequiredValidator = (maxLength, customMessage?) => Yup.string().max(maxLength, customMessage).required();\n\nexport const linesCountValidator = (maxLinesCount: number, chunkSize?: number) => Yup.string().test({\n\tname: 'max-rows-count',\n\ttest(value) {\n\t\tif (value) {\n\t\t\tif (chunkSize) {\n\t\t\t\tif (value.split(/\\r\\n|\\r|\\n/i).filter((str) => !!str)\n\t\t\t\t\t.reduce((sum, str) => sum + Math.ceil(str.length / chunkSize), 0) > maxLinesCount\n\t\t\t\t) {\n\t\t\t\t\treturn this.createError({\n\t\t\t\t\t\tmessage: `max lines count: ${maxLinesCount} (each line is ${chunkSize} characters long)`,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else if (value.split(/\\r\\n|\\r|\\n/i).filter((str) => !!str).length > maxLinesCount) {\n\t\t\t\treturn this.createError({\n\t\t\t\t\tmessage: `max lines count: ${maxLinesCount}`,\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\treturn true;\n\t},\n});\n\nexport const minNotNullValidator = (min) => Yup.mixed().test('min', `Must be >= ${min}`, (value) => value !== null && value >= min);\n\nexport const minMaxNotNullValidator = (min, max) => Yup.mixed().test('min', `Must be >= ${min}`, (value) => value !== null && value >= min)\n\t.test('max', `Must be <= ${max}`, (value) => value !== null && value <= max);\n\nexport const minMaxValidator = (min, max) => Yup.mixed().test('min', `Must be >= ${min}`, (value) => value === null || value >= min)\n\t.test('max', `Must be <= ${max}`, (value) => value === null || value <= max);\n","import * as React from 'react';\n\nimport { FieldProps, ErrorMessage, getIn } from 'formik';\n\nexport type FormikInputRenderFunc = (fieldProps: FieldProps, inputProps?: React.HTMLProps) => React.ReactElement;\n\nexport interface FormikInputProps {\n\tfieldProps: FieldProps;\n\tcontainerClassName?: string;\n\trender?: FormikInputRenderFunc;\n\ttitle?: React.ReactNode;\n\tinputId?: string;\n\tshowValidateAfterSubmit?: boolean;\n\tinputProps?: React.HTMLProps;\n\tErrorComponent?: React.FC<{error: string}>;\n\twithValidIndicator?: boolean;\n\tcustomValidCondition?: (errors, touched, value, form) => boolean;\n}\n\nexport interface ValidFieldWrapperProps {\n\tfieldName: string;\n\tform: FieldProps['form'];\n\tcustomValidCondition?: (errors, touched, value, form) => boolean;\n}\n\nexport const ValidFieldWrapper: React.FC = ({\n\tfieldName,\n\tform,\n\tchildren,\n\tcustomValidCondition = (errors, touched, value, form) => !errors && value,\n}) => {\n\tconst errors = getIn(form.errors, fieldName);\n\tconst touched = getIn(form.touched, fieldName);\n\tconst value = getIn(form.values, fieldName);\n\n\treturn <>\n\t\t{customValidCondition(errors, touched, value, form) ?
: null}\n\t\t{children}\n\t;\n};\n\nconst defaultRender = ({ form, field }: FieldProps, inputProps?: React.HTMLProps) =>\n\t\n\t\t{typeof error === 'string' ? error : Object.keys(error)\n\t\t\t.filter((key) => typeof error[key] === 'string')\n\t\t\t.map((key) => error[key])\n\t\t\t.join(', ')}\n\t
;\n\nexport const FormikInput: React.FC = ({\n\tfieldProps,\n\tcontainerClassName = 'form-group col-sm-6',\n\trender = defaultRender,\n\ttitle,\n\tinputId,\n\tshowValidateAfterSubmit = true,\n\tinputProps,\n\tErrorComponent = defaultErrorComponent,\n\twithValidIndicator,\n\tcustomValidCondition,\n}) => {\n\tconst { form, field } = fieldProps;\n\n\treturn \n\t\t{title &&
{title} }\n\t\t
\n\t\t\t{(showValidateAfterSubmit ? form.submitCount > 0 : true) && (\n\t\t\t\t
\n\t
{\n\tfieldName: string;\n\tdefaultRender?: keyof DefaultRenders;\n}\n\nconst FormikField: React.FC = (props) => {\n\treturn (\n\t\t\n\t\t\t{(fieldProps: FieldProps) =>\n\t\t\t\t \n\t);\n};\n\nexport default FormikField;\n","import React from 'react';\n\nimport { FormikProps } from 'formik';\n\ninterface FormikRefProps {\n\tformikRef: React.MutableRefObject | null>;\n\tformikBug: FormikProps;\n}\n\nconst FormikRef: React.FC = ({ formikRef, formikBug }) => {\n\tReact.useEffect(() => {\n\t\tif (formikRef) {\n\t\t\tformikRef.current = formikBug;\n\t\t}\n\t}, [formikBug]);\n\n\treturn <>;\n};\n\nexport default FormikRef;\n","import React from 'react';\n\n// @eslint-disable-next-line\nimport { unstable_useBlocker as useBlocker } from 'react-router-dom';\n\nimport { Location } from 'history';\n\nimport { useModal } from '@common/react/components/Modal/ModalContextProvider';\nimport { BaseParams } from '@common/react/objects/BaseParams';\n\nexport interface LeaveConfirmationModalProps {\n\thandleBlockedNavigation: (nextLocation: Location) => boolean;\n\twhen?: boolean;\n\tonOk: (leaveLocation: () => void) => void;\n\tmessage?: string;\n\tcancelText?: string;\n\tokText?: string;\n\tonCancel?: () => void;\n\tconfirmProps?: BaseParams;\n}\n\nconst LeaveConfirmationModal: React.FC = ({\n\twhen, handleBlockedNavigation, onOk, cancelText = 'No', okText = 'Yes', onCancel, ...rest\n}) => {\n\tconst { message = 'Leave the page?' } = rest;\n\tconst modalContext = useModal();\n\tconst blocker = useBlocker(({ currentLocation, nextLocation }) => {\n\t\tif (!when) return false;\n\t\tif (`${currentLocation.pathname}${currentLocation.search}` === `${nextLocation.pathname}${nextLocation.search}`) {\n\t\t\treturn false;\n\t\t}\n\t\treturn !handleBlockedNavigation(nextLocation);\n\t});\n\n\tReact.useEffect(() => {\n\t\tif (blocker.state === 'blocked' && !when) {\n\t\t\tblocker.reset();\n\t\t}\n\t\tif (blocker.state === 'blocked' && when) {\n\t\t\tmodalContext.openConfirm({\n\t\t\t\ttitle: '',\n\t\t\t\tcontent: message,\n\t\t\t\tcancelText: 'No',\n\t\t\t\tokText: 'Yes',\n\t\t\t\tonCancel: () => {\n\t\t\t\t\tblocker.proceed?.();\n\t\t\t\t\tonCancel && onCancel();\n\t\t\t\t},\n\t\t\t\tonOk: () => {\n\t\t\t\t\tconst handleLeave = () => {\n\t\t\t\t\t\tblocker.proceed?.();\n\t\t\t\t\t};\n\t\t\t\t\tonOk(handleLeave);\n\t\t\t\t},\n\t\t\t\t...rest.confirmProps,\n\t\t\t});\n\t\t}\n\t}, [when, blocker]);\n\n\treturn (\n\t\t<>\n\t);\n};\n\nexport default LeaveConfirmationModal;\n","/**\n * ## ItemEditor.tsx ##\n * This file contains ItemEditor component\n * @packageDocumentation\n * */\n\nimport React from 'react';\nimport { useLocation } from 'react-router-dom';\n\nimport {\n\tForm, Formik, FormikProps, FormikConfig, FormikHelpers,\n} from 'formik';\nimport { isEqual } from 'lodash';\n\nimport { WithDeleted } from '@common/typescript/objects/WithDeleted';\nimport { Loading } from '@common/react/components/UI/Loading/Loading';\nimport Button from '@common/react/components/Forms/Button';\nimport {\n\tuseItemProviderContext,\n\tItemProviderContextState,\n} from '@common/react/components/Core/ItemProvider/ItemProvider';\nimport Loader from '@common/react/components/Core/LoadingProvider/Loader';\nimport FormikRef from '@common/react/components/Core/ItemEditor/FormikRef';\nimport LeaveConfirmationModal, { LeaveConfirmationModalProps } from '@common/react/components/Modal/LeaveConfirmationModal';\nimport { useModal } from '@common/react/components/Modal/ModalContextProvider';\nimport { BaseParams } from '@common/react/objects/BaseParams';\n\ninterface State extends ItemProviderContextState {\n\tsuccess?: boolean;\n\thaveChanges?: boolean;\n}\n\n/**\n * This is the description of the interface. Requires ItemProvider wrapper\n *\n * @interface ItemEditorProps\n * @typeParam T - T Any WithDeleted entity\n */\ninterface ItemEditorProps {\n\t/**\n\t * render function in edit mode\n\t * @param formikBag - formik data object. FormikProps\n\t * @param deleteItem - function from the ItemProvider context. Submit a request to remove an item\n\t * @param state - itemProvider state,\n\t * @param toggleReadonly - function changing viewing mode\n\t * @return React.ReactNode\n\t */\n\tedit: (formikBag: FormikProps, deleteItem: () => void, state: State, toggleReadonly: () => void) => React.ReactNode;\n\t/**\n\t * render function in view mode\n\t * @param item - item from ItemProvider\n\t * @param toggleReadonly - function changing viewing mode\n\t * @return React.ReactNode\n\t */\n\tview?: (item: T, toggleReadonly: () => void) => React.ReactNode;\n\t/**\n\t * function that determines the initial value for the form\n\t * @param item - item from ItemProvider\n\t */\n\tgetInitialValues?: (item: T) => any;\n\t/**\n\t * element shown when loading. Default }/>\n\t */\n\tloadingNode?: React.ReactNode;\n\t/**\n\t * link to get formikBag outside the form\n\t */\n\tformRef?: any;\n\t/**\n\t * formik properties. It is possible to overwrite values such as initialValues, onSubmit, validationSchema\n\t */\n\tformikProps?: Partial>;\n\t/**\n\t * callback after item is saved\n\t * - For example: make some changes at state\n\t * @param item - saved item from ItemProvider\n\t * @param res - request response\n\t * @param values - form values before send\n\t */\n\tafterSubmit?: (item: T, res: any, values: T) => void;\n\t/**\n\t * callback before send request\n\t * - For example. You can show a modal confirmation before sending the request\n\t * @param values - current form values\n\t * @param actions - form actions\n\t * @param submit - item save function\n\t */\n\tbeforeSubmit?: (values: T, actions, submit: () => Promise) => void;\n\t/**\n\t * if true and customButtons are not defined, default buttons will be displayed\n\t */\n\twithButtons?: boolean;\n\t/**\n\t * function to handle cancel button click. If not defined, the cancel button will not be displayed\n\t */\n\tonCancel?: () => void;\n\t/**\n\t * function to show custom buttons\n\t * @param item - item from ItemProvider\n\t * @param formikBag - formik data object. FormikProps\n\t * @param disabled - disabled for save button\n\t * @param submit\n\t * @return React.ReactNode\n\t */\n\tcustomButtons?: (item: T, formikBag: FormikProps, disabled, submit: () => Promise) => React.ReactNode;\n\t/**\n\t * className for default buttons container\n\t */\n\tdefaultButtonsContainerClassName?: string;\n\t/**\n\t * function to get cancel button props\n\t */\n\tgetCancelButtonsProps?: (formikBag: FormikProps) =>\n\t\tOmit, HTMLButtonElement>, 'type' | 'onClick'>;\n\t/**\n\t * function to get save button props\n\t */\n\tgetSaveButtonsProps?: (formikBag: FormikProps) =>\n\t\tOmit, HTMLButtonElement>, 'type' | 'onClick'>;\n\t/**\n\t * add some custom buttons near default submit button\n\t */\n\tbuttons?: React.ReactNode;\n\t/**\n\t * the time during which success messages will be displayed. Default 5000 ms\n\t */\n\tshowMessageDuration?: number;\n\t/**\n\t * by default 'Successfully saved'\n\t */\n\tsuccessMessage?: string;\n\t/**\n\t * determines whether the form values need to be reset after saving. Default true\n\t */\n\tresetFormAfterSubmit?: boolean;\n\t/**\n\t * determines whether error or success messages should be shown. Default true\n\t */\n\tshowMessages?: boolean;\n\t/**\n\t * readonly mode flag. Default value get from context\n\t */\n\treadonly?: boolean;\n\t/**\n\t * get request name before submit form\n\t */\n\tgetRequestName?: (values) => string;\n\t/**\n\t * the save button is disabled if there are no changes to the form\n\t */\n\tdetectChanges?: boolean;\n\t/**\n\t * text at default save button\n\t */\n\tsaveText?: string;\n\t/**\n\t * LeaveConfirmationModal component props\n\t */\n\tleaveConfirmationModalProps?: Omit;\n\t/**\n\t * custom equality check function. By default isEqual from lodash\n\t */\n\tcustomEqual?: (initialValues, values) => boolean;\n\t/**\n\t * custom formProps\n\t */\n\tformProps?: React.FormHTMLAttributes;\n\t/**\n\t * if not undefined will show confirmation modal before submit\n\t */\n\tconfirmMessageProps?: ModalProps;\n}\n\nconst ItemEditorMessage: React.FC<{message: string}> = ({ message }) => {\n\tconst ref = React.useRef(null);\n\tReact.useEffect(() => {\n\t\tif (message) {\n\t\t\tref.current?.scrollIntoView({ block: 'center', behavior: 'auto' });\n\t\t}\n\t}, [message]);\n\n\treturn <>\n\t\t{message ? {message}
: null}\n\t;\n};\n\n/**\n * ItemEditor component.\n *\n * @typeParam T - T Any {WithDeleted}\n * @param props - ItemEditorProps\n * @type {React.FC}\n * @returns React.ReactNode\n */\nexport const ItemEditor: (p: ItemEditorProps) => React.ReactElement = (props) => {\n\tconst context = useItemProviderContext();\n\n\tconst {\n\t\tstate: {\n\t\t\titem,\n\t\t\tloading,\n\t\t\titemLoading,\n\t\t\treadonly: readonlyContext,\n\t\t\terror,\n\t\t\tvalidationSchema,\n\t\t\ttype,\n\t\t\tmessage,\n\t\t\ttransformAfterSave,\n\t\t\tgetIdAfterSave,\n\t\t},\n\t\tactions: {\n\t\t\tupdate,\n\t\t\tdeleteItem,\n\t\t\tsetMessage,\n\t\t\tsetError,\n\t\t},\n\t} = context;\n\n\tconst readonlyProps = props.readonly;\n\tconst preventAfterSubmit = React.useRef(false);\n\tconst ref = React.useRef>(null as any);\n\tconst location = useLocation();\n\tconst modalContext = useModal();\n\n\tconst [readonly, setReadonly] = React.useState(readonlyProps ?? (item && item.id < 0 ? false : readonlyContext));\n\tconst {\n\t\tgetInitialValues = (item) => item,\n\t\tloadingNode = , beforeSubmit = defaultBeforeSubmit) => {\n\t\tconst submit = () => update(values, true, getRequestName ? getRequestName(values) : undefined, preventAfterSubmit.current)\n\t\t\t.then((res) => {\n\t\t\t\tsetMessage(successMessage);\n\t\t\t\thideSuccess();\n\t\t\t\tconst newValues = { ...transformAfterSave(values, res, item), id: getIdAfterSave(res, values) };\n\t\t\t\tif (resetFormAfterSubmit) {\n\t\t\t\t\tactions?.resetForm({\n\t\t\t\t\t\tvalues: getInitialValues(newValues),\n\t\t\t\t\t\tsubmitCount: 0,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t!preventAfterSubmit.current && afterSubmit && afterSubmit(newValues, res, values);\n\t\t\t\t\tpreventAfterSubmit.current = false;\n\t\t\t\t}, 0);\n\t\t\t});\n\n\t\treturn beforeSubmit == null ? submit() : beforeSubmit(values, actions, submit);\n\t};\n\n\tconst toggleReadonly = () => {\n\t\tsetReadonly((prev) => !prev);\n\t};\n\n\tconst hideSuccess = () => {\n\t\tsetTimeout(() => {\n\t\t\tsetMessage('');\n\t\t}, showMessageDuration < 500 ? 500 : showMessageDuration);\n\t};\n\n\tif (itemLoading || !item) {\n\t\treturn loadingNode;\n\t}\n\n\tif (readonly) {\n\t\treturn view(item, toggleReadonly);\n\t}\n\n\treturn {\n\t\t\tconst obj = new Proxy(values, {\n\t\t\t\tget: (target, prop) => {\n\t\t\t\t\tif (typeof prop === 'string' && !prop.includes('$')) {\n\t\t\t\t\t\tif (target && !(prop in target) && prop !== 'then' && prop !== 'catch') {\n\t\t\t\t\t\t\tsetError(`${prop} property is missing from Item`);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t// eslint-disable-next-line\n\t\t\t\t\t// @ts-ignore\n\t\t\t\t\treturn target[prop];\n\t\t\t\t},\n\t\t\t});\n\t\t\treturn formikProps?.validate?.(obj) || validationSchema?.validate(obj, { abortEarly: false })\n\t\t\t\t.then(() => undefined)\n\t\t\t\t.catch((err) => {\n\t\t\t\t\tconst obj: any = {};\n\t\t\t\t\tif (typeof err === 'string') {\n\t\t\t\t\t\treturn err;\n\t\t\t\t\t}\n\t\t\t\t\tObject.keys(err)\n\t\t\t\t\t\t.filter((key) => err[key] !== 'ValidationError')\n\t\t\t\t\t\t.forEach((key) => {\n\t\t\t\t\t\t\tif (err[key]) obj[key] = err[key];\n\t\t\t\t\t\t});\n\t\t\t\t\treturn obj;\n\t\t\t\t});\n\t\t}}\n\t>\n\t\t{(formikBag: FormikProps) => {\n\t\t\tconst haveChanges = detectChanges ? !customEqual(formikProps?.initialValues ?? formikBag.initialValues, formikBag.values) : false;\n\t\t\tref.current = formikBag;\n\t\t\tconst saveButtonsProps = getSaveButtonsProps?.(formikBag);\n\t\t\tconst cancelButtonsProps = getCancelButtonsProps?.(formikBag);\n\t\t\treturn ;\n\t\t}}\n\t;\n};\n","import * as Yup from 'yup';\n\nexport const stringValidator = Yup.string().required('This field is required');\n","import * as React from 'react';\n\nimport * as Yup from 'yup';\n\nimport Button from '@common/react/components/Forms/Button';\nimport { emailValidator, phoneRequiredValidator } from '@common/react/utils/validationHelpers';\nimport { FormikPhoneControl } from '@common/react/components/Forms/FormikPhoneControl/FormikPhoneControl';\nimport FormikField from '@common/react/components/Forms/FormikField/FormikField';\nimport { useModal } from '@common/react/components/Modal/ModalContextProvider';\nimport { ItemProvider } from '@common/react/components/Core/ItemProvider/ItemProvider';\nimport { ItemEditor } from '@common/react/components/Core/ItemEditor/ItemEditor';\n\nimport { stringValidator } from '@app/utils';\n\ninterface FormValues {\n\tid: number;\n\tname: string;\n\tphone: string;\n\temail: string;\n\ttext: string;\n}\n\nconst validationSchema = Yup.object().shape({\n\tname: stringValidator,\n\tphone: phoneRequiredValidator,\n\temail: emailValidator,\n\ttext: stringValidator,\n});\n\nconst BookAppointmentForm: React.FC = () => {\n\tconst { openSuccess } = useModal();\n\n\tconst init = {\n\t\tid: -1,\n\t\tname: '',\n\t\tphone: '',\n\t\temail: '',\n\t\ttext: '',\n\t};\n\n\treturn \n\t\titem={init}\n\t\tadd={init}\n\t\ttransformAfterSave={() => init}\n\t\tid={-1}\n\t\ttype=\"sendInquiry\"\n\t\tvalidationSchema={validationSchema}\n\t\treadonly={false}\n\t>\n\t\t\n\t\t\tafterSubmit={() => openSuccess({ title: 'Your appointment has been successfully sent.' })}\n\t\t\tedit={(formikProps, _, { loading, error }) => \n\t\t\t\t
\n\t\t\t\t\tExperience the difference at Northern Tuna Sample Clinic.\n\t\t\t\t\tBook your appointment today and get ready to look and feel your very best.\n\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t formikProps.handleSubmit()}\n\t\t\t\t\t>\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t{error &&
{error}
}\n\t\t\t
\n\t\t
\n\t\t\t \n\t\t
\n\t\t\t
\n\t\t\t\t
Address:
\n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
Schedule
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t
\n\t
\n\t\t
\n\t
\n\t\t\t{children}\n\t\t
\n\t);\n};\n\nexport default SiteScheme;\n","import React from 'react';\n\ninterface TextWithEllipsisProps {\n\ttext: string | null | undefined;\n\tcount: number;\n\tclassName?: string;\n}\n\nconst TextWithEllipsis: React.FC = ({ text, count, className = '' }) => {\n\treturn (\n\t\t\n\t\t\t{text && text.length > count\n\t\t\t\t? `${text?.substring(0, count)}...`\n\t\t\t\t: text\n\t\t\t}\n\t\t
\n\t);\n};\n\nexport default TextWithEllipsis;\n","import { shallowEqual, useSelector } from 'react-redux';\n\nimport { ApplicationState } from '@app/store';\n\nconst useSiteScheme = () => useSelector((state: ApplicationState) => state.siteViewSettings.item, shallowEqual);\n\nexport default useSiteScheme;\n","import { WithDeleted } from '@common/typescript/objects/WithDeleted';\n\nexport interface ColorSet extends WithDeleted {\n\tbaseColor1: string;\n\tbaseColor2: string;\n\tbaseColor3: string;\n\tbaseColor4: string;\n\tbaseColor5: string;\n\tbaseColor6: string;\n\tgradientColor1: string;\n\tgradientColor2: string;\n}\n\nexport const defaultColorSet: ColorSet = {\n\tid: 0,\n\tbaseColor1: '#fbf0e4',\n\tbaseColor2: '#fcf4f2',\n\tbaseColor3: '#f8e3e5',\n\tbaseColor4: '#a58886',\n\tbaseColor5: '#ff6f80',\n\tbaseColor6: '#fff',\n\tgradientColor1: '#f0d4ab',\n\tgradientColor2: '#ff9696',\n};\n","import * as React from 'react';\nimport { Routes, Route } from 'react-router-dom';\n\nimport loadable from '@loadable/component';\n\nimport NotFoundRoute from '@common/react/components/Routes/NotFoundRoute';\nimport { loadableDelay, params } from '@common/react/loadable/loadableSettings';\n\nimport Layout from '@app/components/Layout';\nimport MainLayout from '@app/components/Layouts/MainLayout';\nimport PageLayout from '@app/components/Layouts/PageLayout';\n\nconst Home = loadable(() =>\n\tloadableDelay(import(/* webpackChunkName: \"HomePage\" */\n\t\t'@app/components/Pages/Home/Home'\n\t)), params);\nconst Blog = loadable(() =>\n\tloadableDelay(import(/* webpackChunkName: \"Blog\" */\n\t\t'@app/components/Pages/Blog/Blog'\n\t)), params);\nconst Faqs = loadable(() =>\n\tloadableDelay(import(/* webpackChunkName: \"Faq\" */\n\t\t'@app/components/Pages/Faqs/Faqs'\n\t)), params);\n\nexport const baseRoutes = (\n\t<>\n\t\t \n\t\t\n\t\t\t{baseRoutes}\n\t\t \n\t \n);\n","export const getMinutesFromDuration = (duration: string): number => {\n\tconst [h, m] = duration.split(':');\n\n\treturn (+h * 60) + +m;\n};\n\nexport const timeFormat = (time: string) => {\n\tconst [h, m] = time.split(':');\n\tlet a = false;\n\tif (+h < 12) {\n\t\ta = true;\n\t}\n\treturn `${a ? h : +h - 12}:${m} ${a ? 'a' : 'p'}m`;\n};\n\nexport const transformToUtc = (date: number): number => {\n\tconst d = new Date(date);\n\treturn +new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes(), 0, 0));\n};\n\nexport const isSameDate = (date1: Date, date2: Date) => {\n\treturn date1.getFullYear() === date2.getFullYear()\n\t&& date1.getMonth() === date2.getMonth()\n\t&& date1.getDate() === date2.getDate();\n};\n\nexport const showDate = (date: number, showHour?: boolean, utc?: boolean, showSec?: boolean, showAmPm: boolean = true) => {\n\tconst solvedDate = new Date(date);\n\tconst month = solvedDate[`get${utc ? 'UTC' : ''}Month`]() + 1;\n\tconst day = solvedDate[`get${utc ? 'UTC' : ''}Date`]();\n\tconst hours = solvedDate[`get${utc ? 'UTC' : ''}Hours`]();\n\tconst minutes = solvedDate[`get${utc ? 'UTC' : ''}Minutes`]();\n\tconst sec = solvedDate.getSeconds();\n\n\tconst amPm = hours < 12 || hours === 24 || (hours === 0 && minutes === 0) ? 'AM' : 'PM';\n\treturn `${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}-${solvedDate[`get${utc ? 'UTC' : ''}FullYear`]()}${\n\t\tshowHour\n\t\t\t? ` ${hours > 12 ? hours - 12 : hours}:${minutes < 10 ? '0' : ''}${minutes}${\n\t\t\t\tshowSec ? `:${sec < 10 ? '0' : ''}${sec}` : ''\n\t\t\t} ${showAmPm ? amPm : ''}`\n\t\t\t: ''\n\t}`;\n};\n\nexport const days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\n\nexport const fromNow = (date) => {\n\tconst seconds = Math.floor((+new Date() - date) / 1000);\n\tconst years = Math.floor(seconds / 31536000);\n\tconst months = Math.floor(seconds / 2592000);\n\tconst days = Math.floor(seconds / 86400);\n\n\tif (days > 548) {\n\t\treturn `${years} years ago`;\n\t}\n\tif (days >= 320 && days <= 547) {\n\t\treturn 'a year ago';\n\t}\n\tif (days >= 45 && days <= 319) {\n\t\treturn `${months} months ago`;\n\t}\n\tif (days >= 26 && days <= 45) {\n\t\treturn 'a month ago';\n\t}\n\n\tconst hours = Math.floor(seconds / 3600);\n\n\tif (hours >= 36 && days <= 25) {\n\t\treturn `${days} days ago`;\n\t}\n\tif (hours >= 22 && hours <= 35) {\n\t\treturn 'a day ago';\n\t}\n\n\tconst minutes = Math.floor(seconds / 60);\n\n\tif (minutes >= 90 && hours <= 21) {\n\t\treturn `${hours} hours ago`;\n\t}\n\tif (minutes >= 45 && minutes <= 89) {\n\t\treturn 'an hour ago';\n\t}\n\tif (seconds >= 90 && minutes <= 44) {\n\t\treturn `${minutes} minutes ago`;\n\t}\n\tif (seconds >= 45 && seconds <= 89) {\n\t\treturn 'a minute ago';\n\t}\n\tif (seconds >= 0 && seconds <= 45) {\n\t\treturn 'a few seconds ago';\n\t}\n};\n","export enum DaysOfWeek {\n\tSunday = 0,\n\tMonday = 1,\n\tTuesday = 2,\n\tWednesday = 3,\n\tThursday = 4,\n\tFriday = 5,\n\tSaturday = 6,\n}\n\nexport const DaysOfWeekNames = {\n\t[DaysOfWeek.Sunday]: 'Sunday',\n\t[DaysOfWeek.Monday]: 'Monday',\n\t[DaysOfWeek.Tuesday]: 'Tuesday',\n\t[DaysOfWeek.Wednesday]: 'Wednesday',\n\t[DaysOfWeek.Thursday]: 'Thursday',\n\t[DaysOfWeek.Friday]: 'Friday',\n\t[DaysOfWeek.Saturday]: 'Saturday',\n};\n","import { DaysOfWeekNames } from '@app/objects/DaysOfWeek';\nimport { WorkingHours } from '@app/objects/Location';\n\nconst getDays = (days: Array): string => {\n\tif (!days.length) {\n\t\treturn 'No working days';\n\t}\n\n\tif (days.length === 7) {\n\t\treturn 'Every day';\n\t}\n\n\tconst schedule: Array = [];\n\tlet startDay: number = days[0];\n\tlet endDay: number = days[0];\n\n\tfor (let i = 0; i < days.length; i++) {\n\t\tif (days[i + 1] - days[i] === 1) {\n\t\t\tendDay = days[i + 1];\n\t\t} else {\n\t\t\tif (startDay === endDay) {\n\t\t\t\tschedule.push(DaysOfWeekNames[startDay]);\n\t\t\t} else {\n\t\t\t\tschedule.push(`${DaysOfWeekNames[startDay]} - ${DaysOfWeekNames[endDay]}`);\n\t\t\t}\n\t\t\tstartDay = endDay = days[i + 1];\n\t\t}\n\t}\n\n\treturn schedule.join(', ');\n};\n\nexport const getWorkingDays = (workingHours: Array): string => {\n\tconst workingDays = new Set();\n\tworkingHours.forEach((el) => workingDays.add(el.dayOfWeek));\n\tconst sortedDays: Array = Array.from(workingDays).sort((a, b) => a - b);\n\treturn getDays(sortedDays);\n};\n","import { phoneFormat } from '@common/react/components/Forms/FormikPhoneControl/FormikPhoneControl';\nimport { timeFormat } from '@common/react/utils/timeUtils';\n\nimport { getWorkingDays } from '@app/utils/getWorkingDays';\nimport { ClearedLocation, Location } from '@app/objects/Location';\n\nexport const getClearedLocation = (location: Location): ClearedLocation => {\n\treturn {\n\t\tphone: phoneFormat(location.phone),\n\t\taddress: `${location.addressEn}, ${location.city}, ${location.state}, ${location.zip}`,\n\t\tworkingHours: `${timeFormat(location.startTime)} - ${timeFormat(location.endTime)}`,\n\t\tworkingDays: getWorkingDays(location.workingHours),\n\t\tsiteAvatar: location?.siteAvatar,\n\t};\n};\n","import { fetch } from 'domain-task';\n\nimport { BaseApplicationState } from '@common/react/store';\nimport { BaseUser } from '@common/react/objects/BaseUser';\nimport { BaseParams } from '@common/typescript/objects/BaseParams';\n\ninterface Message {\n\tsuccess: number;\n\tresponse: T;\n\tsession: string;\n}\n\nexport interface ResponseError {\n\tmessage: string;\n\tcode: number;\n\tname?: string;\n}\n\nconst baseRequest = <\n\tT,\n\tTUser extends BaseUser,\n\tTApplicationState extends BaseApplicationState\n>(type: string, data: BaseParams = {}, state?: TApplicationState, signal?: AbortSignal): Promise => {\n\treturn fetch('api/post', {\n\t\tcredentials: 'same-origin',\n\t\tmethod: 'POST',\n\t\theaders: {\n\t\t\t'Content-type': 'application/json; charset=utf-8',\n\t\t\tCookie: `session=${state ? state.login.session : ''}`,\n\t\t},\n\t\tbody: JSON.stringify({\n\t\t\ttype,\n\t\t\tdata: JSON.stringify(data),\n\t\t}),\n\t\tsignal,\n\t})\n\t\t.then((response) => response.json() as Message)\n\t\t.then((data: Message) => {\n\t\t\tif (!data.success) {\n\t\t\t\tthrow data.response as ResponseError;\n\t\t\t}\n\n\t\t\treturn data.response as T;\n\t\t});\n};\n\nconst request = <\n\tT,\n\tTUser extends BaseUser,\n\tTApplicationState extends BaseApplicationState\n\t>(type: string, data: BaseParams = {}, state?: TApplicationState, signal?: AbortSignal): Promise => {\n\treturn baseRequest(type, data, state, signal)\n\t\t.catch((error: ResponseError) => {\n\t\t\tif (error.name === 'AbortError') {\n\t\t\t\tthrow new Error('Aborted');\n\t\t\t}\n\t\t\tif (error.message === 'Access denied' && window) {\n\t\t\t\twindow.location.href = '/';\n\t\t\t}\n\n\t\t\tconsole.log(error.message);\n\t\t\tthrow error.message as string;\n\t\t});\n};\n\nexport { baseRequest, request };\n","/**\n * ## ItemProvider.tsx ##\n * This file contains ItemProvider component\n * @packageDocumentation\n */\n\nimport * as React from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\n\nimport once from 'lodash/once';\nimport isEmpty from 'lodash/isEmpty';\nimport { AnySchema, ValidationError } from 'yup';\n\nimport { WithDeleted } from '@common/typescript/objects/WithDeleted';\nimport useRequest from '@common/react/hooks/useRequest';\nimport { BaseParams } from '@common/react/objects/BaseParams';\nimport { ClearValue } from '@common/react/utils/utils';\nimport { useRequestProviderContext } from '@common/react/components/RequestProvider/RequestProvider';\nimport useAbortController from '@common/react/hooks/useAbortController';\n\nexport enum Mode {\n\tView,\n\tEdit\n}\n\n/**\n * This is the description of the interface\n *\n * @interface ItemProviderProps\n * @typeParam T - T Any WithDeleted entity\n */\nexport interface ItemProviderProps {\n\t/**\n\t * Element ID. Used as load param\n\t */\n\tid: number;\n\t/**\n\t * ReactElement to be wrapped in an ItemProvider context\n\t */\n\tchildren: React.ReactNode | ((context: ItemProviderContext) => React.ReactNode);\n\t/**\n\t * Schema for checking element before saving.\n\t *\n\t * - Need to set a default value for the property that will be validated\n\t */\n\tvalidationSchema?: AnySchema;\n\t/**\n\t * By default determines which item to load and how to save it\n\t */\n\ttype: string;\n\t/**\n\t * Defines the default element if id < 0.\n\t * Ignored if withoutAdd is set to true\n\t */\n\tadd?: Partial;\n\t/**\n\t * Defines the default element.\n\t * Ignored if withoutAdd is set to false and id < 0\n\t */\n\titem?: T | undefined;\n\t/**\n\t * load request name. The default is made up of type.\n\t */\n\tloadRequest?: string;\n\t/**\n\t * load request name. The default is made up of type.\n\t */\n\tsaveRequest?: string;\n\t/**\n\t * transform item before send to server\n\t * @param item - element before submit\n\t * @return the element to be sent in the request\n\t */\n\tclearForSubmit?: (item: T) => ClearValue | T;\n\t/**\n\t * error handling function\n\t * @param error - error text\n\t */\n\tonRequestError?: ((error: string) => void);\n\t/**\n\t * get error message\n\t * @param error - error text\n\t */\n\ttransformErrorMessage?: ((error: string) => string);\n\t/**\n\t * error handling function for load request\n\t * @param error - error text\n\t * @default onRequestError\n\t */\n\tonLoadRequestError?: ((error: string) => void);\n\t/**\n\t * error handling function for save\n\t * @param error - error text\n\t * @default onRequestError\n\t */\n\tonSaveRequestError?: ((error: string) => void);\n\t/**\n\t * validation error handling function\n\t * @param item - not valid element\n\t * @param err - solved error\n\t * @param error - original error object\n\t */\n\tonValidationError?: ((item: T, err, error: ValidationError) => void);\n\t/**\n\t * view mode\n\t */\n\treadonly?: boolean;\n\t/**\n\t * function to be called after load\n\t * @param res - request response\n\t */\n\tonLoad?: (res: T) => void;\n\t/**\n\t * load params\n\t */\n\tadditionalParams?: BaseParams;\n\t/**\n\t * function to be called after item change\n\t * @param item - new element\n\t */\n\tupdateItem?: (item: T) => void;\n\t/**\n\t * a function that converts an element after saving\n\t * @param item - element\n\t * @param response - request response\n\t * @param prevItem - item before edit\n\t * @return Partial\n\t */\n\ttransformAfterSave?: (item: T | undefined, response: T, prevItem: T) => Partial;\n\t/**\n\t * init load condition\n\t */\n\tskipInitLoad?: boolean;\n\t/**\n\t * init error\n\t */\n\terror?: string;\n\t/**\n\t * defines the default value if element id < 0\n\t */\n\twithoutAdd?: boolean;\n\t/**\n\t * a function that converts an element after saving\n\t * @param response - request response\n\t * @param item - element\n\t * @return number\n\t */\n\tgetIdAfterSave?: (response: T, data: T) => number;\n\t/**\n\t * a function that handles the url\n\t * @param response - request response\n\t * @param item - element\n\t * @return number\n\t */\n\thandleUrlAfterSave?: (response: T, data: T, navigate, location) => void;\n\t/**\n\t * function to be called after save\n\t * @param item - saved item\n\t * @param res - request response\n\t */\n\tonSave?: (item: T, response?: T) => void;\n\t/**\n\t * time to live (ms) for cached response at RequestProvider if cache is available\n\t */\n\tttl?: number;\n}\n\nexport interface ItemProviderContextState {\n\t/**\n\t * stored element\n\t */\n\titem: T;\n\t/**\n\t * loading state for ItemProvider requests (save, update, delete), it will be true if itemProvider making that request\n\t */\n\tloading: boolean;\n\t/**\n\t * stored save or load error message\n\t */\n\terror: string;\n\t/**\n\t * type from props\n\t */\n\ttype: string;\n\t/**\n\t * view mode\n\t */\n\treadonly: boolean;\n\t/**\n\t * Schema for checking element before saving.\n\t *\n\t * - Need to set a default value for the property that will be validated\n\t */\n\tvalidationSchema?: AnySchema;\n\t/**\n\t * loading state for load request, it will be true, if ItemProvider try to load item\n\t */\n\titemLoading: boolean;\n\t/**\n\t * success message state\n\t */\n\tmessage: string;\n\t/**\n\t * a function that converts an element after saving\n\t * @param response - request response\n\t * @param item - element\n\t * @return number\n\t */\n\tgetIdAfterSave: (response: T, data: T) => number;\n\t/**\n\t * a function that converts an element after saving\n\t * @param item - element\n\t * @param response - request response\n\t * @param prevItem - item before edit\n\t * @return Partial\n\t */\n\ttransformAfterSave: (item: T | undefined, response: T, prevItem: T) => Partial;\n}\n\ninterface LoadOptions {\n\tsilent: boolean;\n}\n\ninterface ItemProviderContextActions {\n\t/**\n\t * load new item for ItemProvider\n\t * @param params - load params\n\t * @param options - LoadOptions\n\t * @return Promise\n\t */\n\tload: (params?: BaseParams, options?: LoadOptions) => Promise;\n\t/**\n\t * send save request\n\t * @param item - new item\n\t * @param skipValidation - ignore validation or no. By default is undefined\n\t * @param requestName\n\t * @return Promise\n\t */\n\tupdate: (item: T, skipValidation?: boolean, requestName?: string, preventHandleUrl?: boolean) => Promise;\n\t/**\n\t * update stored item without request\n\t * @param value - React.SetStateAction\n\t */\n\tsetItem: (value: React.SetStateAction) => void;\n\t/**\n\t * sent delete item request\n\t */\n\tdeleteItem: () => void;\n\t/**\n\t * update message state\n\t * @param value - React.SetStateAction\n\t */\n\tsetMessage: (value) => void;\n\t/**\n\t * update error state\n\t * @param error - error message\n\t */\n\tsetError: (error: string) => void;\n}\n\nexport interface ItemProviderContext {\n\tstate: ItemProviderContextState;\n\tactions: ItemProviderContextActions;\n}\n\nexport const createItemProviderContext = once(() => React.createContext({} as ItemProviderContext));\n\n/**\n * useItemProviderContext - get ItemProviderContext\n * @typeParam T - T Any {WithKey}\n * @param required - if true throw exception when context is empty\n * @returns ItemProviderContext\n */\nexport const useItemProviderContext = (required = true) => {\n\tconst context : ItemProviderContext = React.useContext(createItemProviderContext());\n\n\tif (required && isEmpty(context)) throw 'Need ItemProvider context!';\n\n\treturn context;\n};\n\n/**\n * defaultGetIdAfterSave - get element id\n * @param response - request response\n * @param data - element\n * @returns res\n */\nconst defaultGetIdAfterSave = (response, data) => response.id as number;\n\n/**\n * defaultHandleUrlAfterSave - get element id\n * @param response - request response\n * @param data - element\n * @param navigate\n * @param location\n */\nconst defaultHandleUrlAfterSave = (response, data, navigate, location) => {\n\tif (data.id < 0) {\n\t\twindow.setTimeout(() => {\n\t\t\tnavigate({\n\t\t\t\t...location,\n\t\t\t\tpathname: location.pathname.replace('/-1', `/${response.id}`),\n\t\t\t}, { replace: true });\n\t\t}, 0);\n\t}\n};\n\n/**\n * ItemProvider component.\n *\n * usage examples:\n * - {React.ReactNode} \n * - {(context) => React.ReactNode} \n * - {({ state: { itemLoading }}) => itemLoading ? \n * use itemLoading when you need to show something before the item is loaded\n *\n * @typeParam T - T Any {WithKey}\n * @param props - ItemProviderProps\n * @type {React.FC}\n * @returns React.ReactElement\n */\n\nexport const ItemProvider: (p: ItemProviderProps) => React.ReactElement = (\n\t{\n\t\titem = undefined,\n\t\ttype,\n\t\tloadRequest = type,\n\t\tsaveRequest = type,\n\t\tchildren,\n\t\tvalidationSchema,\n\t\tclearForSubmit = (item) => item,\n\t\tonRequestError,\n\t\tonLoadRequestError = onRequestError,\n\t\tonSaveRequestError = onRequestError,\n\t\tonValidationError,\n\t\tonLoad,\n\t\tadditionalParams = {},\n\t\tupdateItem,\n\t\ttransformAfterSave = (item, response) => item as T,\n\t\tid = -1,\n\t\tskipInitLoad = false,\n\t\terror: initError = '',\n\t\tadd = {},\n\t\twithoutAdd = false,\n\t\tgetIdAfterSave = defaultGetIdAfterSave,\n\t\thandleUrlAfterSave = defaultHandleUrlAfterSave,\n\t\tonSave,\n\t\tttl,\n\t\ttransformErrorMessage = (err) => err,\n\t\treadonly = id > 0 ? !validationSchema : false,\n\t} : ItemProviderProps,\n) => {\n\tconst ItemContext = createItemProviderContext();\n\n\tconst [_item, _setItem] = React.useState(!withoutAdd && +id < 0 ? { id, ...add } as T : item as T);\n\tconst [loading, setLoading] = React.useState(false);\n\tconst [error, setError] = React.useState(initError);\n\tconst [message, setMessage] = React.useState('');\n\tconst [itemLoading, setItemLoading] = React.useState(+id < 0 ? false : !item || !skipInitLoad);\n\tconst data = React.useRef(skipInitLoad ? id : 0);\n\tconst location = useLocation();\n\tconst navigate = useNavigate();\n\tconst request = useRequest();\n\tconst requestContext = useRequestProviderContext();\n\tconst [abortController, setAbortController] = useAbortController();\n\n\tReact.useEffect(() => {\n\t\tif ((!_item || +id !== +data.current) && +id >= 0) {\n\t\t\tsetItemLoading(true);\n\t\t\tconst oldId = data.current;\n\t\t\tdata.current = +id;\n\t\t\tload()\n\t\t\t\t.then(() => {\n\t\t\t\t\tsetError((prev) => {\n\t\t\t\t\t\tif (prev) {\n\t\t\t\t\t\t\tdata.current = oldId;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn prev;\n\t\t\t\t\t});\n\t\t\t\t})\n\t\t\t\t.catch((err) => (typeof err !== 'string' || !err?.includes('aborted')) && console.log(err));\n\t\t}\n\t}, [id]);\n\n\tReact.useEffect(() => {\n\t\tif (skipInitLoad && _item && +id >= 0 && +id === _item.id && requestContext?.actions?.updateCache) {\n\t\t\trequestContext.actions.updateCache(\n\t\t\t\tloadRequest,\n\t\t\t\t{ ...additionalParams, id },\n\t\t\t\titem,\n\t\t\t\tttl,\n\t\t\t);\n\t\t}\n\t\treturn () => {\n\t\t\tabortController.abort();\n\t\t};\n\t}, []);\n\n\tconst setItem = (value: React.SetStateAction) => {\n\t\t_setItem((prev) => {\n\t\t\tconst newItem = typeof value === 'function' ? value(prev) : value;\n\t\t\tdata.current = newItem.id;\n\t\t\tupdateItem && updateItem(newItem);\n\t\t\treturn newItem;\n\t\t});\n\t};\n\n\tconst load = (params?: BaseParams, options?: LoadOptions) => {\n\t\tsetError('');\n\n\t\treturn request(\n\t\t\tloadRequest,\n\t\t\t{ ...additionalParams, ...params, id },\n\t\t\t() => !options?.silent && setItemLoading(true),\n\t\t\tttl,\n\t\t\tabortController.signal,\n\t\t)\n\t\t\t.then((res: T) => {\n\t\t\t\tsetItem(res);\n\t\t\t\t!options?.silent && setItemLoading(false);\n\t\t\t\tonLoad && onLoad(res);\n\t\t\t\treturn res;\n\t\t\t}).catch((error) => {\n\t\t\t\tif (typeof error === 'string' && error.includes('aborted')) {\n\t\t\t\t\tthrow error;\n\t\t\t\t}\n\t\t\t\t!options?.silent && setItemLoading(false);\n\n\t\t\t\tonLoadRequestError && onLoadRequestError(error);\n\t\t\t\tsetError(transformErrorMessage(error));\n\t\t\t\treturn item as T;\n\t\t\t});\n\t};\n\n\tconst saveItem = (data: T, requestName: string = saveRequest, preventHandleUrl = false) => {\n\t\tconst item = { ...data, ...clearForSubmit(data) };\n\n\t\tsetLoading(true);\n\t\tsetError('');\n\n\t\treturn request(requestName, item)\n\t\t\t.then((response) => {\n\t\t\t\tsetItem({ ...data, ...transformAfterSave(data, response, _item), id: getIdAfterSave(response, data) });\n\n\t\t\t\t!preventHandleUrl && handleUrlAfterSave(response, data, navigate, location);\n\t\t\t\tonSave && onSave(item, response);\n\t\t\t\treturn response;\n\t\t\t}).catch((error: string) => {\n\t\t\t\tonSaveRequestError && onSaveRequestError(error);\n\t\t\t\tsetError(transformErrorMessage(error));\n\n\t\t\t\tthrow error;\n\t\t\t}).finally(() => setLoading(false));\n\t};\n\n\tconst update = (item : T, skipValidation?: boolean, requestName: string = saveRequest, preventHandleUrl = false) => {\n\t\tif (!item.deleted && validationSchema && !skipValidation) {\n\t\t\treturn validationSchema?.validate(item, { abortEarly: false }).then(() => {\n\t\t\t\treturn saveItem(item, requestName, preventHandleUrl);\n\t\t\t}).catch((err) => {\n\t\t\t\tif (err.inner) {\n\t\t\t\t\tconst er = {};\n\t\t\t\t\tfor (let i = 0; i < err.inner.length; i++) {\n\t\t\t\t\t\ter[err.inner[i].path] = err.inner[i].errors[0];\n\t\t\t\t\t}\n\n\t\t\t\t\tsetError(err.message);\n\n\t\t\t\t\tonValidationError && onValidationError(item, er, err);\n\t\t\t\t} else {\n\t\t\t\t\tthrow err;\n\t\t\t\t}\n\t\t\t}) as Promise;\n\t\t}\n\n\t\treturn saveItem(item, requestName, preventHandleUrl);\n\t};\n\n\tconst deleteItem = () => {\n\t\t_item && saveItem({ ..._item, deleted: true });\n\t};\n\n\tconst value: ItemProviderContext = {\n\t\tstate: {\n\t\t\titem: _item,\n\t\t\tloading,\n\t\t\terror,\n\t\t\ttype,\n\t\t\tvalidationSchema,\n\t\t\treadonly,\n\t\t\titemLoading,\n\t\t\tmessage,\n\t\t\ttransformAfterSave,\n\t\t\tgetIdAfterSave,\n\t\t},\n\t\tactions: {\n\t\t\tload,\n\t\t\tupdate,\n\t\t\tsetItem,\n\t\t\tdeleteItem,\n\t\t\tsetMessage,\n\t\t\tsetError,\n\t\t},\n\t};\n\n\treturn (\n\t\t\n\t\t\t{typeof children === 'function' ? children(value) : children}\n\t\t \n\t);\n};\n","import React from 'react';\n\nimport { useLoaderProviderContext } from '@common/react/components/Core/LoadingProvider/LoadingProvider';\n\ninterface Props {\n\tdefaultLoader?: JSX.Element;\n}\n\nconst Loader: React.FC = ({ defaultLoader }) => {\n\tconst loaderContext = useLoaderProviderContext();\n\n\treturn loaderContext?.state?.pageLoader || defaultLoader || '';\n};\n\nexport default Loader;\n","import * as React from 'react';\n\nimport once from 'lodash/once';\n\nexport interface LoadingProviderProps {\n\tloader: JSX.Element;\n}\n\nexport interface LoadingProviderContextState {\n\tpageLoader: JSX.Element;\n}\n\nexport interface LoadingProviderContext {\n\tstate: LoadingProviderContextState;\n\tactions: {setPageLoader};\n}\n\nexport const createLoaderProviderContext = once(() => React.createContext({} as LoadingProviderContext));\n\nexport const useLoaderProviderContext: () => LoadingProviderContext = () => React.useContext(createLoaderProviderContext());\n\nexport const LoadingProvider: React.FC = ({ children, loader }) => {\n\tconst ItemContext = createLoaderProviderContext();\n\n\tconst [pageLoader, setPageLoader] = React.useState(loader);\n\n\tconst value = {\n\t\tstate: {\n\t\t\tpageLoader,\n\t\t},\n\t\tactions: {\n\t\t\tsetPageLoader,\n\t\t},\n\t};\n\n\treturn (\n\t\t\n\t\t\t{children}\n\t\t \n\t);\n};\n","import React from 'react';\n\nimport { useNotFoundPageProviderContext } from '@common/react/components/Core/NotFoundPageProvider/NotFoundPageProvider';\n\ninterface Props {\n\tdefaultNotFoundComponent?: JSX.Element;\n}\n\nconst NotFoundComponent: React.FC = ({ defaultNotFoundComponent }) => {\n\tconst notFoundComponentContext = useNotFoundPageProviderContext();\n\n\treturn notFoundComponentContext?.state?.notFoundPage || defaultNotFoundComponent || '';\n};\n\nexport default NotFoundComponent;\n","import * as React from 'react';\n\nimport once from 'lodash/once';\n\nexport interface NotFoundPageProviderProps {\n\tnotFoundComponent: JSX.Element;\n}\n\nexport interface NotFoundPageProviderContextState {\n\tnotFoundPage: JSX.Element;\n}\n\nexport interface NotFoundPageProviderContext {\n\tstate: NotFoundPageProviderContextState;\n\tactions: { setNotFoundPage };\n}\n\nexport const createNotFoundPageProviderContext = once(() => React.createContext({} as NotFoundPageProviderContext));\n\nexport const useNotFoundPageProviderContext: () => NotFoundPageProviderContext = () => React.useContext(createNotFoundPageProviderContext());\n\nexport const NotFoundPageProvider: React.FC = ({ children, notFoundComponent }) => {\n\tconst ItemContext = createNotFoundPageProviderContext();\n\n\tconst [notFoundPage, setNotFoundPage] = React.useState(notFoundComponent);\n\n\tconst value = {\n\t\tstate: {\n\t\t\tnotFoundPage,\n\t\t},\n\t\tactions: {\n\t\t\tsetNotFoundPage,\n\t\t},\n\t};\n\n\treturn (\n\t\t\n\t\t\t{children}\n\t\t \n\t);\n};\n","import * as React from 'react';\n\nexport interface ButtonProps {\n\ttype?: 'submit' | 'button';\n\tclassName?: string;\n\tisLoading?: boolean;\n\tonClick?: (event: React.MouseEvent) => void;\n\ttitle?: string;\n\tdisabled?: boolean;\n\tother?: object;\n\tloadingNode?: React.ReactNode;\n}\n\nconst Button: React.FC = ({\n\ttype = 'submit',\n\tclassName = 'btn btn-primary',\n\tisLoading,\n\tonClick,\n\tchildren,\n\ttitle,\n\tdisabled = false,\n\tother = undefined,\n\tloadingNode = false,\n}) => {\n\treturn \n\t\t{!!loadingNode && isLoading && loadingNode}\n\t\t{children} \n\t;\n};\n\ninterface PreventDefaultButtonProps extends ButtonProps {\n\tonClick:() => void;\n}\n\nexport const PreventDefaultButton: React.FC = ({ onClick, children, ...rest }) =>\n\t { e.preventDefault(); e.stopPropagation(); onClick(); }}>\n\t\t{children}\n\t ;\n\nexport default Button;\n","import * as React from 'react';\nimport MaskedInput from 'react-text-mask';\n\nimport { FieldProps } from 'formik';\n\nexport const defaultPhoneMask = ['+', '1', ' ', '(', /\\d/, /\\d/, /\\d/, ')', ' ', /\\d/, /\\d/, /\\d/, '-', /\\d/, /\\d/, /\\d/, /\\d/];\n\nexport const allCountriesPhoneMask = [\n\t'+',\n\t/[1-9]/,\n\t' ',\n\t'(',\n\t/\\d/,\n\t/\\d/,\n\t/\\d/,\n\t')',\n\t' ',\n\t/\\d/,\n\t/\\d/,\n\t/\\d/,\n\t'-',\n\t/\\d/,\n\t/\\d/,\n\t/\\d/,\n\t/\\d/,\n];\n\nexport const allCountriesPhoneMask2DigitCode = [\n\t'+',\n\t/[1-9]/,\n\t/[1-9]/,\n\t' ',\n\t'(',\n\t/\\d/,\n\t/\\d/,\n\t/\\d/,\n\t')',\n\t' ',\n\t/\\d/,\n\t/\\d/,\n\t/\\d/,\n\t'-',\n\t/\\d/,\n\t/\\d/,\n\t/\\d/,\n\t/\\d/,\n];\n\nexport const getAllCountriesPhoneMask = (phone: string | null | undefined) => {\n\tif (!phone || phone.includes('_')) {\n\t\treturn defaultPhoneMask;\n\t}\n\n\tconst formatPhone = phoneFormat(phone);\n\n\tconst matches = formatPhone.match(/^(\\+[1-9]{1,2})/);\n\n\tif (matches && matches[0] && matches[0].length > 2) {\n\t\treturn allCountriesPhoneMask2DigitCode;\n\t}\n\n\treturn allCountriesPhoneMask;\n};\n\nexport const phoneReplace = (phone: string | null | undefined): string => (phone\n\t? phone.replace(/[\\(\\)\\-\\s]/g, '')\n\t: '');\n\nexport const phoneFormat = (phone: string | null | undefined): string => (phone\n\t? phone.replace(/\\+([1-9]{1,2})(\\d{3})(\\d{3})(\\d{4})/, '+$1 ($2) $3-$4')\n\t: '');\n\ninterface Props {\n\tplaceholder?: string;\n\tfieldProps: FieldProps;\n\tclassName?: string;\n\tmask?: Array;\n\twithReplace?: boolean;\n\tisMobile?: boolean;\n\tdisabled?: boolean;\n\tid?: string;\n\tautoComplete?: string;\n}\n\nconst removeDefaultPhoneMask = (phone: string | null | undefined): string => phoneReplace(phone)\n\t.replace(/^\\+?1/, '')\n\t.replace(/\\D/g, '')\n\t.replace(/_/g, '');\n\nconst getMask = (count, str, char: string = '_') => {\n\tconst length = str ? count - str.length : count;\n\treturn `${str || ''}${Array.from({ length }).fill(char).join('')}`;\n};\n\nconst defaultPhoneFormat = (value) => {\n\tlet phone = (value || '').replace(/\\D/g, '');\n\tconst match = phone.match(/^(\\d{1,3})(\\d{0,3})(\\d{0,4})$/);\n\n\tif (match) {\n\t\tphone = `(${getMask(3, match[1])}) ${getMask(3, match[2])}-${getMask(3, match[3])}`;\n\t}\n\treturn phone;\n};\n\nexport const FormikPhoneControl: React.FC = ({\n\tplaceholder = '',\n\tfieldProps: { field, form },\n\tclassName = 'form-control',\n\tmask = defaultPhoneMask,\n\twithReplace = true,\n\tisMobile = false,\n\tdisabled,\n\tid,\n\tautoComplete,\n}) => {\n\tconst value = React.useMemo(() => phoneFormat(field.value), [field.value]);\n\n\tconst pipe = (text, t) => {\n\t\tconst needReplace = mask === defaultPhoneMask && t.rawValue?.replace(/\\D/g, '').length <= 10\n\t\t\t&& removeDefaultPhoneMask(text) !== removeDefaultPhoneMask(t.rawValue);\n\n\t\treturn needReplace ? `+1 ${defaultPhoneFormat(removeDefaultPhoneMask(t.rawValue))}` : text;\n\t};\n\n\treturn form.setFieldValue(field.name, withReplace ? phoneReplace(e.target.value) : e.target.value)}\n\t\tonBlur={field.onBlur}\n\t\tvalue={value}\n\t\tdisabled={disabled}\n\t\tautoComplete={autoComplete}\n\t/>;\n};\n","import * as React from 'react';\n\nimport once from 'lodash/once';\n\nimport { BaseParams } from '@common/react/objects/BaseParams';\n\nexport interface IModal {\n\tonClose?: VoidFunction;\n\tvisible?: boolean;\n}\n\nexport interface AlertProps extends IModal {\n\ttitle?: string;\n\tcontent?: string;\n\tonOk?: VoidFunction;\n}\n\nexport interface ConfirmProps extends IModal {\n\ttitle?: string;\n\tcontent?: string;\n\tonOk?: VoidFunction;\n\tonCancel?: VoidFunction;\n}\n\nexport type OpenModal = (params: T) => void;\n\ninterface IModalContext {\n\topenAlert: OpenModal;\n\topenConfirm: OpenModal;\n\topenDeleteConfirm: OpenModal;\n\topenError: OpenModal;\n\topenSuccess: OpenModal;\n\trenderModal: (visible: boolean, close: (resetProps?: boolean) => void, props: BaseParams) => React.ReactNode;\n\topenErrorMessage?: (message: string, params?) => void;\n\topenSuccessMessage?: (message: string, params?) => void;\n}\n\nexport const createModalContext = once(() => React.createContext({} as IModalContext));\n\nexport const useModal = <\n\tT extends BaseParams = BaseParams,\n\tCType extends BaseParams = BaseParams,\n>() => React.useContext>(createModalContext());\n\nconst useDefaultModalLogic = () => {\n\tconst [visible, setVisible] = React.useState(false);\n\tconst [props, setProps] = React.useState();\n\n\tconst openModal = React.useCallback((props?: T) => {\n\t\tsetProps(props);\n\t\tsetVisible(true);\n\t}, []);\n\n\tconst closeModal = React.useCallback((resetProps: boolean = true) => {\n\t\tresetProps && setProps(undefined);\n\t\tsetVisible(false);\n\t}, []);\n\n\tconst updateProps = (props) => {\n\t\tsetProps((prev) => (prev ? { ...prev, ...props } : props));\n\t};\n\n\treturn {\n\t\tvisible,\n\t\tprops,\n\t\topenModal,\n\t\tupdateProps,\n\t\tcloseModal,\n\t};\n};\n\ninterface ModalContextProviderProps {\n\trenderAlert: (visible: boolean, close: VoidFunction, props: AlertProps) => React.ReactNode;\n\trenderSuccess: (visible: boolean, close: VoidFunction, props: BaseParams) => React.ReactNode;\n\trenderError: (visible: boolean, close: VoidFunction, props: BaseParams) => React.ReactNode;\n\trenderConfirm: (visible: boolean, close: VoidFunction, props: ConfirmProps) => React.ReactNode;\n\trenderModal: (visible: boolean, close: (resetProps?: boolean) => void, props: BaseParams) => React.ReactNode;\n\trenderDeleteConfirm: (visible: boolean, close: VoidFunction, props: ConfirmProps) => React.ReactNode;\n\tchildren?: React.ReactNode;\n\topenErrorMessage?: (message: string, params: any) => void;\n\topenSuccessMessage?: (message: string, params: any) => void;\n}\n\nexport const ModalContextProvider = ({\n\tchildren,\n\trenderAlert,\n\trenderConfirm,\n\trenderDeleteConfirm,\n\trenderModal,\n\trenderError,\n\trenderSuccess,\n\topenErrorMessage,\n\topenSuccessMessage,\n}: ModalContextProviderProps) => {\n\tconst ModalContext = createModalContext();\n\tconst {\n\t\topenModal: openAlert,\n\t\tcloseModal: closeAlert,\n\t\tprops: alertProps,\n\t\tvisible: alertVisible,\n\t} = useDefaultModalLogic();\n\tconst {\n\t\topenModal: openSuccess,\n\t\tcloseModal: closeSuccess,\n\t\tprops: successProps,\n\t\tvisible: successVisible,\n\t} = useDefaultModalLogic();\n\tconst {\n\t\topenModal: openError,\n\t\tcloseModal: closeError,\n\t\tprops: errorProps,\n\t\tvisible: errorVisible,\n\t} = useDefaultModalLogic();\n\tconst {\n\t\topenModal: openConfirm,\n\t\tcloseModal: closeConfirm,\n\t\tprops: confirmProps,\n\t\tvisible: confirmVisible,\n\t} = useDefaultModalLogic();\n\tconst {\n\t\topenModal: openDeleteConfirm,\n\t\tcloseModal: closeDeleteConfirm,\n\t\tprops: deleteConfirmProps,\n\t\tvisible: deleteConfirmVisible,\n\t} = useDefaultModalLogic();\n\n\tconst modalContextValue: IModalContext = {\n\t\topenAlert,\n\t\topenConfirm,\n\t\trenderModal,\n\t\topenError,\n\t\topenSuccess,\n\t\topenErrorMessage,\n\t\topenSuccessMessage,\n\t\topenDeleteConfirm,\n\t};\n\n\treturn (\n\t\t\n\t\t\t{alertProps && (\n\t\t\t\trenderAlert(alertVisible, closeAlert, alertProps)\n\t\t\t)}\n\t\t\t{errorProps && (\n\t\t\t\trenderError(errorVisible, closeError, errorProps)\n\t\t\t)}\n\t\t\t{successProps && (\n\t\t\t\trenderSuccess(successVisible, closeSuccess, successProps)\n\t\t\t)}\n\t\t\t{confirmProps && (\n\t\t\t\trenderConfirm(confirmVisible, closeConfirm, confirmProps)\n\t\t\t)}\n\t\t\t{deleteConfirmProps && (\n\t\t\t\trenderDeleteConfirm(deleteConfirmVisible, closeDeleteConfirm, deleteConfirmProps)\n\t\t\t)}\n\t\t\t{children}\n\t\t \n\t);\n};\n","import React from 'react';\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\nimport { useNavigate, useLocation } from 'react-router-dom';\n\nimport once from 'lodash/once';\nimport { fetch } from 'domain-task';\nimport loadable from '@loadable/component';\n\nimport { loadableDelay } from '@common/react/loadable/loadableSettings';\nimport { BaseApplicationState } from '@common/react/store';\nimport { BaseUser } from '@common/typescript/objects/BaseUser';\nimport { BaseParams } from '@common/typescript/objects/BaseParams';\nimport Loader from '@common/react/components/Core/LoadingProvider/Loader';\nimport { TypeKeys } from '@common/react/store/Login';\n\nconst params = { fallback: (type: string, data?: BaseParams, beforeRequest?: () => void, ttl?: number, signal?: AbortSignal) => Promise;\n\ninterface ErrorComponents {\n\taccessDenied: React.JSXElementConstructor;\n\tnotFound: React.JSXElementConstructor>;\n\terrorPage: React.JSXElementConstructor>;\n}\n\ninterface ErrorComponentsOptions {\n\tnotFountMessage?: string;\n}\n\nexport interface RequestProviderProps {\n\t/**\n\t * cache available flag, by default is true\n\t */\n\tcache?: boolean;\n\t/**\n\t * time to live (ms) for cached response if cache is available\n\t */\n\tttl?: number;\n\terrorHandlerForCustomCodes?: (ResponseError: ResponseError) => void;\n\tgetErrorComponents?: (ResponseError: ResponseError, component: ErrorComponents, options: ErrorComponentsOptions) => React.ReactNode;\n\terrorComponents?: Partial;\n\t/**\n\t * debug flag - if true, output cache state on each updateCache and leave keys at cache after delete value\n\t * by default false\n\t */\n\tdebug?: boolean;\n\t/**\n\t * message for not found page\n\t */\n\tnotFoundPageMessage?: string;\n}\n\nexport interface Cache {\n\t[key: string]: any;\n}\n\nexport interface RequestProviderContextState {\n\trequest: RequestType;\n\tnotFountMessage?: string;\n}\n\nexport interface RequestProviderContextActions {\n\tupdateCache: (type, data, response, ttl?: number) => void;\n\tgetFromCache: (type, params) => any;\n}\n\nexport interface RequestProviderContext {\n\tstate: RequestProviderContextState;\n\tactions: RequestProviderContextActions;\n}\n\nexport const createRequestProviderContext = once(() => React.createContext({} as RequestProviderContext));\n\nexport const useRequestProviderContext: () => RequestProviderContext = () => React.useContext(createRequestProviderContext());\n\ninterface Message {\n\tsuccess: number;\n\tresponse: T;\n\tsession: string;\n}\n\nexport enum ErrorCode\n{\n\tNotStated = 0,\n\tNoRights = 1,\n\tUnspecifiedError = 42,\n\tNotFound = 65,\n\tCaptchaRequired = 66,\n\tTemporaryDisabled = 67\n}\n\nexport interface ResponseError {\n\tmessage: string;\n\tcode: number;\n\tpath: string;\n\tisLogin?: boolean;\n}\n\nconst defaultErrorComponents = {\n\taccessDenied: AccessDenied,\n\tnotFound: NotFound,\n\terrorPage: ErrorPage,\n};\n\nexport const getDefaultErrorComponents = (error: ResponseError, components: ErrorComponents, options?: ErrorComponentsOptions) => {\n\tconst {\n\t\taccessDenied: AccessDeniedComponent,\n\t\tnotFound: NotFoundComponent,\n\t\terrorPage: ErrorPageComponent,\n\t} = components;\n\tswitch (error.code) {\n\t\tcase ErrorCode.NoRights:\n\t\t\treturn = ({\n\tchildren,\n\tcache: cacheProps = true,\n\tttl: defaultTtl = 0,\n\tgetErrorComponents = getDefaultErrorComponents,\n\terrorHandlerForCustomCodes,\n\terrorComponents = defaultErrorComponents,\n\tdebug = false,\n\tnotFoundPageMessage,\n}) => {\n\tconst [errorComponent, setErrorComponent] = React.useState(null);\n\tconst [cache, setCache] = React.useState({});\n\tconst timers = React.useRef({});\n\n\tconst ItemContext = createRequestProviderContext();\n\n\tconst session = useSelector((state: BaseApplicationState) => state.login.session, shallowEqual);\n\tconst navigate = useNavigate();\n\tconst location = useLocation();\n\tconst dispatch = useDispatch();\n\tconst context = useRequestProviderContext();\n\tconst notFountMessage = notFoundPageMessage || context?.state?.notFountMessage;\n\n\tconst updateCache = (type, params, response, ttl = defaultTtl) => {\n\t\tdebug && console.log(cache);\n\n\t\tif (cacheProps && ttl && ttl > 0) {\n\t\t\tconst key = `${type}${JSON.stringify(params)}`;\n\n\t\t\tsetCache((prev) => {\n\t\t\t\treturn { ...prev, [key]: response };\n\t\t\t});\n\n\t\t\tif (timers.current[key]) {\n\t\t\t\tclearTimeout(timers.current[key]);\n\t\t\t}\n\t\t\ttimers.current[key] = setTimeout(() => {\n\t\t\t\tif (timers.current[key]) {\n\t\t\t\t\tsetCache((prev) => {\n\t\t\t\t\t\tconst cache = { ...prev, [key]: undefined };\n\t\t\t\t\t\t!debug && delete cache[key];\n\t\t\t\t\t\treturn cache;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}, ttl);\n\t\t}\n\t};\n\n\tconst getFromCache = (type, params) => {\n\t\tif (cacheProps) {\n\t\t\tconst key = `${type}${JSON.stringify(params)}`;\n\n\t\t\tif (cache[key]) {\n\t\t\t\treturn cache[key];\n\t\t\t}\n\t\t}\n\t};\n\n\tReact.useEffect(() => {\n\t\tif (cacheProps) {\n\t\t\treturn () => {\n\t\t\t\tObject.values(timers.current)\n\t\t\t\t\t.map((timer: any) => timer && clearTimeout(timer));\n\t\t\t};\n\t\t}\n\t}, []);\n\n\tconst errorHandler = (error: ResponseError) => {\n\t\tif (error.code === ErrorCode.NotStated) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (error.code === ErrorCode.NoRights) {\n\t\t\tif (!error.isLogin) {\n\t\t\t\tdispatch({ type: TypeKeys.CLEARSTATE });\n\t\t\t\tnavigate(error.path || '/', { replace: true });\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (error.path !== '/') {\n\t\t\t\tnavigate(error.path, { replace: true });\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst errorComponent = getErrorComponents(error, { ...defaultErrorComponents, ...errorComponents }, { notFountMessage });\n\t\tif (errorComponent) {\n\t\t\tsetErrorComponent(errorComponent);\n\t\t} else {\n\t\t\terrorHandlerForCustomCodes && errorHandlerForCustomCodes(error);\n\t\t}\n\n\t\tconsole.log(error.message);\n\t};\n\n\tconst request = React.useMemo(() => {\n\t\treturn (type: string, params: BaseParams = {}, beforeRequest, ttl = defaultTtl, signal?: AbortSignal): Promise => {\n\t\t\tif (cacheProps && ttl && ttl > 0) {\n\t\t\t\tconst key = `${type}${JSON.stringify(params)}`;\n\n\t\t\t\tif (cache[key]) {\n\t\t\t\t\treturn Promise.resolve(cache[key]);\n\t\t\t\t}\n\t\t\t}\n\t\t\tbeforeRequest && beforeRequest();\n\n\t\t\treturn fetch('api/post', {\n\t\t\t\tcredentials: 'same-origin',\n\t\t\t\tmethod: 'POST',\n\t\t\t\theaders: {\n\t\t\t\t\t'Content-type': 'application/json; charset=utf-8',\n\t\t\t\t\tCookie: `session=${session || ''}`,\n\t\t\t\t},\n\t\t\t\tbody: JSON.stringify({\n\t\t\t\t\ttype,\n\t\t\t\t\tdata: JSON.stringify(params),\n\t\t\t\t}),\n\t\t\t\tsignal,\n\t\t\t})\n\t\t\t\t.then((response) => response.json() as Message)\n\t\t\t\t.then((data: Message) => {\n\t\t\t\t\tif (!data.success) {\n\t\t\t\t\t\tthrow data.response as ResponseError;\n\t\t\t\t\t}\n\n\t\t\t\t\tupdateCache(type, params, data.response, ttl);\n\n\t\t\t\t\treturn data.response as T;\n\t\t\t\t})\n\t\t\t\t.catch((error: ResponseError) => {\n\t\t\t\t\terrorHandler(error);\n\n\t\t\t\t\tthrow error.message as string;\n\t\t\t\t});\n\t\t};\n\t}, [session, getErrorComponents, location, cacheProps, cache]);\n\n\tReact.useEffect(() => {\n\t\tif (errorComponent) {\n\t\t\tsetErrorComponent(null);\n\t\t}\n\t}, [location]);\n\n\tconst value = {\n\t\tstate: {\n\t\t\trequest,\n\t\t\tnotFountMessage,\n\t\t},\n\t\tactions: {\n\t\t\tupdateCache,\n\t\t\tgetFromCache,\n\t\t},\n\t};\n\n\treturn (\n\t\t\n\t\t\t{errorComponent || children}\n\t\t \n\t);\n};\n","import * as React from 'react';\nimport { shallowEqual, useSelector } from 'react-redux';\nimport { Helmet } from 'react-helmet';\n\nimport NotFoundComponent from '@common/react/components/Core/NotFoundPageProvider/NotFoundComponent';\nimport PageNotFound from '@common/react/components/UI/PageNotFound/PageNotFound';\n\nimport { BaseApplicationState } from '@common/react/store';\nimport { BaseUser } from '@common/typescript/objects/BaseUser';\n\ninterface Props {\n\topenRoute: any;\n\tloginRoute?: any;\n\tcomponent?: any;\n\ttitle?: string;\n\tnotFoundPage?: React.ReactNode;\n\tloginRender?: React.ReactNode;\n\topenRender?: React.ReactNode;\n\tgetServerPage?: (state) => any;\n}\n\nconst defaultGetServerPage = (state) => state?.serverPage;\n\nconst NotFoundRoute: React.FC = ({\n\ttitle = '404 Not Found', notFoundPage, openRoute, loginRoute = openRoute, ...rest\n}) => {\n\tconst { component: Component = () => ) => state?.login?.user, shallowEqual);\n\tconst serverPage = useSelector(getServerPage, shallowEqual);\n\n\tReact.useEffect(() => {\n\t\tif (serverPage?.page) {\n\t\t\tserverPage.page = null;\n\t\t}\n\t}, []);\n\n\tconst Route: any = user ? loginRoute : openRoute;\n\tconst Node = user ? loginRender : openRender;\n\n\treturn <>\n\t\t{title && \n\t\t\t{title} \n\t\t }\n\t\t = ({ className = 'page-loading', caption = 'Loading' }) => {\n\treturn \n\t\t
\n\t\t
\n\t\t\t{caption}\n\t\t
\n\t
\n\t\t
\n\t\t\t{notFountMessage}\n\t\t\n\t\t\n\t\t\t handlerBack()}>\n\t\t\t\tGo \n\t\t\t\t{havePrevPage ? 'Back' : 'to Main page'}\n\t\t\t \n\t\t
\n\t (type: string, data: BaseParams, beforeRequest, _: number, signal?: AbortSignal) => {\n\t\t\tbeforeRequest && beforeRequest();\n\t\t\treturn baseRequest>(type, data, undefined, signal);\n\t\t};\n\t}, []);\n\n\treturn requestContext?.state?.request || defaultRequest;\n};\n\nexport default useRequest;\n","import * as React from 'react';\n\nimport { Loading } from '@common/react/components/UI/Loading/Loading';\n\nexport { default as loadable } from '@loadable/component';\n\nconst delay = (ms) => {\n\treturn new Promise((resolve) => {\n\t\tsetTimeout(resolve, ms);\n\t});\n};\n\nexport const loadableDelay: (promise: Promise<{ default: T }>) => Promise<{ default: T }> = (promise) => {\n\tif (typeof window === 'undefined') return promise;\n\n\tlet promiseErr;\n\n\t// tslint:disable-next-line:no-parameter-reassignment\n\tpromise = promise.catch((err) => promiseErr = err);\n\n\treturn Promise.all([promise, delay(200)]).then((val) => (promiseErr ? Promise.reject(promiseErr) : val[0]));\n};\n\nexport const params = {\n\tfallback: {\n\tisLoading: boolean;\n\tsession: string;\n\tuser: TUser | null;\n\tmessage: string;\n\ttransmuted: boolean;\n\tdebug: boolean;\n\tlang: Lang;\n\tuserAgent: string;\n}\n\nexport enum TypeKeys {\n\tREQUESTLOGIN = 'REQUEST_LOGIN',\n\tRECEIVELOGIN = 'RECEIVE_LOGIN',\n\tREQUESTLOGOFF = 'REQUEST_LOGOFF',\n\tRECEIVELOGOFF = 'RECEIVE_LOGOFF',\n\tSETSESSION = 'SET_SESSION',\n\tUPDATEUSER = 'UPDATE_USER',\n\tCLEARSTATE = 'CLEAR_STATE',\n\tSETLANG = 'SET_LANG',\n}\n\ninterface RequestLoginAction {\n\ttype: TypeKeys.REQUESTLOGIN;\n}\n\ninterface ReceiveLoginAction {\n\ttype: TypeKeys.RECEIVELOGIN;\n\tuser: BaseUser | null;\n\tsession: string;\n\tmessage: string;\n\ttransmuted: boolean;\n\tdebug: boolean;\n\tlang: Lang;\n\tuserAgent: string;\n}\n\ninterface RequestLogoffAction {\n\ttype: TypeKeys.REQUESTLOGOFF;\n}\n\ninterface ReceiveLogoffAction {\n\ttype: TypeKeys.RECEIVELOGOFF;\n\tsession: string;\n}\n\ninterface SetSessionAction {\n\ttype: TypeKeys.SETSESSION;\n\tsession: string;\n}\n\ninterface SetLangAction {\n\ttype: TypeKeys.SETLANG;\n\tlang: Lang;\n}\n\ninterface UpdateUserAction {\n\ttype: TypeKeys.UPDATEUSER;\n\tdata: any;\n\tsetUser?: (user) => any;\n}\n\ninterface ClearStateAction {\n\ttype: TypeKeys.CLEARSTATE;\n}\n\ntype KnownUserAction =\n\tRequestLoginAction |\n\tReceiveLoginAction |\n\tRequestLogoffAction |\n\tReceiveLogoffAction |\n\tSetSessionAction |\n\tUpdateUserAction |\n\tClearStateAction |\n\tSetLangAction;\n\nexport interface LoginActionCreators> {\n\tlogin: (login: string, password: string, path?: string) => BaseAppThunkAction;\n\tlogoff: (clearState?: boolean, callback?: () => void) => BaseAppThunkAction;\n\tupdateUser: (data: any, setUser?: (user) => any) => BaseAppThunkAction;\n\tsetUserAndSession: (user: BaseUser, session: string) => BaseAppThunkAction;\n\tsetLang: (lang: Lang) => BaseAppThunkAction;\n}\n\nexport const getActionCreators = >() => {\n\treturn {\n\t\tlogin: (login: string, password: string, path: string = 'auth'): BaseAppThunkAction =>\n\t\t\t(dispatch, getState) => {\n\t\t\t\tif (!getState().login.isLoading) {\n\t\t\t\t\tconst fetchTask = request(path, {\n\t\t\t\t\t\tlogin,\n\t\t\t\t\t\tpassword,\n\t\t\t\t\t\tpath: '/login',\n\t\t\t\t\t}).then((data) => {\n\t\t\t\t\t\tif (data.initObject) {\n\t\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\t\ttype: TypeKeys.RECEIVELOGIN,\n\t\t\t\t\t\t\t\tuser: data.initObject.user,\n\t\t\t\t\t\t\t\tsession: data.initObject.guid,\n\t\t\t\t\t\t\t\tmessage: '',\n\t\t\t\t\t\t\t\ttransmuted: data.initObject.transmuted,\n\t\t\t\t\t\t\t\tdebug: data.initObject.debug,\n\t\t\t\t\t\t\t\tlang: data.initObject.lang,\n\t\t\t\t\t\t\t\tuserAgent: data.initObject.userAgent,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}).catch((data) => {\n\t\t\t\t\t\tdispatch({\n\t\t\t\t\t\t\ttype: TypeKeys.RECEIVELOGIN,\n\t\t\t\t\t\t\tuser: null,\n\t\t\t\t\t\t\tsession: getState().login.session,\n\t\t\t\t\t\t\tmessage: data,\n\t\t\t\t\t\t\ttransmuted: false,\n\t\t\t\t\t\t\tdebug: false,\n\t\t\t\t\t\t\tlang: Lang.En,\n\t\t\t\t\t\t\tuserAgent: '',\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\taddTask(fetchTask);\n\t\t\t\t\tdispatch({ type: TypeKeys.REQUESTLOGIN });\n\t\t\t\t}\n\t\t\t},\n\t\tlogoff: (\n\t\t\tclearState?: boolean,\n\t\t\tcallback?: () => void,\n\t\t): BaseAppThunkAction => (dispatch, getState) => {\n\t\t\tif (!getState().login.isLoading) {\n\t\t\t\tconst fetchTask = request('logoff', {}).then((data) => {\n\t\t\t\t\tif (data.newSessionGuid) {\n\t\t\t\t\t\tdispatch({ type: TypeKeys.RECEIVELOGOFF, session: data.newSessionGuid });\n\t\t\t\t\t}\n\n\t\t\t\t\tif (callback) callback();\n\n\t\t\t\t\tif (clearState) {\n\t\t\t\t\t\tdispatch({ type: TypeKeys.CLEARSTATE });\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\taddTask(fetchTask);\n\n\t\t\t\tdispatch({ type: TypeKeys.REQUESTLOGOFF });\n\t\t\t}\n\t\t},\n\t\tupdateUser: (data: any, getUser?: (user) => any): BaseAppThunkAction => (dispatch, getState) => {\n\t\t\tconst partialUser = getUser && getUser(getState().login?.user);\n\t\t\tdispatch({ type: TypeKeys.UPDATEUSER, data: { ...partialUser, ...data } });\n\t\t},\n\t\tsetUserAndSession: (user: BaseUser, session: string):\n\t\t\tBaseAppThunkAction => (dispatch, getState) => {\n\t\t\tconst state = getState().login;\n\t\t\tdispatch({\n\t\t\t\ttype: TypeKeys.RECEIVELOGIN,\n\t\t\t\tuser,\n\t\t\t\tsession,\n\t\t\t\tmessage: '',\n\t\t\t\ttransmuted: false,\n\t\t\t\tdebug: state.debug || false,\n\t\t\t\tlang: state.lang,\n\t\t\t\tuserAgent: state.userAgent,\n\t\t\t});\n\t\t},\n\t\tsetLang: (lang: Lang): BaseAppThunkAction => (dispatch, getState) => {\n\t\t\tfetch('changeLanguage', {\n\t\t\t\tmethod: 'POST',\n\t\t\t\tcredentials: 'same-origin',\n\t\t\t\theaders: {\n\t\t\t\t\t'Content-type': 'application/json; charset=utf-8',\n\t\t\t\t},\n\t\t\t\tbody: JSON.stringify({\n\t\t\t\t\tlang,\n\t\t\t\t}),\n\t\t\t})\n\t\t\t\t.then((response) => {\n\t\t\t\t\tdispatch({ type: TypeKeys.SETLANG, lang });\n\t\t\t\t});\n\t\t},\n\t};\n};\n\nexport const getReducer =