{"version":3,"file":"index-6ab8eabe.js","sources":["../../../client-app/src/common/applicationPages/InsurancePage/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { fetchApplicationStatusAndRedirectIfNotExpectedState } from '../applicationStatusHelpers';\nimport { ApplicationStatusModel } from '../../serverGeneratedTypings/applicationStatusModel';\nimport { N2MajorApplicationStatus } from '../../serverGeneratedTypings/n2MajorApplicationStatus';\nimport { pollForExpectedApplicationState, setPpi } from '../../services/legacyApplicationApiService';\nimport { Button, ButtonRowContainer, CheckBox, Headline, Hero, RadioButton, useDismissableErrorMessage } from '../../ui';\nimport style from './style.module.scss';\nimport { useApplicationIdContext } from '../../components/ApplicationContext';\nimport { N2ApplicationStatus } from '../../serverGeneratedTypings/n2ApplicationStatus';\nimport { ApplicationPaths, navigateToStep } from '../ApplicationFormsHelpers';\nimport { trackSectionView } from '../../lib/gtm';\nimport { SubmitProgressBox } from '@n2-common/ui/SubmitProgress';\nimport { useTranslation } from 'react-i18next';\nimport { SubmitState } from '@n2-common/components/MultiStageOnePageWizard/types';\nimport { CommonStatusPageProps } from '@n2-common/components/ApplicationStatusPage';\nimport { logErrorToServerside } from '@n2-common/services/serverSideLogging';\nimport { errorToAction } from '../applicationErrorHelper';\n\nexport function applicationIsInValidStateForInsurance(applicationStatus: ApplicationStatusModel) {\n    if (applicationStatus.MajorStatus !== N2MajorApplicationStatus.Aproved) {\n        return false;\n    }\n    if (!applicationStatus.IsMainApplicant) {\n        return false;\n    }\n    if (!applicationStatus.EligiblePPI) {\n        return false;\n    }\n    return true;\n}\n\ntype InsuranceProps  = {\n    areYouSureYouDoNotWantPpiBox: JSX.Element;\n}\n\n\nexport function AreYouSureYouDoNotWantPpiBox(): JSX.Element {\n    const { country } = useApplicationIdContext();\n    switch (country) {\n        case 'FI':\n            return (\n                <Hero ui='secondary' className={style.areYouSureNotBox}>\n                    <p>\n                        Pyydämme sinua harkitsemaan päätöstäsi uudelleen!\n                        </p><br/>\n                        <p>\n                        Lainaturvavakuutus on turva sinulle ja läheisillesi sairastumisen, työttömyyden tai menehtymisen sattuessa.\n                        Kuolemantapauksessa vakuutus korvaa kokonaissaldon jopa 50&nbsp;000 euroon asti.\n                    </p>\n                    <br/>\n                    <p>Huomioithan, että vakuutusta ei voi ostaa jälkeenpäin!</p>\n                </Hero>\n            );\n        case 'NO':\n            return (\n                <Hero ui='secondary' className={style.areYouSureNotBox}>\n                    <p>\n                        Vi ber deg vurdere en gang til om du ønsker en betalingsforsikring. Betalingsforsikringen kan dekke ditt månedlige avdrag ved\n                        sykdom og arbeidsledighet/permittering. Dersom du skulle dø kan lånet bli nedbetalt av betalingsforsikringen med inntil kr 500&nbsp;000,-\n                    </p><br/>\n                    <p>Vi gjør oppmerksom på at det bare mulig å kjøpe forsikringen når du tar opp et lån.</p>\n                </Hero>\n            );\n        default:\n            return <></>;\n    }\n}\n\ntype CombinedInsuranceProps = InsuranceProps &CommonStatusPageProps & React.PropsWithChildren;\n\nfunction InsurancePage({ children, navigateToCorrectStepFunc, areYouSureYouDoNotWantPpiBox }: CombinedInsuranceProps): JSX.Element {\n    const navigate = useNavigate();\n    const { setErrorMessage, ErrorOutput } = useDismissableErrorMessage();\n    const { t } = useTranslation('common');\n    const [submitState, setSubmitState] = useState<SubmitState>('NotSent');\n\n    const { applicationId, applicantId, country, productType } = useApplicationIdContext();\n\n    const [applicationStatus, setApplicationStatus] = useState<ApplicationStatusModel | null>(null);\n    const [wantsPpi, setWantsPpi] = useState<boolean | null>(null);\n    const [agressToTerms, setAgressToTerms] = useState<boolean>(false);\n    const [showError, setShowError] = useState(false);\n    const [showMustAccept, setShowMustAccept] = useState(false);\n\n    useEffect(() => {\n        document.title = t<string>('Ppi.Title');\n    }, [t]);\n\n    useEffect(() => {\n        fetchApplicationStatusAndRedirectIfNotExpectedState(\n            applicationId,\n            applicantId,\n            applicationIsInValidStateForInsurance,\n            setApplicationStatus,\n            navigate,\n            navigateToCorrectStepFunc\n        );\n    }, [applicationId, navigate, applicantId, navigateToCorrectStepFunc]);\n\n    useEffect(() => {\n        trackSectionView(productType, country, '3.3', 'PPI');\n    }, [country, productType]);\n\n    const onSubmit = async () => {\n        if (wantsPpi === null || !applicationStatus) {\n            setShowError(true);\n            setSubmitState('Error');\n            return;\n        }\n        if (wantsPpi && !agressToTerms) {\n            setShowMustAccept(true);\n            setSubmitState('Error');\n            return;\n        }\n        try {\n            setSubmitState('Submitted');\n            await setPpi(wantsPpi, applicationId, applicantId);\n\n            setSubmitState('Processing');\n            await pollForExpectedApplicationState(\n                applicationId,\n                applicantId,\n                (res: ApplicationStatusModel) => res.Status === N2ApplicationStatus.ReadyForSigning\n            );\n        } catch (err) {\n            const action = errorToAction(err, onSubmit, applicationId, applicantId);\n            if (action) {\n                setErrorMessage(action);\n                return;\n            } else {\n                // What happened here?\n                logErrorToServerside('Unhandled error when submitting PPI', applicationId, applicantId, err);\n                navigateToStep(ApplicationPaths.error, applicationId, navigate, applicantId);\n            }\n        }\n        navigateToStep(ApplicationPaths.sign, applicationId, navigate, applicantId);\n    };\n\n    const onChangeFunc = (val: boolean) => {\n        setWantsPpi(val);\n        setShowError(false);\n    };\n\n    const onChangeAgreesToTermFunc = (val: boolean) => {\n        setAgressToTerms(val);\n        setShowMustAccept(false);\n    };\n\n    return (\n        <>\n            {applicationId && applicationStatus ? (\n                <div className={style.wrapper}>\n                    <SubmitProgressBox\n                        state={submitState}\n                        submitText={t<string>('Ppi.Submitted')}\n                        processingText={t<string>('Ppi.Processing')}\n                    ></SubmitProgressBox>\n                    <Headline>{t<string>('Ppi.Headline')}</Headline>\n\n                    <Hero className={style.offerBox}>\n                        <h1 className={style.headline}></h1>\n                        <fieldset>\n                            <legend>{t<string>('Ppi.Legend')}</legend>\n                            <RadioButton\n                                name=\"ppi\"\n                                id=\"ppi_yes\"\n                                onChange={(e) => onChangeFunc(e.target.value === 'on')}\n                                label={t<string>('Ppi.YesLabel')}\n                            ></RadioButton>\n                            {wantsPpi && (\n                                <CheckBox\n                                    error={showMustAccept ? t<string>('Ppi.AcceptTerms') : false}\n                                    name=\"agreeppiterms\"\n                                    id=\"agreeppiterms\"\n                                    onChange={(e) => onChangeAgreesToTermFunc(e.target.checked)}\n                                    label={t<string>('Ppi.AgreementCheckboxLabel')}\n                                ></CheckBox>\n                            )}\n                            <RadioButton\n                                error={showError ? t<string>('Ppi.PleaseSelect') : false}\n                                name=\"ppi\"\n                                id=\"ppi_no\"\n                                onChange={(e) => onChangeFunc(e.target.value !== 'on')}\n                                label={t<string>('Ppi.NoLabel')}\n                            ></RadioButton>\n                        </fieldset>\n                    </Hero>\n                    {wantsPpi === false && areYouSureYouDoNotWantPpiBox}\n                    <ButtonRowContainer>\n                       {(wantsPpi === true || wantsPpi === false) && \n                         <Button className={style.nextButton} uiType=\"primary\" onClick={() => onSubmit()}>\n                            {t<string>('Ppi.SubmitLabel')}\n                        </Button>}\n                    </ButtonRowContainer>\n                    {children}\n                </div>\n            ) : (\n                <></>\n            )}\n            <ErrorOutput />\n        </>\n    );\n}\n\nexport default InsurancePage;\n"],"names":["applicationIsInValidStateForInsurance","applicationStatus","N2MajorApplicationStatus","AreYouSureYouDoNotWantPpiBox","country","useApplicationIdContext","Hero","style","jsx","Fragment","InsurancePage","children","navigateToCorrectStepFunc","areYouSureYouDoNotWantPpiBox","navigate","useNavigate","setErrorMessage","ErrorOutput","useDismissableErrorMessage","useTranslation","submitState","setSubmitState","useState","applicationId","applicantId","productType","setApplicationStatus","wantsPpi","setWantsPpi","agressToTerms","setAgressToTerms","showError","setShowError","showMustAccept","setShowMustAccept","useEffect","fetchApplicationStatusAndRedirectIfNotExpectedState","trackSectionView","onSubmit","setPpi","pollForExpectedApplicationState","res","N2ApplicationStatus","err","action","errorToAction","logErrorToServerside","navigateToStep","ApplicationPaths","onChangeFunc","val","onChangeAgreesToTermFunc","jsxs","SubmitProgressBox","Headline","RadioButton","e","CheckBox","ButtonRowContainer","Button"],"mappings":"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"}