{"version":3,"sources":["webpack:///./src/common/components/molecules/Card/Card.tsx","webpack:///./src/common/components/organisms/Alerts/Alert.tsx","webpack:///./src/common/components/molecules/CardCta/CardCtaArrow.svg","webpack:///./src/common/components/molecules/CardCta/CardCtaPdf.svg","webpack:///./src/common/components/molecules/CardCta/CardCtaDownload.tsx","webpack:///./src/common/components/molecules/CardCta/CardCta.tsx","webpack:///./src/common/components/molecules/CardCta/CardCtaContained.tsx","webpack:///./src/common/components/organisms/ProductList/ProductList.tsx","webpack:///./src/common/components/organisms/Alerts/Alerts.tsx","webpack:///./src/common/components/templates/ProductPensions.tsx","webpack:///./src/common/pages/ProductPensionsPage.tsx","webpack:///./src/common/components/organisms/LeftIntro/LeftIntro.tsx"],"names":["iconSizeList","desktop","md","lg","Card","callToAction","disablePadding","icon","text","title","subtitle","style","iconSize","helpcentre","Box","bgcolor","borderRadius","data-testid","display","flexDirection","height","px","pt","pb","color","alt","src","width","Text","box","mt","mb","label","variant","component","RichText","html","Array","isArray","map","item","flex","CardCta","undefined","Alert","border","padding","fontSize","fontWeight","margin","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","SvgCardCtaArrow","props","fill","clipRule","_ref2","SvgCardCtaPdf","CardCtaDownload","url","href","textDecoration","alignItems","borderBottom","Typography","marginLeft","lineHeight","onClick","Link","TagManager","dataLayer","event","clickText","clickURL","clickID","path","rightIcon","size","CardCtaContained","startIcon","endIcon","marginRight","ProductList","generic","heading","products","singleColumn","filter","transparent","useDesktop","useState","slice","filteredProducts","setfilteredProducts","count","setCount","background","Spacer","Wrapper","Grid","container","xs","LeftIntro","spacing","product","justifyContent","Button","start","end","slicedPosts","textTransform","Alerts","alerts","alert","ProductPensions","jumbotron","layout","productList","Layout","Jumbotron","ProductPensionsPage","pageContext","getProductPensionsData","data","getLayoutData","alerts__alerts","getJumbotronData","productlist__heading","productlist__text","productlist__title","productlist__icon","jumbotron__title","productlist__summary","downloads","name","file","position","top","marginBottom","alignSelf"],"mappings":"gMAkBMA,G,UAAe,CACjBC,QAAS,CACLC,GAAI,GACJC,GAAI,MAICC,EAA4B,SAAC,GAUpC,IATFC,EASE,EATFA,aACAC,EAQE,EARFA,eACAC,EAOE,EAPFA,KACAC,EAME,EANFA,KACAC,EAKE,EALFA,MACAC,EAIE,EAJFA,SACAC,EAGE,EAHFA,MAGE,IAFFC,gBAEE,MAFS,KAET,EADFC,EACE,EADFA,WAEA,OACI,mCACI,eAACC,EAAA,EAAD,CACIC,QAAQ,OACRC,aAAc,GACdC,cAAY,OACZC,QAAQ,OACRC,cAAc,SACdC,OAAO,OACPC,GAAKf,EAAqB,EAAJ,EACtBgB,GAAI,GACJC,GAAKjB,EAAsB,EAAL,GACtBK,MAAK,eAAIa,MAAO,WAAcb,GAVlC,UAYKJ,GACG,qBACIkB,IAAI,oBACJC,IAAKnB,EACLa,OAAQpB,EAAY,QAAYY,GAChCe,MAAO3B,EAAY,QAAYY,KAGvC,cAACgB,EAAA,EAAD,CACIC,IAAK,CAAEC,GAAI,EAAGC,GAAKrB,EAAe,EAAJ,GAC9BsB,MAAOvB,EACPwB,QAAQ,KACRC,UAAU,OAEbxB,GACG,cAACkB,EAAA,EAAD,CACIC,IAAK,CAAEL,MAAO,UAAWO,GAAI,GAC7BC,MAAOtB,EACPuB,QAAQ,YACRC,UAAU,OAGlB,cAACC,EAAA,EAAD,CACIX,MAAM,gBACNY,MAAI,EACJJ,MAAOxB,EACPyB,QAAQ,UAEX5B,GACGgC,MAAMC,QAAQjC,IACdA,EAAakC,KAAI,SAACC,GACd,OACI,oCACKA,aAAA,EAAAA,EAAMR,QACH,qCACI,cAAClB,EAAA,EAAD,CAAK2B,KAAM,EAAGX,GAAI,KAClB,cAACY,EAAA,EAAD,iBACQF,EADR,CAEI3B,WAAYA,kBAOtB8B,IAAjBtC,IACIgC,MAAMC,QAAQjC,IACS,MAAxBA,aAAA,EAAAA,EAAc2B,QACV,qCACI,cAAClB,EAAA,EAAD,CAAK2B,KAAM,EAAGX,GAAI,KAClB,cAACY,EAAA,EAAD,iBACQrC,EADR,CAEIQ,WAAYA,e,kGC/F/B+B,G,UAA8B,SAAC,GAAa,IAAXpC,EAAW,EAAXA,KAC1C,OACI,cAAC,IAAD,CACIS,cAAY,QACZN,MAAO,CACHkC,OAAQ,oBACRC,QAAS,YACTtB,MAAO,UACPuB,SAAU,GACVC,WAAY,IACZC,OAAQ,YARhB,SAWKzC,O,mKCpBb,SAAS0C,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,IAA2BS,MAAMC,KAAMR,WAIhT,IAAI,EAAoB,gBAAoB,OAAQ,CAClDS,EAAG,kBACHC,OAAQ,UACRC,YAAa,EACbC,cAAe,QACfC,eAAgB,UAGlB,SAASC,EAAgBC,GACvB,OAAoB,gBAAoB,MAAOpB,EAAS,CACtDvB,MAAO,EACPP,OAAQ,GACRmD,KAAM,QACLD,GAAQ,GAGE,I,oCCpBf,SAAS,IAA2Q,OAA9P,EAAWnB,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,IAA2BS,MAAMC,KAAMR,WAIhT,IAAI,EAAoB,gBAAoB,OAAQ,CAClDiB,SAAU,UACVR,EAAG,2JACHC,OAAQ,UACRC,YAAa,EACbC,cAAe,QACfC,eAAgB,UAGdK,EAAqB,gBAAoB,OAAQ,CACnDD,SAAU,UACVR,EAAG,sdACHC,OAAQ,UACRC,YAAa,EACbC,cAAe,QACfC,eAAgB,UAGlB,SAASM,EAAcJ,GACrB,OAAoB,gBAAoB,MAAO,EAAS,CACtD3C,MAAO,GACPP,OAAQ,GACRmD,KAAM,QACLD,GAAQ,EAAMG,GAGJ,ICrBFE,EAAkD,SAAC,GAG1D,IAFF3C,EAEE,EAFFA,MACA4C,EACE,EADFA,IAEA,OACI,cAAC,IAAD,CACI3D,cAAY,eACZ4D,KAAMD,EACNjE,MAAO,CAAEmE,eAAgB,QAH7B,SAKI,eAAChE,EAAA,EAAD,CACIiE,WAAW,SACXC,aAAY,oBACZ9D,QAAQ,OACRE,OAAQ,GAJZ,UAMI,cAAC,EAAD,IACA,cAAC6D,EAAA,EAAD,CACItE,MAAO,CACHa,MAAO,UACPuB,SAAU,GACVC,WAAY,IACZP,KAAM,EACNyC,WAAY,GACZC,WAAY,KAPpB,SAUKnD,U,YCrBRU,EAAkC,SAAC,GAM1C,QALFV,aAKE,MALM,aAKN,MAJFC,eAIE,MAJQ,YAIR,EAHFmD,EAGE,EAHFA,QAGE,IAFFR,WAEE,MAFI,GAEJ,EADF/D,EACE,EADFA,WAEA,MAAgB,aAAZoB,EACO,cAAC,EAAD,CAAiBD,MAAOA,EAAO4C,IAAKA,IAE3C,cAACS,EAAA,EAAD,CACIpE,cAAY,UACZmE,QAAS,WACLE,IAAWC,UAAU,CACjBA,UAAW,CACPC,MAAO,uBACPC,UAAWzD,EACX0D,SAAUd,GAAO,GACjBe,QAAS3D,KAGboD,GACAA,KAGRQ,KAAMhB,EACN/D,WAAYA,EAhBhB,SAkBI,cAAC,SAAD,CACIgF,UAAuB,SAAZ5D,EAAqB,cAAC,EAAD,SAAmBU,EACnDmD,KAAK,KACL7D,QAAQ,YAHZ,SAKKD,OC9BJ+D,EAAoD,SAAC,GAO5D,QANF/D,aAME,MANM,aAMN,EALFoD,EAKE,EALFA,QAKE,IAJFR,WAIE,MAJI,GAIJ,MAHFkB,YAGE,MAHK,KAGL,EAFFE,EAEE,EAFFA,UACAC,EACE,EADFA,QAEA,OACI,cAACZ,EAAA,EAAD,CACID,QAAS,WACLE,IAAWC,UAAU,CACjBA,UAAW,CACPC,MAAO,uBACPC,UAAWzD,EACX0D,SAAUd,GAAO,GACjBe,QAAS3D,KAGboD,GACAA,KAGRQ,KAAMhB,EAdV,SAgBI,eAAC,SAAD,CAAYiB,eAAWlD,EAAWmD,KAAMA,EAAM7D,QAAQ,UAAtD,UACK+D,GACG,qBACIvE,IAAI,YACJC,IAAKsE,EACLrF,MAAO,CAAEuF,YAAa,GAAIvE,MAAO,GAAIP,OAAQ,MAGpDY,EACAiE,GACG,qBACIxE,IAAI,aACJC,IAAKuE,EACLtF,MAAO,CAAEuE,WAAY,GAAIvD,MAAO,GAAIP,OAAQ,a,8MC9BvD+E,EAA0C,SAAC,GAUlD,IATFC,EASE,EATFA,QACAC,EAQE,EARFA,QAQE,IAPFC,gBAOE,MAPS,GAOT,EANFC,EAME,EANFA,aACA/F,EAKE,EALFA,KACAC,EAIE,EAJFA,MACA+F,EAGE,EAHFA,OACA5F,EAEE,EAFFA,SACA6F,EACE,EADFA,YAEMxG,EAAUyG,cADd,EAG8CC,mBAC5CH,EAASF,EAASM,MAAM,EAAG,GAAKN,GAD7BO,EAHL,KAGuBC,EAHvB,OAMwBH,mBAAS,GAA5BI,EANL,KAMYC,EANZ,KAkBF,OACI,eAAClG,EAAA,EAAD,CACIG,cAAY,cACZC,QAAQ,OACRC,cAAc,SACdR,MACI8F,EACM,GACA,CACIQ,WACI,sHAGlB/E,UAAU,UAZd,WAcMkE,GAAW,cAACc,EAAA,EAAD,CAAQjF,QAAShC,EAAU,KAAO,OAC/C,cAACkH,EAAA,EAAD,UACI,eAACC,EAAA,EAAD,CAAMC,WAAS,EAAf,UACI,cAACD,EAAA,EAAD,CAAM5E,MAAI,EAAC8E,GAAI,GAAIpH,GAAI,EAAvB,SACI,cAACqH,EAAA,EAAD,CACI/G,KAAMA,EACNC,MAAOA,EACP4F,QAASA,MAGjB,cAACe,EAAA,EAAD,CAAM5E,MAAI,EAACtC,GAAI,IACf,cAACkH,EAAA,EAAD,CAAM5E,MAAI,EAAC8E,GAAI,GAAIpH,GAAI,EAAvB,SACI,eAACY,EAAA,EAAD,YACMb,GAAW,cAACiH,EAAA,EAAD,CAAQjF,QAAQ,OAC7B,eAACmF,EAAA,EAAD,CAAMC,WAAS,EAACG,QAAS,EAAzB,UACKX,EAAiBtE,KACd,SACIkF,GADJ,OAMI,cAACL,EAAA,EAAD,CAEI5E,MAAI,EACJ8E,GAAI,GACJpH,GAAIqG,EAAe,GAAK,EAJ5B,SAMI,cAACnG,EAAA,EAAD,iBACQqH,EADR,CAEI7G,SAAUA,MAPT6G,EAAQhH,UAYzB,cAAC2G,EAAA,EAAD,CACI5E,MAAI,EACJ8E,GAAI,GACJpH,GAAI,GACJS,MAAO,CACHO,QAAS,OACTwG,eAAgB,UANxB,SASKlB,GAAUO,GAAST,EAAS9C,QACzB,cAACmE,EAAA,EAAD,CACI1F,QAAQ,YACRmD,QAnEvB,WALK,IAACwC,EAAeC,EAC5BC,EAKNd,EAASD,EAAQ,GANEa,EAOL,EAPoBC,EAOjBd,EAAQ,EANnBe,EAAcxB,EAASM,MAAMgB,EAAOC,GAC1Cf,EAAoB,YAAIgB,KAuEYnH,MAAO,CACHkC,OAAQ,oBACRoE,WAAY,UACZzF,MAAO,UACPR,aAAc,OACd+G,cAAe,OACfhF,SAAU,QATlB,uCAqB1BqD,GAAW,cAACc,EAAA,EAAD,CAAQjF,QAAShC,EAAU,KAAO,Y,oIC9H9C+H,EAAgC,SAAC,GAAoB,QAAlBC,cAAkB,MAAT,GAAS,EAC9D,OACI,cAACd,EAAA,EAAD,UACI,cAACC,EAAA,EAAD,CAAMnG,cAAY,SAASoG,WAAS,EAApC,SACKY,EAAO1F,KAAI,SAAA2F,GAAK,OACb,cAACd,EAAA,EAAD,CAAkB5E,MAAI,EAAC8E,GAAI,GAAIpH,GAAI,EAAnC,SACI,cAAC0C,EAAA,EAAD,CAAOpC,KAAM0H,KADNA,Y,gOCMlBC,G,UAAkD,SAAC,GAK1D,IAJFF,EAIE,EAJFA,OACAG,EAGE,EAHFA,UACAC,EAEE,EAFFA,OACAC,EACE,EADFA,YAEA,OACI,eAACC,EAAA,EAAD,iBAAYF,EAAZ,WACI,cAACG,EAAA,EAAD,iBAAeJ,IACf,mCAAGE,GAAe,cAACnC,EAAA,EAAD,iBAAiBmC,MACnC,cAACpB,EAAA,EAAD,IACA,mCAAGe,GAAU,cAACD,EAAA,EAAD,iBAAYC,Y,YCtBxBQ,EAA0D,SAAC,GAElE,IADFC,EACE,EADFA,YAEA,OAAO,cAAC,EAAD,iBAAqBC,EAAuBD,MAI1CC,GADEF,YACuB,SAACG,GAAD,MAAgB,CAClDP,OAAQQ,YAAcD,GACtBX,OAAQ,CACJA,QAASW,EAAKE,gBAAkB,IAAIvG,KAAI,SAAC2F,GAAD,OAAgBA,EAAM1H,SAGlE4H,UAAWW,YAAiBH,GAC5BN,YAAa,CACTjC,QAASuC,EAAKI,qBACdxI,KAAMoI,EAAKK,kBACXxI,MAAOmI,EAAKM,mBACZ5C,UAAWsC,EAAKtC,UAAa,IAAmB/D,KAAI,SAACkF,GAAD,MAAmB,CACnElH,KAAMkH,EAAQ0B,kBACd1I,MAAOgH,EAAQhH,OAASgH,EAAQ2B,iBAChC5I,KAAMiH,EAAQ4B,qBACdhJ,aAAcoH,EAAQ6B,WAAa7B,EAAQ6B,UAAU/G,KAAI,SAACC,GACtD,MAAO,CACHR,MAAOQ,EAAK+G,MAAQ/G,EAAKR,MACzB4C,IAAKpC,EAAKgH,MAAQhH,EAAKoC,IACvB3C,QAAS,wB,wHCxBhBsF,G,UAAsC,SAAC,GAI9C,IAHFlB,EAGE,EAHFA,QACA7F,EAEE,EAFFA,KACAC,EACE,EADFA,MAEMR,EAAUyG,cAEhB,OACI,eAAC5F,EAAA,EAAD,CACI2I,SAAS,SACTC,IAAK,IACLC,aAAc1J,EAAU,GAAK,EAC7B2J,UAAU,aAJd,UAMI,cAAChI,EAAA,EAAD,CACIC,IAAK,CAAEE,GAAI,EAAGP,MAAO,WACrBQ,MAAOqE,EACPpE,QAAQ,WACRC,UAAU,MAEd,cAACN,EAAA,EAAD,CACIC,IAAK,CAAEE,GAAI9B,EAAU,EAAI,GACzB+B,MAAOvB,EACPwB,QAAShC,EAAU,KAAO,KAC1BiC,UAAU,OAEb1B,GACG,cAACoB,EAAA,EAAD,CACIC,IAAK,CAAEE,GAAI9B,EAAU,EAAI,GACzBuB,MAAM,gBACNY,MAAI,EACJJ,MAAOxB,EACPG,MAAO,CACHqC,WAAY,IACZD,SAAU,GACVoC,WAAY,GAAK,IAErBjD,UAAU","file":"component---src-common-pages-product-pensions-page-tsx-2f364cf732966c3c5833.js","sourcesContent":["import { Box } from '@material-ui/core'\nimport { CardCta, CardCtaProps } from 'common/components/molecules/CardCta'\nimport { RichText } from 'common/components/molecules/RichText'\nimport { Text } from 'common/components/molecules/Text'\nimport React, { CSSProperties } from 'react'\n\nexport interface CardProps {\n    callToAction?: CardCtaProps | CardCtaProps[]\n    icon?: string\n    disablePadding?: boolean\n    text: string\n    title: string\n    subtitle?: string\n    style?: CSSProperties\n    iconSize?: 'md' | 'lg'\n    helpcentre?: boolean\n}\n\nconst iconSizeList = {\n    desktop: {\n        md: 40,\n        lg: 64,\n    },\n}\n\nexport const Card: React.FC<CardProps> = ({\n    callToAction,\n    disablePadding,\n    icon,\n    text,\n    title,\n    subtitle,\n    style,\n    iconSize = 'md',\n    helpcentre,\n}) => {\n    return (\n        <>\n            <Box\n                bgcolor='#fff'\n                borderRadius={20}\n                data-testid='Card'\n                display='flex'\n                flexDirection='column'\n                height='100%'\n                px={!disablePadding ? 9 : 0}\n                pt={15}\n                pb={!disablePadding ? 10 : 0}\n                style={{ color: '#5261AC', ...style }}\n            >\n                {icon && (\n                    <img\n                        alt='Product Card Icon'\n                        src={icon}\n                        height={iconSizeList['desktop'][iconSize]}\n                        width={iconSizeList['desktop'][iconSize]}\n                    />\n                )}\n                <Text\n                    box={{ mt: 7, mb: !subtitle ? 5 : 1 }}\n                    label={title}\n                    variant='h5'\n                    component='h2'\n                />\n                {subtitle && (\n                    <Text\n                        box={{ color: '#9D98B0', mb: 5 }}\n                        label={subtitle}\n                        variant='subtitle1'\n                        component='h3'\n                    />\n                )}\n                <RichText\n                    color='textSecondary'\n                    html\n                    label={text}\n                    variant='body2'\n                />\n                {callToAction &&\n                    Array.isArray(callToAction) &&\n                    callToAction.map((item: CardCtaProps) => {\n                        return (\n                            <>\n                                {item?.label && (\n                                    <>\n                                        <Box flex={1} mt={11} />\n                                        <CardCta\n                                            {...item}\n                                            helpcentre={helpcentre}\n                                        />\n                                    </>\n                                )}\n                            </>\n                        )\n                    })}\n                {callToAction !== undefined &&\n                    !Array.isArray(callToAction) &&\n                    callToAction?.label !== '' && (\n                        <>\n                            <Box flex={1} mt={11} />\n                            <CardCta\n                                {...callToAction}\n                                helpcentre={helpcentre}\n                            />\n                        </>\n                    )}\n            </Box>\n        </>\n    )\n}\n","import { Box } from '@material-ui/core'\nimport React from 'react'\n\nexport interface AlertProps {\n    text: string\n}\n\nexport const Alert: React.FC<AlertProps> = ({ text }) => {\n    return (\n        <Box\n            data-testid='Alert'\n            style={{\n                border: '2px solid #3A3160',\n                padding: '18px 36px',\n                color: '#3A3160',\n                fontSize: 16,\n                fontWeight: 700,\n                margin: '10px 0px'\n            }}\n        >\n            {text}\n        </Box>\n    )\n}\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar _ref = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M1 1.03l4 4-4 4\",\n  stroke: \"#5261AC\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n});\n\nfunction SvgCardCtaArrow(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 6,\n    height: 11,\n    fill: \"none\"\n  }, props), _ref);\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDYgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEuMDI5M0w1IDUuMDI5M0wxIDkuMDI5MyIgc3Ryb2tlPSIjNTI2MUFDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K\";\nexport { SvgCardCtaArrow as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar _ref = /*#__PURE__*/React.createElement(\"path\", {\n  clipRule: \"evenodd\",\n  d: \"M22.494 22.777a1.5 1.5 0 01-1.5 1.5h-18a1.5 1.5 0 01-1.5-1.5v-19.5a1.5 1.5 0 011.5-1.5h15a1.5 1.5 0 011.047.426l3 2.883c.29.283.453.67.453 1.074v16.617z\",\n  stroke: \"#5261AC\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n});\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n  clipRule: \"evenodd\",\n  d: \"M9.49 8.114a3.954 3.954 0 00-.509-1.465 1.569 1.569 0 00-1.289-.758 1.5 1.5 0 00-1.325 1.284c-.074.67.099 1.344.487 1.894a42.506 42.506 0 003.936 3.971 17.632 17.632 0 005.236 2.93c.52.242 1.09.364 1.664.353a1.379 1.379 0 001.265-.98c.064-.459-.12-.918-.484-1.206a2.742 2.742 0 00-1.237-.536 10.776 10.776 0 00-5.321.565c-1.622.5-6.362 2.066-6.144 6.051.006.1-.007.762.847.666a2.583 2.583 0 001.708-1.186c1.093-1.543 1.207-3.51 1.35-5.33.21-2.084.15-4.186-.184-6.253z\",\n  stroke: \"#5261AC\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\"\n});\n\nfunction SvgCardCtaPdf(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 26,\n    fill: \"none\"\n  }, props), _ref, _ref2);\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi40OTQgMjIuNzc3M0MyMi40OTQgMjMuNjA1OCAyMS44MjI0IDI0LjI3NzMgMjAuOTk0IDI0LjI3NzNIMi45OTQwMkMyLjE2NTU5IDI0LjI3NzMgMS40OTQwMiAyMy42MDU4IDEuNDk0MDIgMjIuNzc3M1YzLjI3NzM0QzEuNDk0MDIgMi40NDg5MiAyLjE2NTU5IDEuNzc3MzQgMi45OTQwMiAxLjc3NzM0SDE3Ljk5NEMxOC4zODUyIDEuNzc3MzggMTguNzYwOSAxLjkzMDI1IDE5LjA0MSAyLjIwMzM0TDIyLjA0MSA1LjA4NjM0QzIyLjMzMDYgNS4zNjg2NCAyMi40OTQgNS43NTU5MSAyMi40OTQgNi4xNjAzNFYyMi43NzczWiIgc3Ryb2tlPSIjNTI2MUFDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNDkgOC4xMTQzNkM5LjQxODcgNy41OTcyMSA5LjI0NTcxIDcuMDk5MyA4Ljk4MSA2LjY0OTM2QzguNzA3MTEgNi4xOTUwMiA4LjIyMjE4IDUuOTA5ODYgNy42OTIgNS44OTEzNkM3LjAwODIgNS45NjQ5OSA2LjQ2MjA4IDYuNDk0MjEgNi4zNjcgNy4xNzUzNkM2LjI5MjU0IDcuODQ0OTggNi40NjU3NyA4LjUxODcgNi44NTQgOS4wNjkzNkM4LjA3NzQxIDEwLjQ3OCA5LjM5MjI2IDExLjgwNDUgMTAuNzkgMTMuMDQwNEMxMi4zNTUyIDE0LjMwODcgMTQuMTI2MSAxNS4yOTkzIDE2LjAyNiAxNS45Njk0QzE2LjU0NjUgMTYuMjEyNCAxNy4xMTU2IDE2LjMzMzUgMTcuNjkgMTYuMzIzNEMxOC4yNzc1IDE2LjI5OTggMTguNzg1NCAxNS45MDYzIDE4Ljk1NSAxNS4zNDM0QzE5LjAxODcgMTQuODg0IDE4LjgzNDYgMTQuNDI1MiAxOC40NzEgMTQuMTM3NEMxOC4xMDk3IDEzLjg1ODYgMTcuNjg0NSAxMy42NzQzIDE3LjIzNCAxMy42MDE0QzE1LjQ0MSAxMy4zMzk0IDEzLjYxMSAxMy41MzM3IDExLjkxMyAxNC4xNjY0QzEwLjI5MSAxNC42NjY0IDUuNTUxIDE2LjIzMjQgNS43NjkgMjAuMjE3NEM1Ljc3NSAyMC4zMTc0IDUuNzYyIDIwLjk3OTQgNi42MTYgMjAuODgzNEM3LjMyNjM0IDIwLjc0NDggNy45NDU5NiAyMC4zMTQ1IDguMzI0IDE5LjY5NzRDOS40MTcgMTguMTU0NCA5LjUzMSAxNi4xODc0IDkuNjc0IDE0LjM2NjRDOS44ODQ5NCAxMi4yODMyIDkuODIzMDggMTAuMTgxNSA5LjQ5IDguMTE0MzZaIiBzdHJva2U9IiM1MjYxQUMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=\";\nexport { SvgCardCtaPdf as ReactComponent };","import React from 'react'\nimport { Box, Typography, Link } from '@material-ui/core'\nimport { ReactComponent as CardCtaPdf } from './CardCtaPdf.svg'\n\nexport interface CardCtaDownloadProps {\n    label: string\n    url: string\n}\n\nexport const CardCtaDownload: React.FC<CardCtaDownloadProps> = ({\n    label,\n    url\n}) => {\n    return (\n        <Link\n            data-testid='downloadLink'\n            href={url}\n            style={{ textDecoration: 'none' }}\n        >\n            <Box\n                alignItems='center'\n                borderBottom={`1px solid #EBEDF7`}\n                display='flex'\n                height={72}\n            >\n                <CardCtaPdf />\n                <Typography\n                    style={{\n                        color: '#5261AC',\n                        fontSize: 16,\n                        fontWeight: 600,\n                        flex: 1,\n                        marginLeft: 12,\n                        lineHeight: 1.4\n                    }}\n                >\n                    {label}\n                </Typography>\n            </Box>\n        </Link>\n    )\n}\n","import { ButtonProps } from '@material-ui/core'\nimport { Link } from 'common/components/atoms/Link'\nimport React from 'react'\nimport TagManager from 'react-gtm-module'\nimport { ReactComponent as CardCtaArrow } from './CardCtaArrow.svg'\nimport { CardCtaDownload } from './CardCtaDownload'\nimport { Button as BaseButton } from '@irishlife/ilgroupdesignsystem.atoms.button'\nexport interface CardCtaProps {\n    label: string\n    variant?: ButtonProps['variant'] | 'download'\n    url?: string\n    onClick?: () => void\n    helpcentre?: boolean\n}\n\nexport const CardCta: React.FC<CardCtaProps> = ({\n    label = 'Learn more',\n    variant = 'secondary',\n    onClick,\n    url = '',\n    helpcentre,\n}) => {\n    if (variant === 'download')\n        return <CardCtaDownload label={label} url={url} />\n    return (\n        <Link\n            data-testid='CardCta'\n            onClick={() => {\n                TagManager.dataLayer({\n                    dataLayer: {\n                        event: 'secondaryButtonClick',\n                        clickText: label,\n                        clickURL: url || '',\n                        clickID: label,\n                    },\n                })\n                if (onClick) {\n                    onClick()\n                }\n            }}\n            path={url}\n            helpcentre={helpcentre}\n        >\n            <BaseButton\n                rightIcon={variant === 'text' ? <CardCtaArrow /> : undefined}\n                size='md'\n                variant='secondary'\n            >\n                {label}\n            </BaseButton>\n        </Link>\n    )\n}\n","import { Link } from 'common/components/atoms/Link'\r\nimport { JumbotronCallToActionProps } from 'common/components/organisms/Jumbotron/JumbotronCallToAction'\r\nimport React from 'react'\r\nimport TagManager from 'react-gtm-module'\r\nimport {\r\n    Button as BaseButton,\r\n    ButtonProps as BaseButtonProps,\r\n} from '@irishlife/ilgroupdesignsystem.atoms.button'\r\n\r\nexport interface CardCtaContainedProps {\r\n    label: string\r\n    variant?: JumbotronCallToActionProps['variant']\r\n    url?: string\r\n    onClick?: () => void\r\n    size?: BaseButtonProps['size']\r\n    startIcon?: string\r\n    endIcon?: string\r\n}\r\nexport const CardCtaContained: React.FC<CardCtaContainedProps> = ({\r\n    label = 'Learn more',\r\n    onClick,\r\n    url = '',\r\n    size = 'md',\r\n    startIcon,\r\n    endIcon,\r\n}) => {\r\n    return (\r\n        <Link\r\n            onClick={() => {\r\n                TagManager.dataLayer({\r\n                    dataLayer: {\r\n                        event: 'secondaryButtonClick',\r\n                        clickText: label,\r\n                        clickURL: url || '',\r\n                        clickID: label,\r\n                    },\r\n                })\r\n                if (onClick) {\r\n                    onClick()\r\n                }\r\n            }}\r\n            path={url}\r\n        >\r\n            <BaseButton rightIcon={undefined} size={size} variant='primary'>\r\n                {startIcon && (\r\n                    <img\r\n                        alt='Left Icon'\r\n                        src={startIcon}\r\n                        style={{ marginRight: 10, width: 24, height: 24 }}\r\n                    />\r\n                )}\r\n                {label}\r\n                {endIcon && (\r\n                    <img\r\n                        alt='Right Icon'\r\n                        src={endIcon}\r\n                        style={{ marginLeft: 10, width: 24, height: 24 }}\r\n                    />\r\n                )}\r\n            </BaseButton>\r\n        </Link>\r\n    )\r\n}\r\n","import { Box, Button, Grid } from '@material-ui/core'\nimport { Card } from 'common/components/molecules/Card'\nimport { CardCtaProps } from 'common/components/molecules/CardCta'\nimport { Spacer } from 'common/components/molecules/Spacer'\nimport { Wrapper } from 'common/components/molecules/Wrapper'\nimport { useDesktop } from 'common/hooks/useDesktop'\nimport React, { useState } from 'react'\nimport { LeftIntro } from '../LeftIntro'\n\nexport interface ProductListProps {\n    heading: string\n    products: {\n        callToAction: CardCtaProps\n        icon?: string\n        title: string\n        text: string\n    }[]\n    singleColumn?: boolean\n    text: string\n    title: string\n    filter?: boolean\n    iconSize?: 'md' | 'lg'\n    transparent?: boolean\n    generic?: boolean\n}\n\nexport const ProductList: React.FC<ProductListProps> = ({\n    generic,\n    heading,\n    products = [],\n    singleColumn,\n    text,\n    title,\n    filter,\n    iconSize,\n    transparent\n}) => {\n    const desktop = useDesktop()\n\n    const [filteredProducts, setfilteredProducts] = useState(\n        filter ? products.slice(0, 6) : products\n    )\n    const [count, setCount] = useState(6)\n\n    const loopWithSlice = (start: number, end: number) => {\n        const slicedPosts = products.slice(start, end)\n        setfilteredProducts([...slicedPosts])\n    }\n\n    const loadMore = () => {\n        setCount(count + 6)\n        loopWithSlice(0, count + 6)\n    }\n\n    return (\n        <Box\n            data-testid='ProductList'\n            display='flex'\n            flexDirection='column'\n            style={\n                transparent\n                    ? {}\n                    : {\n                          background:\n                              'radial-gradient(71.23% 43.94% at 10.65% 72.43%, rgba(247, 247, 249, 0.8) 0%, rgba(247, 247, 249, 0) 100%), #EBEDF7'\n                      }\n            }\n            component='section'\n        >\n            {!generic && <Spacer variant={desktop ? 'lg' : 'md'} />}\n            <Wrapper>\n                <Grid container>\n                    <Grid item xs={12} md={3}>\n                        <LeftIntro\n                            text={text}\n                            title={title}\n                            heading={heading}\n                        />\n                    </Grid>\n                    <Grid item md={1} />\n                    <Grid item xs={12} md={8}>\n                        <Box>\n                            {!desktop && <Spacer variant='md' />}\n                            <Grid container spacing={6}>\n                                {filteredProducts.map(\n                                    (\n                                        product: JSX.IntrinsicAttributes &\n                                            import('../../molecules/Card').CardProps & {\n                                                children?: React.ReactNode\n                                            }\n                                    ) => (\n                                        <Grid\n                                            key={product.title}\n                                            item\n                                            xs={12}\n                                            md={singleColumn ? 12 : 6}\n                                        >\n                                            <Card\n                                                {...product}\n                                                iconSize={iconSize}\n                                            />\n                                        </Grid>\n                                    )\n                                )}\n                                <Grid\n                                    item\n                                    xs={12}\n                                    md={12}\n                                    style={{\n                                        display: 'flex',\n                                        justifyContent: 'center'\n                                    }}\n                                >\n                                    {filter && count <= products.length && (\n                                        <Button\n                                            variant='contained'\n                                            onClick={loadMore}\n                                            style={{\n                                                border: '2px solid #5261AC',\n                                                background: '#EBEDF7',\n                                                color: '#5261AC',\n                                                borderRadius: '36px',\n                                                textTransform: 'none',\n                                                fontSize: '16px'\n                                            }}\n                                        >\n                                            Load more\n                                        </Button>\n                                    )}\n                                </Grid>\n                            </Grid>\n                        </Box>\n                    </Grid>\n                </Grid>\n            </Wrapper>\n            {!generic && <Spacer variant={desktop ? 'lg' : 'md'} />}\n        </Box>\n    )\n}\n","import { Grid } from '@material-ui/core'\nimport { Wrapper } from 'common/components/molecules/Wrapper'\nimport React from 'react'\nimport { Alert } from './Alert'\n\nexport interface AlertsProps {\n    alerts: string[]\n}\n\nexport const Alerts: React.FC<AlertsProps> = ({ alerts = [] }) => {\n    return (\n        <Wrapper>\n            <Grid data-testid='Alerts' container>\n                {alerts.map(alert => (\n                    <Grid key={alert} item xs={12} md={8}>\n                        <Alert text={alert} />\n                    </Grid>\n                ))}\n            </Grid>\n        </Wrapper>\n    )\n}\n","import { Spacer } from 'common/components/molecules/Spacer'\nimport { Alerts, AlertsProps } from 'common/components/organisms/Alerts'\nimport {\n    Jumbotron,\n    JumbotronProps\n} from 'common/components/organisms/Jumbotron'\nimport { Layout, LayoutProps } from 'common/components/organisms/Layout'\nimport {\n    ProductList,\n    ProductListProps\n} from 'common/components/organisms/ProductList'\nimport React from 'react'\n\nexport interface ProductPensionsProps {\n    alerts: AlertsProps\n    jumbotron: JumbotronProps\n    layout: LayoutProps\n    productList?: ProductListProps\n}\n\nexport const ProductPensions: React.FC<ProductPensionsProps> = ({\n    alerts,\n    jumbotron,\n    layout,\n    productList\n}) => {\n    return (\n        <Layout {...layout}>\n            <Jumbotron {...jumbotron} />\n            <>{productList && <ProductList {...productList} />}</>\n            <Spacer />\n            <>{alerts && <Alerts {...alerts} />}</>\n        </Layout>\n    )\n}\n","import { getJumbotronData } from 'common/components/organisms/Jumbotron'\nimport { ProductPensions } from 'common/components/templates/ProductPensions'\nimport { getLayoutData } from 'common/utils/getLayoutData'\nimport React from 'react'\n\nexport interface ProductPensionsPageProps {\n    pageContext: any\n}\n\nexport const ProductPensionsPage: React.FC<ProductPensionsPageProps> = ({\n    pageContext\n}) => {\n    return <ProductPensions {...getProductPensionsData(pageContext)} />\n}\n\nexport default ProductPensionsPage\nexport const getProductPensionsData = (data: any) => ({\n    layout: getLayoutData(data),\n    alerts: {\n        alerts: (data.alerts__alerts || []).map((alert: any) => alert.text)\n    },\n\n    jumbotron: getJumbotronData(data),\n    productList: {\n        heading: data.productlist__heading,\n        text: data.productlist__text,\n        title: data.productlist__title,\n        products: (data.products || ([] as Array<any>)).map((product: any) => ({\n            icon: product.productlist__icon,\n            title: product.title || product.jumbotron__title,\n            text: product.productlist__summary,\n            callToAction: product.downloads && product.downloads.map((item: any) => {\n                return {\n                    label: item.name || item.label,\n                    url: item.file || item.url,\n                    variant: 'download'\n                }\n            })\n        }))\n    }\n})\n","import { Box } from '@material-ui/core'\nimport { Text } from 'common/components/molecules/Text'\nimport { useDesktop } from 'common/hooks/useDesktop'\nimport React from 'react'\n\nexport interface LeftIntroProps {\n    heading: string\n    text: string\n    title: string\n}\n\nexport const LeftIntro: React.FC<LeftIntroProps> = ({\n    heading,\n    text,\n    title\n}) => {\n    const desktop = useDesktop()\n\n    return (\n        <Box\n            position='sticky'\n            top={144}\n            marginBottom={desktop ? 12 : 0}\n            alignSelf='flex-start'\n        >\n            <Text\n                box={{ mb: 6, color: '#4DB7AB' }}\n                label={heading}\n                variant='overline'\n                component='p'\n            />\n            <Text\n                box={{ mb: desktop ? 6 : 0 }}\n                label={title}\n                variant={desktop ? 'h4' : 'h2'}\n                component='h1'\n            />\n            {text && (\n                <Text\n                    box={{ mb: desktop ? 6 : 0 }}\n                    color='textSecondary'\n                    html\n                    label={text}\n                    style={{\n                        fontWeight: 500,\n                        fontSize: 18,\n                        lineHeight: 24 / 18\n                    }}\n                    component='p'\n                />\n            )}\n        </Box>\n    )\n}\n"],"sourceRoot":""}