{"version":3,"sources":["webpack:///./src/pages/customer-centre/nextjob-program/index.tsx"],"names":["withTranslation","LocaleNameSpaceKeys","CUSTOMER_CENTRE","props","t","layoutOptions","seo","title","page","heroSection","options","accentColor","HeroSectionColors","SKY_BLUE","heroImage","fileName","alt","shouldBeDigiBlock","blockText","className","i18nKey","list","returnObjects","map","str","i","key","values","tollFreeNumber","CommonData","tollFreeCustomerServiceNumber","mortgageServicing","href","aria-label","COMMON"],"mappings":"qHAAA,kHAwGeA,sBAAgBC,IAAoBC,gBAApCF,CA7F0BG,IACvC,MAAM,EAAEC,GAAMD,EAERE,EAA+B,CACnCC,IAAK,CACHC,MAAOH,EAAE,6BAEXI,KAAM,CACJD,MAAOH,EAAE,2BAEXK,YAAa,CACXC,QAAS,CACPC,YAAaC,IAAkBC,SAC/BC,UAAW,CACTC,SAAU,oBACVC,IAAK,SAEPC,mBAAmB,EACnBC,UAAWd,EAAE,6BAenB,OACE,kBAAC,IAAD,CAAQM,QAASL,EAAec,UAAU,kBACxC,yBAAKA,UAAU,kBACb,yBAAKA,UAAU,0CACb,6BAASA,UAAU,oBACjB,yBAAKA,UAAU,+BACb,4BAAKf,EAAE,8CACP,2BACE,kBAAC,IAAD,CAAOgB,QAAQ,gDAAgDhB,EAAGA,MAGtE,yBAAKe,UAAU,+BACb,4BAAKf,EAAE,6CACP,2BACE,kBAAC,IAAD,CAAOgB,QAAQ,+CAA+ChB,EAAGA,MAIrE,yBAAKe,UAAU,+BACb,4BAAKf,EAAE,gDACP,2BACE,kBAAC,IAAD,CAAOgB,QAAQ,kDAAkDhB,EAAGA,KAEtE,kBAAC,IAAD,CAAOgB,QAAQ,2DAA2DhB,EAAGA,IAC7E,6BAlCUiB,EAoCRjB,EAAE,wDAAyD,CAAEkB,eAAe,IAlCtF,4BACGD,EAAKE,IAAI,CAACC,EAAKC,IACP,wBAAIC,IAAM,GAAEF,KAAOC,KAAMD,OAmC9B,2BACE,kBAAC,IAAD,CAAOJ,QAAQ,mCAAmChB,EAAGA,MAGzD,2BAAOe,UAAU,oBACf,4BAAKf,EAAE,yCACP,2BACE,kBAAC,IAAD,CACEgB,QAAQ,2CACRhB,EAAGA,EACHuB,OAAQ,CACNC,eAAgBC,IAAWC,8BAA8BC,oBAG3D,kBAAC,IAAD,CACEC,KAAO,OAAMH,IAAWC,8BAA8BC,kBACtDE,aAAa,GAAE7B,EAAKH,IAAoBiC,OAAtB,gBAChBL,IAAWC,8BAA8BC,qBAG1CF,IAAWC,8BAA8BC,yBA3DpCV","file":"component---src-pages-customer-centre-nextjob-program-index-tsx-6a4f70ee12a885606a2e.js","sourcesContent":["import React from 'react';\nimport { PageProps } from 'gatsby';\nimport { WithTranslation, withTranslation, Trans } from 'react-i18next';\nimport Layout, { LayoutOptions, HeroSectionColors } from '../../../components/Layout/Layout';\nimport { LocaleNameSpaceKeys } from '../../../localization/translations';\nimport CommonData from '../../../data/common/common';\nimport ExternalLink from '../../../components/ExternalLink/ExternalLink';\nimport './style.scss';\n\ntype Props = PageProps & WithTranslation;\n\nconst NextJobProgram: React.FC<Props> = (props) => {\n  const { t } = props;\n\n  const layoutOptions: LayoutOptions = {\n    seo: {\n      title: t('nextJobProgram.seo.title'),\n    },\n    page: {\n      title: t('nextJobProgram.heading'),\n    },\n    heroSection: {\n      options: {\n        accentColor: HeroSectionColors.SKY_BLUE,\n        heroImage: {\n          fileName: 'hero-image-16.jpg',\n          alt: 'Image',\n        },\n        shouldBeDigiBlock: true,\n        blockText: t('nextJobProgram.tagline'),\n      },\n    },\n  };\n\n  const generateList = (list: string[]) => {\n    return (\n      <ul>\n        {list.map((str, i) => {\n          return <li key={`${str}-${i}`}>{str}</li>;\n        })}\n      </ul>\n    );\n  };\n\n  return (\n    <Layout options={layoutOptions} className=\"NextJobProgram\">\n      <div className=\"grid-container\">\n        <div className=\"row row-wrap NextJobProgram__first-row\">\n          <section className=\"column column-60\">\n            <div className=\"NextJobProgram__generic-gap\">\n              <h2>{t('nextJobProgram.losingYourJobBlock.heading')}</h2>\n              <p>\n                <Trans i18nKey=\"nextJobProgram.losingYourJobBlock.description\" t={t} />\n              </p>\n            </div>\n            <div className=\"NextJobProgram__generic-gap\">\n              <h2>{t('nextJobProgram.ourNextJobProgram.heading')}</h2>\n              <p>\n                <Trans i18nKey=\"nextJobProgram.ourNextJobProgram.description\" t={t} />\n              </p>\n            </div>\n\n            <div className=\"NextJobProgram__generic-gap\">\n              <h2>{t('nextJobProgram.whatDoesProgramOffer.heading')}</h2>\n              <p>\n                <Trans i18nKey=\"nextJobProgram.whatDoesProgramOffer.description\" t={t} />\n              </p>\n              <Trans i18nKey=\"nextJobProgram.whatDoesProgramOffer.listOfAccess.heading\" t={t} />\n              <p />\n              {generateList(\n                t('nextJobProgram.whatDoesProgramOffer.listOfAccess.list', { returnObjects: true })\n              )}\n            </div>\n            <p>\n              <Trans i18nKey=\"nextJobProgram.subjectToApproval\" t={t} />\n            </p>\n          </section>\n          <aside className=\"column column-33\">\n            <h2>{t('nextJobProgram.weAreCallAway.heading')}</h2>\n            <p>\n              <Trans\n                i18nKey=\"nextJobProgram.weAreCallAway.description\"\n                t={t}\n                values={{\n                  tollFreeNumber: CommonData.tollFreeCustomerServiceNumber.mortgageServicing,\n                }}\n              >\n                <ExternalLink\n                  href={`tel:${CommonData.tollFreeCustomerServiceNumber.mortgageServicing}`}\n                  aria-label={`${t(`${LocaleNameSpaceKeys.COMMON}:tollFree`)} ${\n                    CommonData.tollFreeCustomerServiceNumber.mortgageServicing\n                  }`}\n                >\n                  {CommonData.tollFreeCustomerServiceNumber.mortgageServicing}\n                </ExternalLink>\n              </Trans>\n            </p>\n          </aside>\n        </div>\n      </div>\n    </Layout>\n  );\n};\n\nexport default withTranslation(LocaleNameSpaceKeys.CUSTOMER_CENTRE)(NextJobProgram);\n"],"sourceRoot":""}