{"version":3,"sources":["webpack:///./src/pages/broker-centre/broker-portal/faq/index.tsx"],"names":["withTranslation","LocaleNameSpaceKeys","BROKER_PORTAL","props","t","layoutOptions","seo","title","page","heroSection","options","accentColor","HeroSectionColors","PARROT_GREEN","heroImage","fileName","alt","brokerEmail","COMMON","ariaEmailLabel","className","returnObjects","brokerSupport","map","listItem","key","heading","allowMultipleExpanded","allowZeroExpanded","questions","q","index","buttonOptions","label","question","components","to","link","getPathFromRouteKey","RouteKeys","BROKER_CENTRE","VIDEO_LIBRARY","href","aria-label","answer"],"mappings":"mHAAA,sJAsGeA,sBAAgBC,IAAoBC,cAApCF,CAtF2BG,IACxC,MAAM,EAAEC,GAAMD,EAERE,EAA+B,CACnCC,IAAK,CACHC,MAAOH,EAAE,kBAEXI,KAAM,CACJD,MAAOH,EAAE,gBAEXK,YAAa,CACXC,QAAS,CACPC,YAAaC,IAAkBC,aAC/BC,UAAW,CACTC,SAAU,mBACVC,IAAK,YAMPC,EAAcb,EAAKH,IAAoBiB,OAAtB,yBACjBC,EAAiBf,EAAKH,IAAoBiB,OAAtB,UAmD1B,OACE,kBAAC,IAAD,CAAQR,QAASL,EAAee,UAAU,mBACxC,yBAAKA,UAAU,kBACb,yBAAKA,UAAU,gBACb,6BAASA,UAAU,oBACHhB,EAAE,eAAgB,CAAEiB,eAAe,EAAMC,cAAeL,IAvClEM,IAAKC,GACf,yBAAKC,IAAKD,EAASE,QAASN,UAAU,iCACpC,4BAAKI,EAASE,SACd,kBAAC,IAAD,CAAWC,uBAAqB,EAACC,mBAAiB,GAC/CJ,EAASK,UAAUN,IAAI,CAACO,EAAGC,IAC1B,kBAAC,IAAD,CACEN,IAAM,GAAED,EAASE,WAAWK,IAC5BC,cAAe,CAAEC,MAAOH,EAAEI,WAE1B,kBAAC,IAAD,CACEC,WAAY,CACV,kBAAC,IAAD,CACEV,IAAM,GAAED,EAASE,WAAWK,aAC5BK,GACGN,EAAEO,MAAQP,EAAEO,KAAKZ,KAClBa,YAAoBC,IAAUC,cAAcC,iBAGhD,kBAAC,IAAD,CACEhB,IAAM,GAAED,EAASE,WAAWK,aAC5BW,KAAO,WAAUzB,EACjB0B,aAAa,GAAExB,KAAkBF,QAIpCa,EAAEc","file":"component---src-pages-broker-centre-broker-portal-faq-index-tsx-5492c73fc4dfdb5f1fe0.js","sourcesContent":["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 { Accordion, AccordionItem } from '../../../../components/Accordion/Accordion';\nimport Link from '../../../../components/Link/Link';\nimport ExternalLink from '../../../../components/ExternalLink/ExternalLink';\nimport { getPathFromRouteKey } from '../../../../shared/utils/getPathFromRouteKey';\nimport RouteKeys from '../../../../../config/RouteKeys';\n\nimport './style.scss';\n\ntype Props = PageProps & WithTranslation;\n\nconst BrokerPortalFAQ: React.FC<Props> = (props) => {\n  const { t } = props;\n\n  const layoutOptions: LayoutOptions = {\n    seo: {\n      title: t('faq.seo.title'),\n    },\n    page: {\n      title: t('faq.heading'),\n    },\n    heroSection: {\n      options: {\n        accentColor: HeroSectionColors.PARROT_GREEN,\n        heroImage: {\n          fileName: 'hero-image-4.jpg',\n          alt: 'Image',\n        },\n      },\n    },\n  };\n\n  const brokerEmail = t(`${LocaleNameSpaceKeys.COMMON}:emails.brokerSupport`);\n  const ariaEmailLabel = t(`${LocaleNameSpaceKeys.COMMON}:email`);\n\n  const generateList = (\n    list: {\n      heading: string;\n      questions: {\n        key: string;\n        question: string;\n        answer: any;\n        value?: string;\n        link: {\n          type: string;\n          key: string;\n        };\n      }[];\n    }[]\n  ) => {\n    return list.map((listItem) => (\n      <div key={listItem.heading} className=\".BrokerPortalFAQ__generic-gap\">\n        <h3>{listItem.heading}</h3>\n        <Accordion allowMultipleExpanded allowZeroExpanded>\n          {listItem.questions.map((q, index) => (\n            <AccordionItem\n              key={`${listItem.heading}-${index}`}\n              buttonOptions={{ label: q.question }}\n            >\n              <Trans\n                components={[\n                  <Link\n                    key={`${listItem.heading}-${index}-internal`}\n                    to={\n                      (q.link && q.link.key) ||\n                      getPathFromRouteKey(RouteKeys.BROKER_CENTRE.VIDEO_LIBRARY)\n                    }\n                  />,\n                  <ExternalLink\n                    key={`${listItem.heading}-${index}-external`}\n                    href={`mailto: ${brokerEmail}`}\n                    aria-label={`${ariaEmailLabel} ${brokerEmail}`}\n                  />,\n                ]}\n              >\n                {q.answer}\n              </Trans>\n            </AccordionItem>\n          ))}\n        </Accordion>\n      </div>\n    ));\n  };\n\n  return (\n    <Layout options={layoutOptions} className=\"BrokerPortalFAQ\">\n      <div className=\"grid-container\">\n        <div className=\"row row-wrap\">\n          <section className=\"column column-80\">\n            {generateList(t('faq.sections', { returnObjects: true, brokerSupport: brokerEmail }))}\n          </section>\n        </div>\n      </div>\n    </Layout>\n  );\n};\n\nexport default withTranslation(LocaleNameSpaceKeys.BROKER_PORTAL)(BrokerPortalFAQ);\n"],"sourceRoot":""}