{"version":3,"sources":["webpack:///./src/components/GiftVoucher/GiftVoucher.styles.tsx","webpack:///./src/components/GiftVoucher/GiftVoucher.tsx","webpack:///./src/pages/gift-voucher.tsx"],"names":["GiftVoucherFrame","_styled","target","mq","height","padding","GiftVoucher","props","___EmotionJSX","Grid","stackable","textAlign","RoboVoucherId","Row","Column","type","src","name","id","FAQs","elements","data","kontentItemGiftVoucherLandingPage","seo","mapToSEO","kiwiVip","mapToKiwiVIPVisible","metadata","mapToPageHeader","faqs","mapToFaqContainer","linked_items","Layout","location","SEO","Banner","_extends","isBiggerBanner","GenericBannerContainer","mobile","top","bottom","desktop","backgroundColor","theme","brand","colors","beige","Heading","heading","value","Summary","summary","FaqList","answerColor","white","questionColor","borderColor","visible","SignupBannerWrapper","version"],"mappings":"mQAGaA,EAAgBC,YAAA,UAAAC,OAAA,YAAAD,CAAA,wGAMvBE,YAAG,CACLC,OAAQ,CAAC,QAAS,SAAU,UAC5BC,QAAS,CAAC,MAAO,OAAQ,UAC3B,I,YCiBaC,EAjBK,SAACC,GACjB,OACIC,cAACC,IAAI,CAACC,WAAS,EAACC,UAAU,UAGlBJ,EAAMK,eACNJ,cAACC,IAAKI,IAAG,KACLL,cAACC,IAAKK,OAAM,KACRN,cAAA,UAAQO,KAAK,kBAAkBC,IAAG,yCAA2CT,EAAMK,cAAa,MAChGJ,cAACR,EAAgB,CAACgB,IAAG,wCAA0CT,EAAMK,cAAa,IAAKK,KAAK,mBAAmBC,GAAG,yB,YC4K3HC,UAnLF,SAACZ,GACZ,IAAQa,EAAab,EAAMc,KAAKC,kCAAxBF,SAEFG,EAAMC,YAASJ,GACfK,EAAUC,YAAoBN,GAC9BO,EAAWC,YAAgBR,GAC3BS,EAAOC,YAAkBV,EAASS,KAAKE,aAAa,GAAGX,UAE7D,OACEZ,cAACwB,IAAM,CAACC,SAAU1B,EAAM0B,UACtBzB,cAAC0B,IAAQX,GACTf,cAAC2B,IAAMC,YAAA,GAAKT,EAAQ,CAAEU,gBAAgB,KACtC7B,cAAC8B,IAAsB,CACrBjC,QAAS,CACPkC,OAAQ,CACNC,IAAK,GACLC,OAAQ,IAEVC,QAAS,CACPF,IAAK,GACLC,OAAQ,MAGZE,gBAAiBC,IAAMC,MAAMC,OAAOC,OAEpCvC,cAACF,EAAW,CACV0C,QAAS5B,EAAS6B,QAAQC,MAC1BC,QAAS/B,EAASgC,QAAQF,MAC1BtC,cAAc,YAGlBJ,cAAC8B,IAAsB,CAACjC,QAAS,CAACkC,OAAQ,CAACC,IAAK,GAAGC,OAAQ,IAAIC,QAAS,CAACF,IAAK,GAAGC,OAAQ,MAAOE,gBAAiBd,EAAKc,iBACtHnC,cAAC6C,IAAOjB,YAAA,GACFP,EAAI,CACRyB,YAAaV,IAAMC,MAAMC,OAAOS,MAChCC,cAAeZ,IAAMC,MAAMC,OAAOS,MAClCE,YAAab,IAAMC,MAAMC,OAAOS,UAGjC9B,EAAQiC,SAAWlD,cAACmD,IAAmB,CAACC,QAASnC,EAAQmC","file":"component---src-pages-gift-voucher-tsx-c27ac85c4ccd72783ece.js","sourcesContent":["import styled from \"@emotion/styled\";\nimport mq from '@styles/mq'\n\nexport const GiftVoucherFrame = styled.iframe`  \n    box-shadow: 0px 6px 16px #0000001F;\n    border-radius: 12px;\n    border: none;\n    width: 100%;\n    background-color: #FFFFFF;\n    ${mq({\n    height: ['180vw', '1260px', '1240px'],\n    padding: ['5px', '40px', '40px']\n})}\n`","import React from 'react'\nimport \"slick-carousel/slick/slick.css\"\nimport \"slick-carousel/slick/slick-theme.css\"\nimport { Grid } from 'semantic-ui-react'\nimport { H3, Paragraph1 } from '@styles/Global.styles'\nimport { GiftVoucherFrame } from './GiftVoucher.styles'\n\n\ninterface GiftVoucherProps {\n    RoboVoucherId?: string\n}\n\nconst GiftVoucher = (props: GiftVoucherProps) => {\n    return (\n        <Grid stackable textAlign='center'>\n            \n            {\n                props.RoboVoucherId &&\n                <Grid.Row>\n                    <Grid.Column>\n                        <script type=\"text/javascript\" src={`https://www.robovoucher.com/buy/embed/${props.RoboVoucherId}/`}></script>\n                        <GiftVoucherFrame src={`https://www.robovoucher.com/buy/list/${props.RoboVoucherId}/`} name=\"RoboVoucherFrame\" id=\"RoboVoucherFrame\"></GiftVoucherFrame>\n                    </Grid.Column>\n                </Grid.Row>\n            }\n        </Grid>\n    );\n}\n\nexport default GiftVoucher","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport { Layout } from \"@components/Layout\"\nimport { Banner, mapToPageHeader } from \"@components/Banner\"\nimport { SEO, mapToSEO } from \"@components/SEO\"\nimport {\n  SignupBannerWrapper,\n  mapToKiwiVIPVisible,\n} from \"@components/SignupBanner\"\nimport { mapToFaqContainer, FaqList } from \"@components/FaqList\"\nimport { GenericBannerContainer } from \"@components/GenericBannerContainer\"\nimport { GiftVoucher } from \"@components/GiftVoucher/index\"\nimport theme from \"@styles/theme\"\n\nconst FAQs = (props: any) => {\n  const { elements } = props.data.kontentItemGiftVoucherLandingPage\n\n  const seo = mapToSEO(elements)\n  const kiwiVip = mapToKiwiVIPVisible(elements)\n  const metadata = mapToPageHeader(elements)\n  const faqs = mapToFaqContainer(elements.faqs.linked_items[0].elements)\n\n  return (\n    <Layout location={props.location}>\n      <SEO {...seo} />\n      <Banner {...metadata} isBiggerBanner={false} />\n      <GenericBannerContainer\n        padding={{\n          mobile: {\n            top: 60,\n            bottom: 80,\n          },\n          desktop: {\n            top: 80,\n            bottom: 100,\n          },\n        }}\n        backgroundColor={theme.brand.colors.beige}\n      >\n        <GiftVoucher\n          Heading={elements.heading.value}\n          Summary={elements.summary.value}\n          RoboVoucherId=\"NZM8QD\"\n        ></GiftVoucher>\n      </GenericBannerContainer>\n      <GenericBannerContainer padding={{mobile: {top: 50,bottom: 60},desktop: {top: 90,bottom: 100}}} backgroundColor={faqs.backgroundColor}>\n      <FaqList\n        {...faqs}\n        answerColor={theme.brand.colors.white}\n        questionColor={theme.brand.colors.white}\n        borderColor={theme.brand.colors.white}\n      ></FaqList>\n      </GenericBannerContainer>\n      {kiwiVip.visible && <SignupBannerWrapper version={kiwiVip.version} />} \n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  {\n    site {\n      siteMetadata {\n        apiUrl\n      }\n    }\n    kontentItemGiftVoucherLandingPage {\n      elements {\n        faqs {\n          linked_items {\n            ... on KontentItemFaqBlock {\n              elements {\n                background_colors {\n                  value {\n                    codename\n                    name\n                  }\n                }\n                description{\n                  value\n                }\n                faqs {\n                  linked_items {\n                    ... on KontentItemFaqItem {\n                      elements {\n                        answer {\n                          value\n                        }\n                        faq_category {\n                          value {\n                            codename\n                            name\n                          }\n                        }\n                        question {\n                          type\n                          value\n                        }\n                      }\n                    }\n                  }\n                }\n                title {\n                  value\n                }\n              }\n            }\n          }\n        }\n        general_page_content__header_image {\n          value {\n            url\n          }\n        }\n        general_page_content__responsive_header_image {\n          linked_items {\n            ... on KontentItemBannerImage {\n              id\n              elements {\n                desktop {\n                  value {\n                    url\n                    description\n                  }\n                }\n                mobile {\n                  value {\n                    description\n                    url\n                  }\n                }\n                tablet {\n                  value {\n                    description\n                    url\n                  }\n                }\n              }\n            }\n          }\n        }\n        general_page_content__kiwivip_signup {\n          value {\n            codename\n            name\n          }\n        }\n        general_page_content__kiwivip_signup_version {\n          value {\n            codename\n            name\n          }\n        }\n        general_page_content__title {\n          value\n        }\n        general_page_content__title_position {\n          value {\n            codename\n            name\n          }\n        }\n        heading {\n          value\n        }\n        seo__nofollow {\n          value {\n            codename\n            name\n          }\n        }\n        seo__noindex {\n          value {\n            codename\n            name\n          }\n        }\n        seo__page_title {\n          value\n        }\n        seo__page_description {\n          value\n        }\n        summary {\n          value\n        }\n        url {\n          value\n        }\n      }\n    }\n  }\n`\n\nexport default FAQs\n"],"sourceRoot":""}