{"version":3,"file":"component---src-pages-store-jsx-47f658db9da3ff7b271a.js","mappings":"8MAMA,IAAMA,GAAY,OAAO,MAAK,oBAAZ,CAAa,0EAc/B,EAViB,SAAH,SAAMC,EAAI,EAAJA,KAAMC,EAAK,EAALA,MAAOC,EAAK,EAALA,MAAOC,EAAE,EAAFA,GAAE,OACtC,iBAAGC,KAAI,GAAKJ,EAAQK,OAAO,SAASC,IAAI,aAAU,IAAK,aAAY,IAC/D,eAAKC,UAAU,4CAA4CC,IAAKL,IAC5D,QAACJ,EAAS,MACN,QAAC,EAAAU,EAAW,CAACR,MAAOA,EAAOM,UAAU,qEAAqEG,IAAKR,MAGvH,ECXR,IAAMS,GAAe,OAAO,MAAK,qBAAZ,CAAa,0EAclC,EAVoB,SAAH,SAAMX,EAAI,EAAJA,KAAMC,EAAK,EAALA,MAAOC,EAAK,EAALA,MAAOC,EAAE,EAAFA,GAAE,OAC7C,iBAAGC,KAAI,GAAKJ,EAAQK,OAAO,SAASC,IAAI,aAAU,IAAK,aAAY,IAC3D,eAAKC,UAAU,6CAA6CC,IAAKL,IAC7D,QAACQ,EAAY,MACT,QAAC,EAAAF,EAAW,CAACR,MAAOA,EAAOM,UAAU,qEAAqEG,IAAKR,MAGvH,ECTFU,EAAa,SAAH,OAAMC,EAAa,EAAbA,cAAeC,EAAK,EAALA,MAAOC,EAAI,EAAJA,KAAMC,EAAU,EAAVA,WAAU,OAC1D,yBACE,QAACC,EAAA,EAAM,CACLf,MAAO,QACPgB,cAAa,QAAUH,EAAKb,MAC5Ba,KAAM,CACJ,CACEI,KAAK,cACLC,QAASL,EAAKM,aAEhB,CACEC,SAAS,WACTF,QAASL,EAAKb,OAEhB,CACEoB,SAAS,iBACTF,QAASL,EAAKM,aAEhB,CACEC,SAAS,UACTF,QAAQ,WAEV,CACED,KAAK,kBACLC,QAASL,EAAKQ,QAEhB,CACEJ,KAAK,gBACLC,QAASL,EAAKb,OAEhB,CACEiB,KAAM,eACNC,QAAS,uBAEX,CACED,KAAM,gBACNC,QAAQ,GAAIJ,EAAWQ,WAEzB,CACEF,SAAU,WACVF,QAAQ,GAAIJ,EAAWQ,YAEzBC,OAAOV,MAEX,eAAKR,UAAU,0EACb,eAAKA,UAAU,wGACb,eAAKA,UAAU,iBACb,eAAKA,UAAU,WACb,sCAEF,eAAKA,UAAU,2GACZM,EAAca,KAAI,SAACC,EAASC,GAAC,OAC5B,QAAC,EAAW,CACVpB,IAAKoB,EACL1B,MAAOyB,EAAQE,KAAK3B,MACpB4B,KAAMH,EAAQE,KAAKC,KACnB3B,GAAIwB,EAAQE,KAAK1B,GACjBF,MAAO0B,EAAQE,KAAK5B,MAAM8B,gBAC1BC,MAAOL,EAAQE,KAAKG,MACpBhC,KAAM2B,EAAQE,KAAK7B,MACnB,OAIR,eAAKO,UAAU,iBACb,eAAKA,UAAU,WACb,6BAEF,eAAKA,UAAU,2GACZO,EAAMY,KAAI,SAACO,EAAML,GAAC,OACjB,QAAC,EAAQ,CACPpB,IAAKoB,EACL1B,MAAO+B,EAAKJ,KAAK3B,MACjB4B,KAAMG,EAAKJ,KAAKC,KAChB3B,GAAI8B,EAAKJ,KAAK1B,GACdF,MAAOgC,EAAKJ,KAAKK,MAAMH,gBACvBC,MAAOC,EAAKJ,KAAKG,MACjBhC,KAAMiC,EAAKJ,KAAK7B,MAChB,QAMX,EAoBL,EAjBkB,SAAH,GAAkB,IAAZmC,EAAI,EAAJA,KAEbpB,EAAOoB,EAAKC,KAAKC,aACjBxB,EAAgBsB,EAAKG,wBAAwBC,MAC7CzB,EAAQqB,EAAKK,gBAAgBD,MAC7BvB,EAAamB,EAAKM,KAExB,OAAK5B,EACAC,GAGH,QAAC,IAAM,MACL,QAACF,EAAU,CAACC,cAAeA,EAAeC,MAAOA,EAAOC,KAAMA,EAAMC,WAAYA,MAJjE,kDADQ,yDAQ7B,C","sources":["webpack://tivp/./src/components/cards/bookCard.jsx","webpack://tivp/./src/components/cards/productCard.jsx","webpack://tivp/./src/pages/store.jsx"],"sourcesContent":["import React from 'react';\r\nimport { GatsbyImage } from 'gatsby-plugin-image';\r\nimport styled from '@emotion/styled';\r\nimport PropTypes from 'prop-types';\r\nimport tw from 'twin.macro';\r\n\r\nconst BookCover = styled(\"div\")`\r\n    ${tw`w-full h-full rounded-md`}\r\n`\r\n\r\nconst BookCard = ({ link, image, title, id }) => (\r\n    <a href={`${link}`} target=\"_blank\" rel=\"noopener\" rel=\"noreferrer\">\r\n        <div className=\"flex flex-row flex-wrap h-auto rounded-lg\" key={id} >\r\n            <BookCover>\r\n                <GatsbyImage image={image} className=\"phone:w-full w-auto phone:h-full h-96 shadow-lg object-scale-cover\" alt={title} />\r\n            </BookCover>\r\n        </div>\r\n    </a>\r\n)\r\n\r\nexport default BookCard;\r\n\r\nBookCard.propTypes = {\r\n    link: PropTypes.string.isRequired,\r\n    image: PropTypes.object.isRequired,\r\n    id: PropTypes.string.isRequired,\r\n    slug: PropTypes.string.isRequired,\r\n    title: PropTypes.string.isRequired,\r\n}","import React from 'react';\r\nimport { GatsbyImage } from 'gatsby-plugin-image';\r\nimport styled from '@emotion/styled';\r\nimport PropTypes from 'prop-types';\r\nimport tw from 'twin.macro';\r\n\r\nconst ProductCover = styled(\"div\")`\r\n    ${tw`w-full h-full rounded-md`}\r\n`\r\n\r\nconst ProductCard = ({ link, image, title, id }) => (\r\n<a href={`${link}`} target=\"_blank\" rel=\"noopener\" rel=\"noreferrer\">\r\n        <div className=\"flex flex-row flex-wrap h-auto rounded-lg \" key={id} >\r\n            <ProductCover>\r\n                <GatsbyImage image={image} className=\"phone:w-full w-auto phone:h-full h-96 shadow-lg object-scale-cover\" alt={title} />\r\n            </ProductCover>\r\n        </div>\r\n    </a>\r\n)\r\n\r\nexport default ProductCard;\r\n\r\nProductCard.propTypes = {\r\n    link: PropTypes.string.isRequired,\r\n    image: PropTypes.object.isRequired,\r\n    id: PropTypes.string.isRequired,\r\n    slug: PropTypes.string.isRequired,\r\n    title: PropTypes.string.isRequired,\r\n}","import React from \"react\"\r\nimport PropTypes from \"prop-types\"\r\nimport Helmet from \"react-helmet\"\r\nimport { graphql } from \"gatsby\"\r\nimport Layout from \"../components/layout\"\r\nimport BookCard from \"../components/cards/bookCard\"\r\nimport ProductCard from \"../components/cards/productCard\"\r\n\r\nconst RenderBody = ({ coloringBooks, books, meta, socialCard }) => (\r\n  <>\r\n    <Helmet\r\n      title={\"Store\"}\r\n      titleTemplate={`%s | ${meta.title}`}\r\n      meta={[\r\n        {\r\n          name: `description`,\r\n          content: meta.description,\r\n        },\r\n        {\r\n          property: `og:title`,\r\n          content: meta.title,\r\n        },\r\n        {\r\n          property: `og:description`,\r\n          content: meta.description,\r\n        },\r\n        {\r\n          property: `og:type`,\r\n          content: `website`,\r\n        },\r\n        {\r\n          name: `twitter:creator`,\r\n          content: meta.author,\r\n        },\r\n        {\r\n          name: `twitter:title`,\r\n          content: meta.title,\r\n        },\r\n        {\r\n          name: \"twitter:card\",\r\n          content: \"summary_large_image\",\r\n        },\r\n        {\r\n          name: \"twitter:image\",\r\n          content: `${socialCard.publicURL}`,\r\n        },\r\n        {\r\n          property: \"og:image\",\r\n          content: `${socialCard.publicURL}`,\r\n        },\r\n      ].concat(meta)}\r\n    />\r\n    <div className=\"w-full flex justify-center items-center flex-row content-center py-24\">\r\n      <div className=\"w-full desktop:w-4/5 4k:w-2/5 flex justify-center items-center flex-wrap flex-row px-8 desktop:px-0\">\r\n        <div className=\"w-full pb-12\">\r\n          <div className=\"w-full\">\r\n            <h2>Coloring Books</h2>\r\n          </div>\r\n          <div className=\"w-full grid grid-cols-1 tablet:grid-cols-3 laptop:grid-cols-5 desktop:grid-cols-5 4k:grid-cols-5 gap-12\">\r\n            {coloringBooks.map((product, i) => (\r\n              <ProductCard\r\n                key={i}\r\n                title={product.node.title}\r\n                slug={product.node.slug}\r\n                id={product.node.id}\r\n                image={product.node.image.gatsbyImageData}\r\n                price={product.node.price}\r\n                link={product.node.link}\r\n              />\r\n            ))}\r\n          </div>\r\n        </div>\r\n        <div className=\"w-full pt-12\">\r\n          <div className=\"w-full\">\r\n            <h2>Books</h2>\r\n          </div>\r\n          <div className=\"w-full grid grid-cols-1 tablet:grid-cols-3 laptop:grid-cols-5 desktop:grid-cols-5 4k:grid-cols-5 gap-12\">\r\n            {books.map((book, i) => (\r\n              <BookCard\r\n                key={i}\r\n                title={book.node.title}\r\n                slug={book.node.slug}\r\n                id={book.node.id}\r\n                image={book.node.cover.gatsbyImageData}\r\n                price={book.node.price}\r\n                link={book.node.link}\r\n              />\r\n            ))}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </>\r\n)\r\n\r\nconst StoreHome = ({ data }) => {\r\n  //Required check for no data being returned\r\n  const meta = data.site.siteMetadata\r\n  const coloringBooks = data.allGraphCmsColoringBook.edges\r\n  const books = data.allGraphCmsBook.edges\r\n  const socialCard = data.file\r\n\r\n  if (!coloringBooks) return <div>Error returning coloring book data.</div>\r\n  if (!books) return <div>Error returning book data.</div>\r\n\r\n  return (\r\n    <Layout>\r\n      <RenderBody coloringBooks={coloringBooks} books={books} meta={meta} socialCard={socialCard} />\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default StoreHome\r\n\r\nRenderBody.propTypes = {\r\n  coloringBooks: PropTypes.array.isRequired,\r\n  books: PropTypes.array.isRequired,\r\n  meta: PropTypes.object.isRequired,\r\n}\r\n\r\nexport const query = graphql`\r\n  query ProductList {\r\n    allGraphCmsColoringBook(sort: { fields: coloringBookId, order: ASC }) {\r\n      edges {\r\n        node {\r\n          id\r\n          title\r\n          slug\r\n          link\r\n          coloringBookId\r\n          category {\r\n            id\r\n            slug\r\n            title\r\n          }\r\n          image {\r\n            gatsbyImageData\r\n          }\r\n        }\r\n      }\r\n    }\r\n    allGraphCmsBook {\r\n      edges {\r\n        node {\r\n          title\r\n          slug\r\n          price\r\n          description\r\n          id\r\n          link\r\n          cover {\r\n            gatsbyImageData\r\n          }\r\n          categories {\r\n            title\r\n            slug\r\n            id\r\n          }\r\n        }\r\n      }\r\n    }\r\n    file(name: {eq: \"SocialCardTemplate-Store\"}) {\r\n      id\r\n      name\r\n      publicURL\r\n    }\r\n    site {\r\n      siteMetadata {\r\n        title\r\n        description\r\n        author\r\n      }\r\n    }\r\n  }\r\n`\r\n"],"names":["BookCover","link","image","title","id","href","target","rel","className","key","G","alt","ProductCover","RenderBody","coloringBooks","books","meta","socialCard","Helmet","titleTemplate","name","content","description","property","author","publicURL","concat","map","product","i","node","slug","gatsbyImageData","price","book","cover","data","site","siteMetadata","allGraphCmsColoringBook","edges","allGraphCmsBook","file"],"sourceRoot":""}