{"version":3,"sources":["webpack:///./src/pages/ccp/index.tsx"],"names":["query","withTranslation","LocaleNameSpaceKeys","CCP","props","t","data","layoutOptions","seo","title","page","heroSection","options","accentColor","HeroSectionColors","SKY_BLUE","heroImage","fileName","alt","blockText","shouldBeDigiBlock","cashback","edges","node","publicURL","className","i18nKey","values","phone","CommonData","tollFreeCustomerServiceNumber","mortgageServicing","href","aria-label","COMMON"],"mappings":"mHAAA,wJAiBA,MAkHaA,EAAQ,aAsBNC,sBAAgBC,IAAoBC,IAApCF,CAxIeG,IAC5B,MAAM,EAAEC,EAAF,KAAKC,GAASF,EAGdG,EAA+B,CACnCC,IAAK,CACHC,MAAOJ,EAAE,cAEXK,KAAM,CACJD,MAAOJ,EAAE,cAEXM,YAAa,CACXC,QAAS,CACPC,YAAaC,IAAkBC,SAC/BC,UAAW,CACTC,SAAU,qBACVC,IAAK,SAEPC,UAAWd,EAAE,kBACbe,mBAAmB,KASCd,EAAae,SAASC,MAAM,GAAGC,KAAKC,UAE9D,OACE,kBAAC,IAAD,CAAQZ,QAASL,EAAekB,UAAU,OACxC,yBAAKA,UAAU,kBACb,yBAAKA,UAAU,gBACb,6BAASA,UAAU,qBACjB,yBAAKA,UAAU,oBACb,2BACE,kBAAC,IAAD,CACEpB,EAAGA,EACHqB,QAAQ,aACRC,OAAQ,CAAEC,MAAOC,IAAWC,8BAA8BC,oBAE1D,kBAAC,IAAD,CACEC,KAAO,OAAMH,IAAWC,8BAA8BC,kBACtDE,aAAa,GAAE5B,EAAKH,IAAoBgC,OAAtB,gBAChBL,IAAWC,8BAA8BC","file":"component---src-pages-ccp-index-tsx-721582dc5ec002d73447.js","sourcesContent":["import React from 'react';\nimport { PageProps, graphql } from 'gatsby';\n\nimport { withTranslation, WithTranslation, Trans } from 'react-i18next';\nimport Layout, { LayoutOptions, HeroSectionColors } from '../../components/Layout/Layout';\nimport { LocaleNameSpaceKeys } from '../../localization/translations';\n// import { useLocaleContext } from '../../context/Locale';\nimport ExternalLink from '../../components/ExternalLink/ExternalLink';\nimport { getPathFromRouteKey } from '../../shared/utils/getPathFromRouteKey';\nimport RouteKeys from '../../../config/RouteKeys';\nimport CommonData from '../../data/common/common';\nimport ButtonLink from '../../components/ButtonLink/ButtonLink';\nimport { IconTypes } from '../../components/Icon/Icon';\nimport './style.scss';\n\ntype Props = PageProps & WithTranslation;\n\nconst CCP: React.FC<Props> = (props: Props) => {\n  const { t, data } = props;\n  // const { activeLocaleTag } = useLocaleContext();\n\n  const layoutOptions: LayoutOptions = {\n    seo: {\n      title: t('seo.title'),\n    },\n    page: {\n      title: t('seo.title'),\n    },\n    heroSection: {\n      options: {\n        accentColor: HeroSectionColors.SKY_BLUE,\n        heroImage: {\n          fileName: 'hero-image-ccp.jpg',\n          alt: 'Image',\n        },\n        blockText: t('cashback.title'),\n        shouldBeDigiBlock: true,\n      },\n    },\n  };\n\n  // const renewImageUrl = (data as any).renew.edges.find((edge: any) =>\n  //   edge.node.name.includes(`-${activeLocaleTag}`)\n  // ).node.publicURL;\n\n  const cachbackImageUrl = (data as any).cashback.edges[0].node.publicURL;\n\n  return (\n    <Layout options={layoutOptions} className=\"CCP\">\n      <div className=\"grid-container\">\n        <div className=\"row row-wrap\">\n          <section className=\"column column-100\">\n            <div className=\"CCP__generic-gap\">\n              <p>\n                <Trans\n                  t={t}\n                  i18nKey=\"index.body\"\n                  values={{ phone: CommonData.tollFreeCustomerServiceNumber.mortgageServicing }}\n                >\n                  <ExternalLink\n                    href={`tel:${CommonData.tollFreeCustomerServiceNumber.mortgageServicing}`}\n                    aria-label={`${t(`${LocaleNameSpaceKeys.COMMON}:tollFree`)} ${\n                      CommonData.tollFreeCustomerServiceNumber.mortgageServicing\n                    }`}\n                  />\n                </Trans>\n              </p>\n              {/* <div className=\"small-img-container\">\n                <img src={cachbackImageUrl} alt={t('index.cashback.heading')} />\n              </div> */}\n            </div>\n            {/* <div className=\"CCP__generic-gap\">\n              <h2 className=\"h4\">{t('index.cashback.heading')}</h2>\n              <p>\n                <Trans t={t} i18nKey=\"index.cashback.body\" />\n              </p>\n              <ButtonLink\n                to={getPathFromRouteKey(RouteKeys.CCP.CASHBACK)}\n                styleOptions={{ isInline: true }}\n                iconOptions={{ icon: IconTypes.ARROW_NEXT }}\n              >\n                {t('index.cashback.buttonLabel')}\n              </ButtonLink>\n            </div> */}\n            {/* <div className=\"CCP__generic-gap\">\n              <div className=\"row\">\n                <div className=\"column column-30\">\n                  <div className=\"small-img-container\">\n                    <img src={renewImageUrl} alt=\"Renew\" />\n                  </div>\n                  <div className=\"mb-2\">\n                    <h6 className=\"mb-1\">{t('index.renew.heading')}</h6>\n                    <p className=\"small\">\n                      <Trans t={t} i18nKey=\"index.renew.body\" />\n                    </p>\n                  </div>\n                  <ButtonLink\n                    to={getPathFromRouteKey(RouteKeys.CCP.RENEW)}\n                    styleOptions={{ isInline: true }}\n                    iconOptions={{ icon: IconTypes.ARROW_NEXT }}\n                  >\n                    {t('index.renew.buttonLabel')}\n                  </ButtonLink>\n                </div>\n                <div className=\"column column-30\">\n                  <div className=\"small-img-container\">\n                    <img src={cachbackImageUrl} alt=\"Cashback\" />\n                  </div>\n                  <div className=\"mb-2\">\n                    <h6 className=\"mb-1\">{t('index.cashback.heading')}</h6>\n                    <p className=\"small\">\n                      <Trans t={t} i18nKey=\"index.cashback.body\" />\n                    </p>\n                  </div>\n                  <ButtonLink\n                    to={getPathFromRouteKey(RouteKeys.CCP.CASHBACK)}\n                    styleOptions={{ isInline: true }}\n                    iconOptions={{ icon: IconTypes.ARROW_NEXT }}\n                  >\n                    {t('index.cashback.buttonLabel')}\n                  </ButtonLink>\n                </div>\n              </div>\n            </div> */}\n          </section>\n        </div>\n      </div>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query {\n    renew: allFile(filter: { relativePath: { regex: \"/ccp/renew/\" }, ext: { eq: \".jpg\" } }) {\n      edges {\n        node {\n          publicURL\n          name\n        }\n      }\n    }\n\n    cashback: allFile(filter: { relativePath: { regex: \"/ccp/cashback.jpg/\" } }) {\n      edges {\n        node {\n          publicURL\n          name\n        }\n      }\n    }\n  }\n`;\n\nexport default withTranslation(LocaleNameSpaceKeys.CCP)(CCP);\n"],"sourceRoot":""}