{"version":3,"file":"component---gatsby-theme-husky-src-templates-future-future-tsx-b6b993b98b215c776001.js","mappings":"8OAkbA,UA/Z0C,SAAH,GAyBhC,IAAD,IAxBJA,KAAI,IACFC,OACEC,EAAI,EAAJA,KACAC,EAAG,EAAHA,IACAC,EAAM,EAANA,OACAC,EAAM,EAANA,OACAC,EAAM,EAANA,OACAC,EAAI,EAAJA,KACAC,EAAM,EAANA,OACAC,EAAY,EAAZA,aACAC,EAAM,EAANA,OACAC,EAAY,EAAZA,aACAC,EAAU,EAAVA,WACAC,EAAY,EAAZA,aACAC,EAAW,EAAXA,YACAC,EAAK,EAALA,MACAC,EAAU,EAAVA,WACAC,EAAO,EAAPA,QACAC,EAAK,EAALA,MAEFC,EAAM,EAANA,OACAC,EAAM,EAANA,OACAC,EAAY,EAAZA,aAGaC,EAAiEnB,EAAxEoB,MAA2BC,EAA6CrB,EAAvDsB,SAAoCC,EAAmBvB,EAAhCwB,YAE1CC,EAAY,CAAEC,UAAW,YAAaC,QAAS,CAAEC,cADtCC,EAAAA,EAAAA,eAC6DC,WAE9E,OACE,gBAAC,IAAM,CAACC,mBAAiB,EAAOhB,MAAAA,GAC7BE,GAAU,gBAAC,IAAM,CAACpB,KAAMoB,EAAQe,SAAUd,IAC3C,gBAAC,IAAG,CAAOnB,KAAAA,EAAMC,IAAAA,IACjB,gBAAC,IAAU,CACTiC,KAAK,UACLC,KAAMf,EACNtB,KAAM,CACJsC,UAAWhB,EACXiB,gBAAiBb,EACjBc,aAAchB,GAEhBiB,aAAcb,IAEhB,uBACEc,UAAS,qCAAsC1B,EAAU,WAAcA,EAAe,KAErFC,aAAO,EAAPA,EAAS0B,KAAI,SAAC3C,EAAM4C,GACnB,IAAMC,EAAWD,EAAQE,KAAKC,MAE9B,OAAO,gBAAC,IAAQ,CAAC/C,KAAMA,EAAM4C,MAAOA,EAAOI,IAAKH,GAClD,IAEA,uBAAKH,UAAU,wBACb,uBAAKA,UAAU,YACb,uBAAKA,UAAU,YACZ7B,GACC,gBAAC,IAAK,CACJoC,UAAWpC,EACXqC,IAAKrC,EAAasC,QAClBT,UAAU,sBAGb5B,GACC,gBAAC,IAAK,CACJmC,UAAWnC,EACXoC,IAAKpC,EAAYqC,QACjBT,UAAU,wBAKlB,uBAAKA,UAAU,iBACb,uBAAKA,UAAU,wBACb,gBAAC,IAAuB,CACtBU,KAAMhD,EACNiD,QAAQ,MACRX,UAAU,yBAEZ,gBAAC,IAAuB,CACtBU,KAAM/C,EACNgD,QAAQ,MACRX,UAAU,yBAEZ,gBAAC,IAAuB,CACtBU,KAAM9C,EACN+C,QAAQ,MACRX,UAAU,8BAEZ,gBAAC,IAAuB,CAACU,KAAM7C,EAAM8C,QAAQ,MAAMX,UAAU,wBAGjE,uBAAKA,UAAU,iBACb,uBAAKA,UAAU,2CACb,gBAAC,IAAuB,CAACU,KAAM5C,EAAQ6C,QAAQ,KAAKX,UAAU,kBAC7DjC,GACC,gBAAC,IAAuB,CACtB2C,MAAME,EAAAA,EAAAA,IAAc7C,GACpB4C,QAAQ,MACRX,UAAU,4CAKlB,uBAAKA,UAAU,iBACb,uBAAKA,UAAU,kDACb,gBAAC,IAAuB,CAACU,KAAM1C,EAAQ2C,QAAQ,KAAKX,UAAU,kBAC7D/B,GACC,gBAAC,IAAuB,CACtByC,MAAME,EAAAA,EAAAA,IAAc3C,GACpB0C,QAAQ,MACRX,UAAU,2CAIhB,uBAAKA,UAAU,mBACZ3B,GAAS,gBAAC,IAAK,CAACkC,UAAWlC,EAAOmC,IAAKnC,EAAMoC,YAGlD,uBAAKT,UAAU,YACb,uBAAKA,UAAU,oCAAoC9B,MAIxDO,EAAS,gBAAC,IAAM,CAACnB,KAAMmB,IAAa,iCAG3C,C","sources":["webpack://husky-site/../gatsby-theme-husky/src/templates/Future/Future.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { graphql } from 'gatsby';\nimport { useLocation } from '@reach/router';\n\nimport DangerouslySetInnerHtml from 'layout/DangerouslySetInnerHtml';\nimport Layout from 'layout/Layout';\nimport Image from 'common/Image';\nimport PageSchema from 'common/PageSchema';\nimport Seo from 'common/Seo';\nimport Footer from 'components/Footer';\nimport Header from 'components/Header';\nimport SoBanner from 'components/SoBanner';\n\nimport { lineBreakToBr } from '../../utils/functions';\nimport { FutureProps } from './models';\n\nimport './Future.scss';\nimport './Purpose-wave.scss';\n\nconst Future: FC<{ data: FutureProps }> = ({\n  data: {\n    future: {\n      urls,\n      seo,\n      intro1,\n      intro2,\n      intro3,\n      tile,\n      title1,\n      description1,\n      title2,\n      description2,\n      disclaimer,\n      imageDesktop,\n      imageMobile,\n      image,\n      extraClass,\n      content,\n      pixel,\n    },\n    footer,\n    header,\n    siteSettings,\n  },\n}) => {\n  const { title: seoTitle, keywords: seoKeywords, description: seoDescription } = seo;\n  const location = useLocation();\n  const eventData = { eventType: 'page_view', tagData: { pageTemplate: location.pathname } };\n\n  return (\n    <Layout headerTransparent {...{ pixel }}>\n      {header && <Header data={header} settings={siteSettings} />}\n      <Seo {...{ urls, seo }} />\n      <PageSchema\n        type=\"WebPage\"\n        name={seoTitle}\n        data={{\n          metaTitle: seoTitle,\n          metaDescription: seoDescription,\n          metaKeywords: seoKeywords,\n        }}\n        tagEventData={eventData}\n      />\n      <div\n        className={`mx-auto section-container future ${extraClass ? `future--${extraClass}` : ''}`}\n      >\n        {content?.map((data, index) => {\n          const indexKey = index + Date.now();\n\n          return <SoBanner data={data} index={index} key={indexKey} />;\n        })}\n\n        <div className=\"container-fluid px-0\">\n          <div className=\"row mx-0\">\n            <div className=\"col px-0\">\n              {imageDesktop && (\n                <Image\n                  imageData={imageDesktop}\n                  alt={imageDesktop.altText}\n                  className=\"d-none d-md-block\"\n                />\n              )}\n              {imageMobile && (\n                <Image\n                  imageData={imageMobile}\n                  alt={imageMobile.altText}\n                  className=\"d-block d-md-none\"\n                />\n              )}\n            </div>\n          </div>\n          <div className=\"row mx-0 pt-4\">\n            <div className=\"col px-0 text-center\">\n              <DangerouslySetInnerHtml\n                html={intro1}\n                element=\"div\"\n                className=\"future__intro-1 px-5\"\n              />\n              <DangerouslySetInnerHtml\n                html={intro2}\n                element=\"div\"\n                className=\"future__intro-2 px-5\"\n              />\n              <DangerouslySetInnerHtml\n                html={intro3}\n                element=\"div\"\n                className=\"future__intro-3 px-5 pt-4\"\n              />\n              <DangerouslySetInnerHtml html={tile} element=\"div\" className=\"future__tile mt-5\" />\n            </div>\n          </div>\n          <div className=\"row mx-0 mt-5\">\n            <div className=\"col px-0 px-5 text-center text-md-start\">\n              <DangerouslySetInnerHtml html={title1} element=\"h3\" className=\"future__title\" />\n              {description1 && (\n                <DangerouslySetInnerHtml\n                  html={lineBreakToBr(description1)}\n                  element=\"div\"\n                  className=\"future__description px-0 px-md-4 pt-4\"\n                />\n              )}\n            </div>\n          </div>\n          <div className=\"row mx-0 mt-5\">\n            <div className=\"col-12 col-md-6 px-5 text-center text-md-start\">\n              <DangerouslySetInnerHtml html={title2} element=\"h3\" className=\"future__title\" />\n              {description2 && (\n                <DangerouslySetInnerHtml\n                  html={lineBreakToBr(description2)}\n                  element=\"div\"\n                  className=\"future__description px-0 px-md-4 pt-4\"\n                />\n              )}\n            </div>\n            <div className=\"col-12 col-md-6\">\n              {image && <Image imageData={image} alt={image.altText} />}\n            </div>\n          </div>\n          <div className=\"row mx-0\">\n            <div className=\"col future__disclaimer px-5 pb-5\">{disclaimer}</div>\n          </div>\n        </div>\n      </div>\n      {footer ? <Footer data={footer} /> : <></>}\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query ($url: String, $lang: String) {\n    future(url: { eq: $url }) {\n      extraClass\n      content {\n        title\n        subtitle\n        variant\n        containerText\n        legalText\n        pageSize\n        containerImage {\n          altText\n          fallbackUrl\n          desktop {\n            childImageSharp {\n              gatsbyImageData(placeholder: BLURRED, width: 1920)\n            }\n          }\n        }\n        imagePage {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED)\n          }\n        }\n        imageButtonPopup {\n          url\n          altText\n        }\n        extraClass\n        showPager\n        showThumbs\n        showArrows\n        showStatus\n        infiniteLoop\n        time\n        items {\n          variant\n          extraClass\n          legalText\n          bannerText\n          buttonType\n          videoBanner {\n            altText\n            fallbackUrl\n            url\n          }\n          videoBannerMobile {\n            altText\n            fallbackUrl\n            url\n          }\n          button {\n            url\n            icon\n            name\n            published\n            udi\n            queryString\n          }\n          imageDesktop {\n            altText\n            desktop {\n              childImageSharp {\n                gatsbyImageData(placeholder: BLURRED, width: 1920)\n              }\n            }\n          }\n          imageMobile {\n            altText\n            desktop {\n              childImageSharp {\n                gatsbyImageData(placeholder: BLURRED, width: 768)\n              }\n            }\n          }\n          imageProduct {\n            altText\n            desktop {\n              childImageSharp {\n                gatsbyImageData(placeholder: BLURRED, width: 768)\n              }\n            }\n          }\n          imageRecipe {\n            altText\n            desktop {\n              childImageSharp {\n                gatsbyImageData(placeholder: BLURRED, width: 768)\n              }\n            }\n          }\n        }\n      }\n      urls {\n        lang\n        href\n      }\n      seo {\n        ...SEOStructureFragment\n      }\n      intro1\n      intro2\n      intro3\n      tile\n      title1\n      description1\n      title2\n      description2\n      disclaimer\n      pixel {\n        nameEvent\n        contentId\n        contentName\n        contentValue\n        contentCurrency\n      }\n      imageDesktop {\n        desktop {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 1300)\n          }\n        }\n        mobile {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 1300)\n          }\n        }\n        tablet {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 1300)\n          }\n        }\n      }\n      imageMobile {\n        desktop {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 480)\n          }\n        }\n        mobile {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 480)\n          }\n        }\n        tablet {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 480)\n          }\n        }\n      }\n      image {\n        desktop {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 420)\n          }\n        }\n        mobile {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 420)\n          }\n        }\n        tablet {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 420)\n          }\n        }\n      }\n    }\n    header(lang: { eq: $lang }) {\n      logo {\n        childImageSharp {\n          gatsbyImageData(placeholder: BLURRED, quality: 100)\n        }\n      }\n      socialMedia {\n        name\n        url\n        queryString\n      }\n      socialMediaLogo {\n        image {\n          childImageSharp {\n            gatsbyImageData(quality: 100)\n          }\n        }\n        url {\n          name\n          url\n        }\n      }\n      navs {\n        label\n        url {\n          url\n        }\n        navigationWithSubMenu {\n          label\n          url {\n            name\n            url\n          }\n        }\n      }\n      sidebar {\n        url {\n          url\n        }\n        image {\n          desktop {\n            childImageSharp {\n              gatsbyImageData(placeholder: BLURRED, width: 60)\n            }\n          }\n          mobile {\n            childImageSharp {\n              gatsbyImageData(placeholder: BLURRED, width: 60)\n            }\n          }\n          tablet {\n            childImageSharp {\n              gatsbyImageData(placeholder: BLURRED, width: 60)\n            }\n          }\n        }\n        url {\n          url\n        }\n      }\n    }\n    siteSettings {\n      siteName\n      defaultLang\n      popupLanguage\n      avaliableLanguages {\n        url\n        code\n        title\n        longTitle\n      }\n    }\n    footer(lang: { eq: $lang }) {\n      logo {\n        desktop {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 150)\n          }\n        }\n        mobile {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 150)\n          }\n        }\n        tablet {\n          childImageSharp {\n            gatsbyImageData(placeholder: BLURRED, width: 150)\n          }\n        }\n      }\n      extraLogo {\n        childImageSharp {\n          gatsbyImageData(quality: 100)\n        }\n      }\n      navs {\n        name\n        url\n      }\n      contact\n      copyright\n      socialMedia {\n        iconImage {\n          url\n          altText\n          fallbackUrl\n        }\n        iconLink {\n          url\n          name\n          icon\n        }\n      }\n    }\n  }\n`;\n\nexport default Future;\n"],"names":["data","future","urls","seo","intro1","intro2","intro3","tile","title1","description1","title2","description2","disclaimer","imageDesktop","imageMobile","image","extraClass","content","pixel","footer","header","siteSettings","seoTitle","title","seoKeywords","keywords","seoDescription","description","eventData","eventType","tagData","pageTemplate","useLocation","pathname","headerTransparent","settings","type","name","metaTitle","metaDescription","metaKeywords","tagEventData","className","map","index","indexKey","Date","now","key","imageData","alt","altText","html","element","lineBreakToBr"],"sourceRoot":""}