{"version":3,"sources":["webpack:///./src/common/components/molecules/Card/Card.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/templates/HelpCentre.tsx","webpack:///./src/common/pages/HelpCentrePage.tsx","webpack:///./src/common/components/organisms/Benefits/Benefits.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","_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","fontSize","fontWeight","marginLeft","lineHeight","onClick","Link","TagManager","dataLayer","event","clickText","clickURL","clickID","path","rightIcon","size","CardCtaContained","startIcon","endIcon","marginRight","HelpCentre","benefits","jumbotron","layout","Layout","Jumbotron","Wrapper","Spacer","Benefits","HelpCentrePage","pageContext","getHelpCentreData","data","getLayoutData","alerts","alerts__alerts","alert","getJumbotronData","threecards__cards","card","card_cta_0396ba7__cta_label","card_cta_0396ba7__cta_variant","card_cta_0396ba7__cta_url","threecards__subtitle","threecards__title","heading","ctaLabel","ctaUrl","noWrap","alignTextLeft","useDesktop","columns","mx","marginBottom","textTransform","textAlign","Grid","container","spacing","Hidden","smDown","xs","align","benefit","BasicButton","analyticsId","analyticsEventName"],"mappings":"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","file":"component---src-common-pages-help-centre-page-tsx-61fa2e7f8f5c57749faf.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","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 { Spacer } from 'common/components/molecules/Spacer'\nimport { Wrapper } from 'common/components/molecules/Wrapper'\nimport { Benefits, BenefitsProps } from 'common/components/organisms/Benefits'\nimport {\n    Jumbotron,\n    JumbotronProps,\n} from 'common/components/organisms/Jumbotron'\nimport { Layout, LayoutProps } from 'common/components/organisms/Layout'\nimport React from 'react'\n\nexport interface HelpCentreProps {\n    benefits: BenefitsProps\n    jumbotron: JumbotronProps\n    layout: LayoutProps\n}\n\nexport const HelpCentre: React.FC<HelpCentreProps> = ({\n    benefits,\n    jumbotron,\n    layout,\n}) => {\n    return (\n        <Layout {...layout}>\n            <Jumbotron {...jumbotron} />\n            <Wrapper component='section'>\n                <Spacer variant='md' />\n                <Benefits {...benefits} helpcentre={true} />\n            </Wrapper>\n        </Layout>\n    )\n}\n","import { getJumbotronData } from 'common/components/organisms/Jumbotron'\nimport { HelpCentre } from 'common/components/templates/HelpCentre'\nimport { getLayoutData } from 'common/utils/getLayoutData'\nimport React from 'react'\n\nexport interface HelpCentrePageProps {\n    pageContext: any\n}\n\nexport const HelpCentrePage: React.FC<HelpCentrePageProps> = ({\n    pageContext\n}) => {\n    return <HelpCentre {...getHelpCentreData(pageContext)} />\n}\n\nexport default HelpCentrePage\n\nexport const getHelpCentreData = (data: any) => ({\n    layout: getLayoutData(data),\n    alerts: {\n        alerts: (data.alerts__alerts || []).map((alert: any) => alert.text)\n    },\n    jumbotron: getJumbotronData(data),\n    benefits: {\n        benefits: (data.threecards__cards || []).map((card: any) => ({\n            ...card,\n            callToAction: {\n                label: card.card_cta_0396ba7__cta_label,\n                variant: card.card_cta_0396ba7__cta_variant,\n                url: card.card_cta_0396ba7__cta_url\n            }\n        })),\n        subtitle: data.threecards__subtitle,\n        title: data.threecards__title\n    }\n})\n","import { Box, Grid, GridProps, Hidden } from '@material-ui/core'\nimport { BasicButton } from 'common/components/atoms/BasicButton'\nimport { Card } from 'common/components/molecules/Card'\nimport { CardCtaProps } from 'common/components/molecules/CardCta'\nimport { Spacer } from 'common/components/molecules/Spacer'\nimport { Text } from 'common/components/molecules/Text'\nimport { useDesktop } from 'common/hooks/useDesktop'\nimport React from 'react'\n\ninterface Benefit {\n    callToAction?: CardCtaProps\n    icon: string\n    text: string\n    title: string\n}\n\nexport interface BenefitsProps {\n    benefits: Benefit[]\n    subtitle: string\n    title: string\n    heading?: string\n    iconSize?: 'md' | 'lg'\n    ctaLabel?: string\n    ctaUrl?: string\n    noWrap?: boolean\n    helpcentre?: boolean\n    alignTextLeft?: boolean\n}\n\nexport const Benefits: React.FC<BenefitsProps> = ({\n    benefits = [],\n    heading,\n    subtitle,\n    title,\n    iconSize,\n    ctaLabel,\n    ctaUrl,\n    noWrap,\n    helpcentre = false,\n    alignTextLeft = false,\n}) => {\n    const desktop = useDesktop()\n    const columns =\n        benefits.length >= 3 ? (noWrap ? benefits.length : 3) : benefits.length\n    return (\n        <Box\n            data-testid='Benefits'\n            display='flex'\n            flexDirection='column'\n            alignItems='center'\n            component='section'\n        >\n            {(heading || title) && (\n                <>\n                    <Box\n                        mx={[0, 0, 24]}\n                        width={alignTextLeft ? '100%' : undefined}\n                    >\n                        {heading && (\n                            <Text\n                                label={heading}\n                                style={{\n                                    marginBottom: '32px',\n                                    color: '#4DB7AB',\n                                    fontWeight: 700,\n                                    textTransform: 'uppercase',\n                                }}\n                                component='h4'\n                            />\n                        )}\n                        <Box\n                            mb={6}\n                            textAlign={\n                                desktop\n                                    ? alignTextLeft\n                                        ? 'unset'\n                                        : 'center'\n                                    : undefined\n                            }\n                        >\n                            <Text\n                                label={title}\n                                variant={desktop ? 'h4' : 'h2'}\n                                component='h1'\n                            />\n                        </Box>\n\n                        <Grid container spacing={6}>\n                            <Hidden smDown>\n                                <Grid item xs={2} />\n                            </Hidden>\n                            <Grid item xs={12} md={8}>\n                                <Text\n                                    align={desktop ? 'center' : undefined}\n                                    color='textSecondary'\n                                    html\n                                    label={subtitle}\n                                    variant='subtitle1'\n                                    component='p'\n                                />\n                            </Grid>\n                            <Hidden smDown>\n                                <Grid item xs={2} />\n                            </Hidden>\n                        </Grid>\n                    </Box>\n                    <Spacer variant={desktop ? 'xs' : 'sm'} />\n                </>\n            )}\n            <Grid container spacing={6}>\n                {benefits.map((benefit) => (\n                    <Grid\n                        key={benefit.title}\n                        item\n                        xs={12}\n                        md={(12 / columns) as GridProps['md']}\n                    >\n                        <Card\n                            {...benefit}\n                            iconSize={iconSize}\n                            helpcentre={helpcentre}\n                        />\n                    </Grid>\n                ))}\n            </Grid>\n            {ctaLabel && (\n                <Box width={alignTextLeft ? ['auto', 'auto', '100%'] : []}>\n                    <Spacer variant='xs' />\n                    <BasicButton\n                        label={ctaLabel}\n                        url={ctaUrl}\n                        analyticsId={ctaLabel}\n                        analyticsEventName='secondaryButtonClick'\n                    />\n                </Box>\n            )}\n        </Box>\n    )\n}\n"],"sourceRoot":""}