{"version":3,"sources":["webpack:///./src/pages/customer-centre/residential-mortgages/purchasing-home/index.tsx","webpack:///./src/components/PageMenu/PageMenu.tsx","webpack:///./src/components/ButtonLink/ButtonLink.tsx","webpack:///./src/data/page-menus/residential-mortgages.ts"],"names":["withTranslation","LocaleNameSpaceKeys","CUSTOMER_CENTRE","props","t","activeLocaleTag","useLocaleContext","layoutOptions","seo","title","page","heroSection","options","accentColor","HeroSectionColors","SKY_BLUE","heroImage","fileName","alt","mortgageProScanFindBrokerLink","LocaleTag","EN","className","i18nKey","iconOptions","icon","IconTypes","ARROW_NEXT","linkOptions","isExternalLink","to","styleOptions","isInline","menu","residentialMortgagesMenu","menuTitle","COMMON","PageMenu","useTranslation","map","menuItem","i","key","textKey","shouldEnableActiveState","enableActiveState","memo","ButtonLinkType","ButtonLinkSize","defaultLinkOptions","shouldOpenInNewTab","defaultStyleOptions","type","PRIMARY","size","LARGE","invertColors","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","getPathFromRouteKey","RouteKeys","RESIDENTIAL_MORTGAGES","RENEW_YOUR_MORTGAGE","REFINANCING_MORTGAGE","PURCHASING_HOME"],"mappings":"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","file":"component---src-pages-customer-centre-residential-mortgages-purchasing-home-index-tsx-1650f8fee7be76e2d86b.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 PageMenu from '../../../../components/PageMenu/PageMenu';\nimport residentialMortgagesMenu from '../../../../data/page-menus/residential-mortgages';\nimport { IconTypes } from '../../../../components/Icon/Icon';\nimport ButtonLink from '../../../../components/ButtonLink/ButtonLink';\nimport { useLocaleContext } from '../../../../context/Locale';\nimport { LocaleTag } from '../../../../../config/locales';\n\nimport './style.scss';\n\ntype Props = PageProps & WithTranslation;\n\nconst PurchasingHome: React.FC = (props) => {\n const { t } = props;\n const { activeLocaleTag } = useLocaleContext();\n\n const layoutOptions: LayoutOptions = {\n seo: {\n title: t(`purchasingHome.seo.title`),\n },\n page: {\n title: t(`purchasingHome.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 mortgageProScanFindBrokerLink =\n activeLocaleTag === LocaleTag.EN\n ? 'https://mortgageproscan.ca/findabroker'\n : 'https://mortgageproscan.ca/fr/trouvezvotrecourtier';\n\n return (\n \n
\n
\n
\n
\n

\n \n

\n \n {t('purchasingHome.buttonLabel')}\n \n
\n
\n \n
\n
\n \n );\n};\n\nexport default withTranslation(LocaleNameSpaceKeys.CUSTOMER_CENTRE)(PurchasingHome);\n","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
      {getMenuContent()}
    \n
    \n );\n};\n\nexport default memo(PageMenu);\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":""}