{"version":3,"sources":["webpack:///./src/pages/customer-centre/resources/financial-tools-resources/index.tsx","webpack:///./src/data/page-menus/mortgage-resources.ts","webpack:///./src/components/PageMenu/PageMenu.tsx","webpack:///./src/components/ButtonLink/ButtonLink.tsx","webpack:///./src/data/customer-center/financialToolsLinks.ts"],"names":["withTranslation","LocaleNameSpaceKeys","CUSTOMER_CENTRE","props","t","activeLocaleTag","useLocaleContext","layoutOptions","seo","title","page","heroSection","options","heroImage","fileName","alt","accentColor","HeroSectionColors","SKY_BLUE","className","i18nKey","map","org","key","returnObjects","item","i","link","links","linkTag","anchor","type","to","getPathFromRouteKey","path","href","length","components","description","list","term","body","menu","mortgageResourcesMenu","menuTitle","COMMON","RouteKeys","BORROWER","textKey","PREPAYMENT_CALCULATOR","UNDERSTANDING_YOUR_MORTGAGE","MORTGAGE_SERVICE_DOCUMENTS","NEXTJOB_PROGRAM","ABOUT_US","SCC","RESOURCES","FINANCIAL_LITERACY","FINANCIAL_TOOLS_RESOURCES","PageMenu","useTranslation","menuItem","iconOptions","icon","IconTypes","ARROW_NEXT","linkOptions","shouldEnableActiveState","enableActiveState","memo","ButtonLinkType","ButtonLinkSize","defaultLinkOptions","isExternalLink","shouldOpenInNewTab","defaultStyleOptions","isInline","PRIMARY","size","LARGE","invertColors","ButtonLink","styleOptions","aLinkProps","children","ariaLabel","styleOptionsWithDefault","linkOptionsWithDefault","classNames","classnames","small","SMALL","aLinkPropsDefault","target","rel","linkProps","partiallyActive","activeClassName","undefined","getIcon","IconComp","className_","position","React","Fragment","role","cbaAboutMoneyStudents","en","fr","cbaAboutMoneySeniors","cbaFraudPrevention","fcaELearning","fcaMortgageToolkit","fcaFinancialToolkit","fcaCreditScore","pcTrove","pcFinancialRelief","pcMoneyManagement","pcTaxFilingKit","pcDebtDealing","pcTakeChargeSpending","pcCreditReport","budgetPlanner","BUDGET_PLANNER"],"mappings":"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","file":"component---src-pages-customer-centre-resources-financial-tools-resources-index-tsx-2a3ac9727327c6d363dc.js","sourcesContent":["import React from 'react';\nimport { PageProps } from 'gatsby';\nimport { WithTranslation, Trans, withTranslation } from 'react-i18next';\n\nimport Layout, { LayoutOptions, HeroSectionColors } from '../../../../components/Layout/Layout';\nimport { LocaleNameSpaceKeys } from '../../../../localization/translations';\nimport PageMenu from '../../../../components/PageMenu/PageMenu';\nimport mortgageResourcesMenu from '../../../../data/page-menus/mortgage-resources';\nimport links from '../../../../data/customer-center/financialToolsLinks';\nimport ExternalLink from '../../../../components/ExternalLink/ExternalLink';\nimport Link from '../../../../components/Link/Link';\nimport { useLocaleContext } from '../../../../context/Locale';\nimport { getPathFromRouteKey } from '../../../../shared/utils/getPathFromRouteKey';\n\nimport './style.scss';\n\ntype Props = PageProps & WithTranslation;\n\nconst FinancialTools: React.FC = (props: Props) => {\n const { t } = props;\n const { activeLocaleTag } = useLocaleContext();\n\n const layoutOptions: LayoutOptions = {\n seo: {\n title: t('financialTools.seo.title'),\n },\n page: {\n title: t('financialTools.heading'),\n },\n heroSection: {\n options: {\n heroImage: {\n fileName: 'hero-image-13.jpg',\n alt: 'Hero Image',\n },\n accentColor: HeroSectionColors.SKY_BLUE,\n },\n },\n };\n\n const generateOrgList = (list: any[]) => {\n return list.map((item, i) => {\n const link = links[item.linkTag];\n\n const anchor =\n link.type === 'internal' ? (\n \n ) : (\n \n );\n\n return (\n
\n

\n {item.description}\n

\n {item.list ? (\n
    \n {item.list.map((term: string) => (\n
  • {term}
    • \n ))}\n
\n ) : null}\n {item.body ?

{item.body}

: null}\n
\n );\n });\n };\n\n return (\n \n
\n
\n
\n

\n \n

\n {['pc', 'cba', 'fcac'].map((org) => (\n
\n

\n {t(`financialTools.orgList.${org}.heading`)}\n

\n {generateOrgList(\n t(`financialTools.orgList.${org}.sectionList`, { returnObjects: true })\n )}\n
\n ))}\n
\n \n
\n
\n \n );\n};\n\nexport default withTranslation(LocaleNameSpaceKeys.CUSTOMER_CENTRE)(FinancialTools);\n","import RouteKeys from '../../../config/RouteKeys';\nimport { PageMenuLinks } from './pageMenuTypes';\nimport { getPathFromRouteKey } from '../../shared/utils/getPathFromRouteKey';\n\nconst mortgageResourcesMenu: PageMenuLinks = [\n {\n to: getPathFromRouteKey(RouteKeys.BORROWER),\n textKey: 'pageTitles.clientPortal',\n },\n {\n to: getPathFromRouteKey(RouteKeys.CUSTOMER_CENTRE.PREPAYMENT_CALCULATOR),\n textKey: 'pageTitles.prepaymentCalculator',\n },\n {\n to: getPathFromRouteKey(RouteKeys.CUSTOMER_CENTRE.UNDERSTANDING_YOUR_MORTGAGE),\n textKey: 'pageTitles.understandingYourMortgage',\n },\n {\n to: getPathFromRouteKey(RouteKeys.CUSTOMER_CENTRE.MORTGAGE_SERVICE_DOCUMENTS),\n textKey: 'pageTitles.mortgageServiceDocuments',\n },\n {\n to: getPathFromRouteKey(RouteKeys.CUSTOMER_CENTRE.NEXTJOB_PROGRAM),\n textKey: 'pageTitles.nextJobProgram',\n },\n {\n to: getPathFromRouteKey(RouteKeys.ABOUT_US.SCC),\n textKey: 'pageTitles.scc',\n },\n {\n to: getPathFromRouteKey(RouteKeys.CUSTOMER_CENTRE.RESOURCES.FINANCIAL_LITERACY),\n textKey: 'pageTitles.financialLiteracy',\n },\n {\n to: getPathFromRouteKey(RouteKeys.CUSTOMER_CENTRE.RESOURCES.FINANCIAL_TOOLS_RESOURCES),\n textKey: 'pageTitles.financialTools',\n },\n // {\n // to: getPathFromRouteKey(RouteKeys.CCP),\n // textKey: 'pageTitles.promotions',\n // },\n];\n\nexport default mortgageResourcesMenu;\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';\n\nconst links: any = {\n cbaAboutMoneyStudents: {\n en: 'https://cba.ca/about-your-money-students?l=en-us',\n fr: 'https://cba.ca/about-your-money-students?l=fr',\n },\n cbaAboutMoneySeniors: {\n en: 'https://cba.ca/about-your-money-seniors?l=en-us',\n fr: 'https://cba.ca/about-your-money-seniors?l=fr',\n },\n cbaFraudPrevention: {\n en: 'https://cba.ca/?tag=fraud-prevention-toolkits',\n fr: 'https://cba.ca/?tag=fraud-prevention-toolkits&l=fr',\n },\n fcaELearning: {\n en:\n 'https://www.canada.ca/en/financial-consumer-agency/services/financial-basics/financial-basics-videos.html',\n fr:\n 'https://www.canada.ca/fr/agence-consommation-matiere-financiere/services/finances-personnelles/finances-personnelles-videos.html',\n },\n fcaMortgageToolkit: {\n en:\n 'https://www.canada.ca/en/financial-consumer-agency/services/financial-toolkit/mortgages.html',\n fr:\n 'https://www.canada.ca/fr/agence-consommation-matiere-financiere/services/vos-outils-financiers/hypotheques.html',\n },\n fcaFinancialToolkit: {\n en: 'https://www.canada.ca/en/financial-consumer-agency/services/financial-toolkit.html',\n fr:\n 'https://www.canada.ca/fr/agence-consommation-matiere-financiere/services/vos-outils-financiers.html',\n },\n fcaCreditScore: {\n en:\n 'https://www.canada.ca/en/financial-consumer-agency/services/credit-reports-score/credit-report-score-basics.html#toc0',\n fr:\n 'https://www.canada.ca/fr/agence-consommation-matiere-financiere/services/dossier-pointage-credit/dossier-cote-credit-base.html',\n },\n pcTrove: {\n en: 'https://yourtrove.org/',\n fr: 'https://yourtrove.org/fr/',\n },\n pcFinancialRelief: {\n en: 'https://financialreliefnav.prospercanada.org/en',\n fr: 'https://exploallegementsfinanciers.prospercanada.org/fr',\n },\n pcMoneyManagement: {\n en: 'https://moneymanagement.prospercanada.org/',\n fr: 'https://moneymanagement.prospercanada.org/fr/',\n },\n pcTaxFilingKit: {\n en: 'https://yourtrove.org/learn-about-tax-filing-and-benefits',\n fr:\n 'https://yourtrove.org/fr/pour-en-savoir-plus-sur-la-declaration-de-revenus-et-les-prestations',\n },\n pcDebtDealing: {\n en: 'https://yourtrove.org/start-tackling-your-debt-today',\n fr: 'https://yourtrove.org/fr/attaquez-vous-a-votre-dette-des-aujourd-hui',\n },\n pcTakeChargeSpending: {\n en: 'https://yourtrove.org/take-charge-of-your-spending',\n fr: 'https://yourtrove.org/fr/prenez-vos-depenses-en-main',\n },\n pcCreditReport: {\n en: 'https://moneymanagement.prospercanada.org/module_home/credit-reports/',\n fr: 'https://moneymanagement.prospercanada.org/fr/introduction/credit-and-credit-reports/',\n },\n budgetPlanner: {\n type: 'internal',\n path: RouteKeys.CUSTOMER_CENTRE.RESOURCES.FINANCIAL_TOOLS_RESOURCES.BUDGET_PLANNER,\n },\n};\n\nexport default links;\n"],"sourceRoot":""}