{"version":3,"file":"component---src-pages-fun-stuff-js-8da2f76b9f61cf664329.js","mappings":"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","sources":["webpack://waxcarvers-fe/./src/components/BuySections.jsx","webpack://waxcarvers-fe/./src/components/Layout/Section.jsx","webpack://waxcarvers-fe/./src/static/funstuff/aoyama.png","webpack://waxcarvers-fe/./src/static/funstuff/cozumel.png","webpack://waxcarvers-fe/./src/static/funstuff/lombok.png","webpack://waxcarvers-fe/./src/static/funstuff/jade.png","webpack://waxcarvers-fe/./src/pages/fun-stuff.js"],"sourcesContent":["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 { 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","export default __webpack_public_path__ + \"static/aoyama-fb3f4e2d9b37ccff5e7149066759e8ed.png\";","export default __webpack_public_path__ + \"static/cozumel-ec0679130eb49f6be71b488ee2d61af5.png\";","export default __webpack_public_path__ + \"static/lombok-56cea320c2295be449f92ca15639064a.png\";","export default __webpack_public_path__ + \"static/jade-79354c25f90893a7193b7e20d954637e.png\";","import React from \"react\";\nimport Layout from \"../components/layout\";\nimport { PageTitle } from \"../components/Common/PageTitle\";\nimport { JoinNewsLetterButton } from \"../components/Common/NewsLetterPlug\";\nimport ReactTooltip from \"react-tooltip\";\n\nimport aoyama from \"../static/funstuff/aoyama.png\";\nimport cozumel from \"../static/funstuff/cozumel.png\";\nimport lombok from \"../static/funstuff/lombok.png\";\nimport jade from \"../static/funstuff/jade.png\";\n\nimport { Section } from \"../components/Layout/Section\";\n\nconst stuffs = [\n  {\n    title: \"Aoyama School of Jewelry and Metalsmithing\",\n    text: \"I took a few classes to learn inlay. I would have loved to stay longer and learn more traditional Japanese techniques. Their collection of hammers and stakes is impressive!\",\n    url: \"http://www.aokinschool.com/english.html\",\n    image: aoyama,\n  },\n  {\n    title: \"Cozumel Pearl Farm\",\n    text: \"Tiny pearl farm on a tiny island. They’re just starting and have had their share of setbacks. Learning how they’re trying to set up the farm and doing things differently than they’re done elsewhere in the world is really interesting. And snorkeling over the actual pearl farm is very cool!\",\n    url: \"https://www.cozumelpearlfarm.mx/ \",\n    image: cozumel,\n  },\n  {\n    title: \"La Casa Del Jade\",\n    text: \"Guatemala is a big jade country! You can choose your own piece of jade and with the help of Cesar you cut and polish a jade stone. \",\n    url: \"https://www.lacasadeljade.com/en/jade-workshop/\",\n    image: jade,\n  },\n  {\n    title: \"Autore Pearls\",\n    text: \"I went to their showroom in Lombok. You can do a tour to learn about pearl farming and watch a pearl get extracted. They have a small shop where you can buy pearls and pearl jewellery. \\n\",\n    url: \"https://autorepearls.com.au/farming/\",\n    image: lombok,\n  },\n];\n\nconst CastingCompanies = () => {\n  return (\n    <Layout>\n      <div className=\"relative pt-16 pb-6 px-4 sm:px-6 lg:pt-24 lg:px-8\">\n        <div className=\"text-lg max-w-prose mx-auto\">\n          <PageTitle title=\"Fun Stuff\" />\n        </div>\n\n        <div className=\"mt-12 prose prose-indigo prose-lg text-gray-500 mx-auto\">\n          <p>\n            If you’re anything like me, you find yourself pulled towards\n            jewellery even on vacation! I always research beforehand if there’s\n            a workshop or tour related to jewellery I can do. And I’ve found\n            some good ones over the years! These are not sponsored/affiliates, I\n            don’t get anything from recommending these places. I just loved my\n            experience here and you might too!\n          </p>\n        </div>\n\n        <nav className=\"h-full overflow-y-auto\" aria-label=\"Directory\">\n          {stuffs.map((thing, idx) => (\n            <Section\n              item={{\n                title: thing.title,\n                text: thing.text,\n                url: thing.url,\n                image: thing.image,\n                orientation: idx % 2 === 0 ? \"right\" : \"left\",\n              }}\n              titleLink\n              key={thing.title}\n            />\n          ))}\n        </nav>\n\n        <div className=\"mt-24 prose prose-indigo prose-lg text-gray-700 mx-auto\">\n          <p>\n            If you have a recommendation for a jewellery related tour or\n            workshop let me know! I love learning new things, even on vacation!\n          </p>\n        </div>\n      </div>\n\n      <div className=\"mt-24\">\n        <JoinNewsLetterButton />\n      </div>\n      <ReactTooltip />\n    </Layout>\n  );\n};\n\nexport default CastingCompanies;\n"],"names":["OnlineOnlyBuySection","product","id","ONLINE_ONLY_PRODUCT_ID","loading","redirectToCheckout","useStripeCheckout","cancel_url","success_url","className","onClick","OnlineAndMaterialBuySection","MATERIAL_BOX_PRODUCT_ID","withShipping","Section","blue","item","asMarkdown","transformImageUri","titleLink","centerTitle","bgColor","textColor","isRight","orientation","href","url","title","allowDangerousHtml","components","blockquote","node","props","materialLink","children","some","it","includes","onlineLink","text","link","to","linktext","imageComponent","image","src","alt","imagealt","stuffs","aoyama","cozumel","jade","lombok","PageTitle","map","thing","idx","key"],"sourceRoot":""}