{"version":3,"sources":["webpack:///./src/common/components/organisms/FeatureList/index.ts","webpack:///./src/common/components/atoms/Video/Video.tsx","webpack:///./src/common/components/templates/Product.tsx","webpack:///./src/common/pages/ProductPage.tsx"],"names":["useStyles","makeStyles","videoTitle","color","videoHeading","fontSize","videoResponsive","overflow","paddingBottom","position","height","left","top","width","Video","source","url","title","heading","text","classes","Grid","data-testid","container","style","paddingTop","md","xs","item","paddingRight","Text","className","box","mb","label","variant","html","controls","src","type","data-src","data-cookiescript","data-cookiecategory","data-alt-img","allow","Product","featureList","jumbotron","layout","resources","benefits","campaignFeature","video","campaignFeatureProps","getCampaignFeatureProps","Layout","Jumbotron","Wrapper","Spacer","FeatureList","Resources","Benefits","ProductPage","pageContext","getProductData","data","getLayoutData","image","features","getJumbotronData","resources_title","resources_text","downloads","callToAction","call_to_action__iconlocation","call_to_action__icon","call_to_action__url","call_to_action__text","call_to_action__title","call_to_action__variant","analyticsId","call_to_action__analytics_id","call_to_action__label","video__height","video__width","video__url","video__video","video__title","video__text","threecards__title","subtitle","threecards__subtitle","threecards__cards","map","card","card_cta_0396ba7__cta_label","card_cta_0396ba7__cta_variant","card_cta_0396ba7__cta_url","icon"],"mappings":"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","file":"component---src-common-pages-product-page-tsx-5869d4453227a08daa93.js","sourcesContent":["export * from './FeatureList'\n","import { Grid, makeStyles } from '@material-ui/core'\nimport { Text } from 'common/components/molecules/Text'\nimport React from 'react'\n\nexport interface VideoProps {\n    source?: string\n    url?: string\n    width?: number\n    height?: number\n    title: string\n    heading: string\n    text: string\n}\n\nconst useStyles = makeStyles({\n    videoTitle: {\n        color: '#4DB7AB',\n    },\n    videoHeading: {\n        fontSize: '40px',\n    },\n    videoResponsive: {\n        overflow: 'hidden',\n        paddingBottom: '56.25%',\n        position: 'relative',\n        height: '0',\n        '& > iframe': {\n            left: '0',\n            top: '0',\n            height: '100%',\n            width: '100%',\n            position: 'absolute',\n        },\n    },\n})\n\nexport const Video: React.FC<VideoProps> = ({\n    source,\n    url,\n    width,\n    height,\n    title,\n    heading,\n    text,\n}) => {\n    const classes = useStyles()\n    return (\n        <Grid\n            data-testid='video'\n            container={true}\n            style={{ paddingTop: '85px' }}\n        >\n            {(title || text || heading) && (\n                <Grid\n                    md={6}\n                    xs={12}\n                    item={true}\n                    style={{ paddingRight: '50px' }}\n                >\n                    {title && (\n                        <Text\n                            className={classes.videoTitle}\n                            box={{ mb: 6 }}\n                            label={title}\n                            variant='overline'\n                        />\n                    )}\n                    {heading && (\n                        <Text\n                            className={classes.videoHeading}\n                            label={heading}\n                            variant='h1'\n                        />\n                    )}\n                    {text && (\n                        <Text\n                            label={text}\n                            variant='body2'\n                            color='textSecondary'\n                            html={true}\n                        />\n                    )}\n                </Grid>\n            )}\n\n            <Grid md={title || text || heading ? 6 : 12} xs={12} item={true}>\n                {source && (\n                    <div>\n                        <video\n                            height={height ? height : '100%'}\n                            width={width ? width : '100%'}\n                            controls\n                        >\n                            <source src={source} type='video/mp4' />\n                        </video>\n                    </div>\n                )}\n                {url && (\n                    <div className={classes.videoResponsive}>\n                        <iframe\n                            width={width}\n                            height={height}\n                            data-src='https://www.youtube.com/embed/womtdV17aXw?rel=0'\n                            data-cookiescript='accepted'\n                            data-cookiecategory='marketing'\n                            data-alt-img='https://img.youtube.com/vi/womtdV17aXw/maxresdefault.jpg'\n                            title='YouTube video player'\n                            allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'\n                        ></iframe>\n                    </div>\n                )}\n            </Grid>\n        </Grid>\n    )\n}\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    FeatureList,\n    FeatureListProps\n} from 'common/components/organisms/FeatureList'\nimport {\n    Jumbotron,\n    JumbotronProps\n} from 'common/components/organisms/Jumbotron'\nimport { Layout, LayoutProps } from 'common/components/organisms/Layout'\nimport {\n    Resources,\n    ResourcesProps\n} from 'common/components/organisms/Resources'\nimport { CampaignFeatureProps } from 'common/components/organisms/CampaignFeature'\nimport { Video } from 'common/components/atoms/Video'\nimport React from 'react'\nimport { CampaignFeature } from '@irishlife/ilgroupdesignsystem.organisms.campaign-feature'\nimport { getCampaignFeatureProps } from 'common/utils/geCampaignFeatureProps'\n\nexport interface ProductProps {\n    featureList: FeatureListProps\n    jumbotron: JumbotronProps\n    layout: LayoutProps\n    resources: ResourcesProps\n    benefits: BenefitsProps\n    campaignFeature: CampaignFeatureProps\n    video: any\n}\n\nexport const Product: React.FC<ProductProps> = ({\n    featureList,\n    jumbotron,\n    layout,\n    resources,\n    benefits,\n    campaignFeature,\n    video\n}) => {\n\n    const campaignFeatureProps = getCampaignFeatureProps(campaignFeature)\n\n    return (\n        <Layout {...layout}>\n            <Jumbotron {...jumbotron} />\n            <Wrapper>\n                <Spacer />\n                <section>\n                    <FeatureList {...featureList} />\n                </section>\n                <Spacer />\n                {video &&\n                    <>\n                        <Video {...video} />\n                    </>\n                }\n                {campaignFeature.title &&\n                    <section>\n                        <CampaignFeature {...campaignFeatureProps} />\n                    </section>\n                }\n                {resources.title && (\n                    <>\n                        <Spacer />\n                        <Resources {...resources} />\n                    </>\n                )}\n                {benefits.title && (\n                    <section>\n                        <Spacer />\n                        <Benefits {...benefits} />\n                    </section>\n                )}\n            </Wrapper>\n        </Layout>\n    )\n}\n","import { getJumbotronData } from 'common/components/organisms/Jumbotron'\nimport { Product } from 'common/components/templates/Product'\nimport { getLayoutData } from 'common/utils/getLayoutData'\nimport React from 'react'\n\nexport interface ProductPageProps {\n    pageContext: any\n}\n\nexport const ProductPage: React.FC<ProductPageProps> = ({ pageContext }) => {\n    return <Product {...getProductData(pageContext)} />\n}\n\nexport default ProductPage\n\nexport const getProductData = (data: any) => ({\n    layout: getLayoutData(data),\n    featureList: {\n        image: data.features[0].image,\n        title: data.features[0].title,\n        features: data.features[0].benefits\n    },\n    jumbotron: getJumbotronData(data),\n    resources: {\n        title: data.resources_title,\n        text: data.resources_text,\n        downloads: data.downloads\n    },\n    campaignFeature: {\n        title: data.title,\n        callToAction: {\n            [`${data.call_to_action__iconlocation}Icon`]: data.call_to_action__icon,\n            url: data.call_to_action__url,\n            text: data.call_to_action__text,\n            title: data.call_to_action__title,\n            variant: data.call_to_action__variant,\n            analyticsId: data.call_to_action__analytics_id,\n            label: data.call_to_action__label\n        },\n        text: data.text,\n        image: data.image\n    },\n    video: {\n        height: data.video__height,\n        width: data.video__width,\n        url: data.video__url,\n        source: data.video__video,\n        title: data.video__title,\n        text: data.video__text\n    },\n    benefits: {\n        title: data.threecards__title,\n        subtitle: data.threecards__subtitle,\n        benefits: (data.threecards__cards || []).map((card: any) => ({\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            icon: card.icon,\n            text: card.text,\n            title: card.title\n        }))\n    }\n})\n"],"sourceRoot":""}