\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport const Login = withRouter(LoginWithoutRouter);\r\n","import { observable, action, runInAction, computed } from \"mobx\";\r\nimport { IApiClient } from \"../common/api.client\";\r\nimport { Layout } from \"../common/webapicall\";\r\n\r\nexport class LayoutStore {\r\n\tconstructor(private apiClient: IApiClient) { }\r\n\r\n\t@observable isLayoutLoaded: boolean = false;\r\n\t@observable siteLayout: Layout = null;\r\n\t@observable areScriptsAdded: boolean = false;\r\n\r\n\t@action\r\n\tasync getSiteLayout() {\r\n\t\tconst response = await this.apiClient.layoutClient.getSiteLayout();\r\n\t\trunInAction(() => {\r\n\t\t\tif (response) {\r\n\t\t\t\tthis.siteLayout = response;\r\n\t\t\t\tthis.isLayoutLoaded = true;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\t@computed get CIHHeaderMarkup() {\r\n\t\treturn { __html: this.siteLayout?.headerHtmlEncode ? window.atob(this.siteLayout.headerHtmlEncode) : \"\" };\r\n\t}\r\n\t@computed get CIHFooterMarkup() {\r\n\t\treturn { __html: this.siteLayout?.footerHtmlEncode ? window.atob(this.siteLayout.footerHtmlEncode) : \"\" };\r\n\t}\r\n\t@computed get styleSheetUrl() {\r\n\t\treturn this.siteLayout?.styleURL ? window.atob(this.siteLayout.styleURL) : \"\";\r\n\t}\r\n\t@computed get scriptUrl() {\r\n\t\treturn this.siteLayout?.scriptUrl;\r\n\t}\r\n\t@computed get scriptPluginsURL() {\r\n\t\treturn this.siteLayout?.scriptPluginsURL;\r\n\t}\r\n\t@action\r\n\tsetAreScriptsAdded(value: boolean) {\r\n\t\tthis.areScriptsAdded = value;\r\n\t}\r\n}\r\n","import * as crosstab from \"crosstab\";\r\nimport { AuthConfigImpl } from \"../common/auth.config\";\r\nimport { IApiClient } from \"../common/api.client\";\r\nimport { UserStore } from \"./user.store\";\r\nimport { AppContextStore } from \"./app.context.store\";\r\nimport {\r\n\tUserClient,\r\n\tReportClient,\r\n\tLookupClient,\r\n\tContextClient,\r\n\tQuestionnaireClient,\r\n\tTrainingContentRecommendationsClient,\r\n\tQuestionnaireAnswerClient,\r\n\tLayoutClient,\r\n\tDebugPanelClient,\r\n} from \"../common/webapicall\";\r\nimport { IConfigurationProvider, AppPublicConfiguration } from \"../common/public.configuration\";\r\nimport { DebugPanelStore } from \"./debug.panel.store\";\r\nimport { observable } from \"mobx\";\r\nimport { QuestionnaireStore } from \"./questionnaire.store\";\r\nimport { TrainingContentStore } from \"./training.content.store\";\r\nimport { ReportPageStore } from \"./report.page.store\";\r\nimport { LayoutStore } from \"./layout.store\";\r\nimport { hotjar } from 'react-hotjar';\r\nimport ReactGA from 'react-ga';\r\nimport TagManager from 'react-gtm-module'\r\n\r\nexport interface IAppStore extends IConfigurationProvider {\r\n\tinit();\r\n}\r\n\r\nconst RESIZE_OBSERVER_ERROR_MESSAGE = \"ResizeObserver loop limit exceeded\";\r\n\r\nabstract class AppStoreBase implements IAppStore {\r\n\tabstract userStore: UserStore;\r\n\tabstract configuration: AppPublicConfiguration;\r\n\tabstract outDatedClient: boolean = false;\r\n\tabstract errorVisible: boolean = false;\r\n\tabstract errorMessage: string = null;\r\n\r\n\tabstract questionnaireStore: QuestionnaireStore;\r\n\tabstract reportPageStore: ReportPageStore;\r\n\tabstract trainingContentStore: TrainingContentStore;\r\n\tabstract layoutStore: LayoutStore;\r\n\r\n\tabstract init();\r\n\r\n\tprotected subscribeEventHandlers() {\r\n\t\twindow.addEventListener(\"error\", async (ev) => {\r\n\t\t\tif (ev && ev.message === RESIZE_OBSERVER_ERROR_MESSAGE) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (typeof ev?.error?.stack === \"string\" && ev.error.stack.indexOf(\"crosstab.js\")) {\r\n\t\t\t\t//console.log(\"supress crosstab.js errors.\");\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\r\n\t\t\tawait this.reportError(ev?.error?.stack);\r\n\t\t});\r\n\t\twindow.onunhandledrejection = async (ev) => await this.reportUnhandledRejection(ev.reason);\r\n\t}\r\n\r\n\tprotected setupCrosstab(tokenToCheck: string) {\r\n\t\tif (crosstab.supported) {\r\n\t\t\tlet ctEventName: string = \"crossTabOpenNewTab\";\r\n\t\t\tcrosstab.on(ctEventName, (message) => {\r\n\t\t\t\tif (crosstab.id === message.origin) {\r\n\t\t\t\t\t//console.log(\"Crosstab receiving event on the same tab, skip it\", ct.id, JSON.stringify(message));\r\n\t\t\t\t} else {\r\n\t\t\t\t\t//console.log(\"Crosstab receiving event on a different tab, process it\", ct.id, JSON.stringify(message));\r\n\t\t\t\t\tif (tokenToCheck !== message.data) {\r\n\t\t\t\t\t\twindow.location.assign(\"#/forced-logout\");\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t//console.log(\"Crosstab broadcast event from source tab\", ct.id);\r\n\t\t\tcrosstab.broadcast(ctEventName, tokenToCheck);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate async reportUnhandledRejection(reason: any) {\r\n\t\tif (reason.isWebApiErrorResponse) {\r\n\t\t\tif (reason.statusCode === 406) {\r\n\t\t\t\tthis.outDatedClient = true;\r\n\t\t\t} else if (reason.statusCode === 401) {\r\n\t\t\t\tif (this.userStore.isLoggedIn) {\r\n\t\t\t\t\twindow.location.href = \"#/session-expired\";\r\n\t\t\t\t\tawait this.userStore.logout();\r\n\t\t\t\t} else {\r\n\t\t\t\t\twindow.location.href = this.userStore.getLoginUrl();\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tawait this.reportError(`Unhandled web api error:\r\n\t\t\t\t\tURL: ${reason.url} (${reason.statusCode})\r\n\r\n\t\t\t\t\tBody: ${reason.body}\r\n\r\n\t\t\t\t\tStack: ${reason.stack}`);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tawait this.reportError(`Unhandled rejection: ${reason}`);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate async reportError(reason: any) {\r\n\t\ttry {\r\n\t\t\tthis.errorVisible = true;\r\n\t\t\tif (this.configuration.showErrorDetails) {\r\n\t\t\t\tthis.errorMessage = JSON.stringify(reason);\r\n\t\t\t}\r\n\r\n\t\t\tawait this.sendClientException(reason);\r\n\t\t} catch (e) {\r\n\t\t\t// Just log it console as reporting it would be recursive.\r\n\t\t\tconsole.log(\"Error occurred during reporting JS error\");\r\n\t\t\tconsole.log(e);\r\n\t\t}\r\n\t}\r\n\r\n\tprotected abstract sendClientException(reason: any): Promise\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t) => this.onSubmit(e)} model={this.state.model} validateOnBlur={false} schema={emailModel}>\r\n\t\t\t\t\t\t\t{(validationResult) => (\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\tWelcome to the Chartered Institute of Housing
\r\n\t\t\t\t\t\t\t\t\tIf your email is registered with us, you will receive a one-time-use access link to enter the platform. Please make sure to check your mailbox.
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t{this.userStore.isLoggedIn &&
\r\n\t\t);\r\n\t}\r\n}\r\n","import * as React from \"react\";\r\n\r\nexport const MainBlank: React.FC = () => {\r\n\treturn Welcome {this.userStore.firstName}!
}\r\n\t\t\t\t\r\n\t\t\t\t\t
*/}\r\n\t\t\t\t
\r\n\t\t\tMy professional profile
\r\n\t\t\t\t\t{/*Loading...
;\r\n};\r\n","import * as React from \"react\";\r\n\r\nexport const NotFound = () => {\r\n\treturn 404 - Not found
;\r\n};\r\n","import * as React from \"react\";\r\nimport * as Yup from \"yup\";\r\n\r\nexport interface ValidatableFormProps\r\n\t\t\t\r\n\t\t\t{errorMessage}\r\n\t\t
\r\n\t) : null;\r\n};\r\n\r\nexport interface ValidatableInputProps\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tSimulate login as:\r\n\t\t\t\t\t\t