\r\n \r\n \r\n \r\n );\r\n};","import Modal from './modal';\r\n\r\nexport { ModalParent } from \"./modalParent\"\r\nexport default Modal;","import * as Yup from \"yup\";\r\nimport { FIELD_NAMES } from \"../../../constants/commonConstants\";\r\n\r\nexport const applyBankStepSchema = Yup.object({\r\n [FIELD_NAMES.BANK_STATEMENTS_ID]: Yup.string()\r\n});","import styled, { css } from \"styled-components\";\r\n\r\nexport const Paper = styled.div(({ theme }) => css`\r\n width: 100%;\r\n box-sizing: border-box;\r\n\r\n @media only screen and (min-width: ${theme.breakpoints.XM}) {\r\n width: 100%;\r\n padding: 0;\r\n }\r\n`);\r\n\r\nexport const PaddedPaper = styled(Paper)`\r\n padding: 20px;\r\n`;\r\n\r\nexport const PaddedPaperDashboard = styled(Paper)(({ theme }) => css`\r\n padding: 0;\r\n\r\n .desktop-view-accounts {\r\n display: none;\r\n\r\n @media only screen and (min-width: ${theme.breakpoints.XXM}) {\r\n display: block;\r\n }\r\n }\r\n\r\n .mobile-view-accounts {\r\n display: block;\r\n\r\n @media only screen and (min-width: ${theme.breakpoints.XXM}) {\r\n display: none;\r\n }\r\n }\r\n`);\r\n","import { Paper } from './paper';\r\n\r\nexport default Paper;\r\nexport { PaddedPaper, PaddedPaperDashboard } from \"./paper\"","import { getBrandFromHost } from \"@theme/config\";\r\n\r\nexport const convertDomainToCorrespondingBrand = () => {\r\n const host = window.location.hostname.toLowerCase();\r\n const brand = getBrandFromHost(host);\r\n\r\n switch (brand) {\r\n case \"defaultBrand\":\r\n return \"Fgf\";\r\n case \"nimbleBrand\":\r\n return \"Nimble\";\r\n default:\r\n return \"Fgf\";\r\n }\r\n};\r\n","import { environmentSettings } from \"../../constants/environmentSettings\";\r\n\r\nconst { runConfiguration } = environmentSettings;\r\n\r\nexport const isDevelopment = () => {\r\n return runConfiguration === 'development'\r\n}\r\n\r\nexport const isProduction = () => {\r\n return runConfiguration === 'production'\r\n}","import ContentWrapper from './contentWrapper';\r\n\r\nexport default ContentWrapper;","export const isIE11 = !!window.MSInputMethodContext && !!document.documentMode;","import styled, { css } from \"styled-components\";\r\n\r\nconst ContentWrapper = styled.div(({ theme }) => css`\r\n\r\n max-width: ${(props) => props.maxWidth || \"none\"};\r\n margin: 0 auto;\r\n background-color: #fff;\r\n padding: ${(props) => props.hidePadding === true? 0 : \"20px 0\" };\r\n\r\n &.welcomeBanner {\r\n background-color: #f3f3f3;\r\n margin: 0px -20px;\r\n }\r\n\r\n @media only screen and (min-width: ${theme.breakpoints.XM}) {\r\n \r\n &.welcomeBanner {\r\n background-color: #fff;\r\n }\r\n }\r\n \r\n`);\r\n\r\nexport default ContentWrapper;\r\n","import { GOOGLE_API_KEY } from \"./sharedConfig\";\r\n\r\nexport const domainSpecificConfig = {\r\n local: {\r\n FGF: {\r\n apiManagement: 'https://fairgo-dev-api-management.azure-api.net',\r\n ocpApimSubscriptionKey: '3af7404c30fb44f78fb622043a277386',\r\n googleApiKey: GOOGLE_API_KEY,\r\n authority: \"fairgo\",\r\n bankStatementIframeUrl: 'https://bs.fgfdev.com.au',\r\n portalDebug: true,\r\n authUrl: 'https://auth.fgfdev.com.au',\r\n appUrl: 'https://portal.fgf.localhost',\r\n cookieDomain: 'portal.localhost',\r\n authClientId: 'fgf.portal',\r\n publicWebsite: 'https://website.fgfdev.com.au',\r\n newCustomerForm: 'https://ui.fgfdev.com.au',\r\n contentManagementUrl: 'https://cds.fgfdev.com.au',\r\n contentToken: '17bc8584ecaaa3a3defff4d67fd13fafbd0029ebb127feb4917b7d421761e7d5957a5432403a106ff29f8bd31f29518ad4fe9b66b1a58b55cbcc141836a3c102c06a43b1d7550f5590c487a9bffe53517aed3da07b96165f276d59b81b16095b2026d55dc2c594ea0cc5544128cd9302b7e42bc58bcc324378b2d06ead5e77b0',\r\n fsaPrivacyPolicy: 'https://website.fgfdev.com.au/legal-and-compliance/fintech-services-privacy-policy',\r\n gtmId: 'GTM-MMDH47J',\r\n gtmAuth: 'yrDHMzYQxivp5pjLK5hVug',\r\n gtmPreview: 'env-314'\r\n },\r\n NIM: {\r\n apiManagement: 'https://fairgo-dev-api-management.azure-api.net',\r\n ocpApimSubscriptionKey: '3af7404c30fb44f78fb622043a277386',\r\n googleApiKey: GOOGLE_API_KEY,\r\n authority: \"nimble\",\r\n bankStatementIframeUrl: 'https://bs.fgfdev.com.au',\r\n portalDebug: true,\r\n authUrl: 'https://auth.nimble-dev.com.au',\r\n appUrl: 'https://portal.nimble.localhost',\r\n cookieDomain: 'portal.nimble.localhost',\r\n authClientId: 'fgf.portal',\r\n publicWebsite: 'https://website.fgfdev.com.au',\r\n newCustomerForm: 'https://ui.nimble-dev.com.au',\r\n contentManagementUrl: 'https://cds.fgfdev.com.au',\r\n contentToken: '17bc8584ecaaa3a3defff4d67fd13fafbd0029ebb127feb4917b7d421761e7d5957a5432403a106ff29f8bd31f29518ad4fe9b66b1a58b55cbcc141836a3c102c06a43b1d7550f5590c487a9bffe53517aed3da07b96165f276d59b81b16095b2026d55dc2c594ea0cc5544128cd9302b7e42bc58bcc324378b2d06ead5e77b0',\r\n fsaPrivacyPolicy: 'https://website.fgfdev.com.au/legal-and-compliance/fintech-services-privacy-policy',\r\n gtmId: 'GTM-KR92XT',\r\n gtmAuth: '',\r\n gtmPreview: ''\r\n }\r\n },\r\n development: {\r\n FGF: {\r\n apiManagement: 'https://fairgo-dev-api-management.azure-api.net',\r\n ocpApimSubscriptionKey: '3af7404c30fb44f78fb622043a277386',\r\n googleApiKey: GOOGLE_API_KEY,\r\n authority: \"fairgo\",\r\n bankStatementIframeUrl: 'https://bs.fgfdev.com.au',\r\n portalDebug: true,\r\n authUrl: 'https://auth.fgfdev.com.au',\r\n appUrl: 'https://portal.fgfdev.com.au',\r\n cookieDomain: 'fgfdev.com.au',\r\n authClientId: 'fgf.portal',\r\n publicWebsite: 'https://website.fgfdev.com.au',\r\n newCustomerForm: 'https://ui.fgfdev.com.au',\r\n contentManagementUrl: 'https://cds.fgfdev.com.au',\r\n contentToken: '17bc8584ecaaa3a3defff4d67fd13fafbd0029ebb127feb4917b7d421761e7d5957a5432403a106ff29f8bd31f29518ad4fe9b66b1a58b55cbcc141836a3c102c06a43b1d7550f5590c487a9bffe53517aed3da07b96165f276d59b81b16095b2026d55dc2c594ea0cc5544128cd9302b7e42bc58bcc324378b2d06ead5e77b0',\r\n fsaPrivacyPolicy: 'https://website.fgfdev.com.au/legal-and-compliance/fintech-services-privacy-policy',\r\n gtmId: 'GTM-MMDH47J',\r\n gtmAuth: 'yrDHMzYQxivp5pjLK5hVug',\r\n gtmPreview: 'env-314'\r\n },\r\n NIM: {\r\n apiManagement: 'https://fairgo-dev-api-management.azure-api.net',\r\n ocpApimSubscriptionKey: '3af7404c30fb44f78fb622043a277386',\r\n googleApiKey: GOOGLE_API_KEY,\r\n authority: \"nimble\",\r\n bankStatementIframeUrl: 'https://bs.fgfdev.com.au',\r\n portalDebug: true,\r\n authUrl: 'https://auth.nimble-dev.com.au',\r\n appUrl: 'https://portal.nimble-dev.com.au',\r\n cookieDomain: 'nimble-dev.com.au',\r\n authClientId: 'fgf.portal',\r\n publicWebsite: 'https://website.fgfdev.com.au',\r\n newCustomerForm: 'https://ui.nimble-dev.com.au',\r\n contentManagementUrl: 'https://cds.fgfdev.com.au',\r\n contentToken: '17bc8584ecaaa3a3defff4d67fd13fafbd0029ebb127feb4917b7d421761e7d5957a5432403a106ff29f8bd31f29518ad4fe9b66b1a58b55cbcc141836a3c102c06a43b1d7550f5590c487a9bffe53517aed3da07b96165f276d59b81b16095b2026d55dc2c594ea0cc5544128cd9302b7e42bc58bcc324378b2d06ead5e77b0',\r\n fsaPrivacyPolicy: 'https://website.fgfdev.com.au/legal-and-compliance/fintech-services-privacy-policy',\r\n gtmId: 'GTM-KR92XT',\r\n gtmAuth: '',\r\n gtmPreview: ''\r\n }\r\n },\r\n test: {\r\n FGF: {\r\n apiManagement: 'https://fairgo-test-api-management.azure-api.net',\r\n ocpApimSubscriptionKey: 'baeec5c32700455a8f58f024b8484a60',\r\n googleApiKey: GOOGLE_API_KEY,\r\n authority: \"fairgo\",\r\n bankStatementIframeUrl: 'https://bs.fgftest.com.au',\r\n portalDebug: false,\r\n authUrl: 'https://auth.fgftest.com.au',\r\n appUrl: 'https://portal.fgftest.com.au',\r\n cookieDomain: 'fgftest.com.au',\r\n authClientId: 'fgf.portal',\r\n publicWebsite: 'https://website.fgftest.com.au',\r\n newCustomerForm: 'https://ui.fgftest.com.au',\r\n contentManagementUrl: 'https://cds.fgftest.com.au',\r\n contentToken: '8526cc6182773c17f4fec22e48b88fc14adb48e8a7c231e36196900d3ff191412b754a235e478611f9099cefb804db8982d5c01400534171c6172235ef855cd93ef085c0e07cccd12fca1a3114d688cd0d7e0bc59a616e0bb896c491baad311faccaee1ba1fbfbe347046e1e79ef2de8c0b1aff03392c6e0d40a74a184049fae',\r\n fsaPrivacyPolicy: 'https://website.fgftest.com.au/legal-and-compliance/fintech-services-privacy-policy',\r\n gtmId: 'GTM-MMDH47J',\r\n gtmAuth: 'zCAiAcyYf5HNWAmzTvoUqA',\r\n gtmPreview: 'env-313'\r\n },\r\n NIM: {\r\n apiManagement: 'https://fairgo-test-api-management.azure-api.net',\r\n ocpApimSubscriptionKey: 'baeec5c32700455a8f58f024b8484a60',\r\n googleApiKey: GOOGLE_API_KEY,\r\n authority: \"nimble\",\r\n bankStatementIframeUrl: 'https://bs.fgftest.com.au',\r\n portalDebug: false,\r\n authUrl: 'https://auth.nimble-test.com.au',\r\n appUrl: 'https://portal.nimble-test.com.au',\r\n cookieDomain: 'nimble-test.com.au',\r\n authClientId: 'fgf.portal',\r\n publicWebsite: 'https://website.fgftest.com.au',\r\n newCustomerForm: 'https://ui.nimble-test.com.au',\r\n contentManagementUrl: 'https://cds.fgftest.com.au',\r\n contentToken: '8526cc6182773c17f4fec22e48b88fc14adb48e8a7c231e36196900d3ff191412b754a235e478611f9099cefb804db8982d5c01400534171c6172235ef855cd93ef085c0e07cccd12fca1a3114d688cd0d7e0bc59a616e0bb896c491baad311faccaee1ba1fbfbe347046e1e79ef2de8c0b1aff03392c6e0d40a74a184049fae',\r\n fsaPrivacyPolicy: 'https://website.fgftest.com.au/legal-and-compliance/fintech-services-privacy-policy',\r\n gtmId: 'GTM-KR92XT',\r\n gtmAuth: '',\r\n gtmPreview: ''\r\n }\r\n },\r\n production: {\r\n FGF: {\r\n apiManagement: 'https://apim.fairgofinance.com.au',\r\n ocpApimSubscriptionKey: '01bf156bbed0498aae6c75fcd0f862cf',\r\n googleApiKey: GOOGLE_API_KEY,\r\n authority: \"fairgo\",\r\n bankStatementIframeUrl: 'https://bs.fairgofinance.com.au',\r\n portalDebug: false,\r\n authUrl: 'https://auth.fairgofinance.com.au',\r\n appUrl: 'https://portal.fairgofinance.com.au',\r\n cookieDomain: 'fairgofinance.com.au',\r\n authClientId: 'fgf.portal',\r\n publicWebsite: 'https://www.fairgofinance.com.au',\r\n newCustomerForm: 'https://apply.fairgofinance.com.au',\r\n contentManagementUrl: 'https://cds.fairgofinance.com.au',\r\n contentToken: 'd2c30e0f3153c199f6343f0f83c873ae537fcc64e339afd78098cd49625d1000c16c616ab0bcf1cf47aae6711c484340ebe759627f5cbf67f8df87de1f8802809e856fabc84609528da872b5f0e296e7840662eab414516f09d121b8565d721d293c2fe71104c96f631dbb472a54281d2c880b796c38bb844649caf784fe31c9',\r\n fsaPrivacyPolicy: 'https://www.fairgofinance.com.au/legal-and-compliance/fintech-services-privacy-policy',\r\n gtmId: 'GTM-MMDH47J',\r\n gtmAuth: 'cR_Lz3XpRd_mt4fXhlKgBw',\r\n gtmPreview: 'env-1'\r\n },\r\n NIM: {\r\n apiManagement: 'https://apim.fairgofinance.com.au',\r\n ocpApimSubscriptionKey: '01bf156bbed0498aae6c75fcd0f862cf',\r\n googleApiKey: GOOGLE_API_KEY,\r\n authority: \"nimble\",\r\n bankStatementIframeUrl: 'https://bs.fairgofinance.com.au',\r\n portalDebug: false,\r\n authUrl: 'https://auth.nimble.com.au',\r\n appUrl: 'https://portal.nimble.com.au',\r\n cookieDomain: 'nimble.com.au',\r\n authClientId: 'fgf.portal',\r\n publicWebsite: 'https://www.fairgofinance.com.au',\r\n newCustomerForm: 'https://apply.nimble.com.au',\r\n contentManagementUrl: 'https://cds.fairgofinance.com.au',\r\n contentToken: 'd2c30e0f3153c199f6343f0f83c873ae537fcc64e339afd78098cd49625d1000c16c616ab0bcf1cf47aae6711c484340ebe759627f5cbf67f8df87de1f8802809e856fabc84609528da872b5f0e296e7840662eab414516f09d121b8565d721d293c2fe71104c96f631dbb472a54281d2c880b796c38bb844649caf784fe31c9',\r\n fsaPrivacyPolicy: 'https://www.fairgofinance.com.au/legal-and-compliance/fintech-services-privacy-policy',\r\n gtmId: 'GTM-KR92XT',\r\n gtmAuth: '',\r\n gtmPreview: ''\r\n }\r\n }\r\n} as const;","import { BrandKeys } from \"@theme/config/theme.config\";\r\n\r\nconst environmentTypes = {\r\n FGF: 'FGF',\r\n NIM: 'NIM'\r\n} as const;\r\n\r\nexport const getEnvironmentType = (brandKeyFromHost: BrandKeys) => {\r\n switch(brandKeyFromHost) {\r\n case 'defaultBrand':\r\n return environmentTypes.FGF;\r\n case 'nimbleBrand':\r\n return environmentTypes.NIM;\r\n default:\r\n return environmentTypes.FGF;\r\n }\r\n}\r\n\r\n","import { domainSpecificConfig } from \"../config/domainSpecificConfig\";\r\nimport { getBrandFromHost } from \"@theme/config/theme.config\";\r\nimport { getEnvironmentType } from \"../utils/helpers/getEnvironmentType\";\r\n\r\nconst config = window.__PORTAL__.config;\r\n\r\nconst host = window.location.hostname.toLowerCase();\r\nconst brandKeyFromHost = getBrandFromHost(host);\r\n\r\nconst environmentType = getEnvironmentType(brandKeyFromHost);\r\n\r\nconst runConfiguration = config.REACT_APP_ENVIRONMENT_RUN_CONFIGURATION ? config.REACT_APP_ENVIRONMENT_RUN_CONFIGURATION : 'development';\r\n\r\nexport const environmentSettings = {\r\n runConfiguration,\r\n ...domainSpecificConfig[runConfiguration][environmentType]\r\n};\r\n","import { createEmptyAction, createPayloadAction } from \"../utility/actions\";\r\n\r\nconst GET_CLIENT_DATA_START = \"GET_CLIENT_DATA_START\";\r\nconst GET_CLIENT_DATA_FAILED = \"GET_CLIENT_DATA_FAILED\";\r\nconst GET_CLIENT_DATA_SUCCESS = \"GET_CLIENT_DATA_SUCCESS\";\r\nconst SET_ACCOUNT_ID = \"SET_ACCOUNT_ID\";\r\nconst SET_ARREARS_AMOUNT = \"SET_ARREARS_AMOUNT\";\r\nconst SET_INELIGIBLE = \"SET_INELIGIBLE\";\r\nconst GET_ACCOUNT_TRANSACTIONS_START = \"GET_ACCOUNT_TRANSACTIONS_START\";\r\nconst GET_ACCOUNT_TRANSACTIONS_SUCCESS = \"GET_ACCOUNT_TRANSACTIONS_SUCCESS\";\r\nconst GET_ACCOUNT_TRANSACTIONS_FAILED = \"GET_ACCOUNT_TRANSACTIONS_FAILED\";\r\nconst CLEAR_ACCOUNT_INFO = \"CLEAR_ACCOUNT_INFO\";\r\nconst SET_FULL_ARREARS = \"SET_FULL_ARREARS\";\r\n\r\nconst actions = {\r\n GET_CLIENT_DATA_START,\r\n GET_CLIENT_DATA_FAILED,\r\n GET_CLIENT_DATA_SUCCESS,\r\n SET_ACCOUNT_ID,\r\n SET_ARREARS_AMOUNT,\r\n SET_INELIGIBLE,\r\n GET_ACCOUNT_TRANSACTIONS_START,\r\n GET_ACCOUNT_TRANSACTIONS_SUCCESS,\r\n GET_ACCOUNT_TRANSACTIONS_FAILED,\r\n CLEAR_ACCOUNT_INFO,\r\n SET_FULL_ARREARS,\r\n setFullArrears: createEmptyAction(SET_FULL_ARREARS),\r\n clearAccountInfo: createEmptyAction(CLEAR_ACCOUNT_INFO),\r\n getClientData: createEmptyAction(GET_CLIENT_DATA_START),\r\n getClientDataFailed: createEmptyAction(GET_CLIENT_DATA_FAILED),\r\n getClientDataSuccess: createPayloadAction(GET_CLIENT_DATA_SUCCESS),\r\n setAccountId: createPayloadAction(SET_ACCOUNT_ID),\r\n setArrearsAmount: createPayloadAction(SET_ARREARS_AMOUNT),\r\n setIneligible: createPayloadAction(SET_INELIGIBLE),\r\n getTransactionsStart: createPayloadAction(GET_ACCOUNT_TRANSACTIONS_START),\r\n getTransactionsSuccess: createPayloadAction(GET_ACCOUNT_TRANSACTIONS_SUCCESS),\r\n getTransactionsFailed: createEmptyAction(GET_ACCOUNT_TRANSACTIONS_FAILED),\r\n};\r\n\r\nexport default actions;\r\n","import { useEffect } from \"react\";\r\n\r\nexport default (onMountFunc) => {\r\n useEffect(() => {\r\n onMountFunc();\r\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\r\n}","import { useRef, useState } from \"react\";\r\nimport { useOnDismount, useOnMount } from \"./index\";\r\n\r\nconst focusEventName = \"focus\";\r\nconst blurEventName = \"blur\";\r\n\r\nconst useFocus = (defaultState = false, customRef = undefined) => {\r\n const defaultRef = useRef();\r\n const ref = customRef || defaultRef;\r\n const [state, setState] = useState(defaultState);\r\n\r\n const onFocus = () => setState(true);\r\n const onBlur = () => setState(false);\r\n\r\n useOnMount(() => {\r\n ref.current.addEventListener(focusEventName, onFocus);\r\n ref.current.addEventListener(blurEventName, onBlur);\r\n });\r\n \r\n useOnDismount(() => {\r\n ref.current.removeEventListener(focusEventName, onFocus);\r\n ref.current.removeEventListener(blurEventName, onBlur);\r\n });\r\n \r\n return [state, ref];\r\n};\r\n\r\nexport default useFocus;","import { createEmptyAction, createPayloadAction } from \"../utility/actions\";\r\n\r\nconst GET_HELP_CONTENT_DATA_START = \"GET_HELP_CONTENT_DATA_START\";\r\nconst GET_HELP_CONTENT_DATA_FAILED = \"GET_HELP_CONTENT_DATA_FAILED\";\r\nconst GET_HELP_CONTENT_DATA_SUCCESS = \"GET_HELP_CONTENT_DATA_SUCCESS\";\r\nconst GET_BANNER_CONTENT_DATA_START = \"GET_BANNER_CONTENT_DATA_START\";\r\nconst GET_BANNER_CONTENT_DATA_FAILED = \"GET_BANNER_CONTENT_DATA_FAILED\";\r\nconst GET_BANNER_CONTENT_DATA_SUCCESS = \"GET_BANNER_CONTENT_DATA_SUCCESS\";\r\nconst GET_ACCOUNT_NOTIFICATIONS_DATA_START = \"GET_ACCOUNT_NOTIFICATIONS_DATA_START\";\r\nconst GET_ACCOUNT_NOTIFICATIONS_DATA_FAILED = \"GET_ACCOUNT_NOTIFICATIONS_DATA_FAILED\";\r\nconst GET_ACCOUNT_NOTIFICATIONS_DATA_SUCCESS = \"GET_ACCOUNT_NOTIFICATIONS_DATA_SUCCESS\";\r\n\r\nconst actions = {\r\n GET_HELP_CONTENT_DATA_START,\r\n GET_HELP_CONTENT_DATA_FAILED,\r\n GET_HELP_CONTENT_DATA_SUCCESS,\r\n GET_BANNER_CONTENT_DATA_START,\r\n GET_BANNER_CONTENT_DATA_FAILED,\r\n GET_BANNER_CONTENT_DATA_SUCCESS,\r\n GET_ACCOUNT_NOTIFICATIONS_DATA_START,\r\n GET_ACCOUNT_NOTIFICATIONS_DATA_FAILED,\r\n GET_ACCOUNT_NOTIFICATIONS_DATA_SUCCESS,\r\n getHelpContentData: createEmptyAction(GET_HELP_CONTENT_DATA_START),\r\n getHelpContentDataFailed: createEmptyAction(GET_HELP_CONTENT_DATA_FAILED),\r\n getHelpContentDataSuccess: createPayloadAction(GET_HELP_CONTENT_DATA_SUCCESS),\r\n getBannerContentData: createEmptyAction(GET_BANNER_CONTENT_DATA_START),\r\n getBannerContentDataFailed: createEmptyAction(GET_BANNER_CONTENT_DATA_FAILED),\r\n getBannerContentDataSuccess: createPayloadAction(GET_BANNER_CONTENT_DATA_SUCCESS),\r\n getAccountNotificationsData: createEmptyAction(GET_ACCOUNT_NOTIFICATIONS_DATA_START),\r\n getAccountNotificationsDataFailed: createEmptyAction(GET_ACCOUNT_NOTIFICATIONS_DATA_FAILED),\r\n getAccountNotificationsDataSuccess: createPayloadAction(GET_ACCOUNT_NOTIFICATIONS_DATA_SUCCESS),\r\n};\r\n\r\nexport default actions;\r\n","import styled, { css } from \"styled-components\";\r\n\r\nconst Wrapper = styled.div(({ theme }) => css`\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n position: absolute;\r\n z-index: 10000000000;\r\n top: 0;\r\n right: 0;\r\n\r\n @media only screen and (min-width: 768px) and (max-width: 1220px) {\r\n width: calc(100% - 80px);\r\n }\r\n\r\n @media only screen and (max-width: 767px) {\r\n width: 100%;\r\n }\r\n\r\n .message {\r\n font-size: 16px;\r\n font-weight: ${theme.fonts.headingWeight};\r\n padding-bottom: 8px;\r\n color: ${theme.palette.text.body};\r\n }\r\n`);\r\n\r\nexport default Wrapper;\r\n","import React from \"react\";\r\nimport LoaderComponent from \"./loader.style\";\r\nimport { Spinner } from \"./components\";\r\n\r\nexport default function Loader({ ...props }) {\r\n const { type, message, loading } = props;\r\n\r\n return (\r\n loading !== false && (\r\n \r\n {message && {message}}\r\n \r\n )\r\n );\r\n}\r\n","import { getUnixTime } from \"date-fns\";\r\nimport { getNow } from \"../../constants/now\";\r\n\r\nconst createTokenFromUser = (user) => {\r\n const { access_token, id_token } = user;\r\n return { access_token, id_token };\r\n}\r\n\r\nconst hasTokenExpired = (user) => {\r\n const { expires_at: expiresAt } = user;\r\n const nowEpoch = getUnixTime(getNow());\r\n\r\n return nowEpoch > expiresAt;\r\n}\r\n\r\nexport const getTokens = async ({ getUser, signinSilent } = {}) => {\r\n const user = await getUser();\r\n\r\n if (hasTokenExpired(user)) {\r\n const newUser = await signinSilent();\r\n return createTokenFromUser(newUser);\r\n }\r\n\r\n return createTokenFromUser(user);\r\n};","export const getNow = () => Date.now();","import { createEmptyAction, createPayloadAction } from \"../utility/actions\";\r\n\r\nconst POST_APPLICATION = \"POST_APPLICATION\";\r\nconst MERGE_INITIAL_FIELD_VALUE = \"MERGE_INITIAL_FIELD_VALUE\";\r\nconst REMOVE_PENDING_FIELD = \"REMOVE_PENDING_FIELD\";\r\nconst RESET_FORM = \"RESET_FORM\";\r\nconst SET_BREADCRUMB_STEP = \"SET_BREADCRUMB_STEP\";\r\nconst POST_LOAN_FORM_START = \"POST_LOAN_FORM_START\";\r\nconst POST_LOAN_FORM_SUCCESS = \"POST_LOAN_FORM_SUCCESS\";\r\nconst POST_LOAN_FORM_ERROR = \"POST_LOAN_FORM_ERROR\";\r\nconst CLEAR_ERROR = \"CLEAR_ERROR\";\r\nconst PAGE_SUBMITTED = \"PAGE_SUBMITTED\";\r\n\r\nconst actions = {\r\n POST_APPLICATION,\r\n MERGE_INITIAL_FIELD_VALUE,\r\n REMOVE_PENDING_FIELD,\r\n RESET_FORM,\r\n SET_BREADCRUMB_STEP,\r\n POST_LOAN_FORM_START,\r\n POST_LOAN_FORM_SUCCESS,\r\n POST_LOAN_FORM_ERROR,\r\n CLEAR_ERROR,\r\n PAGE_SUBMITTED,\r\n postRequest: createPayloadAction(POST_APPLICATION),\r\n postLoanFormStart: createEmptyAction(POST_LOAN_FORM_START),\r\n postLoanFormSuccess: createEmptyAction(POST_LOAN_FORM_SUCCESS),\r\n postLoanFormError: createPayloadAction(POST_LOAN_FORM_ERROR),\r\n setFieldInitialValue: createPayloadAction(MERGE_INITIAL_FIELD_VALUE),\r\n removePendingField: createPayloadAction(REMOVE_PENDING_FIELD),\r\n resetForm: createEmptyAction(RESET_FORM),\r\n setBreadcrumbStep: createPayloadAction(SET_BREADCRUMB_STEP),\r\n clearError: createEmptyAction(CLEAR_ERROR),\r\n pageSubmitted: createEmptyAction(PAGE_SUBMITTED),\r\n};\r\n\r\nexport default actions;\r\n","export * from './theme.config'","import { createEmptyAction, createPayloadAction } from \"../utility/actions\";\r\n\r\nconst MANAGE_REPAYMENT_POST_APPLICATION = \"MANAGE_REPAYMENT_POST_APPLICATION\";\r\nconst MANAGE_REPAYMENT_MERGE_INITIAL_FIELD_VALUE = \"MANAGE_REPAYMENT_MERGE_INITIAL_FIELD_VALUE\";\r\nconst MANAGE_REPAYMENT_REMOVE_PENDING_FIELD = \"MANAGE_REPAYMENT_REMOVE_PENDING_FIELD\";\r\nconst MANAGE_REPAYMENT_RESET_FORM = \"MANAGE_REPAYMENT_RESET_FORM\";\r\nconst MANAGE_REPAYMENT_POST_LOAN_FORM_START = \"MANAGE_REPAYMENT_POST_LOAN_FORM_START\";\r\nconst MANAGE_REPAYMENT_POST_LOAN_FORM_SUCCESS = \"MANAGE_REPAYMENT_POST_LOAN_FORM_SUCCESS\";\r\nconst MANAGE_REPAYMENT_POST_LOAN_FORM_ERROR = \"MANAGE_REPAYMENT_POST_LOAN_FORM_ERROR\";\r\nconst MANAGE_REPAYMENT_CLEAR_ERROR = \"MANAGE_REPAYMENT_CLEAR_ERROR\";\r\nconst MANAGE_REPAYMENT_VALIDATE_FORM = \"MANAGE_REPAYMENT_VALIDATE_FORM\";\r\nconst MANAGE_REPAYMENT_INVALIDATE_FORM = \"MANAGE_REPAYMENT_INVALIDATE_FORM\";\r\n\r\nconst actions = {\r\n MANAGE_REPAYMENT_POST_APPLICATION,\r\n MANAGE_REPAYMENT_MERGE_INITIAL_FIELD_VALUE,\r\n MANAGE_REPAYMENT_REMOVE_PENDING_FIELD,\r\n MANAGE_REPAYMENT_RESET_FORM,\r\n MANAGE_REPAYMENT_POST_LOAN_FORM_START,\r\n MANAGE_REPAYMENT_POST_LOAN_FORM_SUCCESS,\r\n MANAGE_REPAYMENT_POST_LOAN_FORM_ERROR,\r\n MANAGE_REPAYMENT_CLEAR_ERROR,\r\n MANAGE_REPAYMENT_VALIDATE_FORM,\r\n MANAGE_REPAYMENT_INVALIDATE_FORM,\r\n markFormAsValid: createEmptyAction(MANAGE_REPAYMENT_VALIDATE_FORM),\r\n markFormAsInvalid: createEmptyAction(MANAGE_REPAYMENT_INVALIDATE_FORM),\r\n postRequest: createPayloadAction(MANAGE_REPAYMENT_POST_APPLICATION),\r\n postLoanFormStart: createEmptyAction(MANAGE_REPAYMENT_POST_LOAN_FORM_START),\r\n postLoanFormSuccess: createEmptyAction(MANAGE_REPAYMENT_POST_LOAN_FORM_SUCCESS),\r\n postLoanFormError: createPayloadAction(MANAGE_REPAYMENT_POST_LOAN_FORM_ERROR),\r\n setFieldInitialValue: createPayloadAction(MANAGE_REPAYMENT_MERGE_INITIAL_FIELD_VALUE),\r\n removePendingField: createPayloadAction(MANAGE_REPAYMENT_REMOVE_PENDING_FIELD),\r\n resetForm: createEmptyAction(MANAGE_REPAYMENT_RESET_FORM),\r\n clearError: createEmptyAction(MANAGE_REPAYMENT_CLEAR_ERROR),\r\n};\r\n\r\nexport default actions;\r\n","import React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport Loader from \"./index\";\r\nimport { APP_STATE } from \"../../constants/commonConstants\";\r\nimport { loadingBrand } from \"@theme/config\";\r\n\r\nexport const LoadingStubber = ({children}) => {\r\n const themeName = useSelector(state => state.StartUp.brand.themeName);\r\n const { appState } = useSelector(state => state.Client);\r\n\r\n if (themeName === loadingBrand.themeName || appState === APP_STATE.LOADING) {\r\n return : ;\r\n default:\r\n return <>;\r\n }\r\n};\r\n\r\nconst SidebarContent = ({\r\n shouldShowSidebarContent,\r\n menuSide,\r\n isExpandedLeftNav,\r\n isExpandedRightNav,\r\n setShowSidebarLeft,\r\n setShowSidebarRight,\r\n setShowNotifications,\r\n}) => {\r\n const isManageRepaymentsEnabled = useHasRepaymentsToManage();\r\n const appReady = useAppReady();\r\n const dispatch = useDispatch();\r\n const { pathname } = useLocation();\r\n\r\n const getSessionStorageValueLeft =\r\n sessionStorage.getItem(\"expandedStatusLeft\") === \"true\" ? true : false;\r\n const [isLeftExpanded, setIsLeftExpanded] = useState(\r\n getSessionStorageValueLeft\r\n );\r\n\r\n const getSessionStorageValueRight =\r\n sessionStorage.getItem(\"expandedStatusRight\") === \"true\" ? true : false;\r\n const [isRightExpanded, setIsRightExpanded] = useState(\r\n getSessionStorageValueRight\r\n );\r\n\r\n const [springsLabelLeft, apiLabelLeft] = useSpring(() => ({\r\n from: {\r\n width: isExpandedLeftNav ? 200 : 0,\r\n transform: isExpandedLeftNav ? \"translateX(0px)\" : \"translateX(-250px)\",\r\n },\r\n }));\r\n\r\n const [springsLabelRight, apiLabelRight] = useSpring(() => ({\r\n from: {\r\n width: isExpandedRightNav ? 200 : 0,\r\n transform: isExpandedRightNav ? \"translateX(0px)\" : \"translateX(250px)\",\r\n },\r\n }));\r\n\r\n const menuList =\r\n menuSide === \"left\"\r\n ? menuListLeft(isManageRepaymentsEnabled)\r\n : menuListRight;\r\n\r\n const springsLabel =\r\n menuSide === \"left\" ? springsLabelLeft : springsLabelRight;\r\n\r\n useEffect(() => {\r\n if (isExpandedRightNav === true) {\r\n if (isRightExpanded === true) {\r\n return;\r\n } else {\r\n handleExpandLabel(\r\n menuSide,\r\n apiLabelLeft,\r\n apiLabelRight,\r\n setIsLeftExpanded,\r\n setIsRightExpanded\r\n );\r\n }\r\n }\r\n\r\n if (isExpandedRightNav === false) {\r\n if (isRightExpanded) {\r\n handleMinimiseLabel(\r\n menuSide,\r\n apiLabelLeft,\r\n apiLabelRight,\r\n setIsLeftExpanded,\r\n setIsRightExpanded\r\n );\r\n } else return;\r\n }\r\n }, [\r\n isExpandedRightNav,\r\n isRightExpanded,\r\n menuSide,\r\n apiLabelLeft,\r\n apiLabelRight,\r\n setIsLeftExpanded,\r\n setIsRightExpanded,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (isExpandedLeftNav === true) {\r\n if (isLeftExpanded === true) {\r\n return;\r\n } else {\r\n handleExpandLabel(\r\n menuSide,\r\n apiLabelLeft,\r\n apiLabelRight,\r\n setIsLeftExpanded,\r\n setIsRightExpanded\r\n );\r\n }\r\n }\r\n\r\n if (isExpandedLeftNav === false) {\r\n if (isLeftExpanded) {\r\n handleMinimiseLabel(\r\n menuSide,\r\n apiLabelLeft,\r\n apiLabelRight,\r\n setIsLeftExpanded,\r\n setIsRightExpanded\r\n );\r\n } else return;\r\n }\r\n }, [\r\n isExpandedLeftNav,\r\n isLeftExpanded,\r\n menuSide,\r\n apiLabelLeft,\r\n apiLabelRight,\r\n setIsLeftExpanded,\r\n setIsRightExpanded,\r\n ]);\r\n\r\n const handleClickNavigationItem = (link, side) => {\r\n if (link !== pathname) {\r\n dispatch(actions.clearAccountInfo());\r\n } else {\r\n if (side === \"left\") {\r\n try {\r\n setShowSidebarLeft(false);\r\n } catch {\r\n return;\r\n }\r\n }\r\n if (side === \"right\") {\r\n try {\r\n setShowSidebarRight(false);\r\n } catch {\r\n return;\r\n }\r\n }\r\n }\r\n };\r\n\r\n const handleNotALink = (e, side) => {\r\n if (pathname === \"/dashboard\") {\r\n e.preventDefault();\r\n\r\n const notificationState = sessionStorage.getItem(\"show_notifications\");\r\n if (notificationState === \"true\") {\r\n setShowNotifications(\"false\");\r\n sessionStorage.setItem(\"show_notifications\", \"false\");\r\n } else {\r\n setShowNotifications(\"true\");\r\n sessionStorage.setItem(\"show_notifications\", \"true\");\r\n }\r\n\r\n if (side === \"left\") {\r\n try {\r\n setShowSidebarLeft(false);\r\n } catch {\r\n return;\r\n }\r\n }\r\n if (side === \"right\") {\r\n try {\r\n setShowSidebarRight(false);\r\n } catch {\r\n return;\r\n }\r\n }\r\n } else {\r\n sessionStorage.setItem(\"show_notifications\", \"true\");\r\n }\r\n };\r\n\r\n return (\r\n \r\n {shouldShowSidebarContent && (\r\n <>\r\n {appReady &&\r\n menuList\r\n .filter((item) => !item.disabled)\r\n .map((eachItem, index) => (\r\n \r\n handleClickNavigationItem(\r\n eachItem.link,\r\n eachItem.side\r\n )\r\n : (e) => handleNotALink(e, eachItem.side)\r\n }\r\n >\r\n {DashboardIconSvg(eachItem.label)}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default SidebarContent;\r\n","import styled, { css } from \"styled-components\";\r\n\r\nexport default styled.div(({ theme }) => css`\r\n text-align: left;\r\n flex: 1;\r\n padding-bottom: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n .copyright-container-desktop {\r\n display: none;\r\n }\r\n\r\n .lock-container-desktop {\r\n display: none;\r\n }\r\n\r\n p {\r\n font-size: 11px;\r\n color: ${theme.palette.main.white};\r\n }\r\n\r\n .copyright-container {\r\n padding-left: 10px;\r\n\r\n @media only screen and (min-width: ${theme.breakpoints.S}) {\r\n padding-left: 40px;\r\n }\r\n }\r\n\r\n .lock-container {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n padding-left: 10px;\r\n\r\n @media only screen and (min-width: ${theme.breakpoints.S}) {\r\n padding-left: 40px;\r\n }\r\n }\r\n\r\n .lock-container p {\r\n margin-top: 5px;\r\n }\r\n\r\n @media only screen and (min-width: ${theme.breakpoints.XM}) {\r\n .lock-container, .copyright-container {\r\n display: none;\r\n }\r\n\r\n .lock-container-desktop {\r\n margin-top: 5px;\r\n }\r\n\r\n .copyright-container-desktop, .lock-container-desktop {\r\n display: block;\r\n padding-left: 20px;\r\n }\r\n }\r\n`);\r\n","import React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport Wrapper from \"./footer.styles\";\r\nimport { currentYear } from \"../../utils/helpers/dateHelper\";\r\n\r\nconst Footer = () => {\r\n const config = useSelector((state) => state.StartUp.brand.configFile);\r\n\r\n const { companyName, acn, acl } = config;\r\n\r\n return (\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import React from \"react\";\r\nimport Wrapper from \"./sidebarLeftMobile.styles\";\r\nimport { useSelector } from \"react-redux\";\r\nimport SidebarContent from \"./sidebarContent\";\r\nimport { APP_STATE } from \"../../constants/commonConstants\";\r\nimport Footer from \"../footer/footer\";\r\n\r\nconst SidebarLeftMobile = ({ showSidebarLeft, shouldShowSidebarContent, setShowSidebarLeft, setShowSidebarRight }) => {\r\n const { appState } = useSelector((state) => state.Client);\r\n const isSidebarReady = appState === APP_STATE.READY;\r\n\r\n return (\r\n \r\n \r\n );\r\n};\r\n\r\nexport default SidebarLeftMobile;\r\n","import styled, { css } from \"styled-components\";\r\n\r\nexport default styled.div(({ theme }) => css`\r\n\r\n &.show {\r\n .background {\r\n opacity: 0.6;\r\n z-index: 100;\r\n }\r\n \r\n .sidebar{\r\n display: block;\r\n right: 0;\r\n }\r\n }\r\n\r\n .footer-group {\r\n position: fixed;\r\n bottom: 0;\r\n width: 100%;\r\n }\r\n\r\n .sidebar{\r\n height: 100vh;\r\n top: 60px;\r\n background: ${theme.palette.header.background};\r\n width: 100%;\r\n position: fixed;\r\n z-index: 100;\r\n right: -100%;\r\n transition: right 0.25s linear;\r\n\r\n svg {\r\n cursor: pointer;\r\n }\r\n\r\n .left-container {\r\n margin-left: 40px;\r\n }\r\n\r\n .left-container span {\r\n font-size: 16px;\r\n font-weight: ${theme.fonts.headingWeight};\r\n margin-right: 10px;\r\n }\r\n\r\n .left-container svg:first-child {\r\n margin: 0px 10px 0px 20px;\r\n }\r\n\r\n .right-container a svg,\r\n .right-container button svg {\r\n margin-right: 20px;\r\n }\r\n\r\n .right-container button {\r\n background: transparent;\r\n border: 0px;\r\n }\r\n\r\n .more-options {\r\n background-color: ${theme.palette.main.border};\r\n }\r\n\r\n .more-options svg {\r\n margin-left: 40px;\r\n margin-top: 15px;\r\n }\r\n\r\n .more-options div:last-child {\r\n padding-bottom: 15px;\r\n }\r\n\r\n .more-options span {\r\n margin-left: 10px;\r\n color: ${theme.palette.main.white};\r\n }\r\n }\r\n @media only screen and (min-width: ${theme.breakpoints.XM}) {\r\n display: none;\r\n \r\n .background, \r\n .sidebar {\r\n display: none;\r\n }\r\n \r\n &.show {\r\n .background {\r\n display: none;\r\n }\r\n \r\n .sidebar{\r\n display: none;\r\n }\r\n }\r\n }\r\n`);\r\n","import React from \"react\";\r\nimport Wrapper from \"./sidebarRightMobile.styles\";\r\nimport { useSelector } from \"react-redux\";\r\nimport SidebarContent from \"./sidebarContent\";\r\nimport { APP_STATE } from \"../../constants/commonConstants\";\r\nimport Footer from \"../footer/footer\";\r\n\r\nconst SidebarRightMobile = ({\r\n showSidebarRight,\r\n shouldShowSidebarContent,\r\n setShowSidebarLeft,\r\n setShowSidebarRight,\r\n setShowNotifications\r\n}) => {\r\n const { appState } = useSelector((state) => state.Client);\r\n const isSidebarReady = appState === APP_STATE.READY;\r\n\r\n return (\r\n \r\n \r\n );\r\n};\r\n\r\nexport default SidebarRightMobile;\r\n","import SidebarMobile from \"./sidebarMobile\";\r\n\r\nexport default SidebarMobile;\r\n","import React from \"react\";\r\nimport SidebarLeftMobile from \"./sidebarLeftMobile\";\r\nimport SidebarRightMobile from \"./sidebarRightMobile\";\r\n\r\nconst SidebarMobile = ({\r\n showSidebarLeft,\r\n setShowSidebarLeft,\r\n showSidebarRight,\r\n setShowSidebarRight,\r\n shouldShowSidebarContent,\r\n setShowNotifications\r\n}) => (\r\n <>\r\n \r\n \r\n 
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default MobileHeader;\r\n","import styled, { css } from \"styled-components\";\r\n\r\nexport default styled.div(({ theme }) => css`\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center; \r\n width: 100%;\r\n height: 60px;\r\n background: ${theme.palette.header.background};\r\n position: sticky;\r\n top: 0;\r\n z-index: 1;\r\n\r\n @media only screen and (min-width: ${theme.breakpoints.XM}) {\r\n display: none;\r\n }\r\n`);\r\n","import MainHeader from \"./mainHeader\";\r\n\r\nexport default MainHeader;\r\n","import React from \"react\";\r\nimport MobileHeader from \"./mobileHeader\";\r\nimport Wrapper from \"./mainHeader.styles\";\r\n\r\nconst MainHeader = ({\r\n showSidebarLeft,\r\n setShowSidebarLeft,\r\n showSidebarRight,\r\n setShowSidebarRight,\r\n shouldShowHeader,\r\n}) =>\r\n shouldShowHeader && (\r\n \r\n \r\n );\r\n\r\nexport default MainHeader;\r\n","import styled, { css } from \"styled-components\";\r\n\r\nexport default styled.div(({ theme }) => css`\r\n display: none;\r\n height: 100vh;\r\n width: 100%;\r\n background: ${theme.palette.header.background};\r\n \r\n .sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .right-nav-expand {\r\n background: transparent;\r\n width: 60px;\r\n border: none;\r\n padding: 10px;\r\n cursor: pointer;\r\n align-self: flex-end;\r\n }\r\n\r\n @media only screen and (min-width: ${theme.breakpoints.XM}) {\r\n display: block;\r\n }\r\n\r\n .link-container {\r\n p {\r\n margin-right: 10px;\r\n }\r\n\r\n svg {\r\n width: 25px;\r\n }\r\n }\r\n`);\r\n","import React, { useState } from \"react\";\r\nimport Wrapper from \"./sidebarRightDesktop.styles\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEllipsisV } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useSpring, animated } from \"@react-spring/web\";\r\nimport SidebarContent from \"./sidebarContent\";\r\nimport { useTheme } from 'styled-components';\r\n\r\nconst SidebarRightDesktop = ({ setShowNotifications }) => {\r\n const theme = useTheme();\r\n const getSessionStorageValue = (sessionStorage.getItem(\"expandedStatusRight\")) === \"true\" ? true : false;\r\n const [isExpandedRightNav, setIsExpandedRightNav] = useState(getSessionStorageValue);\r\n\r\n const [springs, api] = useSpring(() => ({\r\n from: { width: isExpandedRightNav? 340 : 60 },\r\n }));\r\n\r\n const handleExpandRightNav = () => {\r\n sessionStorage.setItem(\"expandedStatusRight\", \"true\");\r\n setIsExpandedRightNav(true);\r\n api.start({\r\n from: {\r\n width: 60,\r\n },\r\n to: {\r\n width: 340,\r\n },\r\n });\r\n };\r\n\r\n const handleCollapseRightNav = () => {\r\n sessionStorage.setItem(\"expandedStatusRight\", \"false\");\r\n setIsExpandedRightNav(false);\r\n api.start({\r\n from: {\r\n width: 340,\r\n },\r\n to: {\r\n width: 60,\r\n },\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default SidebarRightDesktop;\r\n","import styled, { css } from \"styled-components\";\r\n\r\nexport default styled.div(({ theme }) => css`\r\n display: none;\r\n height: 100vh;\r\n background: ${theme.palette.header.background};\r\n width: 100%;\r\n\r\n .sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .footer-group {\r\n position: fixed;\r\n bottom: 0;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n }\r\n\r\n .left-nav-expand {\r\n background: transparent;\r\n border: none;\r\n padding: 10px;\r\n cursor: pointer;\r\n align-self: flex-start;\r\n width: 60px;\r\n }\r\n\r\n .mid-container-desktop {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n align-items: center;\r\n width: 100%;\r\n padding-top: 15px;\r\n height: 135px;\r\n }\r\n\r\n .fgf-logo-animate {\r\n display: flex;\r\n justify-content: left;\r\n overflow: hidden;\r\n }\r\n\r\n .fgf-logo-animate img {\r\n height: 100%;\r\n width: 180px;\r\n }\r\n\r\n @media only screen and (min-width: ${theme.breakpoints.XM}) {\r\n display: block;\r\n }\r\n\r\n .link-container {\r\n svg {\r\n width: 25px;\r\n }\r\n }\r\n`);\r\n","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport Wrapper from \"./sidebarLeftDesktop.styles\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faBars } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useSpring, animated } from \"@react-spring/web\";\r\nimport FairGoLogo from \"../../theme/assets/fairgo-logo.svg\";\r\nimport NimbleLogo from \"../../theme/assets/nimble-logo.svg\";\r\nimport { UnStyledLink } from \"../textButton\";\r\nimport { PRIVATE_ROUTE } from \"../../route.constants\";\r\nimport Footer from \"../footer/footer\";\r\nimport SidebarContent from \"./sidebarContent\";\r\nimport { useTheme } from 'styled-components';\r\nimport { brands } from \"@theme/config\";\r\n\r\nconst SidebarLeftDesktop = () => {\r\n const config = useSelector((state) => state.StartUp.brand.configFile);\r\n const themeName = useSelector((state) => state.StartUp.brand.themeName);\r\n\r\n const { companyName } = config;\r\n\r\n const getSessionStorageValue =\r\n sessionStorage.getItem(\"expandedStatusLeft\") === \"false\" ? false : true;\r\n const [isExpandedLeftNav, setIsExpandedLeftNav] = useState(\r\n getSessionStorageValue\r\n );\r\n\r\n const theme = useTheme();\r\n\r\n const isNimbleTheme = themeName === brands.nimbleBrand.themeName;\r\n const collapsedNavWidth = isNimbleTheme ? 50 : 40;\r\n\r\n const [springs, api] = useSpring(() => ({\r\n from: { width: isExpandedLeftNav ? 340 : 60 },\r\n }));\r\n\r\n const [springsLogo, apiLogo] = useSpring(() => ({\r\n from: {\r\n width: isExpandedLeftNav ? 180 : collapsedNavWidth,\r\n height: isExpandedLeftNav ? 120 : collapsedNavWidth,\r\n },\r\n }));\r\n\r\n const [springsFooter, apiFooter] = useSpring(() => ({\r\n from: {\r\n transform: isExpandedLeftNav ? \"translateX(0px)\" : \"translateX(-250px)\",\r\n },\r\n }));\r\n\r\n const handleExpandLeftNav = useCallback(() => {\r\n sessionStorage.setItem(\"expandedStatusLeft\", \"true\");\r\n setIsExpandedLeftNav(true);\r\n api.start({\r\n from: {\r\n width: 60,\r\n },\r\n to: {\r\n width: 340,\r\n },\r\n });\r\n apiLogo.start({\r\n from: {\r\n width: collapsedNavWidth,\r\n height: 40,\r\n },\r\n to: {\r\n width: 180,\r\n height: 120,\r\n },\r\n });\r\n apiFooter.start({\r\n from: {\r\n transform: \"translateX(-250px)\",\r\n },\r\n to: {\r\n transform: \"translateX(0px)\",\r\n },\r\n });\r\n }, [setIsExpandedLeftNav, apiFooter, apiLogo, api, collapsedNavWidth]);\r\n\r\n const handleCollapseLeftNav = useCallback(() => {\r\n sessionStorage.setItem(\"expandedStatusLeft\", \"false\");\r\n setIsExpandedLeftNav(false);\r\n api.start({\r\n from: {\r\n width: 340,\r\n },\r\n to: {\r\n width: 60,\r\n },\r\n });\r\n apiLogo.start({\r\n from: {\r\n width: 180,\r\n height: 120,\r\n },\r\n to: {\r\n width: collapsedNavWidth,\r\n height: 40,\r\n },\r\n });\r\n apiFooter.start({\r\n from: {\r\n transform: \"translateX(0px)\",\r\n },\r\n to: {\r\n transform: \"translateX(-250px)\",\r\n },\r\n });\r\n }, [setIsExpandedLeftNav, apiFooter, apiLogo, api, collapsedNavWidth]);\r\n\r\n useEffect(() => {\r\n if (sessionStorage.getItem(\"expandedStatusLeft\") === null) {\r\n sessionStorage.setItem(\"expandedStatusLeft\", \"true\");\r\n } else {\r\n return;\r\n }\r\n });\r\n\r\n let logo = FairGoLogo;\r\n if (themeName === brands.nimbleBrand.themeName) {\r\n logo = NimbleLogo;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default SidebarLeftDesktop;\r\n","import { PageWrapper } from './pageWrapper';\r\nexport default PageWrapper;","import React, { useState } from \"react\";\r\nimport Wrapper from \"./pageWrapper.styles\";\r\nimport SidebarMobile from \"../../components/sidebar\";\r\nimport MainHeader from \"../../components/mainHeader\";\r\nimport SidebarRightDesktop from \"../../components/sidebar/sidebarRightDesktop\";\r\nimport SidebarLeftDesktop from \"../../components/sidebar/sidebarLeftDesktop\";\r\nimport { Helmet } from 'react-helmet-async';\r\nimport { nimbleFavicon } from '@config/nimble';\r\nimport { fgfFavicon } from '@config/fgf';\r\n\r\nexport const PageWrapper = ({\r\n children,\r\n shouldShowSidebarContent,\r\n shouldShowHeader,\r\n setShowNotifications\r\n}) => {\r\n const [showSidebarLeft, setShowSidebarLeft] = useState(false);\r\n const [showSidebarRight, setShowSidebarRight] = useState(false);\r\n \r\n const isNimbleSite = (window.location.href).includes('nimble');\r\n const siteMeta = {\r\n favicon: isNimbleSite ? nimbleFavicon : fgfFavicon,\r\n title: isNimbleSite ? \"Nimble\" : \"Fair Go Finance\",\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n","export default __webpack_public_path__ + \"static/media/SharpGroteskBook20-Regular.88704422.woff2\";","import { createGlobalStyle, css } from \"styled-components\";\r\nimport NimbleFont from \"../assets/fonts/SharpGroteskBook20-Regular.woff2\";\r\n\r\nconst GlobalStyles = createGlobalStyle(({ theme }) => css`\r\n@font-face {\r\n font-family: \"SharpGroteskBook\";\r\n src: url(${NimbleFont}) format('woff2');\r\n font-weight: normal;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\na,\r\np,\r\nli,\r\ninput,\r\ntextarea,\r\nspan,\r\ndiv,\r\nimg,\r\nsvg {\r\n &::selection {\r\n background: ${theme.palette.text.body};\r\n color: ${theme.palette.main.white};\r\n }\r\n}\r\n*:focus{\r\n outline: none;\r\n}\r\n/********** Add Your Global CSS Here **********/\r\n\r\nbody {\r\n -webkit-overflow-scrolling: touch;\r\n font-size: 15px;\r\n}\r\n\r\nhtml h1,\r\nhtml h2,\r\nhtml h3,\r\nhtml h4,\r\nhtml h5,\r\nhtml h6,\r\nhtml a,\r\nhtml p,\r\nhtml li,\r\ninput,\r\ntextarea,\r\nspan,\r\ndiv,\r\nhtml,\r\nbody,\r\nhtml a {\r\n margin: 0;\r\n font-family: ${theme.fonts.body};\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);\r\n}\r\n\r\nhtml, body {\r\n height: 100%;\r\n}\r\n\r\n#root {\r\n background-color: #fff;\r\n height: 100%;\r\n min-height: 100%;\r\n}\r\n\r\nhtml ul {\r\n -webkit-padding-start: 0px;\r\n list-style: none;\r\n margin-bottom: 0;\r\n}\r\n\r\n.page-subheading{\r\n max-width: 580px;\r\n margin: 10px auto;\r\n}\r\n\r\na {\r\n word-break: break-all\r\n}\r\n\r\n\r\nselect, \r\ninput{\r\n font-size: 15px;\r\n}\r\n\r\n// // comment/uncomment to disable/enable scroll lock on modal open\r\n// .ReactModal__Body--open {\r\n// overflow: hidden;\r\n// }\r\n\r\n.no-word-break{\r\n word-break: normal;\r\n}\r\n\r\n.mobile-hidden{\r\n display:none;\r\n}\r\n\r\n.desktop-hidden{\r\n display:block;\r\n}\r\n\r\n.flex-column {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.space-between {\r\n justify-content: space-between;\r\n}\r\n\r\n@media only screen and (min-width: ${theme.breakpoints.M}) {\r\n .desktop-hidden{\r\n display:none;\r\n }\r\n .mobile-hidden{\r\n display:block;\r\n}\r\n}\r\n`);\r\n\r\nexport default GlobalStyles;\r\n","import { loadingBrand } from \"@theme/config\";\r\nimport actions from \"./actions\";\r\n\r\nconst initState = {\r\n brandKey: \"loadingBrand\",\r\n brand: loadingBrand\r\n};\r\n\r\nexport default function(state = initState, action) {\r\n switch (action.type) {\r\n case actions.INITIALISE_QUERY_STRING:\r\n return {\r\n ...state,\r\n queryString: action.payload,\r\n };\r\n case actions.CHANGE_BRAND:\r\n return {\r\n ...state,\r\n ...action.payload\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","const blankClient = {\r\n clientDetails: {\r\n firstName: \"\",\r\n lastName: \"\",\r\n emailAddress: \"\",\r\n mobile: \"\",\r\n },\r\n openAccounts: [],\r\n creditScores: [],\r\n tailoredMessage: {\r\n bannerMessage: null,\r\n desktopMessage: null,\r\n mobileMessage: null,\r\n },\r\n eligibilityResult: {\r\n \"applyTopUpPersonalLoan\":\r\n {\r\n \"isEligible\": false\r\n },\r\n \"applyNewPersonalLoan\":\r\n {\r\n \"isEligible\": false\r\n },\r\n \"applyNewLineOfCredit\":\r\n {\r\n \"isEligible\": false\r\n },\r\n \"drawDownLineOfCredit\":\r\n {\r\n \"isEligible\": false\r\n },\r\n \"lineOfCreditLimitIncrease\":\r\n {\r\n \"isEligible\": false\r\n },\r\n \"applyNewAutoLoan\":\r\n {\r\n \"isEligible\": false\r\n }\r\n }\r\n};\r\nexport default blankClient;","import actions from \"./actions\";\r\nimport { APP_STATE } from \"../../constants/commonConstants\";\r\nimport blankClientData from '../../models/blankClient.model';\r\n\r\nconst accountWillReceiveTransactions = (accountNumber) => (account) => account.accountNumber === accountNumber;\r\n\r\nconst initState = {\r\n clientData: {\r\n eligibilityResult: {}\r\n },\r\n accountId: \"\",\r\n payFullArrears: false,\r\n arrearsAmount: \"\",\r\n appState: APP_STATE.LOADING,\r\n eligibilityState: APP_STATE.LOADING,\r\n isFetchingTransactions: false,\r\n};\r\n\r\nconst selectOpenAccounts = (state) => state.clientData.openAccounts;\r\nconst selectClosedAccounts = (state) => state.clientData.closedAccounts;\r\n\r\nfunction createNewAccountWithTransactions(accountToAddTransactionsTo, payload, state, type) {\r\n const accountWithTransactions = {\r\n ...accountToAddTransactionsTo,\r\n transactions: {\r\n items: payload.transactions\r\n },\r\n };\r\n\r\n let accountState;\r\n\r\n if (type === \"open\") {\r\n accountState = selectOpenAccounts;\r\n }\r\n if (type === \"closed\") {\r\n accountState = selectClosedAccounts;\r\n }\r\n\r\n return accountState(state).map((account) => accountWillReceiveTransactions(payload.accountNumber)(account) ? accountWithTransactions : account);\r\n}\r\n\r\nexport default function (state = initState, action) {\r\n const { type, payload } = action;\r\n switch (type) {\r\n case actions.GET_CLIENT_DATA_START:\r\n return {\r\n ...state,\r\n appState: APP_STATE.LOADING,\r\n eligibilityState: APP_STATE.LOADING\r\n };\r\n case actions.GET_CLIENT_DATA_FAILED:\r\n return {\r\n ...state,\r\n appState: APP_STATE.ERROR,\r\n eligibilityState: APP_STATE.ERROR,\r\n clientData: blankClientData\r\n };\r\n case actions.GET_CLIENT_DATA_SUCCESS:\r\n return {\r\n ...state,\r\n appState: APP_STATE.READY,\r\n eligibilityState: APP_STATE.READY,\r\n clientData: payload,\r\n };\r\n case actions.GET_ACCOUNT_TRANSACTIONS_START:\r\n return {\r\n ...state,\r\n isFetchingTransactions: true,\r\n }\r\n case actions.GET_ACCOUNT_TRANSACTIONS_SUCCESS:\r\n const accountToAddTransactionsTo = selectOpenAccounts(state).find(accountWillReceiveTransactions(payload.accountNumber));\r\n const closedAccountToAddTransactionsTo = selectClosedAccounts(state).find(accountWillReceiveTransactions(payload.accountNumber));\r\n if (typeof (accountToAddTransactionsTo) === \"undefined\") {\r\n if (closedAccountToAddTransactionsTo) {\r\n return {\r\n ...state,\r\n clientData: {\r\n ...state.clientData,\r\n closedAccounts: createNewAccountWithTransactions(closedAccountToAddTransactionsTo, payload, state, \"closed\")\r\n },\r\n isFetchingTransactions: false,\r\n };\r\n }\r\n \r\n return state;\r\n }\r\n\r\n return {\r\n ...state,\r\n clientData: {\r\n ...state.clientData,\r\n openAccounts: createNewAccountWithTransactions(accountToAddTransactionsTo, payload, state, \"open\")\r\n },\r\n isFetchingTransactions: false,\r\n };\r\n case actions.GET_ACCOUNT_TRANSACTIONS_FAILED:\r\n return {\r\n ...state,\r\n isFetchingTransactions: false,\r\n }\r\n case actions.SET_ACCOUNT_ID:\r\n return {\r\n ...state,\r\n accountId: payload,\r\n };\r\n case actions.SET_FULL_ARREARS:\r\n return {\r\n ...state,\r\n payFullArrears: true,\r\n };\r\n case actions.SET_ARREARS_AMOUNT:\r\n return {\r\n ...state,\r\n arrearsAmount: payload,\r\n };\r\n case actions.SET_INELIGIBLE:\r\n return {\r\n ...state,\r\n eligibilityResult: {\r\n ...state.eligibilityResult,\r\n [payload]: {\r\n isEligible: false\r\n }\r\n }\r\n };\r\n case actions.CLEAR_ACCOUNT_INFO:\r\n return {\r\n ...state,\r\n accountId: \"\",\r\n payFullArrears: false,\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\n\r\n","import actions from \"./actions\";\r\n\r\nexport const prepareLoanForm = (values = {}) => {\r\n // sanitize\r\n return { ...values };\r\n}\r\n\r\nconst initState = {\r\n pendingFields: {},\r\n initialValue: prepareLoanForm(),\r\n loanFormError: false,\r\n loanFormSuccessfullySubmitted: false,\r\n loanFormErrorMessage: \"\",\r\n isFetching: false,\r\n stepNavigation: -1,\r\n breadcrumbStep: 0,\r\n hasShownLoanFormError: false,\r\n hasFormStarted: false,\r\n};\r\n\r\nexport default function (state = initState, action) {\r\n const { type } = action;\r\n switch (type) {\r\n case actions.MERGE_INITIAL_FIELD_VALUE:\r\n return {\r\n ...state,\r\n initialValue: prepareLoanForm({\r\n ...state.initialValue,\r\n ...action.payload,\r\n }),\r\n }\r\n case actions.REMOVE_PENDING_FIELD:\r\n const newPendingFields = { ...state.pendingFields };\r\n delete newPendingFields[action.payload];\r\n const pendingFields = state.pendingFields.hasOwnProperty(action.payload) ? newPendingFields : state.pendingFields;\r\n\r\n return {\r\n ...state,\r\n pendingFields,\r\n }\r\n\r\n case actions.PAGE_SUBMITTED:\r\n return {\r\n ...state,\r\n hasFormStarted: true,\r\n }\r\n\r\n case actions.POST_APPLICATION:\r\n return {\r\n ...state,\r\n initialValue: prepareLoanForm({\r\n ...state.initialValue,\r\n ...action.payload.values,\r\n }),\r\n stepNavigation: action.payload.step + 1,\r\n }\r\n case actions.SET_BREADCRUMB_STEP:\r\n return {\r\n ...state,\r\n stepNavigation: -1,\r\n breadcrumbStep: action.payload\r\n };\r\n\r\n case actions.POST_LOAN_FORM_START:\r\n return {\r\n ...state,\r\n isFetching: true,\r\n loanFormSuccessfullySubmitted: false,\r\n loanFormErrorMessage: \"\",\r\n loanFormError: false,\r\n };\r\n\r\n case actions.POST_LOAN_FORM_SUCCESS:\r\n return {\r\n ...state,\r\n loanFormSuccessfullySubmitted: true,\r\n isFetching: false,\r\n };\r\n\r\n case actions.POST_LOAN_FORM_ERROR:\r\n return {\r\n ...state,\r\n isFetching: false,\r\n loanFormErrorMessage: action.payload.errMessage,\r\n loanFormError: true,\r\n loanFormSuccessfullySubmitted: false,\r\n hasShownLoanFormError: true,\r\n };\r\n\r\n case actions.CLEAR_ERROR:\r\n return {\r\n ...state,\r\n loanFormErrorMessage: \"\",\r\n loanFormError: false,\r\n }\r\n\r\n case actions.RESET_FORM:\r\n return {\r\n ...initState,\r\n stepNavigation: 0,\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import actions from \"./actions\";\r\n\r\nexport const prepareLoanForm = (values = {}) => {\r\n // sanitize\r\n return { ...values };\r\n}\r\n\r\nconst initState = {\r\n pendingFields: {},\r\n initialValue: prepareLoanForm(),\r\n loanFormError: false,\r\n loanFormSuccessfullySubmitted: false,\r\n loanFormErrorMessage: \"\",\r\n isFetching: false,\r\n hasShownLoanFormError: false,\r\n hasFormStarted: false,\r\n isFormValidated: false,\r\n};\r\n\r\nexport default function (state = initState, action) {\r\n const { type } = action;\r\n switch (type) {\r\n case actions.MANAGE_REPAYMENT_MERGE_INITIAL_FIELD_VALUE:\r\n return {\r\n ...state,\r\n initialValue: prepareLoanForm({\r\n ...state.initialValue,\r\n ...action.payload,\r\n }),\r\n }\r\n case actions.MANAGE_REPAYMENT_REMOVE_PENDING_FIELD:\r\n const newPendingFields = { ...state.pendingFields };\r\n delete newPendingFields[action.payload];\r\n const pendingFields = state.pendingFields.hasOwnProperty(action.payload) ? newPendingFields : state.pendingFields;\r\n\r\n return {\r\n ...state,\r\n pendingFields,\r\n }\r\n\r\n case actions.MANAGE_REPAYMENT_POST_APPLICATION:\r\n return {\r\n ...state,\r\n initialValue: prepareLoanForm({\r\n ...state.initialValue,\r\n ...action.payload.values,\r\n }),\r\n }\r\n\r\n case actions.MANAGE_REPAYMENT_VALIDATE_FORM: //MANAGE_REPAYMENT_VALIDATE_FORM and MANAGE_REPAYMENT_INVALIDATE_FORM exists so we can check if the payment amount input is valid, and show different button text if it is.\r\n return {\r\n ...state,\r\n isFormValidated: true,\r\n }\r\n\r\n case actions.MANAGE_REPAYMENT_INVALIDATE_FORM:\r\n return {\r\n ...state,\r\n isFormValidated: false,\r\n }\r\n \r\n case actions.MANAGE_REPAYMENT_POST_LOAN_FORM_START:\r\n return {\r\n ...state,\r\n isFetching: true,\r\n loanFormSuccessfullySubmitted: false,\r\n loanFormErrorMessage: \"\",\r\n loanFormError: false,\r\n };\r\n\r\n case actions.MANAGE_REPAYMENT_POST_LOAN_FORM_SUCCESS:\r\n return {\r\n ...state,\r\n loanFormSuccessfullySubmitted: true,\r\n isFetching: false,\r\n };\r\n\r\n case actions.MANAGE_REPAYMENT_POST_LOAN_FORM_ERROR:\r\n return {\r\n ...state,\r\n isFetching: false,\r\n loanFormErrorMessage: action.payload.errMessage,\r\n loanFormError: true,\r\n loanFormSuccessfullySubmitted: false,\r\n hasShownLoanFormError: true,\r\n };\r\n\r\n case actions.MANAGE_REPAYMENT_CLEAR_ERROR:\r\n return {\r\n ...state,\r\n loanFormErrorMessage: \"\",\r\n loanFormError: false,\r\n }\r\n\r\n case actions.MANAGE_REPAYMENT_RESET_FORM:\r\n return {\r\n ...initState,\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import actions from \"./actions\";\r\nimport { APP_STATE } from \"../../constants/commonConstants\";\r\n\r\nconst initState = {\r\n helpData: {},\r\n helpContentState: \"\",\r\n bannerData: {},\r\n bannerDataState: \"\",\r\n accountNotificationData: {},\r\n accountNotificationDataState: \"\",\r\n};\r\n\r\nexport default function (state = initState, action) {\r\n const { type, payload } = action;\r\n switch (type) {\r\n case actions.GET_HELP_CONTENT_DATA_START:\r\n return {\r\n ...state,\r\n helpContentState: APP_STATE.LOADING,\r\n };\r\n case actions.GET_HELP_CONTENT_DATA_FAILED:\r\n return {\r\n ...state,\r\n helpContentState: APP_STATE.ERROR,\r\n };\r\n case actions.GET_HELP_CONTENT_DATA_SUCCESS:\r\n return {\r\n ...state,\r\n helpContentState: APP_STATE.READY,\r\n helpData: payload,\r\n };\r\n case actions.GET_BANNER_CONTENT_DATA_START:\r\n return {\r\n ...state,\r\n bannerDataState: APP_STATE.LOADING,\r\n };\r\n case actions.GET_BANNER_CONTENT_DATA_FAILED:\r\n return {\r\n ...state,\r\n bannerDataState: APP_STATE.ERROR,\r\n };\r\n case actions.GET_BANNER_CONTENT_DATA_SUCCESS:\r\n return {\r\n ...state,\r\n bannerDataState: APP_STATE.READY,\r\n bannerData: payload,\r\n };\r\n case actions.GET_ACCOUNT_NOTIFICATIONS_DATA_START:\r\n return {\r\n ...state,\r\n accountNotificationDataState: APP_STATE.LOADING,\r\n };\r\n case actions.GET_ACCOUNT_NOTIFICATIONS_DATA_FAILED:\r\n return {\r\n ...state,\r\n accountNotificationDataState: APP_STATE.ERROR,\r\n };\r\n case actions.GET_ACCOUNT_NOTIFICATIONS_DATA_SUCCESS:\r\n return {\r\n ...state,\r\n accountNotificationDataState: APP_STATE.READY,\r\n accountNotificationData: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import { all, takeLatest, put } from \"redux-saga/effects\";\r\nimport actions from \"./actions\";\r\nimport { determineBrandAndBrandKey, getBrandFromHost } from \"@theme/config\";\r\n\r\nfunction* setInitialTheme() {\r\n const host = window.location.hostname.toLocaleLowerCase();\r\n const brandKeyFromHost = getBrandFromHost(host);\r\n const { brand, brandKey } = determineBrandAndBrandKey(brandKeyFromHost);\r\n yield put(actions.changeTheme({ brandKey, brand }));\r\n}\r\n\r\nexport const __TEST__ = {\r\n setInitialTheme,\r\n};\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n takeLatest(actions.INITIALISE_QUERY_STRING, setInitialTheme)\r\n ]);\r\n}\r\n","import authenticatedPopsApi from \"../utils/portalApi\";\r\nimport { GET_CLIENT_PROFILE, getAccountTransactionsEndpoint } from \"./apiRoutes\";\r\n\r\nexport const getClientData = async () =>\r\n authenticatedPopsApi.get(GET_CLIENT_PROFILE);\r\n\r\nexport const getAccountTransactions = async (accountNumber) =>\r\n authenticatedPopsApi.get(getAccountTransactionsEndpoint(accountNumber));","import { all, takeLatest, call, put } from \"redux-saga/effects\";\r\nimport actions from \"./actions\";\r\nimport { getAccountTransactions, getClientData } from \"../../services/clientApi\";\r\n\r\nfunction* getClientDataCall() {\r\n try {\r\n const response = yield call(getClientData);\r\n const { data } = response;\r\n const { code, value } = data;\r\n if (code === 200) {\r\n yield put(actions.getClientDataSuccess(value));\r\n } else {\r\n yield put(actions.getClientDataFailed());\r\n }\r\n } catch (e) {\r\n yield put(actions.getClientDataFailed());\r\n }\r\n}\r\n\r\nfunction* getAccountTransactionsCall({ payload: accountNumber }) {\r\n try {\r\n const response = yield call(getAccountTransactions, accountNumber);\r\n const { data, status } = response;\r\n const { value } = data || {};\r\n const { success, accountTransactions } = value;\r\n if (status === 200 && success) {\r\n yield put(actions.getTransactionsSuccess({ accountNumber, transactions: accountTransactions }));\r\n } else {\r\n yield put(actions.getTransactionsFailed());\r\n }\r\n } catch (e) {\r\n yield put(actions.getTransactionsFailed());\r\n }\r\n}\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n takeLatest(actions.GET_CLIENT_DATA_START, getClientDataCall),\r\n takeLatest(actions.GET_ACCOUNT_TRANSACTIONS_START, getAccountTransactionsCall),\r\n ]);\r\n}\r\n","import authenticatedPopsApi from \"../utils/portalApi\";\r\n\r\nexport const postLoanForm = async (endpoint, loanForm) =>\r\n authenticatedPopsApi.post(endpoint, loanForm);","export const WENT_WRONG_MESSAGE = \"Something went wrong.\";\r\n","import { call, put } from \"redux-saga/effects\";\r\nimport { postLoanForm } from \"../../services/applicationFormApi\";\r\nimport { WENT_WRONG_MESSAGE } from \"../../constants/commonMessage\";\r\n\r\nexport function* submitForm(endpoint, loanFormValues, actions) {\r\n try {\r\n const response = yield call(postLoanForm, endpoint, loanFormValues);\r\n const { status } = response;\r\n\r\n switch (status) {\r\n case 200:\r\n yield put(actions.postLoanFormSuccess());\r\n break;\r\n default: {\r\n yield put(\r\n actions.postLoanFormError({ errMessage: WENT_WRONG_MESSAGE })\r\n );\r\n }\r\n }\r\n } catch (error) {\r\n yield put(\r\n actions.postLoanFormError({\r\n errMessage: error.message || WENT_WRONG_MESSAGE\r\n })\r\n );\r\n }\r\n}","import { all, call, put, takeLatest } from \"redux-saga/effects\";\r\nimport { prepareLoanForm } from \"./reducer\";\r\nimport actions from \"./actions\";\r\nimport { submitForm } from \"../utility/shared\";\r\n\r\nfunction* loanForm(action) {\r\n const { payload } = action;\r\n const { values, step, endpoint, submitFormStep } = payload;\r\n\r\n yield put(actions.pageSubmitted());\r\n\r\n\r\n if (!submitFormStep) {\r\n return;\r\n }\r\n\r\n yield put(actions.postLoanFormStart());\r\n\r\n const loanFormPost = prepareLoanForm({ values, step });\r\n\r\n yield call(submitForm, endpoint, loanFormPost.values, actions);\r\n}\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n takeLatest(actions.POST_APPLICATION, loanForm),\r\n ]);\r\n}","import { all, call, put, takeLatest } from \"redux-saga/effects\";\r\nimport { prepareLoanForm } from \"./reducer\";\r\nimport actions from \"./actions\";\r\nimport { submitForm } from \"../utility/shared\";\r\n\r\nfunction* loanForm(action) {\r\n const { payload } = action;\r\n const { values, endpoint } = payload;\r\n\r\n yield put(actions.postLoanFormStart());\r\n\r\n const loanFormPost = prepareLoanForm({ values });\r\n\r\n yield call(submitForm, endpoint, loanFormPost.values, actions);\r\n}\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n takeLatest(actions.MANAGE_REPAYMENT_POST_APPLICATION, loanForm),\r\n ]);\r\n}","import { environmentSettings } from \"../constants/environmentSettings\";\r\n\r\nconst { contentManagementUrl, contentToken } = environmentSettings;\r\n\r\nexport const CONTENT_URL = contentManagementUrl;\r\nexport const CONTENT_TOKEN = contentToken;\r\nexport const HELP_CONTENT = \"/api/help-entries?populate=*\";\r\nexport const BANNER_CONTENT = \"/api/banner-messages?populate=*\";\r\nexport const ACCOUNT_NOTIFICATION = \"/api/account-messages?populate=*\";","/**\r\n * @description axios for fetching data via services\r\n */\r\n import axios from \"axios\";\r\n import { CONTENT_URL, CONTENT_TOKEN } from \"../services/contentRoutes\";\r\n \r\n const strapiApi = axios.create({\r\n baseURL: CONTENT_URL,\r\n timeout: 300000, // 5 min\r\n headers: {\r\n Authorization: `Bearer ${CONTENT_TOKEN}`,\r\n },\r\n });\r\n \r\n export default strapiApi;","import strapiApi from \"../utils/strapiApi\";\r\nimport { HELP_CONTENT, BANNER_CONTENT, ACCOUNT_NOTIFICATION } from \"./contentRoutes\";\r\n\r\nexport const getHelpContentData = async () => strapiApi.get(HELP_CONTENT);\r\nexport const getBannerContentData = async () => strapiApi.get(BANNER_CONTENT);\r\nexport const getAccountNotificationsContentData = async () => strapiApi.get(ACCOUNT_NOTIFICATION);\r\n\r\n","import { all, takeLatest, call, put } from \"redux-saga/effects\";\r\nimport actions from \"./actions\";\r\nimport { getHelpContentData, getBannerContentData, getAccountNotificationsContentData } from \"../../services/contentApi\";\r\n\r\nfunction* getHelpContentDataCall() {\r\n try {\r\n const response = yield call(getHelpContentData);\r\n const { data: { data } } = response;\r\n\r\n if (data) {\r\n yield put(actions.getHelpContentDataSuccess(data));\r\n } else {\r\n yield put(actions.getHelpContentDataFailed());\r\n }\r\n } catch (e) {\r\n yield put(actions.getHelpContentDataFailed());\r\n }\r\n}\r\n\r\nfunction* getBannerContentDataCall() {\r\n try {\r\n const response = yield call(getBannerContentData);\r\n const { data: { data } } = response;\r\n\r\n if (data) {\r\n yield put(actions.getBannerContentDataSuccess(data));\r\n } else {\r\n yield put(actions.getBannerContentDataFailed());\r\n }\r\n } catch (e) {\r\n yield put(actions.getBannerContentDataFailed());\r\n }\r\n}\r\n\r\nfunction* getAccountNotificationsDataCall() {\r\n try {\r\n const response = yield call(getAccountNotificationsContentData);\r\n const { data: { data } } = response;\r\n\r\n if (data) {\r\n yield put(actions.getAccountNotificationsDataSuccess(data));\r\n } else {\r\n yield put(actions.getAccountNotificationsDataFailed());\r\n }\r\n } catch (e) {\r\n yield put(actions.getAccountNotificationsDataFailed());\r\n }\r\n}\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n takeLatest(actions.GET_HELP_CONTENT_DATA_START, getHelpContentDataCall),\r\n takeLatest(actions.GET_BANNER_CONTENT_DATA_START, getBannerContentDataCall),\r\n takeLatest(actions.GET_ACCOUNT_NOTIFICATIONS_DATA_START, getAccountNotificationsDataCall),\r\n ]);\r\n}\r\n","/**\r\n * @description Common Saga combined\r\n */\r\n\r\nimport { all } from \"redux-saga/effects\";\r\nimport startUpSagas from \"../redux/startup/sagas\";\r\nimport clientSagas from \"../redux/client/sagas\";\r\nimport applicationFormSagas from \"../redux/applicationForm/sagas\";\r\nimport manageRepaymentsFormSagas from \"../redux/manageRepaymentsForm/sagas\";\r\nimport contentDeliverySagas from \"../redux/contentDelivery/sagas\";\r\n\r\nexport default function* rootSaga(getState) {\r\n yield all([\r\n startUpSagas(getState), \r\n clientSagas(getState),\r\n applicationFormSagas(getState),\r\n manageRepaymentsFormSagas(getState),\r\n contentDeliverySagas(getState),\r\n ]);\r\n}\r\n","export const eligibleKey = \"eligible\";\r\nexport const johnAccountKey = \"johnAccount\";","import { createJohnClientReplacer } from \"./replacers\";\r\n\r\nexport const createOptionalDispatchIntercept = (replacements) => (optionName, action) => {\r\n const isEnabled = window.sessionStorage.getItem(optionName) === \"true\";\r\n\r\n if (isEnabled) {\r\n replacements[action.type] = action;\r\n }\r\n};\r\n\r\nexport const bootstrapReplacers = () => {\r\n const replacements = {};\r\n const optionalDispatchIntercept = createOptionalDispatchIntercept(replacements);\r\n\r\n // createEligibilityTrueReplacer(optionalDispatchIntercept);\r\n createJohnClientReplacer(optionalDispatchIntercept);\r\n\r\n return replacements;\r\n};","import { johnAccountKey } from \"../constants\";\r\nimport {\r\n DECREASE_PAYMENT_STATES,\r\n INCREASE_PAYMENT_STATES,\r\n} from \"../../../constants/commonConstants\";\r\n\r\nexport const createJohnClientReplacer = (optionalDispatchIntercept) => {\r\n optionalDispatchIntercept(johnAccountKey, {\r\n type: \"GET_CLIENT_DATA_SUCCESS\",\r\n payload: {\r\n clientDetails: {\r\n firstName: \"John\",\r\n lastName: \"Doe\",\r\n mobile: \"0415665654\",\r\n emailAddress: \"john.doe@test.com\",\r\n clientId: \"C125053\",\r\n unitNumber: \"\",\r\n streetNumber: \"111\",\r\n suburb: \"North Melbourne\",\r\n street: \"Canning St\",\r\n state: \"VIC\",\r\n postCode: \"3051\",\r\n businessName: \"X Corp\",\r\n employerPhone: \"1800000000\",\r\n employmentBasis: \"Full Time Work\",\r\n dateStarted: {\r\n day: 1,\r\n month: 1,\r\n year: 2009,\r\n },\r\n numberOfDependents: \"0\",\r\n },\r\n openAccounts: [\r\n {\r\n percentRepaid: 0.7723719695381821,\r\n monitorCategoryA: \"\",\r\n availableCredit: -814.51,\r\n accountNumber: \"622529\",\r\n accountType: \"MACC\",\r\n accountDescription: \"PL\",\r\n accountPurpose: \"Wedding Expenses\",\r\n netBalance: 1052.29,\r\n contractedPaymentRegular: 131.87,\r\n minimumPaymentValue: 0,\r\n openedDate: {\r\n day: 18,\r\n month: 2,\r\n year: 2021,\r\n },\r\n dateQuoted: {\r\n day: 18,\r\n month: 2,\r\n year: 2021,\r\n },\r\n nextPaymentDate: { day: 13, month: 6, year: 2023 },\r\n arrearsValue: -2631.87,\r\n nextPaymentAmount: 250,\r\n loanAmountAdvanced: 3000,\r\n loanAmountRefinance: 0,\r\n payFrequency: \"f\",\r\n hasPendingTransaction: false,\r\n increaseRepayments: INCREASE_PAYMENT_STATES.SCHEDULE_MORE_THAN_TWO,\r\n decreaseRepayments:\r\n DECREASE_PAYMENT_STATES.REDIRECT_MANAGE_REPAYMENTS,\r\n arrears: \"\",\r\n termCycle: \"471d\",\r\n paymentPercentages: {\r\n repaid: 100,\r\n unpaid: 0,\r\n arrears: 0,\r\n scheduledPayment: 0,\r\n totalPercentage: 100,\r\n },\r\n\r\n scheduledPayments: [\r\n {\r\n date: { day: 2, month: 5, year: 2023 },\r\n balance: 5500,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 16, month: 5, year: 2023 },\r\n balance: 5350,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 30, month: 5, year: 2023 },\r\n balance: 5200,\r\n status: \"Repaid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 13, month: 6, year: 2023 },\r\n balance: 4900,\r\n status: \"Due\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 27, month: 6, year: 2023 },\r\n balance: 4900,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: true,\r\n },\r\n {\r\n date: { day: 10, month: 7, year: 2023 },\r\n balance: 4920,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 24, month: 7, year: 2023 },\r\n balance: 4500,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 8, month: 8, year: 2023 },\r\n balance: 4350,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 22, month: 8, year: 2023 },\r\n balance: 4300,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 5, month: 9, year: 2023 },\r\n balance: 4200,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 19, month: 9, year: 2023 },\r\n balance: 4100,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 2, month: 10, year: 2023 },\r\n balance: 3950,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 16, month: 10, year: 2023 },\r\n balance: 3800,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 30, month: 10, year: 2023 },\r\n balance: 3550,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 14, month: 11, year: 2023 },\r\n balance: 3320,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 28, month: 11, year: 2023 },\r\n balance: 3100,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 12, month: 12, year: 2023 },\r\n balance: 2950,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 26, month: 12, year: 2023 },\r\n balance: 2700,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 9, month: 1, year: 2024 },\r\n balance: 2550,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 23, month: 1, year: 2024 },\r\n balance: 2250,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 7, month: 2, year: 2024 },\r\n balance: 2100,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 21, month: 2, year: 2024 },\r\n balance: 1900,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 7, month: 3, year: 2024 },\r\n balance: 1850,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 21, month: 3, year: 2024 },\r\n balance: 1750,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 4, month: 4, year: 2024 },\r\n balance: 1600,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 28, month: 4, year: 2024 },\r\n balance: 1500,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n ],\r\n },\r\n {\r\n percentRepaid: 0.7723719695381821,\r\n monitorCategoryA: \"PREHSHIP\",\r\n availableCredit: -814.51,\r\n accountNumber: \"622528\",\r\n accountType: \"LACC\",\r\n accountDescription: \"CL\",\r\n accountPurpose: \"Vehicle Purchase\",\r\n netBalance: 6000.29,\r\n contractedPaymentRegular: 131.87,\r\n minimumPaymentValue: 0,\r\n openedDate: {\r\n day: 18,\r\n month: 2,\r\n year: 2021,\r\n },\r\n dateQuoted: {\r\n day: 18,\r\n month: 2,\r\n year: 2021,\r\n },\r\n nextPaymentDate: { day: 21, month: 3, year: 2024 },\r\n arrearsValue: -0,\r\n nextPaymentAmount: 250,\r\n loanAmountAdvanced: 3000,\r\n loanAmountRefinance: 0,\r\n payFrequency: \"f\",\r\n hasPendingTransaction: false,\r\n increaseRepayments: INCREASE_PAYMENT_STATES.SCHEDULE_MORE_THAN_TWO,\r\n decreaseRepayments:\r\n DECREASE_PAYMENT_STATES.SHOW_CONTACT_US,\r\n arrears: \"\",\r\n termCycle: \"471d\",\r\n paymentPercentages: {\r\n repaid: 0,\r\n unpaid: 70,\r\n arrears: 0,\r\n scheduledPayment: 30,\r\n totalPercentage: 100,\r\n },\r\n\r\n scheduledPayments: [\r\n {\r\n date: { day: 2, month: 5, year: 2023 },\r\n balance: 5500,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 16, month: 5, year: 2023 },\r\n balance: 5350,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 30, month: 5, year: 2023 },\r\n balance: 5200,\r\n status: \"Repaid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 13, month: 6, year: 2023 },\r\n balance: 4900,\r\n status: \"Repaid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 27, month: 6, year: 2023 },\r\n balance: 4900,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 10, month: 7, year: 2023 },\r\n balance: 4920,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 24, month: 7, year: 2023 },\r\n balance: 4500,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 8, month: 8, year: 2023 },\r\n balance: 4350,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 22, month: 8, year: 2023 },\r\n balance: 4300,\r\n status: \"Repaid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 5, month: 9, year: 2023 },\r\n balance: 4200,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 19, month: 9, year: 2023 },\r\n balance: 4100,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 2, month: 10, year: 2023 },\r\n balance: 3950,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 16, month: 10, year: 2023 },\r\n balance: 3800,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 30, month: 10, year: 2023 },\r\n balance: 3550,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 14, month: 11, year: 2023 },\r\n balance: 3320,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 28, month: 11, year: 2023 },\r\n balance: 3100,\r\n status: \"Repaid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 12, month: 12, year: 2023 },\r\n balance: 2950,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 26, month: 12, year: 2023 },\r\n balance: 2700,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 9, month: 1, year: 2024 },\r\n balance: 2550,\r\n status: \"Repaid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 23, month: 1, year: 2024 },\r\n balance: 2250,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 7, month: 2, year: 2024 },\r\n balance: 2100,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 21, month: 2, year: 2024 },\r\n balance: 1900,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 7, month: 3, year: 2024 },\r\n balance: 1850,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 21, month: 3, year: 2024 },\r\n balance: 1750,\r\n status: \"Due\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 4, month: 4, year: 2024 },\r\n balance: 1600,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: true,\r\n },\r\n {\r\n date: { day: 28, month: 4, year: 2024 },\r\n balance: 1500,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: true,\r\n },\r\n ],\r\n },\r\n {\r\n percentRepaid: 0.7723719695381821,\r\n monitorCategoryA: \"\",\r\n availableCredit: 500.29,\r\n accountNumber: \"622527\",\r\n accountType: \"LOC\",\r\n accountDescription: \"LOC\",\r\n accountPurpose: \"Emergency Funds\",\r\n netBalance: 500.29,\r\n contractedPaymentRegular: 131.87,\r\n minimumPaymentValue: 0,\r\n openedDate: {\r\n day: 18,\r\n month: 2,\r\n year: 2021,\r\n },\r\n dateQuoted: {\r\n day: 18,\r\n month: 2,\r\n year: 2021,\r\n },\r\n nextPaymentDate: { day: 5, month: 9, year: 2023 },\r\n arrearsValue: 30,\r\n nextPaymentAmount: 250,\r\n loanAmountAdvanced: 1200,\r\n loanAmountRefinance: 0,\r\n payFrequency: \"f\",\r\n hasPendingTransaction: false,\r\n increaseRepayments: INCREASE_PAYMENT_STATES.SCHEDULE_MORE_THAN_TWO,\r\n decreaseRepayments:\r\n DECREASE_PAYMENT_STATES.REDIRECT_MANAGE_REPAYMENTS,\r\n arrears: \"arrears-loc\",\r\n termCycle: \"471d\",\r\n paymentPercentages: {\r\n repaid: 50,\r\n unpaid: 30,\r\n arrears: 10,\r\n scheduledPayment: 10,\r\n totalPercentage: 100,\r\n },\r\n scheduledPayments: [\r\n {\r\n date: { day: 2, month: 5, year: 2023 },\r\n balance: 5500,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 16, month: 5, year: 2023 },\r\n balance: 5350,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 30, month: 5, year: 2023 },\r\n balance: 5200,\r\n status: \"Repaid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 13, month: 6, year: 2023 },\r\n balance: 4900,\r\n status: \"Missed\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 27, month: 6, year: 2023 },\r\n balance: 4900,\r\n status: \"Missed\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 10, month: 7, year: 2023 },\r\n balance: 4920,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 24, month: 7, year: 2023 },\r\n balance: 4500,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 8, month: 8, year: 2023 },\r\n balance: 4350,\r\n status: \"Paid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 22, month: 8, year: 2023 },\r\n balance: 4300,\r\n status: \"Repaid\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 5, month: 9, year: 2023 },\r\n balance: 4200,\r\n status: \"Due\",\r\n amount: 0,\r\n isPaymentPromise: true,\r\n },\r\n {\r\n date: { day: 19, month: 9, year: 2023 },\r\n balance: 4100,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: true,\r\n },\r\n {\r\n date: { day: 2, month: 10, year: 2023 },\r\n balance: 3950,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: true,\r\n },\r\n {\r\n date: { day: 16, month: 10, year: 2023 },\r\n balance: 3800,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 30, month: 10, year: 2023 },\r\n balance: 3550,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 14, month: 11, year: 2023 },\r\n balance: 3320,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 28, month: 11, year: 2023 },\r\n balance: 3100,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 12, month: 12, year: 2023 },\r\n balance: 2950,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 26, month: 12, year: 2023 },\r\n balance: 2700,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 9, month: 1, year: 2024 },\r\n balance: 2550,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 23, month: 1, year: 2024 },\r\n balance: 2250,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 7, month: 2, year: 2024 },\r\n balance: 2100,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 21, month: 2, year: 2024 },\r\n balance: 1900,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 7, month: 3, year: 2024 },\r\n balance: 1850,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 21, month: 3, year: 2024 },\r\n balance: 1750,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 4, month: 4, year: 2024 },\r\n balance: 1600,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n {\r\n date: { day: 28, month: 4, year: 2024 },\r\n balance: 1500,\r\n status: \"Future\",\r\n amount: 0,\r\n isPaymentPromise: false,\r\n },\r\n ],\r\n },\r\n ],\r\n quoteAccounts: [],\r\n closedAccounts: [],\r\n clientNotifications: [\"account-transaction-activity\", \"preferences-update\"],\r\n dashboardMessage: {\r\n dashboardPrimaryMessageModel: {\r\n banner: \"Hi John,\",\r\n desktopContent:\r\n \"In the coming months our clever tech team will deliver more functionality so you can manage your account. So watch this space!\",\r\n mobileContent:\r\n \"In the coming months our clever tech team will deliver more functionality so you can manage your account. So watch this space!\",\r\n icon: \"SmilingFace\",\r\n theme: \"ComfortGreen\",\r\n },\r\n dashboardPriorityPrimaryMessageModel: {\r\n banner: \"\",\r\n subBanner: \"\",\r\n desktopContent: \"\",\r\n mobileContent: \"\",\r\n expiry: \"\",\r\n icon: \"\",\r\n },\r\n dashboardSecondaryMessageModel: {\r\n banner: \"Combination of Reasons\",\r\n desktopContent:\r\n 'Your current loan request has unfortunately been unsuccessful due to a few reasons including your bank account conduct. To help improve your chances for approval in the future, here is a link to some helpful information. We will also be in touch over the coming months with more helpful tips that we hope can help you go forward, financially',\r\n mobileContent:\r\n 'Your current loan request has unfortunately been unsuccessful due to a few reasons including your bank account conduct. Here is a link to some helpful information and we\\'ll keep in touch with more',\r\n reapply:\r\n \"Please wait -357 days before re-applying (this can help protect your credit rating too.)\",\r\n show: false,\r\n icon: \"Information\",\r\n },\r\n },\r\n creditScores: [\r\n {\r\n score: 539,\r\n date: {\r\n day: 18,\r\n month: 2,\r\n year: 2021,\r\n },\r\n },\r\n ],\r\n hasHadFundedAccount: true,\r\n eligibilityResult: {\r\n applyNewAutoLoan: {\r\n isEligible: true,\r\n },\r\n applyNewLineOfCredit: {\r\n isEligible: true,\r\n },\r\n applyNewPersonalLoan: {\r\n isEligible: true,\r\n },\r\n applyTopUpPersonalLoan: {\r\n isEligible: true,\r\n },\r\n drawDownLineOfCredit: {\r\n isEligible: true,\r\n },\r\n lineOfCreditLimitIncrease: {\r\n isEligible: true,\r\n },\r\n },\r\n },\r\n });\r\n};\r\n","import { bootstrapWindowsTools } from \"./bootstrapWindowsTools\";\r\nimport { bootstrapReplacers } from \"./bootstrapReplacers\";\r\n\r\nexport const createDevActionsMiddleware = () => {\r\n bootstrapWindowsTools();\r\n const replacements = bootstrapReplacers();\r\n\r\n return (storeAPI) => (next) => (action) => {\r\n const { type } = action;\r\n\r\n if (replacements.hasOwnProperty(type)) {\r\n const replacementAction = replacements[type];\r\n\r\n console.log(`Found ${type} replacement via window.setDevToolsEnabled({${type}: true});, disable with window.setDevToolsEnabled({${type}: false});`);\r\n console.log(\"actual action: \", action);\r\n console.log(\"replaced with: \", replacementAction);\r\n\r\n return next(replacementAction);\r\n }\r\n\r\n return next(action);\r\n }\r\n};","import { eligibleKey, johnAccountKey } from \"./constants\";\r\n\r\nexport const bootstrapWindowsTools = () => {\r\n // i.e. window.setDevToolsEnabled({eligible: true, johnAccount: true})\r\n window.setDevToolsEnabled = ({ eligible = false, johnAccount = false, ...badOptions }) => {\r\n window.sessionStorage.setItem(eligibleKey, eligible.toString());\r\n window.sessionStorage.setItem(johnAccountKey, johnAccount.toString());\r\n\r\n if (Object.keys(badOptions).length > 0) {\r\n console.log(`The following options are not supported: ${Object.keys(badOptions).join(\", \")}`);\r\n }\r\n }\r\n};","import { createStore, applyMiddleware } from \"redux\";\r\nimport createSagaMiddleware from \"redux-saga\";\r\nimport { composeWithDevTools } from \"@redux-devtools/extension\";\r\nimport { createRootReducer } from \"./root-reducer\";\r\nimport rootSaga from \"./root-saga\";\r\nimport { createDevActionsMiddleware } from \"./devActionsMiddleware\";\r\nimport { isProduction } from './../utils/helpers/environment';\r\n\r\nconst sagaMiddleware = createSagaMiddleware();\r\nconst middlewares = [sagaMiddleware];\r\n\r\nconst bindMiddleware = middleware => {\r\n if (!isProduction()) {\r\n const devActionsMiddleware = createDevActionsMiddleware();\r\n return composeWithDevTools(applyMiddleware(...middleware, devActionsMiddleware));\r\n }\r\n return applyMiddleware(...middleware);\r\n};\r\n\r\nconst store = createStore(\r\n createRootReducer(),\r\n bindMiddleware(middlewares)\r\n);\r\n\r\nsagaMiddleware.run(rootSaga);\r\n\r\nexport default store;","import { combineReducers } from \"redux\";\r\nimport StartUp from \"./startup/reducer\";\r\nimport Client from \"./client/reducer\";\r\nimport applicationForm from \"./applicationForm/reducer\";\r\nimport manageRepaymentsForm from \"./manageRepaymentsForm/reducer\";\r\nimport ContentDelivery from \"./contentDelivery/reducer\";\r\n\r\nexport const createRootReducer = () => combineReducers({\r\n StartUp, // todo: make this not capitalised\r\n Client, // todo: make this not capitalised\r\n applicationForm,\r\n manageRepaymentsForm,\r\n ContentDelivery,\r\n});\r\n","import React from 'react';\r\nimport styled, { css } from \"styled-components\";\r\n\r\nconst ErrorWrapper = styled.div`\r\n display: flex;\r\n flex: 1;\r\n text-align: center;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n`;\r\n\r\nconst ErrorContainer = styled.div(({ theme }) => css`\r\n padding: 50px 20px;\r\n h1 {\r\n font-size: ${theme.fonts.sizes.h2};\r\n color: ${theme.palette.status.bad};\r\n margin-bottom: 12px;\r\n }\r\n\r\n p {\r\n font-size: ${theme.fonts.sizes.h6};\r\n margin-bottom: 8px;\r\n }\r\n`);\r\nclass ErrorBoundary extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { hasError: false };\r\n }\r\n\r\n static getDerivedStateFromError(error) {\r\n return { hasError: true };\r\n }\r\n\r\n render() {\r\n if (this.state.hasError) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n\r\n return this.props.children;\r\n }\r\n}\r\n\r\nexport default ErrorBoundary;\r\n","import { useContext } from \"../../utils/reactAdapter\";\r\nimport { useOnMount } from \"../../hooks\";\r\nimport { AuthContext } from \"../../providers/authProvider\";\r\n\r\nexport const useAuthMountCallback = (callback, secondsDelay = 0) => {\r\n const authContext = useContext(AuthContext);\r\n \r\n useOnMount(() => {\r\n setTimeout(() => {\r\n callback(authContext);\r\n }, secondsDelay * 1000)\r\n });\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport Loader from \"../loader\";\r\nimport PageWrapper from \"../../containers/PageWrapper\";\r\nimport { useAuthMountCallback } from \"../../hooks/auth\";\r\nimport { REDIRECT_DELAY_SECONDS } from \"../../constants/commonConstants\";\r\n\r\nconst hangInThereDelay = 3000;\r\nconst tryReloadingDelay = hangInThereDelay + 7000;\r\n\r\nconst useLoaderMessage = () => {\r\n const [loaderMessage, setLoaderMessage] = useState(redirecting you);\r\n\r\n useEffect(() => {\r\n const hangInThereTimeoutId = setTimeout(() => {\r\n setLoaderMessage(hang in there, almost complete);\r\n }, hangInThereDelay);\r\n\r\n const tryReloadingTimeoutId = setTimeout(() => {\r\n setLoaderMessage(try reloading);\r\n }, tryReloadingDelay);\r\n\r\n return () => {\r\n clearTimeout(hangInThereTimeoutId);\r\n clearTimeout(tryReloadingTimeoutId);\r\n }\r\n }, [setLoaderMessage]);\r\n\r\n return loaderMessage;\r\n};\r\n\r\nexport const Callback = () => {\r\n const loaderMessage = useLoaderMessage();\r\n useAuthMountCallback(\r\n (authService) => authService.signinRedirectCallback(),\r\n REDIRECT_DELAY_SECONDS.STANDARD\r\n );\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","import React from \"react\";\r\nimport { useAuthMountCallback } from \"../../hooks/auth\";\r\nimport PageWrapper from \"../../containers/PageWrapper\";\r\nimport Loader from \"../loader\";\r\nimport { REDIRECT_DELAY_SECONDS } from \"../../constants/commonConstants\";\r\n\r\nexport const Logout = () => {\r\n useAuthMountCallback(\r\n (authService) => authService.logout(),\r\n REDIRECT_DELAY_SECONDS.STANDARD\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {children} : \r\n \r\n \r\n This page doesn't exist \r\n \r\n \r\n );\r\n};\r\n","import { FourOhFour } from \"./fourOhFour\";\r\n\r\nexport default FourOhFour;","import React, { lazy, Suspense, useEffect, useMemo } from \"react\";\r\nimport { Switch, Route } from \"react-router-dom\";\r\nimport {\r\n CompatRoute,\r\n useSearchParams,\r\n useLocation,\r\n Navigate,\r\n} from \"react-router-dom-v5-compat\";\r\nimport { useSelector } from \"react-redux\";\r\nimport ErrorBoundary from \"./ErrorBoundary\";\r\nimport { PRIVATE_ROUTE, PUBLIC_ROUTE } from \"./route.constants\";\r\nimport Loader, { LoadingStubber } from \"./components/loader\";\r\nimport { Callback } from \"./components/auth/callback\";\r\nimport { LoggedOut } from \"./components/auth/loggedOut\";\r\nimport { Logout } from \"./components/auth/logout\";\r\nimport { LogoutCallback } from \"./components/auth/logoutCallback\";\r\nimport { SilentRenew } from \"./components/auth/silentRenew\";\r\nimport { PrivateRoute } from \"./components/routes\";\r\nimport TriggerGet from \"./components/triggerGet/TriggerGet\";\r\nimport FourOhFour from \"./containers/FourOhFour\";\r\n\r\nconst privateRoutes = [\r\n {\r\n path: PRIVATE_ROUTE.LANDING,\r\n exact: true,\r\n component: lazy(() => import(\"./containers/Dashboard\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.PAYMENT,\r\n exact: true,\r\n component: lazy(() => import(\"./containers/Payment\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.EZIDEBIT,\r\n exact: true,\r\n component: lazy(() => import(\"./containers/EziDebitForm\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.APPLY_PERSONAL_LOAN_APPLY,\r\n exact: false,\r\n component: lazy(() => import(\"./containers/Forms/containers/ApplyPL\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.APPLY_REFINANCE,\r\n exact: false,\r\n component: lazy(() => import(\"./containers/Forms/containers/ApplyTopUp\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.APPLY_LOC_APPLY,\r\n exact: false,\r\n component: lazy(() => import(\"./containers/Forms/containers/ApplyLoc\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.APPLY_CAR_LOAN_APPLY,\r\n exact: false,\r\n component: lazy(() => import(\"./containers/Forms/containers/ApplyCL\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.APPLY_LOC_DRAWDOWN,\r\n exact: false,\r\n component: lazy(() =>\r\n import(\"./containers/Forms/containers/ApplyLocDrawDown\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.APPLY_NOW_MENU,\r\n exact: false,\r\n component: lazy(() => import(\"./containers/ApplyNowMenu\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.MANAGE_REPAYMENTS,\r\n exact: false,\r\n component: lazy(() => import(\"./containers/ManageRepayments\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.LOAN_HISTORY,\r\n exact: false,\r\n component: lazy(() => import(\"./containers/LoanHistory\")),\r\n },\r\n {\r\n path: PRIVATE_ROUTE.HELP,\r\n exact: false,\r\n component: lazy(() => import(\"./containers/HelpSection\")),\r\n },\r\n];\r\n\r\nexport default function Routes() {\r\n const [searchParams, setSearchParams] = useSearchParams();\r\n const { queryString } = useSelector((state) => state.StartUp);\r\n const location = useLocation();\r\n\r\n const cachedSearchParamsValue = useMemo(() => {\r\n const utmTagKeys = [\r\n \"utm_source\",\r\n \"utm_medium\",\r\n \"utm_campaign\",\r\n \"utm_term\",\r\n \"utm_content\",\r\n ];\r\n\r\n let searchParamObject = {};\r\n for (const [key, value] of Object.entries(queryString)) {\r\n if (utmTagKeys.some((item) => item === key)) {\r\n searchParamObject[key] = value;\r\n }\r\n }\r\n return searchParamObject;\r\n }, [queryString]);\r\n\r\n useEffect(() => {\r\n const existingParams = Object.fromEntries([...searchParams]);\r\n if (location.pathname !== PUBLIC_ROUTE.INDEX) {\r\n setSearchParams({ ...existingParams, ...cachedSearchParamsValue });\r\n }\r\n }, [\r\n setSearchParams,\r\n cachedSearchParamsValue,\r\n location.pathname,\r\n searchParams,\r\n ]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n {privateRoutes.map((route, index) => (\r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n );\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { useContext } from \"../../utils/reactAdapter\";\r\nimport { AuthContext } from \"../../providers/authProvider\";\r\nimport authenticatedPopsApi from \"../../utils/portalApi\";\r\nimport { getTokens } from \"./getTokens\";\r\nimport { environmentSettings } from \"@constants/environmentSettings\";\r\n\r\n// potentially gut this and turn it into a custom hook\r\n// that way if we want to use this inline of a component\r\n// we can have that option. For now this solution works\r\n// as we want to define the Auth context provider + setup axios\r\n// integration inside the JSX of a single component\r\nexport const AxiosAuthInterceptor = () => {\r\n const authContext = useContext(AuthContext);\r\n\r\n useEffect(() => {\r\n const interceptor = authenticatedPopsApi.interceptors.request.use(async (config) => {\r\n const { access_token: accessToken } = await getTokens(authContext);\r\n\r\n if (accessToken) {\r\n config.headers['Authorization'] = 'Bearer ' + accessToken;\r\n }\r\n\r\n if (environmentSettings.authority !== null && environmentSettings.authority.length > 0) {\r\n config.params = config.params || {};\r\n config.params[\"authority\"] = environmentSettings.authority;\r\n }\r\n \r\n return config;\r\n });\r\n\r\n return () => { authenticatedPopsApi.interceptors.request.eject(interceptor) }\r\n }, [authContext]);\r\n\r\n return <>;\r\n};","import { useEffect } from \"react\";\r\nimport Cookies from \"universal-cookie\";\r\nimport { MD5 } from \"crypto-js\";\r\n\r\nconst useSetHashedCookies = (name, value, options) => {\r\n useEffect(() => {\r\n const cookies = new Cookies(null, options);\r\n if (value) {\r\n const hashedValue = MD5(value).toString();\r\n cookies.set(name, hashedValue);\r\n }\r\n }, [value, name, options]);\r\n};\r\n\r\nexport default useSetHashedCookies;","import { environmentSettings } from \"../../constants/environmentSettings\";\r\n\r\nexport const oneYearFromToday = () => {\r\n const date = new Date();\r\n date.setUTCFullYear(date.getUTCFullYear() + 1);\r\n\r\n return date;\r\n};\r\n\r\nexport const defaultCookiesOptions = {\r\n path: \"/\",\r\n expires: oneYearFromToday(),\r\n domain: environmentSettings.cookieDomain,\r\n sameSite: \"lax\",\r\n};\r\n","import React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { ThemeProvider } from \"styled-components\";\r\nimport { brands } from \"@theme/config\";\r\nimport { AuthProvider } from \"./providers/authProvider\";\r\nimport { AxiosAuthInterceptor } from \"./components/axiosAuthInterceptor\";\r\nimport useSetHashedCookies from \"@hooks/useSetHashedCookies\";\r\nimport { COOKIES_NAME } from \"./constants/commonConstants\";\r\nimport { defaultCookiesOptions } from \"./utils/helpers/cookiesHelper\";\r\n\r\nexport default function AppProvider({ children }) {\r\n const {\r\n brandKey,\r\n brand: {\r\n configFile: { useChatbot },\r\n },\r\n } = useSelector((state) => state.StartUp);\r\n const { emailAddress, clientId } = useSelector(\r\n (state) => state.Client.clientData.clientDetails || {}\r\n );\r\n const showOrHideChatbot = useChatbot ? \"show\" : \"hide\";\r\n window.zE(\"webWidget\", showOrHideChatbot);\r\n\r\n useSetHashedCookies(COOKIES_NAME.EMAIL_ADDRESS_COOKIE, emailAddress, defaultCookiesOptions);\r\n useSetHashedCookies(COOKIES_NAME.CLIENT_ID_COOKIE, clientId, defaultCookiesOptions);\r\n\r\n return (\r\n \r\n \r\n {children}\r\n \r\n \r\n );\r\n}\r\n","import store from \"./store\";\r\nimport actions from \"../redux/startup/actions\";\r\n\r\nexport default payload =>\r\n new Promise(() => {\r\n store.dispatch(actions.startUp(payload));\r\n store.dispatch(actions.parseQueryString());\r\n });\r\n","import React from 'react';\r\nimport { Provider } from 'react-redux';\r\nimport GlobalStyles from './theme/global/globalStyles';\r\nimport store from './redux/store';\r\nimport Boot from './redux/boot';\r\nimport Routes from './routes';\r\nimport AppProvider from './AppProvider';\r\nimport { ModalParent } from \"./components/modal\";\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport { CompatRouter } from \"react-router-dom-v5-compat\";\r\n\r\nconst App = () => {\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\nBoot()\r\n .then(() => {})\r\n .catch((error) => console.error(error));\r\n\r\nexport default App;","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then(registration => {\r\n registration.unregister();\r\n })\r\n .catch(error => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","import 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\nimport 'resize-observer-polyfill/dist/ResizeObserver.global'\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport authService from \"./services/authService\";\r\nimport TagManager from 'react-gtm-module';\r\nimport { environmentSettings } from \"./constants/environmentSettings\";\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\n\r\nconst helmetContext = {};\r\n\r\nconst tagManagerArgs = {\r\n gtmId: environmentSettings.gtmId,\r\n auth: environmentSettings.gtmAuth,\r\n preview: environmentSettings.gtmPreview\r\n}\r\n\r\nTagManager.initialize(tagManagerArgs);\r\n\r\n// bootstrap singleton auth service.\r\n// this was originally on a useState(() => new authService()) inside of the AuthProvider\r\n// however something was causing the Provider to re-attach and thus create two authServices\r\n// of which oidc-client-js does not provide any documented ways to completly cleanup\r\n// the auth service and I am not sure if calling the methods I found on the event\r\n// object would be enough to fully clean up. Therefore please either keep this\r\n// here OR find a way to stop it from remounting OR if you have found the proper way\r\n// to fully deregister an authService\r\nwindow.authService = new authService();\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n document.getElementById(\"root\")\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\nexport { applyBankStepSchema } from \"./containers/Forms/schema/applyBankStepSchema\";"],"sourceRoot":""}
{header}
\r\n {closeable && }\r\n \r\n {children}
\r\n \r\n \r\n \r\n )\r\n );\r\n};\r\n\r\nexport default Modal;\r\n","import styled, { css } from \"styled-components\";\r\nimport { isIE11 } from \"../../utils/helpers/browserHelper\";\r\n\r\nconst Wrapper = styled.div(({ theme }) => css`\r\n .modal-overlay {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-sizing: border-box;\r\n z-index: 999999;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100vh;\r\n width: 100vw;\r\n padding-top: 100px;\r\n padding-bottom: 50px;\r\n\r\n @media only screen and (max-width: ${theme.breakpoints.M}) {\r\n padding-top: 20px;\r\n padding-bottom: 75px;\r\n }\r\n\r\n transition: background-color 0.3s ease;\r\n background-color: rgba(0, 0, 0, 0);\r\n\r\n &.ReactModal__Overlay--after-open {\r\n background-color: ${theme.palette.modal.overlay};\r\n }\r\n\r\n &.is-closing {\r\n background-color: rgba(0, 0, 0, 0);\r\n }\r\n }\r\n\r\n .modal-container {\r\n display: flex;\r\n }\r\n\r\n .modal-container, .modal-content {\r\n max-height: 100%;\r\n }\r\n\r\n .modal-content {\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n background-color: ${theme.palette.main.white};\r\n text-align: left;\r\n font-size: ${theme.fonts.sizes.p5};\r\n\r\n @media only screen and (max-width: ${theme.breakpoints.M}) {\r\n max-width: calc(100vw - 40px) !important;\r\n }\r\n\r\n ${isIE11 && `\r\n max-height: calc(100vh - 100px);\r\n `}\r\n &.extra-small {\r\n max-width: 358px;\r\n /* IE11 max-width px fix */\r\n flex: 1 0 358px;\r\n }\r\n\r\n &.small {\r\n max-width: 500px;\r\n /* IE11 max-width px fix */\r\n flex: 1 0 500px;\r\n }\r\n\r\n &.medium {\r\n max-width: 60vw;\r\n width: 100%;\r\n }\r\n\r\n &.large {\r\n max-width: 90vw;\r\n width: 100%;\r\n }\r\n\r\n p {\r\n margin-top: ${theme.fonts.sizes.p5};\r\n margin-bottom: ${theme.fonts.sizes.p5};\r\n }\r\n }\r\n\r\n .modal-Body {\r\n overflow: auto;\r\n padding: 8px 16px;\r\n color: ${theme.palette.grayscale.gray};\r\n }\r\n\r\n .modal-Header {\r\n display: flex;\r\n flex-shrink: 0;\r\n align-items: center;\r\n justify-content: left;\r\n background: ${theme.palette.modal.header};\r\n color: ${theme.palette.main.white};\r\n padding: 20px;\r\n }\r\n\r\n .modal-Title {\r\n display: block;\r\n width: 90%;\r\n text-align: center;\r\n font-size: 20px;\r\n font-weight: 600;\r\n text-transform: ${theme.fonts.headingCase};\r\n }\r\n\r\n .modal-empty-div {\r\n width: 5%;\r\n }\r\n\r\n .modal-Footer {\r\n display: flex;\r\n flex-shrink: 0;\r\n justify-content: center;\r\n background-color: ${theme.palette.main.white};\r\n color: black;\r\n padding: 12px 16px 14px;\r\n }\r\n\r\n .modal-Close-Icon {\r\n align-self: center;\r\n background: none;\r\n border: none;\r\n color: ${theme.palette.main.white};\r\n float: right;\r\n font-size: 24px;\r\n font-weight: ${theme.fonts.headingWeight};\r\n width: 5%;\r\n }\r\n\r\n .modal-Close-Icon:hover,\r\n .modal-Close-Icon:focus {\r\n color: ${theme.palette.main.black};\r\n cursor: pointer;\r\n }\r\n`);\r\n\r\nexport default Wrapper;\r\n","import { useEffect } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\n\r\nexport const Portal = ({parentId, useBody, children}) => {\r\n const mount = useBody ? document.body : document.getElementById(parentId);\r\n const el = document.createElement(\"div\");\r\n\r\n useEffect(() => {\r\n mount.appendChild(el);\r\n return () => { mount.removeChild(el) };\r\n }, [el, mount]);\r\n\r\n return createPortal(children, el)\r\n};\r\n","import ReactModal from \"react-modal\";\r\nimport React from \"react\";\r\nimport Wrapper from \"./modal.styles\";\r\nimport { Portal } from \"./portal\";\r\n\r\nReactModal.setAppElement(\"#root\");\r\n\r\nexport const ModalParent = () => {\r\n\r\n return (\r\n {eachItem.label}
\r\n \r\n{eachItem.label}
\r\n \r\n ))}\r\n \r\n )}\r\n\r\n
\r\n \r\n © 2012-{currentYear} {companyName} • ACN {acn} | ACL {acl}\r\n
\r\n\r\n
\r\n \r\n © 2012-{currentYear} {companyName}
ACN {acn} | ACL {acl}\r\n
\r\n
\r\n \r\n Secure & Private • Your info is safe with us\r\n
\r\n\r\n
\r\n \r\n Secure & Private
Your info is safe with us\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 Loading Failed
\r\nSorry, something went wrong.
\r\nPlease try reloading this page.
\r\nLogged Out!
\r\n Home\r\n404
\r\nSorry, the page you are looking for may have been moved, deleted, or possibly never existed.
\r\n Go back to the dashboard\r\n