{"version":3,"file":"component---gatsby-theme-husky-src-templates-product-list-product-list-tsx-f8aab6ebdec0cd7aa134.js","mappings":"gNA+QA,UAnQoD,SAAH,GAO1C,IAAD,IANJA,KAAI,IACFC,YAAeC,EAAI,EAAJA,KAAMC,EAAG,EAAHA,IAAKC,EAAO,EAAPA,QAC1BC,EAAM,EAANA,OACAC,EAAM,EAANA,OACAC,EAAY,EAAZA,aAGaC,EAAiEL,EAAxEM,MAA2BC,EAA6CP,EAAvDQ,SAAoCC,EAAmBT,EAAhCU,YAChD,GAAgCC,EAAAA,EAAAA,UAAiC,IAA1DC,EAAQ,KAAEC,EAAW,KAkB5B,OAbAC,EAAAA,EAAAA,YAAU,WACRb,EAAQc,SAAQ,SAACC,GACXA,EAAUC,WAAWC,SAAS,yBAChCF,EAAUG,MAAMJ,SAAQ,SAAClB,GACvBgB,GAAY,SAACO,GAAY,wBACpBA,GAAY,CACf,CAAEC,UATOC,EASazB,EAAK0B,YARnC,IAAIC,WAAYC,gBAAgBH,EAAY,aAAaI,KAAKC,aAAe,OAD7D,IAACL,CAS+B,GAE5C,GAEJ,GACF,GAAG,CAACrB,IAGF,gBAAC,IAAM,CAAC2B,mBAAiB,GACtBzB,GAAU,gBAAC,IAAM,CAACN,KAAMM,EAAQ0B,SAAUzB,IAC3C,gBAAC,IAAG,CAAOL,KAAAA,EAAMC,IAAAA,IAEjB,gBAAC,IAAU,CACT8B,KAAK,UACLC,KAAM1B,EACNR,KAAM,CACJmC,UAAW3B,EACX4B,gBAAiBxB,EACjByB,aAAc3B,GAEhB4B,aAAc,CACZC,UAAW,iBACXC,QAAS,CACPC,MAAOjC,EACPkC,UAAW,CACTpB,MAAOP,OAKf,uBAAK4B,GAAG,OAAOC,UAAU,6BACtBxC,aAAO,EAAPA,EAASyC,KAAI,SAAC7C,EAAM8C,GACnB,IAAMC,EAAWD,EAAQE,KAAKC,MAE9B,OAAO,gBAAC,IAAQ,CAACjD,KAAMA,EAAM8C,MAAOA,EAAOI,IAAKH,GAClD,KAED1C,EAAS,gBAAC,IAAM,CAACL,KAAMK,IAAa,iCAG3C,C","sources":["webpack://husky-site/../gatsby-theme-husky/src/templates/ProductList/ProductList.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport { graphql } from 'gatsby';\n\nimport Layout from 'layout/Layout';\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 { ProductListProps } from './models';\n\nconst ProductList: FC<{ data: ProductListProps }> = ({\n  data: {\n    productList: { urls, seo, content },\n    footer,\n    header,\n    siteSettings,\n  },\n}) => {\n  const { title: seoTitle, keywords: seoKeywords, description: seoDescription } = seo;\n  const [products, setProducts] = useState<{ itemName: string }[]>([]);\n\n  const cleanHTML = (htmlString: string): string =>\n    new DOMParser().parseFromString(htmlString, 'text/html').body.textContent || '';\n\n  useEffect(() => {\n    content.forEach((container) => {\n      if (container.extraClass.includes('section__produt-list')) {\n        container.items.forEach((data) => {\n          setProducts((prevProducts) => [\n            ...prevProducts,\n            { itemName: cleanHTML(data.bannerText) },\n          ]);\n        });\n      }\n    });\n  }, [content]);\n\n  return (\n    <Layout headerTransparent>\n      {header && <Header data={header} settings={siteSettings} />}\n      <Seo {...{ urls, seo }} />\n\n      <PageSchema\n        type=\"WebPage\"\n        name={seoTitle}\n        data={{\n          metaTitle: seoTitle,\n          metaDescription: seoDescription,\n          metaKeywords: seoKeywords,\n        }}\n        tagEventData={{\n          eventType: 'view_item_list',\n          tagData: {\n            value: seoTitle,\n            ecommerce: {\n              items: products,\n            },\n          },\n        }}\n      />\n      <div id=\"home\" className=\"mx-auto section-container\">\n        {content?.map((data, index) => {\n          const indexKey = index + Date.now();\n\n          return <SoBanner data={data} index={index} key={indexKey} />;\n        })}\n      </div>\n      {footer ? <Footer data={footer} /> : <></>}\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query ($lang: String) {\n    productList {\n      content {\n        title\n        subtitle\n        variant\n        containerText\n        pageSize\n        containerImage {\n          altText\n          fallbackUrl\n          desktop {\n            childImageSharp {\n              gatsbyImageData(placeholder: BLURRED, width: 1920)\n            }\n          }\n        }\n        extraClass\n        showPager\n        showThumbs\n        showArrows\n        showStatus\n        infiniteLoop\n        items {\n          variant\n          extraClass\n          legalText\n          bannerText\n          buttonType\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    }\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 ProductList;\n"],"names":["data","productList","urls","seo","content","footer","header","siteSettings","seoTitle","title","seoKeywords","keywords","seoDescription","description","useState","products","setProducts","useEffect","forEach","container","extraClass","includes","items","prevProducts","itemName","htmlString","bannerText","DOMParser","parseFromString","body","textContent","headerTransparent","settings","type","name","metaTitle","metaDescription","metaKeywords","tagEventData","eventType","tagData","value","ecommerce","id","className","map","index","indexKey","Date","now","key"],"sourceRoot":""}