\n
\n ) : (\n \n \n \n );\n};\n\nconst mapStateToProps = (state) => ({\n user: state.auth.user,\n byPassUrl: state.auth.byPassUrl,\n isUserClient: selectIsUserClient(state),\n});\n\nexport default connect(mapStateToProps)(UserActions);\n","import { Link } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\nimport auth from '../../../../services/auth';\nimport UserActions from '../user-actions/UserActions';\nimport {\n selectIsUserClient,\n selectIsUserAdmin,\n} from '../../../../features/auth';\nimport theme, { THEMES } from '../../../../services/theme';\nimport { SCREEN_LABELS } from '../../../../scenes/calculators/Calculators';\n\nexport default ({ mobile, show }) => {\n const isUserClient = useSelector(selectIsUserClient);\n const isUserAdmin = useSelector(selectIsUserAdmin);\n const adminModuleUrl = theme.isUsTheme\n ? 'https://usaadmin.bicalculator.com/Admin/Calculators'\n : 'https://admin.bicalculator.com/Admin/Calculators';\n return (\n \n {!isUserClient && (\n \n {isSharedAccount === false && byPassUrl?.url ? (\n \n \n {userInfo()}\n \n \n ) : (\n userInfo()\n )}\n \n )}\n
\n \n - \n {auth.isLoggedIn && !isUserClient && theme.isUsTheme && (\n
- \n \n HOME\n \n \n )}\n {auth.isLoggedIn && !isUserClient && (\n
- \n
- \n
- \n \n ADMINISTRATION\n \n \n )}\n {theme.siteTheme !== THEMES.aviva && (\n
- \n
- \n
\n setShowMobileMenu(!showMobileMenu)}\n >\n
\n \n {theme.logo.linkType === 'local' ? (\n \n 
\n \n ) : (\n \n \n \n )}\n
\n - \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n \n \n - \n
\n \n \n - \n
\n \n \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n \n \n - \n
\n \n \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n \n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
\n \n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n \n
\n © 1999-{new Date().getFullYear()} LMI Group Pty Ltd | ABN 69 086 256\n 171 | AFS Licence No. 283777\n
\n);\n\nconst Footer = () => (\n\n {footerContents[theme.siteTheme] || \n
\n )}\n
\n \n);\n\nexport default Footer;\n","import { Layout } from 'antd';\nimport cx from 'classnames';\nimport { Header } from '../header';\nimport Footer from '../footer/Footer';\nimport './layout.less';\n\nconst { Content } = Layout;\n\nexport default ({ children, className }) => (\n {children}
\n \n {\n setEmailState({\n visible: true,\n calculatorId: CalculatorId,\n oldCalculatorId: OldCalculatorId,\n });\n onClose();\n }}\n >\n EMAIL\n \n
\n )\n )}\n \n);\n\nexport default SelectCalculatorModal;\n","import { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { Table, Tooltip, Button, Empty } from 'antd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {\n faInfoCircle,\n faFilePdf,\n faEnvelope,\n faPlay,\n faExclamationTriangle,\n faCalculator,\n} from '@fortawesome/free-solid-svg-icons';\nimport useWindowResize from '../../../../components/hooks/useWindowResize';\nimport EmailModal from '../email-modal/EmailModal';\nimport SelectCalculatorModal from '../select-calculator-modal/SelectCalculatorModal';\nimport Download from '../../../../components/download/Download';\nimport theme from '../../../../services/theme';\n\nimport './calculator-list.less';\nimport {\n fetchDataInputPdf,\n disableCalculationResult,\n} from '../../../../features/calculators';\n\nexport const stringSorter = (a, b) => {\n const stringA = a?.toUpperCase() || '';\n const stringB = b?.toUpperCase() || '';\n if (stringA < stringB) {\n return -1;\n }\n if (stringA > stringB) {\n return 1;\n }\n return 0;\n};\n\nconst CalculatorList = ({\n calculatorList,\n handleMultiCalculators,\n loading,\n userCountryId,\n buyGroupId,\n pagination = false,\n}) => {\n const [emailState, setEmailState] = useState({\n visible: false,\n calculatorId: null,\n oldCalculatorId: null,\n });\n\n const [calculatorSelectModalState, setCalculatorSelectModalState] = useState({\n visible: false,\n samePolicyCalculators: [],\n });\n\n const { isMobile } = useWindowResize();\n\n const dataSource = (calculatorList) =>\n calculatorList\n ? calculatorList.map(\n ({\n CalculatorId,\n OldCalculatorId,\n DocumentPath,\n InsurerName,\n IsPolicyArchived,\n PolicyCode,\n PolicyDate,\n PolicyName,\n MultiCalculatorPolicy,\n SamePolicyCalculators,\n CalculatorPath,\n IsActive,\n QuestionsPdfPath,\n CalculatorName,\n }) => ({\n key: CalculatorId,\n active: IsActive,\n insurer: InsurerName,\n policy: {\n CalculatorName,\n PolicyName,\n PolicyCode,\n PolicyDate,\n IsPolicyArchived,\n },\n pdf: { DocumentPath, QuestionsPdfPath, CalculatorId },\n email: {\n CalculatorId,\n OldCalculatorId,\n SamePolicyCalculators,\n },\n action: {\n CalculatorId,\n SamePolicyCalculators,\n CalculatorPath,\n Action:\n MultiCalculatorPolicy && SamePolicyCalculators?.length > 0\n ? 'SELECT'\n : 'ENTER',\n PolicyInfo: { InsurerName, PolicyName, PolicyCode },\n },\n })\n )\n : [];\n\n const columns = [\n {\n title: 'Insurer',\n dataIndex: 'insurer',\n key: 'insurer',\n width: '25%',\n sorter: (a, b) => stringSorter(a.insurer, b.insurer),\n filters: [\n ...new Set(calculatorList?.map(({ InsurerName }) => InsurerName)),\n ].map((value) => ({\n text: value,\n value,\n })),\n onFilter: (value, record) => record.insurer === value,\n filterSearch: true,\n },\n {\n title: 'Policy',\n dataIndex: 'policy',\n key: 'policy',\n width: isMobile ? '33%' : '45%',\n sorter: (a, b) => stringSorter(a.policy.PolicyName, b.policy.PolicyName),\n filters: [\n ...new Set(calculatorList?.map(({ PolicyName }) => PolicyName)),\n ].map((value) => ({\n text: value,\n value,\n })),\n onFilter: (value, record) => record.policy.PolicyName === value,\n filterSearch: true,\n render: ({\n IsPolicyArchived,\n PolicyCode,\n PolicyDate,\n PolicyName,\n CalculatorName,\n }) => (\n <>\n {MultiCalculatorPolicyName}
\n{MultiCalculatorPolicyDescription}
\n\n e.key === 'Enter' && handleUpdate()}\n />\n\n \n {value === description ? (\n
\n ) : (\n {record.values}
}\n \n );\n};\n\nexport default CalculationLabel;\n","import { Tooltip, Tag } from 'antd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faCheckCircle } from '@fortawesome/free-solid-svg-icons';\n\nconst CalculationStatus = ({ value, record }) => {\n if (value === 1 && record.newUpdate) {\n return (\n Saved Calculations
\n \n\n
\n );\n};\n\nexport default AdminSection;\n","import { Button } from 'antd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faCalculator, faBookmark } from '@fortawesome/free-solid-svg-icons';\nimport theme from '../../../../services/theme';\nimport './screen-select.less';\n\nconst ScreenSelect = ({ selectScreen, screenLabels }) => (\n Admin Section
\n \n
\n \n Country :\n \n (option?.label ?? '').toLowerCase().includes(input.toLowerCase())\n }\n options={countries}\n />\n
\n {!!buyerGroups.length && (\n \n BuyerGroup :\n \n (option?.label ?? '')\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n options={buyerGroups}\n />\n {(!!selectedBuyerGroup || selectedBuyerGroup === 0) && (\n
\n )}\n \n
\n \n
\n);\n\nexport default ScreenSelect;\n","/* eslint-disable no-nested-ternary */\n/* eslint-disable react-hooks/exhaustive-deps */\nimport { useEffect, useState } from 'react';\nimport { connect, useDispatch } from 'react-redux';\nimport { useNavigate, useParams, useLocation } from 'react-router-dom';\nimport { Button, Badge, Tag } from 'antd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faCalculator, faBookmark } from '@fortawesome/free-solid-svg-icons';\nimport cx from 'classnames';\nimport Layout from '../../components/layout/Layout';\nimport CalculatorList from './components/calculator-list/CalculatorList';\nimport MultiCalculatorList from './components/calculator-list/MultiCalculatorList';\nimport SavedCalculations from './components/saved-calculations/SavedCalculations';\nimport Ads from '../../components/ads/Ads';\nimport AdminSection from './components/admin-section/AdminSection';\nimport ScreenSelect from './components/screen-select/ScreenSelect';\nimport LayoutWithSideAds from '../../components/ads/SideAds';\nimport theme, { THEMES } from '../../services/theme';\nimport { selectIsUserAdmin } from '../../features/auth';\nimport {\n fetchCalculatorsListAsync,\n clearCalculatorStep,\n fetchResultsSummaryAsync,\n} from './calculatorsSlice';\n\nimport './calculators.less';\n\nexport const SCREEN_LABELS = {\n Calculators: 'Calculators',\n SavedCalculations: 'Saved Calculations',\n Select: 'Select',\n};\n\nconst Calculators = ({\n calculatorList,\n userCountryId,\n buyGroupId,\n isUserAdmin,\n loadingCalculatorList,\n updatedReferencesByClient,\n loadingCalculatorResultsSummary,\n}) => {\n const navigate = useNavigate();\n const { calcId } = useParams();\n const dispatch = useDispatch();\n const { state } = useLocation();\n const [calcListFilter, setCalcListFilter] = useState({\n showArchived: false,\n showInActive: false,\n });\n\n const [selectedScreen, setSelectedScreen] = useState();\n const [multiCalculators, setMultiCalculators] = useState();\n const [calculators, setCalculators] = useState();\n\n const fetchResultsSummary = (selectedCountry) => {\n const countryId = selectedCountry || userCountryId;\n if (isUserAdmin && theme.isUsTheme) {\n dispatch(fetchResultsSummaryAsync(9));\n } else {\n dispatch(fetchResultsSummaryAsync(countryId));\n }\n };\n\n const fetchCalculatorList = (selectedCountry, buyerGroupId) => {\n const countryId =\n isUserAdmin && selectedCountry ? selectedCountry : userCountryId;\n dispatch(fetchCalculatorsListAsync({ countryId, buyerGroupId }));\n };\n\n useEffect(() => {\n let list = [...calculatorList];\n if (!calcListFilter.showArchived) {\n list = list.filter(({ IsPolicyArchived }) => !IsPolicyArchived);\n }\n if (!calcListFilter.showInActive) {\n list = list.filter(({ IsActive }) => IsActive);\n }\n setCalculators(list);\n }, [calcListFilter, calculatorList]);\n\n useEffect(() => {\n dispatch(clearCalculatorStep());\n // if user is admin then fetching calculator list from admin section\n if (userCountryId && !isUserAdmin) {\n fetchCalculatorList();\n }\n }, [userCountryId]);\n\n useEffect(() => {\n if (theme.isUsTheme && !isUserAdmin) {\n // Set USA countryId 9 as a default\n fetchResultsSummary(9);\n }\n }, [selectedScreen]);\n\n useEffect(() => {\n if (state) {\n if (state.screen === SCREEN_LABELS.Calculators) {\n setSelectedScreen(SCREEN_LABELS.Calculators);\n }\n if (state.screen === SCREEN_LABELS.SavedCalculations) {\n setSelectedScreen(SCREEN_LABELS.SavedCalculations);\n }\n if (state.screen === SCREEN_LABELS.Select) {\n setSelectedScreen();\n }\n }\n if (!theme.isUsTheme) {\n setSelectedScreen(SCREEN_LABELS.Calculators);\n }\n }, [state]);\n\n useEffect(() => {\n if (calcId) {\n const selectedPolicyMultiCalculators = calculatorList?.find(\n (calc) => calc.CalculatorId === +calcId\n );\n setMultiCalculators(selectedPolicyMultiCalculators);\n }\n }, [calculatorList, calcId]);\n\n const handleMultiCalculators = (calcId) => {\n navigate(`/policy/calculators/${calcId}`);\n };\n\n const renderMultiCalculatorContent = () => (\n <>\n \n \n
\n selectScreen(screenLabels.Calculators)}\n >\n START NOW\n \n
\n {theme.isUsTheme && (\n \n
\n \n Calculate Business Interruption quickly and accurately with our\n calculators individually tailored to the policy wording.\n
\n\n \n
\n selectScreen(screenLabels.SavedCalculations)}\n >\n VIEW SAVED\n \n
\n )}\n \n
\n \n Find saved calculations that you saved for later and edit, download or\n share with your client.\n
\nPlease select a calculator under the selected policy
\nPolicy Information
\n\n {multiCalculators?.MultiCalculatorPolicy && (\n <>\n{multiCalculators.InsurerName}
\n {multiCalculators.PolicyName}
\n \n {`${multiCalculators.PolicyCode} (${multiCalculators.PolicyDate})`}\n
\n \n )}\n\n \n
\n \n );\n\n const renderCalculatorListContent = () => (\n <>\n \n
\n\n {isUserAdmin && (\n \n Our Business Interruption calculators are specific to individual\n policies.\n
\n\n {[THEMES.partnersand, THEMES.axa, THEMES.aviva].includes(\n theme.siteTheme\n ) ? (\n <>\n\n To bring up the correct cover calculator simply click the\n appropriate "Enter" button. To double check that you\n have the correct policy you can click on the "PDF" icon\n for the wording, many of our policy documents are{' '}\n " Insurance Act " compliant.\n
\n\n If you wish to email a link of the correct cover calculator to\n your client, accountant or the like please simply click on the\n Email icon and then email it with an explanation as to what you\n want the recipient to do with it.\n
\n \n ) : (\n <>\n\n To bring up the correct cover calculator simply click the\n appropriate "Enter" button. To double check that you\n have the correct policy you can click on the "PDF" icon\n for the wording.\n
\n\n If you wish to email a link of the correct cover calculator to\n your client, accountant or the like please simply click on the\n Email icon and then email it with an explanation as to what you\n want the recipient to do with it.\n
\n \n )}\n\n Inactive Calculator \n
\n )}\n\n \n
\n \n );\n\n const renderSavedCalculations = () => (\n <>\n \n
\n \n View, edit or send completed or partially completed calculations!\n
\n\n Calculators that have more than one version of the calculation are\n marked with the right arrow symbol. Click the arrow to view the\n version history\n
\n\n \n setSelectedScreen(SCREEN_LABELS.Calculators)}\n type=\"text\"\n icon={\n
\n {theme.isUsTheme && (\n \n setSelectedScreen(screen)}\n screenLabels={SCREEN_LABELS}\n />\n )}\n {selectedScreen && (\n <>\n {isUserAdmin && (\n
\n \n {adsLoading ? (\n
\n );\n};\n\nconst mapStateToProps = (state) => ({\n media: state.ads.media,\n adsLoading: state.ads.adsStatus === 'loading',\n user: state.auth?.user?.user,\n});\n\nexport default connect(mapStateToProps)(Ads);\n","export default __webpack_public_path__ + \"static/media/BI-advBanner-left-partners&.6c947c66.png\";","export default __webpack_public_path__ + \"static/media/BI-advBanner-right-partners&.6c947c66.png\";","export default __webpack_public_path__ + \"static/media/Santam_Side_banner_link_left.89844cf5.jpg\";","export default __webpack_public_path__ + \"static/media/Santam_Side_banner_link_right.0dd59346.jpg\";","export default __webpack_public_path__ + \"static/media/axa-BI-calculator-left-banner.009be253.jpg\";","export default __webpack_public_path__ + \"static/media/axa-BI-calculator-right-banner.8b360899.jpg\";","import partnersandLeftImg from './partnersand/BI-advBanner-left-partners&.png';\nimport partnersandRightImg from './partnersand/BI-advBanner-right-partners&.png';\nimport santamLeftImg from './santam/Santam_Side_banner_link_left.jpg';\nimport santamRightImg from './santam/Santam_Side_banner_link_right.jpg';\nimport axaLeftImg from './axa/axa-BI-calculator-left-banner.jpg';\nimport axaRightImg from './axa/axa-BI-calculator-right-banner.jpg';\n\n// Australia: 1\n// Canada: 7\n// Fiji: 56\n// Hong Kong: 11\n// Indonesia: 5\n// Ireland: 10\n// Malaysia: 12\n// Namibia: 104\n// New Zealand: 2\n// Papua New Guinea: UNKNOWN\n// Singapore: 8\n// South Africa: 6\n// Thailand: 137\n// United Kingdom: 3\n// USA: 9\n\nexport default [\n {\n key: 'lmi-allan-master-class',\n country: 1,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/webinar_banner_masterClassAllan_2025.jpg',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/webinar_banner_masterClassAllan_2025.jpg',\n url: 'https://lmigroup.io/product/live-business-interruption-bi-masterclass-starts-9-4-prof-allan-manning/',\n },\n {\n key: 'lmi-mansfield',\n country: 1,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/TMA-2025-banner-vertical.jpg',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/TMA-2025-banner-vertical.jpg',\n url: 'https://mansfieldawards.com.au/product/2025-mansfield-awards-ticket/',\n },\n {\n key: 'lmi-pci-v2',\n country: 1,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/pci2_vertical_banner.jpg',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/pci2_vertical_banner.jpg',\n url: 'https://lmigroup.io/eservices/policy-comparison/',\n },\n {\n key: 'lmi-legal',\n country: 1,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/LMILegal-banner.jpg',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/LMILegal-banner.jpg',\n url: 'https://lmilegal.com/',\n },\n {\n key: 'lmi-responsible-manager-course',\n country: 1,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/LMICollege-ResponsibleManager-banner.jpg',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/LMICollege-ResponsibleManager-banner.jpg',\n url: 'https://lmicollege.edu.au/responsible-manager/',\n },\n {\n key: 'lmi-webinar',\n country: 1,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/webinar_banner_2024.jpg',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/webinar_banner_2024.jpg',\n url: 'https://lmigroup.io/webinars',\n },\n {\n key: 'lmi-claims',\n country: 1,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/lmi-banner-claims.png',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/lmi-banner-claims.png',\n url: 'http://www.lmigroup.com/content.aspx?catId=148&hideNavigation=true',\n },\n {\n key: 'lmi-college-eservices',\n country: 1,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/lmi-college-eservices-banner-01.jpg',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/lmi-college-eservices-banner-02.jpg',\n url: 'https://www.thefss.com.au/about-us.html',\n },\n {\n key: 'lmi-custom-reporting',\n country: 1,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/RC_CustomReporting_Vertical.png',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/RC_CustomReporting_Vertical.png',\n url: 'https://lmigroup.io/riskcoach-tailored-reporting-now-available/',\n },\n {\n key: 'lmi-claims-nz',\n country: 2,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/lmi-banner-claims.png',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/lmi-banner-claims.png',\n url: 'http://www.lmigroup.com/content.aspx?catId=148&hideNavigation=true',\n },\n {\n key: 'lmi-custom-reporting-nz',\n country: 2,\n leftImage:\n 'https://lmicdn.blob.core.windows.net/common/RC_CustomReporting_Vertical.png',\n rightImage:\n 'https://lmicdn.blob.core.windows.net/common/RC_CustomReporting_Vertical.png',\n url: 'https://lmigroup.io/riskcoach-tailored-reporting-now-available/',\n },\n];\n\nexport const partnersandAds = [\n {\n key: 'partnersand-side-ads',\n country: 3,\n leftImage: partnersandLeftImg,\n rightImage: partnersandRightImg,\n url: 'https://www.partnersand.com/',\n },\n];\n\nexport const santamAds = [\n {\n key: 'santam-side-ads',\n country: 6,\n leftImage: santamLeftImg,\n rightImage: santamRightImg,\n url: 'https://www.santam.co.za/',\n },\n];\n\nexport const avivaAds = [];\nexport const usAds = [];\nexport const axaAds = [\n {\n key: 'axa-side-ads',\n country: 3,\n leftImage: axaLeftImg,\n rightImage: axaRightImg,\n url: 'https://www.axaconnect.co.uk/commercial-lines/axa-vantage-mid-market/?utm_source=advert&utm_medium=website',\n },\n];\n","import { useState, useEffect } from 'react';\n\nconst useWindowScroll = () => {\n const [scrollPosition, setScrollPosition] = useState();\n\n useEffect(() => {\n const onScroll = () => {\n const scrollTop =\n window.pageYOffset ||\n document.body.scrollTop ||\n document.documentElement.scrollTop;\n setScrollPosition(scrollTop);\n };\n\n window.addEventListener('scroll', onScroll);\n return () => {\n window.removeEventListener('scroll', onScroll);\n };\n }, []);\n\n return { scrollPosition };\n};\n\nexport default useWindowScroll;\n","/* eslint-disable react/destructuring-assignment */\nimport { useSelector } from 'react-redux';\nimport { Carousel, Row, Col, Affix } from 'antd';\n\nimport banners, {\n partnersandAds,\n santamAds,\n avivaAds,\n axaAds,\n usAds,\n} from './assets';\nimport theme, { THEMES } from '../../services/theme';\nimport useWindowResize from '../hooks/useWindowResize';\nimport useWindowScroll from '../hooks/useWindowScroll';\nimport './ads.less';\n\nconst themedAds = {\n [THEMES.partnersand]: partnersandAds,\n [THEMES.santam]: santamAds,\n [THEMES.aviva]: avivaAds,\n [THEMES.axa]: axaAds,\n [THEMES.us]: usAds,\n};\n\nconst BannerLink = ({ side, banner }) => (\n \n \n
\n);\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport { useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Spinner from '../spinner/Spinner';\nimport { initialize, initializeApp } from './appSlice';\nimport theme, { THEMES } from '../../services/theme';\n\nimport './App.less';\nimport '../../styles/themes/index.less';\n\nexport default ({ children }) => {\n const dispatch = useDispatch();\n const initialized = useSelector((state) => state.app.initialized);\n\n useEffect(() => {\n const init = async () => {\n await dispatch(initialize());\n dispatch(initializeApp());\n };\n init();\n }, []);\n\n if (!initialized) {\n return {children}
;\n};\n","import React, { Component } from 'react';\nimport './error-boundary.less';\n\nexport default class ErrorBoundary extends Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false };\n }\n\n componentDidCatch(error, info) {\n this.setState({ hasError: true });\n console.error(error, info);\n }\n\n render() {\n const { children } = this.props;\n const { hasError } = this.state;\n if (hasError) {\n return (\n \n \n
\n );\n }\n return children;\n }\n}\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport { useEffect, useState } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Spin } from 'antd';\n\nimport { Layout } from '../../../../components';\nimport { fetchCalculatorReferenceAsync } from '../../calculatorsSlice';\nimport { addStats } from '../../../../features/calculators';\nimport stats from '../../../../services/stats';\nimport {\n useAnalyticsPageviewTracker,\n useAnalyticsEventTracker,\n} from '../../../../components/tracker/Tracker';\n\nimport './calculator-references.less';\n\nconst PROJECT_ID = process.env.REACT_APP_PROJECT_ID;\n\nconst CalcalatorReferences = () => {\n const { calcId } = useParams();\n const dispatch = useDispatch();\n const navigate = useNavigate();\n const pageviewTracker = useAnalyticsPageviewTracker();\n const eventTracker = useAnalyticsEventTracker('CalculatorSelect');\n const [loadingReference, setLoadingReference] = useState(true);\n\n const calculatorReference = useSelector(\n (state) => state.calculators.calculatorReference\n );\n\n useEffect(() => {\n const fetchCalculatorRef = async () => {\n await dispatch(fetchCalculatorReferenceAsync(calcId));\n };\n fetchCalculatorRef();\n setLoadingReference(false);\n addStats({\n projectId: PROJECT_ID,\n typeName: stats.statLabels.calculatorStarted,\n });\n pageviewTracker(`/calculators/${calcId}/referencenumber`);\n }, [calcId]);\n\n useEffect(() => {\n if (\n !loadingReference &&\n calculatorReference &&\n calculatorReference?.ReferenceId &&\n calculatorReference?.FirstStepId\n ) {\n eventTracker(\n 'Select',\n `${calculatorReference.PolicyId}-${calculatorReference.PolicyName}-${calculatorReference.PolicyCode}`\n );\n navigate(\n `/references/${calculatorReference.ReferenceId}/steps/${calculatorReference.FirstStepId}`\n );\n }\n }, [calculatorReference]);\n\n return (\n \n
\n \n
\n