{"version":3,"sources":["webpack:///./src/pages/electronic-access-agreement/index.tsx"],"names":["withTranslation","LocaleNameSpaceKeys","ELECTRONIC_ACCESS_AGREEMENT","props","t","layoutOptions","seo","title","page","values","tollFreeNumber","CommonData","tollFreeCustomerServiceNumber","mortgageServicing","getParagraphsWithValues","arr","map","item","key","Math","random","dangerouslySetInnerHTML","__html","options","className","i18nKey","returnObjects"],"mappings":"4FAAA,wGA2DeA,sBAAgBC,IAAoBC,4BAApCF,CAhDqCG,IAClD,MAAM,EAAEC,GAAMD,EAERE,EAA+B,CACnCC,IAAK,CACHC,MAAOH,EAAE,cAEXI,KAAM,CACJD,MAAOH,EAAE,aAIPK,EAAS,CACbC,eAAgBC,IAAWC,8BAA8BC,mBAGrDC,EAA2BC,GACxBA,EAAIC,IAAKC,GAEP,uBAAGC,IAAM,QAAOC,KAAKC,SAAYC,wBAAyB,CAAEC,OAAQL,MAI/E,OACE,kBAAC,IAAD,CAAQM,QAASlB,EAAemB,UAAU,6BACxC,yBAAKA,UAAU,0CACb,2BACE,kBAAC,IAAD,CAAOC,QAAQ,gBAAgBrB,EAAGA,MAGtC,yBAAKoB,UAAU,0CACb,4BAAKpB,EAAE,kBACP,2BACE,kBAAC,IAAD,CAAOqB,QAAQ,aAAarB,EAAGA,MAGnC,yBAAKoB,UAAU,0CACb,4BAAKpB,EAAE,kBACNU,EAAwBV,EAAE,uBAAwB,CAAEsB,eAAe,KAASjB,MAE/E,yBAAKe,UAAU,0CACb,4BAAKpB,EAAE,kBACNU,EAAwBV,EAAE,uBAAwB,CAAEsB,eAAe,U","file":"component---src-pages-electronic-access-agreement-index-tsx-697e83c8f8c955d66dd6.js","sourcesContent":["import React from 'react';\nimport { PageProps } from 'gatsby';\n\nimport { withTranslation, WithTranslation, Trans } from 'react-i18next';\nimport Layout, { LayoutOptions } from '../../components/Layout/Layout';\nimport { LocaleNameSpaceKeys } from '../../localization/translations';\nimport './style.scss';\nimport CommonData from '../../data/common/common';\n\ntype Props = PageProps & WithTranslation;\n\nconst ElectronicAccessAgreement: React.FC<Props> = (props: Props) => {\n  const { t } = props;\n\n  const layoutOptions: LayoutOptions = {\n    seo: {\n      title: t('seo.title'),\n    },\n    page: {\n      title: t('heading'),\n    },\n  };\n\n  const values = {\n    tollFreeNumber: CommonData.tollFreeCustomerServiceNumber.mortgageServicing,\n  };\n\n  const getParagraphsWithValues = (arr: string[]) => {\n    return arr.map((item) => {\n      // eslint-disable-next-line react/no-danger\n      return <p key={`para-${Math.random()}`} dangerouslySetInnerHTML={{ __html: item }} />;\n    });\n  };\n\n  return (\n    <Layout options={layoutOptions} className=\"ElectronicAccessAgreement\">\n      <div className=\"ElectronicAccessAgreement__generic-gap\">\n        <p>\n          <Trans i18nKey=\"effectiveDate\" t={t} />\n        </p>\n      </div>\n      <div className=\"ElectronicAccessAgreement__generic-gap\">\n        <h2>{t('partA.heading')}</h2>\n        <p>\n          <Trans i18nKey=\"partA.body\" t={t} />\n        </p>\n      </div>\n      <div className=\"ElectronicAccessAgreement__generic-gap\">\n        <h2>{t('partB.heading')}</h2>\n        {getParagraphsWithValues(t('partB.bodyParagraphs', { returnObjects: true, ...values }))}\n      </div>\n      <div className=\"ElectronicAccessAgreement__generic-gap\">\n        <h2>{t('partC.heading')}</h2>\n        {getParagraphsWithValues(t('partC.bodyParagraphs', { returnObjects: true }))}\n      </div>\n    </Layout>\n  );\n};\n\nexport default withTranslation(LocaleNameSpaceKeys.ELECTRONIC_ACCESS_AGREEMENT)(\n  ElectronicAccessAgreement\n);\n"],"sourceRoot":""}