{"version":3,"sources":["webpack://ecoverso.org/./src/templates/wpCar.tsx"],"names":["props","t","useI18next","page","data","wordPress","car","structuredData","name","title","image","details","imageHero","imageFile","publicURL","brand","brands","nodes","seo","description","metaDesc","to","label","siteMap","className","subtitle","file","type","icons","map","icon","i","key","iconType","strokeWidth","dangerouslySetInnerHTML","__html","withPopup","content","popupContent","placement","style","display","size","rows","row","graphQLData"],"mappings":"8NAyFA,mBAAgBA,GAAW,IAAD,YAChBC,GAAMC,UAAND,EACFE,EAAgBH,EAAMI,KAAKC,UAAUC,IAMrCC,EAAmC,CACvC,WAAY,qBACZ,QAAS,MACTC,KAAML,EAAKM,MACXC,MAAK,UAAEP,EAAKQ,QAAQC,iBAAf,iBAAE,EAAwBC,iBAA1B,aAAE,EAAmCC,UAC1CC,MAAOZ,EAAKa,OAAOC,MAAM,GAAK,CAAE,QAAS,QAAST,KAAML,EAAKa,OAAOC,MAAM,GAAGT,MAAS,MAGxF,OACE,gBAAC,IAAD,KACE,gBAAC,KAAD,CAAKC,MAAON,EAAKe,IAAIT,MAAOU,YAAahB,EAAKe,IAAIE,SAAUV,MAAK,UAAEP,EAAKQ,QAAQC,iBAAf,iBAAE,EAAwBC,iBAA1B,aAAE,EAAmCC,YACtG,gBAAC,KAAD,CAAaV,KAAM,CAAC,CAAEiB,GAAI,IAAKC,MAAOrB,EAAE,SAAW,CAAEoB,GAAIE,YAAiBD,MAAOrB,EAAE,YAAc,CAAEqB,MAAOnB,EAAKM,UAC/G,gBAAC,KAAD,CAAgBL,KAAMG,GACpB,uBAAKiB,UAAU,+BACb,uBAAKA,UAAU,gCACb,uBAAKA,UAAU,mBACb,gBAAC,KAAD,KAAQrB,EAAKM,OACb,yBAAIN,EAAKQ,QAAQc,WAEnB,uBAAKD,UAAU,oBACb,gBAAC,KAAD,CAAOE,KAAMvB,EAAKQ,QAAQC,UAAWe,KAAK,UAAUH,UAAU,8BAIpE,uBAAKA,UAAU,kBACb,uBAAKA,UAAU,kCACb,uBAAKA,UAAU,qBACb,gBAAC,KAAD,CAAOG,KAAK,MAAM1B,EAAE,uBAGtB,uBAAKuB,UAAU,gCAAf,UACGrB,EAAKQ,QAAQiB,aADhB,aACG,EAAoBC,KAAI,SAACC,EAAMC,GAAP,OACvB,uBAAKP,UAAU,YAAYQ,IAAKD,GAC9B,gBAAC,KAAD,CAAMD,KAAMA,EAAMN,UAAW,uBAAyBM,EAAKG,SAAUC,YAAa,IAClF,uBAAKV,UAAU,kBAAkBW,wBAAyB,CAAEC,OAAQN,EAAKrB,SACzE,uBAAKe,UAAU,kBACZM,EAAK1B,KACL0B,EAAKO,UACJ,gBAAC,IAAD,CAASC,QAAS,uBAAKH,wBAAyB,CAAEC,OAAQN,EAAKS,gBAAwBC,UAAU,UAC/F,uBAAKC,MAAO,CAAEC,QAAS,WACrB,gBAAC,KAAD,CAAMlC,KAAK,kBAAkBgB,UAAU,kBAAkBmB,KAAK,SAGhE,aA/BlB,UAuCGxC,EAAKQ,QAAQiC,YAvChB,aAuCG,EAAmBf,KAAI,SAACgB,EAAKd,GAAN,OACtB,gBAAC,IAAD,CAAY3B,KAAMyC,EAAKC,YAAa9C,EAAMI,KAAM4B,IAAKD","file":"component---src-templates-wp-car-tsx-448f69a67d504e1a005a.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport GridLayout from \"../Layout/GridLayout\"\nimport Img from \"gatsby-image/withIEPolyfill\"\nimport { Link, useI18next } from \"../i18n\"\nimport siteMap from \"../sitemap\"\n\nimport { Icon, Title, Breadcrumbs, Image, ImageData } from \"../Layout/Components\"\nimport { Popover } from \"antd\"\nimport { DynamicRow, RowData } from \"../rows/DynamicRow\"\n\nimport { Seo, StructuredData } from \"../seo\"\nimport { Car, Product, WithContext } from \"schema-dts\"\n\ntype CarData = {\n  title: string\n  slug: string\n  uri: string\n  language: {\n    slug: string\n  }\n  seo: {\n    title: string\n    metaDesc: string\n  }\n  translations: {\n    slug: string\n    language: {\n      slug: string\n    }\n  }\n  tags: {\n    nodes: [\n      {\n        slug: string\n        name: string\n      }\n    ]\n  }\n  brands: {\n    nodes: [\n      {\n        name: string\n        slug: string\n        details: {\n          logo: ImageData\n        }\n      }\n    ]\n  }\n  tecnologies: {\n    nodes: [\n      {\n        name: string\n        slug: string\n      }\n    ]\n  }\n  segments: {\n    nodes: [\n      {\n        name: string\n        slug: string\n      }\n    ]\n  }\n  details: {\n    uid: string\n    subtitle: string\n    imageHero: ImageData\n    listPrice: {\n      min: string\n      max: string\n    }\n    rows: RowData[]\n    icons: [\n      {\n        data: string\n        iconType: string\n        iconStyle: string\n        icon: string\n        popupContent: string\n        title: string\n        withPopup: boolean\n      }\n    ]\n  }\n}\n\nexport default (props) => {\n  const { t } = useI18next()\n  const page: CarData = props.data.wordPress.car\n\n  // console.log(\"Page data: \", page)\n  // console.log(\"Props: \", props)\n  // console.log(\"Articles: \", pressArticles)\n\n  const structuredData: WithContext<Car> = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"Car\",\n    name: page.title,\n    image: page.details.imageHero?.imageFile?.publicURL,\n    brand: page.brands.nodes[0] ? { \"@type\": \"Brand\", name: page.brands.nodes[0].name } : null,\n  }\n\n  return (\n    <GridLayout>\n      <Seo title={page.seo.title} description={page.seo.metaDesc} image={page.details.imageHero?.imageFile?.publicURL} />\n      <Breadcrumbs data={[{ to: \"/\", label: t(\"Home\") }, { to: siteMap.cars.it, label: t(\"Le auto\") }, { label: page.title }]} />\n      <StructuredData data={structuredData}>\n        <div className=\"row row--full car car__hero\">\n          <div className=\"row row--center row--gap-big\">\n            <div className=\"car__hero__left\">\n              <Title>{page.title}</Title>\n              <p>{page.details.subtitle}</p>\n            </div>\n            <div className=\"car__hero__right\">\n              <Image file={page.details.imageHero} type=\"contain\" className=\"car__hero__right-image\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"row row--full \">\n          <div className=\"row row--center car car__icons\">\n            <div className=\"col--12 mb-medium\">\n              <Title type=\"h2\">{t(\"L'auto in sintesi\")}</Title>\n              {/* <p className=\"heading-subtitle\">{t(\"Ecco le caratteristiche principali dell'auto\")}</p> */}\n            </div>\n            <div className=\"col--12 mb-medium car__icons\">\n              {page.details.icons?.map((icon, i) => (\n                <div className=\"car__icon\" key={i}>\n                  <Icon icon={icon} className={\"car__icon-icon type-\" + icon.iconType} strokeWidth={1} />\n                  <div className=\"car__icon-title\" dangerouslySetInnerHTML={{ __html: icon.title }}></div>\n                  <div className=\"car__icon-data\">\n                    {icon.data}\n                    {icon.withPopup ? (\n                      <Popover content={<div dangerouslySetInnerHTML={{ __html: icon.popupContent }}></div>} placement=\"bottom\">\n                        <div style={{ display: \"inline\" }}>\n                          <Icon name=\"far:info-circle\" className=\"car__icon-popup\" size=\"xs\" />\n                        </div>\n                      </Popover>\n                    ) : null}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n\n        {page.details.rows?.map((row, i) => (\n          <DynamicRow data={row} graphQLData={props.data} key={i} />\n        ))}\n      </StructuredData>\n    </GridLayout>\n  )\n}\n\nexport const query = graphql`\n  query ($id: ID!, $tags: [String!], $buyingGroupsWpIds: [ID!], $languageCode: Wordpress_LanguageCodeFilterEnum!, $relatedPostsLimit: Int) {\n    appsync {\n      ...dbBuyingGroupsData\n    }\n    wordPress {\n      car(id: $id) {\n        title\n        slug\n        uri\n        language {\n          slug\n        }\n        seo {\n          title\n          metaDesc\n        }\n        translations {\n          slug\n          language {\n            slug\n          }\n        }\n        tags {\n          nodes {\n            slug\n            name\n          }\n        }\n        brands {\n          nodes {\n            name\n            slug\n            details {\n              logo {\n                ...imageData\n              }\n            }\n          }\n        }\n        tecnologies {\n          nodes {\n            name\n            slug\n          }\n        }\n        segments {\n          nodes {\n            name\n            slug\n          }\n        }\n        details {\n          uid\n          subtitle\n          imageHero {\n            ...imageData\n          }\n          listPrice {\n            min\n            max\n          }\n          rows {\n            ...carsRow\n          }\n          icons {\n            data\n            iconType\n            iconStyle\n            icon\n            popupContent\n            title\n            withPopup\n          }\n        }\n      }\n      ...pageAccessoryData\n    }\n  }\n`\n"],"sourceRoot":""}