{"version":3,"sources":["webpack:///./src/templates/product/index.js"],"names":["query","Product","pageContext","media","wordpress_id","data","page","title","blocks","yoast","featured_media","path","useLocation","hash","scrollToForm","useConstant","cleanProps","hero","find","block","type","remainingBlocks","filter","map","pageTitle","div","variants","fade","initial","animate","exit","image","className","currentPage"],"mappings":"4RA6DO,IAAMA,EAAK,aAQHC,UAtDf,YAKI,IAAD,IAJFC,YAAeC,EAIb,EAJaA,MAAOC,EAIpB,EAJoBA,aAIpB,IAHFC,KACCC,KAAQC,EAEP,EAFOA,MAAOC,EAEd,EAFcA,OAAQC,EAEtB,EAFsBA,MAAOC,EAE7B,EAF6BA,eAE7B,EAF6CC,KAI1B,gBADJC,wBACLC,MAAwBC,cAEjC,IAAMT,EAAOU,aAAY,kBAAMC,YAAWR,EAAQL,MAC/Cc,EAAOZ,EAAKa,MAAK,SAAAC,GAAK,MAAmB,aAAfA,EAAMC,QAChCC,EAAkBhB,EAAKiB,QAAO,SAAAH,GAAK,MAAmB,aAAfA,EAAMC,QAAqBG,KAAI,SAAAJ,GAC3E,MAAkB,aAAfA,EAAMC,KACD,OAAP,QACCI,UAAWjB,GACRY,GAGEA,KAGL,OACF,kBAAC,IAAOM,IAAR,CACCC,SAAUC,IACVC,QAAQ,UACRC,QAAQ,QACRC,KAAK,QAEL,kBAAC,IAAD,iBAASrB,EAAT,CAAgBsB,MAAOrB,KACvB,oCACC,yBAAKsB,UAAU,QACd,kBAAC,IAASf,IAEX,kBAAC,IAAD,CAAQZ,KAAMgB,EAAiBlB,MAAOA,EAAO8B,YAAa7B","file":"component---src-templates-product-index-js-0d6f65b0a8aa896a8be0.js","sourcesContent":["/* eslint-disable react/no-danger, react/prop-types */\nimport React from 'react'\n// import { shape } from 'prop-types'\nimport { useLocation } from \"@reach/router\"\nimport { graphql } from 'gatsby'\nimport { motion } from 'framer-motion'\nimport SEO from '@/components/Seo'\nimport { fade } from '@/utils/transitions'\nimport { cleanProps, scrollToForm } from '@/utils'\nimport Blocks from '@/utils/Blocks'\nimport useConstant from '@/hooks/useConstant'\nimport { Hero } from '@/components/Hero'\nimport Form from '@/components/Form'\n// import * as T from '@/types'\n\nfunction Product({\n\tpageContext: { media, wordpress_id },\n\tdata: {\n\t\tpage: { title, blocks, yoast, featured_media, path }\n\t}\n}) {\n\tconst location = useLocation()\n\tif(location.hash === '#form-block') scrollToForm();\n\n    const data = useConstant(() => cleanProps(blocks, media))\n\tconst hero = data.find(block => block.type === 'acf/hero')\n\tconst remainingBlocks = data.filter(block => block.type !== 'acf/hero').map(block => {\n\t\tif(block.type === 'acf/tabs') {\n\t\t\treturn {\n\t\t\t\tpageTitle: title,\n\t\t\t\t...block\n\t\t\t}\n\t\t}\n\t\treturn block\n\t})\n\t\n    return (\n\t\t<motion.div\n\t\t\tvariants={fade}\n\t\t\tinitial=\"initial\"\n\t\t\tanimate=\"enter\"\n\t\t\texit=\"exit\"\n\t\t>\n\t\t\t<SEO {...yoast} image={featured_media} />\n\t\t\t<>\n\t\t\t\t<div className=\"pb-4\">\n\t\t\t\t\t<Hero {...hero} />\n\t\t\t\t</div>\n\t\t\t\t<Blocks data={remainingBlocks} media={media} currentPage={wordpress_id} />\n\t\t\t</>\n\t\t</motion.div>\n\t)\n}\n\n// Product.propTypes = {\n// \tpageContext: T.pageContext.isRequired,\n// \tdata: shape({\n// \t\tpage: T.page.isRequired\n// \t})\n// }\n\nexport const query = graphql`\n\tquery ProductQuery($path: String!) {\n\t\tpage: wordpressWpProducts(path: { eq: $path }) {\n\t\t\t...productQuery\n\t\t}\n\t}\n`\n\nexport default Product\n"],"sourceRoot":""}