{"version":3,"sources":["webpack:///./src/components/layouts/BlankLayout.js","webpack:///./src/templates/likeToKnowItem.js"],"names":["props","query","render","data","Layout","title","site","siteMetadata","description","Helmet","charSet","name","content","role","children","offset","pageContext","location","meta","state","item","caption","className","prevLink","hash","to","nextLink","fixed","avatar_url","childImageSharp","loading","blog_name","src","hero_image","publicURL","alt","full_name","products","map","product","index","key","href","hyperlink","target","rel","image_url"],"mappings":"sJAKe,G,UAAA,SAACA,GAAD,OACb,kBAAC,cAAD,CACEC,MAAK,WAULC,OAAQ,SAACC,GAAD,OAAU,kBAAC,EAAD,eAAQA,KAAMA,GAAUH,SAIxCI,EAAS,SAACJ,GAEd,IAAMK,EAAQL,EAAMG,KAAKG,KAAKC,aAAaF,MACrCG,EAAcR,EAAMG,KAAKG,KAAKC,aAAaC,YAEjD,OACE,kBAAC,WAAD,KACE,kBAACC,EAAA,OAAD,KACE,0BAAMC,QAAQ,UACd,+BAAQL,GACR,0BAAMM,KAAK,cAAcC,QAASJ,KAEpC,0BAAMK,KAAK,QAAQb,EAAMc,Y,6CCxBhB,sBAAgC,IAEzCC,EAFYC,EAA4B,EAA5BA,YAAaC,EAAe,EAAfA,SACrBC,EAASF,EAATE,KAOR,OAJID,EAASE,QACXJ,EAASE,EAASE,MAAMJ,QAIxB,kBAAC,EAAD,KACE,kBAACN,EAAA,OAAD,KACE,+BAAQO,EAAYI,KAAKC,SACzB,0BAAMV,KAAK,cAAcC,QAASI,EAAYI,KAAKC,WAErD,yBAAKC,UAAU,SACb,yBAAKA,UAAU,uCACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,oBACb,kBAAC,OAAD,CACEA,UAAS,oCACPN,EAAYO,SAASC,KAAO,GAAK,aAEnCC,GAAE,kBAAoBT,EAAYO,SAASC,MAE3C,kBAAC,IAAD,CAAgBF,UAAU,uCAE3BN,EAAYU,UACX,kBAAC,OAAD,CACEJ,UAAS,oCACPN,EAAYU,SAASF,KAAO,GAAK,aAEnCC,GAAE,kBAAoBT,EAAYU,SAASF,MAE3C,kBAAC,IAAD,CAAgBF,UAAU,kCAIhC,yBAAKA,UAAU,eACb,kBAAC,IAAD,CACEA,UAAU,sBACVG,GAAE,iBACFN,MAAO,CAAEJ,WAET,kBAAC,IAAD,CAAWO,UAAU,mCAI3B,yBAAKA,UAAU,iBACb,kBAAC,IAAD,CAAKK,MAAOT,EAAKU,WAAWC,gBAAgBF,MAAOG,QAAQ,SAC3D,uBAAGR,UAAU,uBAAuBJ,EAAKa,YAE3C,yBAAKT,UAAU,iBACb,yBAAKA,UAAU,eACb,yBAAKA,UAAU,eAOb,yBACEU,IAAKhB,EAAYI,KAAKa,WAAWC,UACjCC,IAAKjB,EAAKkB,aAGd,yBAAKd,UAAU,oBACb,kBAAC,OAAD,CACEA,UAAS,oCACPN,EAAYO,SAASC,KAAO,GAAK,aAEnCC,GAAE,kBAAoBT,EAAYO,SAASC,MAE3C,kBAAC,IAAD,CAAgBF,UAAU,uCAE3BN,EAAYU,UACX,kBAAC,OAAD,CACEJ,UAAS,oCACPN,EAAYU,SAASF,KAAO,GAAK,aAEnCC,GAAE,kBAAoBT,EAAYU,SAASF,MAE3C,kBAAC,IAAD,CAAgBF,UAAU,mCAKlC,yBAAKA,UAAU,qBACb,yBAAKA,UAAU,iBACb,2BAAIN,EAAYI,KAAKC,UAEvB,uBAAGC,UAAU,kBAAb,QACA,yBAAKA,UAAU,kBACZN,EAAYI,KAAKiB,SAASC,KAAI,SAACC,EAASC,GACvC,OACE,yBAAKlB,UAAU,UAAUmB,IAAKD,GAC5B,uBACElB,UAAU,gBACVoB,KAAMH,EAAQI,UACdC,OAAO,SACPC,IAAI,uBAEJ,yBAAKvB,UAAU,kBACb,yBAAKU,IAAKO,EAAQO,UAAWX,IAAI,GAAGL,QAAQ,SAC5C,yBAAKR,UAAU,oBACb,yBAAKA,UAAU,gBACb,kBAAC,IAAD,CAAUA,UAAU","file":"component---src-templates-like-to-know-item-js-c38b0e6c0422727318ea.js","sourcesContent":["import React, { Fragment } from \"react\"\nimport { StaticQuery, graphql } from \"gatsby\"\nimport { Helmet } from \"react-helmet\"\nimport \"../../stylesheets/main.scss\"\n\nexport default (props) => (\n  <StaticQuery\n    query={graphql`\n      query BlankSiteQuery {\n        site {\n          siteMetadata {\n            title\n            description\n          }\n        }\n      }\n    `}\n    render={(data) => <Layout data={data} {...props} />}\n  />\n)\n\nconst Layout = (props) => {\n  // Define the meta title and description\n  const title = props.data.site.siteMetadata.title\n  const description = props.data.site.siteMetadata.description\n\n  return (\n    <Fragment>\n      <Helmet>\n        <meta charSet=\"utf-8\" />\n        <title>{title}</title>\n        <meta name=\"description\" content={description} />\n      </Helmet>\n      <main role=\"main\">{props.children}</main>\n    </Fragment>\n  )\n}\n","import React from \"react\"\nimport { Helmet } from \"react-helmet\"\n\nimport { Link } from \"gatsby\"\nimport Layout from \"../components/layouts/BlankLayout\"\nimport { IconClose, IconArrowRight, IconShop } from \"../components/svg\"\nimport { IconButtonLink } from \"../components/buttons\"\nimport Img from \"gatsby-image\"\n\nexport default ({ pageContext, location }) => {\n  const { meta } = pageContext\n  let offset\n\n  if (location.state) {\n    offset = location.state.offset\n  }\n\n  return (\n    <Layout>\n      <Helmet>\n        <title>{pageContext.item.caption}</title>\n        <meta name=\"description\" content={pageContext.item.caption} />\n      </Helmet>\n      <div className=\"modal\">\n        <div className=\"modal__inner [ container -pinched ]\">\n          <div className=\"modal-actions\">\n            <div className=\"modal-navigation\">\n              <Link\n                className={`icon-button -small -border-none ${\n                  pageContext.prevLink.hash ? \"\" : \"-disabled\"\n                }`}\n                to={`/shop-my-style/${pageContext.prevLink.hash}`}\n              >\n                <IconArrowRight className=\"icon -flip icon--navigation-close\" />\n              </Link>\n              {pageContext.nextLink && (\n                <Link\n                  className={`icon-button -small -border-none ${\n                    pageContext.nextLink.hash ? \"\" : \"-disabled\"\n                  }`}\n                  to={`/shop-my-style/${pageContext.nextLink.hash}`}\n                >\n                  <IconArrowRight className=\"icon icon--navigation-close\" />\n                </Link>\n              )}\n            </div>\n            <div className=\"modal-close\">\n              <IconButtonLink\n                className=\"-small -border-none\"\n                to={`/shop-my-style`}\n                state={{ offset }}\n              >\n                <IconClose className=\"icon icon--navigation-close\" />\n              </IconButtonLink>\n            </div>\n          </div>\n          <div className=\"modal-profile\">\n            <Img fixed={meta.avatar_url.childImageSharp.fixed} loading=\"lazy\" />\n            <p className=\"modal-profile__name\">{meta.blog_name}</p>\n          </div>\n          <div className=\"modal-content\">\n            <div className=\"modal-media\">\n              <div className=\"modal-image\">\n                {/* <Img\n                  fixed={pageContext.item.hero_image.childImageSharp.fixed}\n                  alt={meta.full_name}\n                  loading=\"lazy\"\n                  style={{ width: \"100%\" }}\n                /> */}\n                <img\n                  src={pageContext.item.hero_image.publicURL}\n                  alt={meta.full_name}\n                />\n              </div>\n              <div className=\"modal-navigation\">\n                <Link\n                  className={`icon-button -small -border-none ${\n                    pageContext.prevLink.hash ? \"\" : \"-disabled\"\n                  }`}\n                  to={`/shop-my-style/${pageContext.prevLink.hash}`}\n                >\n                  <IconArrowRight className=\"icon -flip icon--navigation-close\" />\n                </Link>\n                {pageContext.nextLink && (\n                  <Link\n                    className={`icon-button -small -border-none ${\n                      pageContext.nextLink.hash ? \"\" : \"-disabled\"\n                    }`}\n                    to={`/shop-my-style/${pageContext.nextLink.hash}`}\n                  >\n                    <IconArrowRight className=\"icon icon--navigation-close\" />\n                  </Link>\n                )}\n              </div>\n            </div>\n            <div className=\"modal-description\">\n              <div className=\"modal-caption\">\n                <p>{pageContext.item.caption}</p>\n              </div>\n              <p className=\"modal-shop-cta\">Shop</p>\n              <div className=\"modal-products\">\n                {pageContext.item.products.map((product, index) => {\n                  return (\n                    <div className=\"product\" key={index}>\n                      <a\n                        className=\"product__link\"\n                        href={product.hyperlink}\n                        target=\"_blank\"\n                        rel=\"nofollow noreferrer\"\n                      >\n                        <div className=\"product__inner\">\n                          <img src={product.image_url} alt=\"\" loading=\"lazy\" />\n                          <div className=\"product__overlay\">\n                            <div className=\"overlay-icon\">\n                              <IconShop className=\"icon icon--shop\" />\n                            </div>\n                          </div>\n                        </div>\n                      </a>\n                    </div>\n                  )\n                })}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Layout>\n  )\n}\n"],"sourceRoot":""}