{"version":3,"sources":["webpack:///./src/components/PageMenu/PageMenu.tsx","webpack:///./src/pages/customer-centre/residential-mortgages/renew-mortgage/index.tsx","webpack:///./src/components/ButtonLink/ButtonLink.tsx","webpack:///./src/data/page-menus/residential-mortgages.ts"],"names":["PageMenu","menu","menuTitle","className","t","useTranslation","map","menuItem","i","key","textKey","to","iconOptions","icon","IconTypes","ARROW_NEXT","linkOptions","shouldEnableActiveState","enableActiveState","memo","withTranslation","LocaleNameSpaceKeys","CUSTOMER_CENTRE","props","layoutOptions","seo","title","page","heroSection","options","accentColor","HeroSectionColors","SKY_BLUE","heroImage","fileName","alt","i18nKey","getPathFromRouteKey","RouteKeys","RESIDENTIAL_MORTGAGES","RENEW_YOUR_MORTGAGE","FORM","styleOptions","isInline","invertColors","returnObjects","item","index","time","description","residentialMortgagesMenu","COMMON","ButtonLinkType","ButtonLinkSize","defaultLinkOptions","isExternalLink","shouldOpenInNewTab","defaultStyleOptions","type","PRIMARY","size","LARGE","ButtonLink","aLinkProps","children","ariaLabel","styleOptionsWithDefault","linkOptionsWithDefault","classNames","classnames","small","SMALL","aLinkPropsDefault","href","target","rel","linkProps","partiallyActive","activeClassName","undefined","getIcon","IconComp","className_","position","React","Fragment","role","REFINANCING_MORTGAGE","PURCHASING_HOME"],"mappings":"qHAAA,uEAeA,MAAMA,EAA6B,IAAoD,IAApD,KAAEC,EAAF,UAAQC,EAAY,GAApB,UAAwBC,EAAY,IAAgB,EACrF,MAAM,EAAEC,GAAMC,cAoBd,OACE,yBAAKF,UAAY,YAAWA,GACzBD,GAAa,wBAAIC,UAAU,MAAMD,GAClC,4BApBKD,EAAKK,IAAI,CAACC,EAAUC,IACzB,wBAAIC,IAAM,GAAEF,EAASG,WAAWF,KAC9B,kBAAC,IAAD,eACEG,GAAIJ,EAASI,GACbC,YAAa,CAAEC,KAAMC,IAAUC,aAC1B,sBAAuBR,GAAY,CACtCS,YAAa,CACXC,wBAAyBV,EAASW,qBAIrCd,EAAEG,EAASG,eAcPS,mBAAKnB,I,kCC5CpB,kKA+FeoB,sBAAgBC,IAAoBC,gBAApCF,CA9EyBG,IACtC,MAAM,EAAEnB,GAAMmB,EAERC,EAA+B,CACnCC,IAAK,CACHC,MAAOtB,EAAG,4BAEZuB,KAAM,CACJD,MAAOtB,EAAG,0BAEZwB,YAAa,CACXC,QAAS,CACPC,YAAaC,IAAkBC,SAC/BC,UAAW,CACTC,SAAU,oBACVC,IAAK,YAkBb,OACE,kBAAC,IAAD,CAAQN,QAASL,EAAerB,UAAU,iBACxC,yBAAKA,UAAU,kBACb,yBAAKA,UAAU,gBACb,6BAASA,UAAU,oBACjB,yBAAKA,UAAU,8BACb,2BACE,kBAAC,IAAD,CAAOiC,QAAQ,qBAAqBhC,EAAGA,MAG3C,yBAAKD,UAAU,8BACb,kBAAC,IAAD,CACEQ,GAAI0B,YACFC,IAAUhB,gBAAgBiB,sBAAsBC,oBAAoBC,MAEtE7B,YAAa,CACXC,KAAMC,IAAUC,YAElB2B,aAAc,CACZC,UAAU,EACVC,cAAc,IAGfxC,EAAE,4CAGP,2BACE,kBAAC,IAAD,CAAOgC,QAAQ,sBAAsBhC,EAAGA,KAE1C,yBAAKD,UAAU,uCACAC,EAAE,yBAA0B,CAAEyC,eAAe,IAzCtDvC,IAAI,CAACwC,EAAMC,IACvB,yBAAK5C,UAAU,OAAOM,IAAKsC,GACzB,wBAAI5C,UAAU,MACZ,kBAAC,IAAD,KAAQ2C,EAAKE,OAEf,uBAAGvC,IAAKsC,GACN,kBAAC,IAAD,KAAQD,EAAKG,kBAsCb,2BAAO9C,UAAU,oBACf,kBAAC,IAAD,CACEF,KAAMiD,IACNhD,UAAWE,EAAKiB,IAAoB8B,OAAtB,iD,kCCtF5B,sJAMO,IAAKC,EAKAC,G,SALAD,K,+BAAAA,M,cAKAC,K,0BAAAA,E,2BAAAA,M,KA0CZ,MAAMC,EAA4C,CAChDC,gBAAgB,EAChBC,oBAAoB,EACpBvC,yBAAyB,GAGrBwC,EAA8C,CAClDd,UAAU,EACVe,KAAMN,EAAeO,QACrBC,KAAMP,EAAeQ,MACrBjB,cAAc,GAGVkB,EAA+B,IAUxB,IAVwB,GACnCnD,EADmC,YAEnCK,EAFmC,YAGnCJ,EAHmC,aAInC8B,EAJmC,UAKnCvC,EAAY,GALuB,WAOnC4D,EAPmC,SAQnCC,EAAW,KARwB,UASnCC,GACW,EACX,MAAMC,EAAkD,IACnDT,KACAf,GAGCyB,EAAgD,IACjDb,KACAtC,GAGCoD,EAAaC,IAChB,aACDH,EAAwBR,KACxBQ,EAAwBN,KACxBzD,EACA,CACE,6BAA6BuC,aAAD,EAACA,EAAcC,UAC3C,+BAA+BD,aAAD,EAACA,EAAcE,cAC7C0B,MAAOJ,EAAwBN,OAASP,EAAekB,QAIrDC,EAAoB,CACxBC,KAAM9D,EACN+D,OAAQ,UACRC,IAAK,cACFZ,GAGCa,EAAY,CAChBjE,KACAkE,kBAAmBV,EAAuBlD,wBAC1C6D,iBAAiBX,aAAA,EAAAA,EAAwBlD,yBACrC,0BACA8D,GAGAC,EAAU,KACd,GAAIpE,EAAa,CACf,MAAMqE,EAAY,IAAD,IAAC,WAAEC,GAAH,SACf,0BAAM/E,UAAW+E,GACf,kBAAC,IAAD,CAAMxB,KAAM9C,EAAYC,SAG5B,OACE,kBAACoE,EAAD,CACEC,WAAa,uCAAoCtE,aAAA,EAAAA,EAAauE,WAAY,UAIhF,OAAOC,IAAMC,UAGf,OAAOlB,EAAuBZ,eAC5B,qCACE+B,KAAK,OACLnF,UAAWiE,GACPI,EACCP,EAAY,CAAE,aAAcA,GAAc,OAE5CrD,aAAD,EAACA,EAAauE,WAAsC,UAA1BvE,aAAA,EAAAA,EAAauE,YAAwBH,IAChEhB,EAC0B,WAA1BpD,aAAA,EAAAA,EAAauE,WAAwBH,KAGxC,kBAAC,IAAD,eAAM7E,UAAWiE,GAAgBQ,EAAgBX,EAAY,CAAE,aAAcA,GAAc,OACtFrD,aAAD,EAACA,EAAauE,WAAsC,UAA1BvE,aAAA,EAAAA,EAAauE,YAAwBH,IAChEhB,EAC0B,WAA1BpD,aAAA,EAAAA,EAAauE,WAAwBH,MAK7B7D,mBAAK2C,I,gFCtJpB,4BAIA,MAAMZ,EAA0C,CAC9C,CACEvC,GAAI0B,YAAoBC,IAAUhB,gBAAgBiB,sBAAsBC,qBACxE9B,QAAS,4BAEX,CACEC,GAAI0B,YAAoBC,IAAUhB,gBAAgBiB,sBAAsBgD,sBACxE7E,QAAS,kCAEX,CACEC,GAAI0B,YAAoBC,IAAUhB,gBAAgBiB,sBAAsBiD,iBACxE9E,QAAS,8BAIEwC","file":"component---src-pages-customer-centre-residential-mortgages-renew-mortgage-index-tsx-5cd587f0adf605a1e137.js","sourcesContent":["import React, { memo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { IconTypes } from '../Icon/Icon';\nimport { PageMenuLinks } from '../../data/page-menus/pageMenuTypes';\nimport ButtonLink from '../ButtonLink/ButtonLink';\nimport './style.scss';\n\nexport interface OwnProps {\n menuTitle?: string;\n menu: PageMenuLinks;\n className?: string;\n}\n\ntype Props = OwnProps;\n\nconst PageMenu: React.FC = ({ menu, menuTitle = '', className = '' }: Props) => {\n const { t } = useTranslation();\n\n const getMenuContent = () => {\n return menu.map((menuItem, i) => (\n
  • \n \n {t(menuItem.textKey)}\n \n
    • \n ));\n };\n\n return (\n
    \n {menuTitle &&

    {menuTitle}

    }\n \n
    \n );\n};\n\nexport default memo(PageMenu);\n","import React from 'react';\nimport { PageProps } from 'gatsby';\nimport { WithTranslation, withTranslation, Trans } from 'react-i18next';\n\nimport Layout, { LayoutOptions, HeroSectionColors } from '../../../../components/Layout/Layout';\nimport { LocaleNameSpaceKeys } from '../../../../localization/translations';\nimport PageMenu from '../../../../components/PageMenu/PageMenu';\nimport residentialMortgagesMenu from '../../../../data/page-menus/residential-mortgages';\nimport ButtonLink from '../../../../components/ButtonLink/ButtonLink';\nimport { IconTypes } from '../../../../components/Icon/Icon';\nimport { getPathFromRouteKey } from '../../../../shared/utils/getPathFromRouteKey';\nimport RouteKeys from '../../../../../config/RouteKeys';\n\nimport './style.scss';\n\ntype Props = PageProps & WithTranslation;\n\nconst RenewMortgage: React.FC = (props) => {\n const { t } = props;\n\n const layoutOptions: LayoutOptions = {\n seo: {\n title: t(`renewMortgage.seo.title`),\n },\n page: {\n title: t(`renewMortgage.heading`),\n },\n heroSection: {\n options: {\n accentColor: HeroSectionColors.SKY_BLUE,\n heroImage: {\n fileName: 'hero-image-12.jpg',\n alt: 'Image',\n },\n },\n },\n };\n\n const getTimeLine = (timeLineItems: any[]) =>\n timeLineItems.map((item, index) => (\n
    \n

    \n {item.time}\n

    \n

    \n {item.description}\n

    \n
    \n ));\n\n return (\n \n
    \n
    \n
    \n
    \n

    \n \n

    \n
    \n
    \n \n {t('renewMortgage.startRenewal.buttonLabel')}\n \n
    \n

    \n \n

    \n
    \n {getTimeLine(t('renewMortgage.timeLine', { returnObjects: true }))}\n
    \n
    \n \n
    \n
    \n     \n );\n};\n\nexport default withTranslation(LocaleNameSpaceKeys.CUSTOMER_CENTRE)(RenewMortgage);\n","import React, { memo } from 'react';\nimport classnames from 'classnames';\nimport './style.scss';\nimport Icon, { IconTypes } from '../Icon/Icon';\nimport Link from '../Link/Link';\n\nexport enum ButtonLinkType {\n PRIMARY = 'ButtonLink__primary',\n // SECONDARY = 'ButtonLink_secondary'\n}\n\nexport enum ButtonLinkSize {\n SMALL = 'ButtonLink__small',\n LARGE = 'ButtonLink__large',\n // SECONDARY = 'SECONDARY'\n}\nexport interface ButtonLinkLinkOptions {\n isExternalLink?: boolean;\n shouldOpenInNewTab?: boolean; // This option will be overridden if the external link is true\n shouldEnableActiveState?: boolean; // Only gets affected if isExternalLink is false\n}\n\nexport interface ButtonLinkStyleOptions {\n isInline?: boolean;\n type?: ButtonLinkType;\n size?: ButtonLinkSize;\n invertColors?: boolean;\n}\n\nexport interface ButtonLinkIconOptions {\n icon: IconTypes;\n position?: 'left' | 'right'; // default is always left\n}\n\ninterface AnchorLinkProps {\n href?: string;\n target?: string;\n rel?: string;\n}\n\nexport interface OwnProps {\n to: string;\n linkOptions?: ButtonLinkLinkOptions;\n iconOptions?: ButtonLinkIconOptions;\n children?: React.ReactNode;\n className?: string;\n styleOptions?: ButtonLinkStyleOptions;\n aLinkProps?: AnchorLinkProps;\n ariaLabel?: string;\n}\n\ntype Props = OwnProps;\n\nconst defaultLinkOptions: ButtonLinkLinkOptions = {\n isExternalLink: false,\n shouldOpenInNewTab: false, // This option will be overridden if the external link is true\n shouldEnableActiveState: true, // Only gets affected if isExternalLink is false\n};\n\nconst defaultStyleOptions: ButtonLinkStyleOptions = {\n isInline: false,\n type: ButtonLinkType.PRIMARY,\n size: ButtonLinkSize.LARGE,\n invertColors: false,\n};\n\nconst ButtonLink: React.FC = ({\n to,\n linkOptions,\n iconOptions,\n styleOptions,\n className = '',\n // onClick = () => {},\n aLinkProps,\n children = null,\n ariaLabel,\n}: Props) => {\n const styleOptionsWithDefault: ButtonLinkStyleOptions = {\n ...defaultStyleOptions,\n ...styleOptions,\n };\n\n const linkOptionsWithDefault: ButtonLinkLinkOptions = {\n ...defaultLinkOptions,\n ...linkOptions,\n };\n\n const classNames = classnames(\n `ButtonLink`,\n styleOptionsWithDefault.type,\n styleOptionsWithDefault.size,\n className,\n {\n 'ButtonLink__inline-link': !!styleOptions?.isInline,\n 'ButtonLink__invert-colors': !!styleOptions?.invertColors,\n small: styleOptionsWithDefault.size === ButtonLinkSize.SMALL,\n }\n );\n\n const aLinkPropsDefault = {\n href: to,\n target: '__blank',\n rel: 'noopener',\n ...aLinkProps,\n };\n\n const linkProps = {\n to,\n partiallyActive: !!linkOptionsWithDefault.shouldEnableActiveState,\n activeClassName: linkOptionsWithDefault?.shouldEnableActiveState\n ? 'ButtonLink--active'\n : undefined,\n };\n\n const getIcon = () => {\n if (iconOptions) {\n const IconComp = ({ className_ }: any) => (\n \n \n \n );\n return (\n \n );\n }\n return React.Fragment;\n };\n\n return linkOptionsWithDefault.isExternalLink ? (\n \n {(!iconOptions?.position || iconOptions?.position === 'left') && getIcon()}\n {children}\n {iconOptions?.position === 'right' && getIcon()}\n \n ) : (\n \n {(!iconOptions?.position || iconOptions?.position === 'left') && getIcon()}\n {children}\n {iconOptions?.position === 'right' && getIcon()}\n \n );\n};\n\nexport default memo(ButtonLink);\n","import RouteKeys from '../../../config/RouteKeys';\nimport { PageMenuLinks } from './pageMenuTypes';\nimport { getPathFromRouteKey } from '../../shared/utils/getPathFromRouteKey';\n\nconst residentialMortgagesMenu: PageMenuLinks = [\n {\n to: getPathFromRouteKey(RouteKeys.CUSTOMER_CENTRE.RESIDENTIAL_MORTGAGES.RENEW_YOUR_MORTGAGE),\n textKey: 'pageTitles.renewMortgage',\n },\n {\n to: getPathFromRouteKey(RouteKeys.CUSTOMER_CENTRE.RESIDENTIAL_MORTGAGES.REFINANCING_MORTGAGE),\n textKey: 'pageTitles.refinancingMortgage',\n },\n {\n to: getPathFromRouteKey(RouteKeys.CUSTOMER_CENTRE.RESIDENTIAL_MORTGAGES.PURCHASING_HOME),\n textKey: 'pageTitles.purchasingHome',\n },\n];\n\nexport default residentialMortgagesMenu;\n"],"sourceRoot":""}