{"version":3,"file":"component---src-templates-carving-club-js-3e6221b10bd183c283d2.js","mappings":"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","sources":["webpack://waxcarvers-fe/./src/components/Accordion/Accordion.jsx","webpack://waxcarvers-fe/./src/components/BuySections.jsx","webpack://waxcarvers-fe/./src/components/Common/PageTitle.jsx","webpack://waxcarvers-fe/./src/components/Layout/Section.jsx","webpack://waxcarvers-fe/./src/templates/carving-club.js","webpack://waxcarvers-fe/./src/content/carving-club/a/flowers.png","webpack://waxcarvers-fe/./src/content/carving-club/a/tasterkit.png","webpack://waxcarvers-fe/./src/content/carving-club/b/burring.png","webpack://waxcarvers-fe/./src/content/carving-club/c/drawing.png","webpack://waxcarvers-fe/./src/content/carving-club/d/special.png","webpack://waxcarvers-fe/./src/content/carving-club/j/tasterkit.png","webpack://waxcarvers-fe/./src/content/carving-club/ sync \\.(png%7Cgif%7Cjpg)$"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Transition } from \"@headlessui/react\";\nimport { ArrowSmallDownIcon } from \"@heroicons/react/24/outline\";\n\nexport const Accordion = ({ content, children }) => {\n  const ref = useRef(null);\n  const [shown, setShown] = useState(false);\n\n  const captureHeight = () =>\n    ref.current && (ref.current.style.height = `${ref.current.clientHeight}px`);\n  const clearHeight = () => ref.current && (ref.current.style.height = \"\");\n\n  const [isOpen, setOpen] = useState(false);\n  return (\n    <div className=\"mt-6 border-t border-gray-200 pt-6\">\n      <div>\n        <dt className=\"text-lg leading-7\">\n          <button\n            onClick={() => setOpen(!isOpen)}\n            aria-label=\"Show answer\"\n            className=\"text-left w-full font-bold flex justify-between items-start text-gray-400 focus:outline-none focus:text-gray-900\"\n          >\n            <span className=\" prose prose-indigo prose-lg text-gray-700\">\n              {content.title}\n            </span>\n            <span className=\"ml-6 h-7 flex items-center\">\n              <svg\n                className={`${\n                  isOpen ? \"-rotate-180\" : \"rotate-0\"\n                } h-6 w-6 transform`}\n                xmlns=\"http://www.w3.org/2000/svg\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth=\"2\"\n                  d=\"M19 9l-7 7-7-7\"\n                />\n              </svg>\n            </span>\n          </button>\n        </dt>\n        <Transition\n          show={isOpen}\n          ref={ref}\n          enter=\"transition-[height] duration-300 overflow-hidden\"\n          enterFrom=\"!h-0\"\n          beforeEnter={captureHeight}\n          afterEnter={clearHeight}\n          leave=\"transition-[height] duration-300 overflow-hidden\"\n          leaveTo=\"!h-0\"\n          beforeLeave={captureHeight}\n          afterLeave={clearHeight}\n        >\n          {(ref) => (\n            <dd ref={ref} className=\"mt-2 pr-12\">\n              {children}\n\n              {content.asHtml ? (\n                <p\n                  className=\"text-base leading-6 text-gray-700 whitespace-pre-wrap break-words\"\n                  dangerouslySetInnerHTML={{ __html: content.text }}\n                ></p>\n              ) : (\n                <p className=\"text-base leading-6 text-gray-700 whitespace-pre-wrap break-words\">\n                  {content.text}\n                </p>\n              )}\n            </dd>\n          )}\n        </Transition>\n      </div>\n    </div>\n  );\n};\n","import {useStripeCheckout} from \"../hooks/useStripeCheckout\";\nimport React from \"react\";\nimport {Spinny} from \"./MyProfile/Lesson\";\n\nexport const OnlineOnlyBuySection = () => {\n    const product = {\n        id: ONLINE_ONLY_PRODUCT_ID\n    }\n\n    const {\n        loading,\n        redirectToCheckout\n    } = useStripeCheckout(product, {\n        cancel_url: 'https://www.waxcarvers.com/advent-calendar',\n        success_url: 'https://www.waxcarvers.com/advent-calendar'\n    })\n    return <div className=\" mt-10 rounded\">\n        <div className=\"w-full text-center py-3 px-4\">\n            {loading\n                ? <Spinny/>\n                : <button onClick={redirectToCheckout}\n                          className=\"mt-3 max-w-md mx-auto text-base text-white sm:text-lg md:mt-5\n                  md:text-inline-flex items-center justify-center px-6 py-3 border border-transparent rounded-md bg-blue-700 hover:bg-blue-500 sm:w-auto\">\n                    Buy advent calendar €150\n                </button>}\n        </div>\n    </div>\n}\n\nexport const OnlineAndMaterialBuySection = () => {\n    const product = {\n        id: MATERIAL_BOX_PRODUCT_ID\n    }\n    const {\n        loading,\n        redirectToCheckout\n    } = useStripeCheckout(product, {\n        cancel_url: 'https://www.waxcarvers.com/advent-calendar',\n        success_url: 'https://www.waxcarvers.com/advent-calendar',\n        withShipping: true\n    })\n    return <div className=\" mt-10 rounded\">\n        <div className=\"w-full text-center py-3 px-4\">\n            {loading\n                ? <Spinny/>\n                : <button onClick={redirectToCheckout}\n                          className=\"mt-3 max-w-md mx-auto text-base text-white sm:text-lg md:mt-5\n                  md:text-inline-flex items-center justify-center px-6 py-3 border border-transparent rounded-md bg-blue-700 hover:bg-blue-500 sm:w-auto\">\n                    Buy advent calendar €150\n                </button>}\n        </div>\n    </div>\n}\n","import React from \"react\";\n\nexport const PageTitle = ({ title, subtitle }) => (\n  <div className=\"text-center\">\n    <h1 className=\"text-5xl tracking-tight text-blue-700\">{title}</h1>\n    <p className=\"mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4\">\n      {subtitle}\n    </p>\n  </div>\n);\n\nexport const PageSubTitle = ({ title, subtitle, color }) => (\n  <div className=\"text-center\">\n    <h2\n      className={`text-4xl tracking-tight ${color ? color : \"text-blue-700\"}`}\n    >\n      {title}\n    </h2>\n    <p className=\"mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4\">\n      {subtitle}\n    </p>\n  </div>\n);\n","import { Link } from \"gatsby\";\nimport React from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport {\n  OnlineAndMaterialBuySection,\n  OnlineOnlyBuySection,\n} from \"../BuySections\";\n\nexport function Section({\n  blue,\n  item,\n  asMarkdown,\n  transformImageUri,\n  titleLink,\n  centerTitle,\n  bgColor,\n  textColor,\n}) {\n  const isRight = item.orientation === \"right\";\n  return (\n    <div\n      className={bgColor ? bgColor : blue ? \"relative bg-blue-100\" : \"relative\"}\n    >\n      {centerTitle && (\n        <div className=\"mx-auto text-center mt-12 pt-12\">\n          <h2\n            className={`text-3xl tracking-tight ${\n              textColor ? textColor : \"text-blue-700\"\n            }`}\n          >\n            {centerTitle}\n          </h2>\n        </div>\n      )}\n\n      <div className=\"lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-2 lg:grid-flow-col-dense lg:gap-24 align-middle items-center\">\n        <div\n          className={`px-4 max-w-xl mx-auto sm:px-6 lg:max-w-none lg:mx-0 lg:px-0  ${\n            blue ? \"lg:py-16\" : \"lg:py-8\"\n          } ${isRight ? \"lg:col-start-2\" : \"\"}`}\n        >\n          <div>\n            <div className=\"mt-6\">\n              <h2\n                className={`text-3xl tracking-tight ${\n                  textColor ? textColor : \"text-blue-700\"\n                }`}\n              >\n                {!centerTitle &&\n                  (titleLink ? (\n                    <a href={item.url}>{item.title}</a>\n                  ) : (\n                    item.title\n                  ))}\n              </h2>\n              {asMarkdown ? (\n                <div\n                  className={`prose prose-sm sm:prose lg:prose-lg mx-auto ${\n                    textColor ? textColor : \"text-gray-700\"\n                  }}`}\n                >\n                  <ReactMarkdown\n                    transformImageUri={transformImageUri}\n                    allowDangerousHtml\n                    components={{\n                      blockquote: ({ node, ...props }) => {\n                        const materialLink = props.children.some((it) =>\n                          it.props?.children?.includes(\"materialLink\"),\n                        );\n                        const onlineLink = props.children.some((it) =>\n                          it.props?.children?.includes(\"onlineLink\"),\n                        );\n                        if (materialLink)\n                          return <OnlineAndMaterialBuySection />;\n                        if (onlineLink) return <OnlineOnlyBuySection />;\n                        return <em {...props} />;\n                      },\n                    }}\n                    children={item.text}\n                  />\n                </div>\n              ) : (\n                <p\n                  className={`mt-4 text-lg ${\n                    textColor ? textColor : \"text-gray-700\"\n                  }  whitespace-pre-wrap`}\n                >\n                  {item.text}\n                </p>\n              )}\n            </div>\n          </div>\n          {item.link && (\n            <div className=\"mt-10 lg:flex-shrink-0 mx-12 md:mx-0\">\n              <div className=\"rounded-md text-center md:text-left\">\n                <Link\n                  to={item.link}\n                  className=\"inline-flex bg-blue-700 bg-origin-border px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-blue-600\"\n                >\n                  {item.linktext}\n                </Link>\n              </div>\n            </div>\n          )}\n        </div>\n        {item.imageComponent && item.imageComponent}\n        {item.image ? (\n          <div className=\"mt-12 sm:mt-16 lg:mt-0\">\n            <div\n              className={`lg:px-0 lg:mt-8 lg:relative lg:h-full ${\n                isRight ? \"lg:col-start-1\" : \"\"\n              }`}\n            >\n              <img\n                className=\"mt-10 relative lg:mt-0 lg:col-start-1 w-full shadow-xl ring-1 ring-black ring-opacity-5 md:rounded-xl\"\n                src={item.image}\n                alt={item.imagealt}\n              />\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport Layout from \"../components/layout\";\nimport { useStripeCheckout } from \"../hooks/useStripeCheckout\";\nimport { Section } from \"../components/Layout/Section\";\nimport { PageTitle } from \"../components/Common/PageTitle\";\nimport { Accordion } from \"../components/Accordion/Accordion\";\n\nconst MONTHLY_SUB = \"prod_Rh6TTh1AOPIDER\";\nconst YEARLY_SUB = \"prod_Rh6V8qcbtK3AjG\";\n\nconst extraBodyArgs = {\n  cancel_url: \"https://www.waxcarvers.com/carving-club\",\n  success_url: \"https://www.waxcarvers.com/carving-club\",\n};\nconst importAll = (r, cache) =>\n  r.keys().forEach((key) => (cache[key] = r(key)));\nconst imageFiles = {};\nimportAll(\n  require.context(`../content/carving-club/`, true, /\\.(png|gif|jpg)$/),\n  imageFiles,\n);\nconst transformImageUri = (slug) => (uri) => {\n  const imgPath = `./${slug}/${uri.substring(2)}`;\n  const importedImg = imageFiles[imgPath];\n  return importedImg ? importedImg.default : \"\";\n};\n\nconst Spinny = ({ text = \"Creating Order\" }) => (\n  <span className=\"mt-8 w-full inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-blue-700 bg-white hover:bg-indigo-50 sm:w-auto\">\n    <svg\n      className=\"animate-spin w-6 h-6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 20 20\"\n      fill=\"currentColor\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M9.504 1.132a1 1 0 01.992 0l1.75 1a1 1 0 11-.992 1.736L10 3.152l-1.254.716a1 1 0 11-.992-1.736l1.75-1zM5.618 4.504a1 1 0 01-.372 1.364L5.016 6l.23.132a1 1 0 11-.992 1.736L4 7.723V8a1 1 0 01-2 0V6a.996.996 0 01.52-.878l1.734-.99a1 1 0 011.364.372zm8.764 0a1 1 0 011.364-.372l1.733.99A1.002 1.002 0 0118 6v2a1 1 0 11-2 0v-.277l-.254.145a1 1 0 11-.992-1.736l.23-.132-.23-.132a1 1 0 01-.372-1.364zm-7 4a1 1 0 011.364-.372L10 8.848l1.254-.716a1 1 0 11.992 1.736L11 10.58V12a1 1 0 11-2 0v-1.42l-1.246-.712a1 1 0 01-.372-1.364zM3 11a1 1 0 011 1v1.42l1.246.712a1 1 0 11-.992 1.736l-1.75-1A1 1 0 012 14v-2a1 1 0 011-1zm14 0a1 1 0 011 1v2a1 1 0 01-.504.868l-1.75 1a1 1 0 11-.992-1.736L16 13.42V12a1 1 0 011-1zm-9.618 5.504a1 1 0 011.364-.372l.254.145V16a1 1 0 112 0v.277l.254-.145a1 1 0 11.992 1.736l-1.735.992a.995.995 0 01-1.022 0l-1.735-.992a1 1 0 01-.372-1.364z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n    &nbsp;\n    {text}\n  </span>\n);\n\nconst Divider = ({ text, margins = {} }) => (\n  <div\n    className={`relative ${margins.b ? \"mb-5\" : \"\"} ${\n      margins.t ? \"mt-10\" : \"\"\n    }`}\n  >\n    <div className=\"absolute inset-0 flex items-center\" aria-hidden=\"true\">\n      <div className=\"w-full border-t border-gray-300\"></div>\n    </div>\n    <div className=\"relative flex justify-center\">\n      <span className=\"px-3 bg-white text-lg font-medium text-gray-900\">\n        {text}\n      </span>\n    </div>\n  </div>\n);\n\nconst CarvingClubPrices = () => {\n  const {\n    loading: loadingMonthlySub,\n    redirectToCheckout: redirectToMonthlySubCheckout,\n  } = useStripeCheckout(\n    {\n      id: MONTHLY_SUB,\n    },\n    {\n      ...extraBodyArgs,\n    },\n  );\n\n  const {\n    loading: loadingYearlySub,\n    redirectToCheckout: redirectToYearlySubCheckout,\n  } = useStripeCheckout(\n    {\n      id: YEARLY_SUB,\n    },\n    {\n      ...extraBodyArgs,\n    },\n  );\n  return (\n    <ul\n      role=\"list\"\n      className=\"border border-gray-500 rounded-md divide-y divide-gray-500 my-5\"\n    >\n      <li className=\"py-3 px-2 flex items-center justify-between text-md flex-col-reverse md:flex-row\">\n        <div className=\"sm:ml-3 flex-shrink-0\">\n          {loadingMonthlySub ? (\n            <Spinny nomt />\n          ) : (\n            <div className=\"flex items-center justify-center\">\n              <button\n                onClick={redirectToMonthlySubCheckout}\n                className=\"inline-flex items-center justify-center px-6 py-3 border border-transparent\n             text-base font-medium rounded-md text-white bg-blue-700 hover:bg-blue-900\"\n              >\n                Monthly &nbsp;€10\n              </button>\n            </div>\n          )}\n        </div>\n\n        <div className=\"flex-1 items-center mb-4\">\n          <p className=\"ml-12 flex-1\">Let’s try it out for one month! &nbsp;</p>\n        </div>\n      </li>\n      <li className=\"py-3 px-2 flex items-center justify-between text-md flex-col-reverse md:flex-row\">\n        <div className=\"sm:ml-3 flex-shrink-0\">\n          {loadingYearlySub ? (\n            <Spinny nomt />\n          ) : (\n            <div className=\"flex items-center justify-center\">\n              <button\n                onClick={redirectToYearlySubCheckout}\n                className=\"inline-flex items-center justify-center px-6 py-3 border border-transparent\n             text-base font-medium rounded-md text-white bg-blue-700 hover:bg-blue-900\"\n              >\n                Yearly &nbsp;€100\n              </button>\n            </div>\n          )}\n        </div>\n\n        <div className=\"flex-1 items-center mb-4\">\n          <p className=\"ml-12 flex-1\">\n            I’m ready, let’s do this for 12 months!\n          </p>\n        </div>\n      </li>\n    </ul>\n  );\n};\n\nconst PriceCard = () => {\n  return (\n    <div\n      id=\"purchase\"\n      className=\"bg-blue-100 mt-2 relative max-w-screen-lg mx-auto py-8 px-4 sm:px-6 lg:px-8 rounded-md\"\n    >\n      <div className=\"max-w-md mx-auto lg:max-w-3xl\">\n        <dd className=\"mt-8 text-sm text-gray-900 sm:mt-0 sm:col-span-2\">\n          <CarvingClubPrices />\n        </dd>\n      </div>\n    </div>\n  );\n};\n\nconst CarvingClub = ({ pageContext: { content } }) => {\n  const bannerImg =\n    \"http://images.waxcarvers.com.s3-website-eu-west-1.amazonaws.com/waxcarvers.png\";\n  const attributes = {\n    title: \"Wax Carvers Carving Club\",\n    description:\n      \"It’s time to make space for your creativity and carve for you!\",\n  };\n  return (\n    <Layout full>\n      <Helmet>\n        <title>{attributes.title} ¦ Wax Carvers</title>\n        <meta name=\"description\" content={attributes.description} />\n        <meta\n          property=\"og:title\"\n          content={`${attributes.title} | Wax Carvers`}\n        />\n        <meta property=\"og:image\" content={bannerImg} />\n        <meta\n          property=\"og:url\"\n          content={`https://www.waxcarvers.com/carving-club`}\n        />\n        <meta property=\"og:description\" content={attributes.description} />\n\n        <meta itemProp=\"name\" content={`${attributes.title} | Wax Carvers`} />\n        <meta itemProp=\"description\" content={attributes.description} />\n\n        <meta\n          property=\"twitter:title\"\n          content={`${attributes.title} | Wax Carvers`}\n        />\n        <meta property=\"twitter:description\" content={attributes.description} />\n        <meta property=\"twitter:card\" content={bannerImg} />\n        <meta property=\"twitter:image:src\" content={bannerImg} />\n      </Helmet>\n      <div className=\"bg-white\">\n        <div className=\"mt-12 mb-2\">\n          <PageTitle title={content.a.attributes.title} />\n        </div>\n        <main>\n          <div className=\"sm:max-w-3xl sm:mx-auto sm:p-6 sm:block lg:p-8\">\n            <p className=\"text-lg tracking-wide whitespace-pre-wrap text-center mt-4\">\n              You make jewellery every day for your business, but how often do\n              you sit down to make something for yourself, or try out something\n              new?\n            </p>\n            <p className=\"text-lg tracking-wide whitespace-pre-wrap text-center mt-4\">\n              It’s time to make space for your creativity and carve for you!\n            </p>\n            <p className=\"text-lg tracking-wide whitespace-pre-wrap text-center mt-4\">\n              Carve a piece of jewellery based on the months theme from the\n              comfort of your studio. Share your progress, struggles, and\n              successes with the other club members. And finish the month with a\n              new piece of jewellery for you!\n            </p>\n            <p className=\"text-lg tracking-wide whitespace-pre-wrap text-center mt-4\">\n              It’s a low pressure club, that works around your schedule. You can\n              put in as much or as little time as you want.\n            </p>\n          </div>\n          {[\"b\", \"c\"].map((it, idx) => (\n            <div key={it}>\n              <Section\n                key={it}\n                centerTitle={content[it].attributes.title}\n                bgColor={it === \"b\" ? \"bg-blue-600\" : undefined}\n                textColor={it === \"b\" ? \"text-white\" : undefined}\n                item={{\n                  orientation: idx % 2 === 0 ? \"right\" : \"left\",\n                  title: content[it].attributes.title,\n                  text: content[it].body,\n                  image: transformImageUri(it)(content[it].attributes.image),\n                  imageAlt:\n                    content[it].attributes.imageAlt ??\n                    content[it].attributes.title,\n                }}\n                transformImageUri={transformImageUri(it)}\n              />\n            </div>\n          ))}\n\n          <div className=\"pb-12\">\n            <div>\n              <div className=\"text-center mb-8\">\n                <PageTitle title=\"Carving club starts March 1st!\" />\n              </div>\n              <PriceCard />\n            </div>\n          </div>\n\n          <div className=\"my-6\">\n            <div className=\"relative max-w-4xl mx-auto\">\n              <PageTitle title=\"Frequently asked questions\" />\n              <div className=\"my-12\">\n                {Object.entries(content.faq.attributes.questions).map(\n                  ([q, a]) => (\n                    <Accordion key={q} content={{ title: q, text: a }} />\n                  ),\n                )}\n              </div>\n            </div>\n          </div>\n          <Divider margins={{ t: true, b: true }} />\n          <section>\n            <div className=\"bg-blue-100 lg:py-5 rounded mt-12\">\n              <div className=\"max-w-7xl mx-auto px-4 py-12 sm:px-6 lg:px-8 lg:flex lg:items-center lg:justify-center\">\n                <h2 className=\"text-2xl text-bold tracking-tight text-gray-700 text-center\">\n                  <span className=\"block\">Always know what I'm up to!</span>\n                </h2>\n                <div className=\"lg:mt-0 lg:flex-shrink-0 mx-12 mt-8\">\n                  <div className=\"rounded-md text-center\">\n                    <a\n                      href=\"https://newsletter.waxcarvers.com\"\n                      aria-label=\"Join newsletter\"\n                      className=\"inline-flex items-center justify-center px-5 py-3 border border-transparent\n                         text-base font-medium rounded-md text-white bg-blue-700 hover:bg-blue-900\"\n                    >\n                      Get weekly emails!\n                    </a>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </section>\n        </main>\n      </div>\n    </Layout>\n  );\n};\n\nexport default CarvingClub;\n","export default __webpack_public_path__ + \"static/flowers-4c057fbceb3573122ed2efd589cfa29b.png\";","export default __webpack_public_path__ + \"static/tasterkit-93a367657cafce09ce42ef15cbdb6298.png\";","export default __webpack_public_path__ + \"static/burring-0bcfeb85afe99569bcdf1b91cdcf3a4d.png\";","export default __webpack_public_path__ + \"static/drawing-002422d87689756f5b5cdc0c1b48355a.png\";","export default __webpack_public_path__ + \"static/special-afe8907fda95f3d39bb6de328e986563.png\";","export default __webpack_public_path__ + \"static/tasterkit-93a367657cafce09ce42ef15cbdb6298.png\";","var map = {\n\t\"./a/flowers.png\": 15485,\n\t\"./a/tasterkit.png\": 58079,\n\t\"./b/burring.png\": 14868,\n\t\"./c/drawing.png\": 19783,\n\t\"./d/special.png\": 86526,\n\t\"./j/tasterkit.png\": 54498\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 18044;"],"names":["Accordion","content","children","ref","useRef","shown","setShown","useState","captureHeight","current","style","height","clientHeight","clearHeight","isOpen","setOpen","className","onClick","title","xmlns","fill","viewBox","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","show","enter","enterFrom","beforeEnter","afterEnter","leave","leaveTo","beforeLeave","afterLeave","asHtml","dangerouslySetInnerHTML","__html","text","OnlineOnlyBuySection","product","id","ONLINE_ONLY_PRODUCT_ID","loading","redirectToCheckout","useStripeCheckout","cancel_url","success_url","OnlineAndMaterialBuySection","MATERIAL_BOX_PRODUCT_ID","withShipping","PageTitle","subtitle","PageSubTitle","color","Section","blue","item","asMarkdown","transformImageUri","titleLink","centerTitle","bgColor","textColor","isRight","orientation","href","url","allowDangerousHtml","components","blockquote","node","props","materialLink","some","it","includes","onlineLink","link","to","linktext","imageComponent","image","src","alt","imagealt","extraBodyArgs","imageFiles","r","cache","require","keys","forEach","key","slug","uri","imgPath","substring","importedImg","default","Spinny","fillRule","clipRule","Divider","margins","b","t","CarvingClubPrices","loadingMonthlySub","redirectToMonthlySubCheckout","loadingYearlySub","redirectToYearlySubCheckout","role","nomt","PriceCard","pageContext","bannerImg","attributes","full","name","property","itemProp","a","map","idx","undefined","body","imageAlt","Object","entries","faq","questions","q","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","resolve","module","exports"],"sourceRoot":""}