fontdue-js 2.22.3 → 3.0.0-alpha1

package/dist/components/StoreModalProductLicenseSelection/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StoreModalProductLicenseSelection;
-var _StoreModalProductLicenseSelection_collection2 = _interopRequireDefault(require("../../__generated__/StoreModalProductLicenseSelection_collection.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _StoreModalProductLicense = _interopRequireDefault(require("./StoreModalProductLicense"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function StoreModalProductLicenseSelection(_ref) {
+import _StoreModalProductLicenseSelection_collection from "../../__generated__/StoreModalProductLicenseSelection_collection.graphql.js";
+import React from 'react';
+import { graphql, useFragment } from 'react-relay';
+import StoreModalProductLicense from './StoreModalProductLicense.js';
+export default function StoreModalProductLicenseSelection(_ref) {
   var _collection$licenses;
   let {
     collection: collectionKey,
@@ -18,15 +11,15 @@ function StoreModalProductLicenseSelection(_ref) {
       label
     }
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_StoreModalProductLicenseSelection_collection2.default.hash && _StoreModalProductLicenseSelection_collection2.default.hash !== "2767ff3f8ddb4354051074bc3d0312e6" && console.error("The definition of 'StoreModalProductLicenseSelection_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_collection2.default), collectionKey);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  const collection = useFragment((_StoreModalProductLicenseSelection_collection.hash && _StoreModalProductLicenseSelection_collection.hash !== "2767ff3f8ddb4354051074bc3d0312e6" && console.error("The definition of 'StoreModalProductLicenseSelection_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_collection), collectionKey);
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__container",
     "data-disabled": disabled
-  }, /*#__PURE__*/_react.default.createElement("h3", {
+  }, /*#__PURE__*/React.createElement("h3", {
     className: "store-modal__license-selection__title"
-  }, label), /*#__PURE__*/_react.default.createElement("div", {
+  }, label), /*#__PURE__*/React.createElement("div", {
     className: "store-modal__license-selection__licenses"
-  }, collection === null || collection === void 0 ? void 0 : (_collection$licenses = collection.licenses) === null || _collection$licenses === void 0 ? void 0 : _collection$licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
+  }, collection === null || collection === void 0 ? void 0 : (_collection$licenses = collection.licenses) === null || _collection$licenses === void 0 ? void 0 : _collection$licenses.map(license => license && /*#__PURE__*/React.createElement(StoreModalProductLicense, {
     key: license.id,
     license: license
   }))));

package/dist/components/StoreModalProductSummary/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoreModalProductSummary_viewer$key } from '../../__generated__/StoreModalProductSummary_viewer.graphql';
+import { StoreModalProductSummary_viewer$key } from '../../__generated__/StoreModalProductSummary_viewer.graphql.js';
 interface StoreModalProductSummaryProps {
     viewer: StoreModalProductSummary_viewer$key;
 }

package/dist/components/StoreModalProductSummary/index.js

@@ -1,27 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StoreModalProductSummary_viewer2 = _interopRequireDefault(require("../../__generated__/StoreModalProductSummary_viewer.graphql"));
-var _StoreModalProductSummaryClearCartMutation2 = _interopRequireDefault(require("../../__generated__/StoreModalProductSummaryClearCartMutation.graphql"));
-var _StoreModalProductSummaryAddToCartMutation2 = _interopRequireDefault(require("../../__generated__/StoreModalProductSummaryAddToCartMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _Price = _interopRequireWildcard(require("../Price"));
-var _Button = _interopRequireDefault(require("../elements/Button"));
-var _StoreModalProductSummaryRefetchQuery = _interopRequireDefault(require("../../__generated__/StoreModalProductSummaryRefetchQuery.graphql"));
-var _utils = require("../../utils");
-var _useLicenseAndOrderVariables = require("../../hooks/useLicenseAndOrderVariables");
-var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChanges");
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const addToCartMutation = (_StoreModalProductSummaryAddToCartMutation2.default.hash && _StoreModalProductSummaryAddToCartMutation2.default.hash !== "91ea762e3842af2919da3a4c710a48cc" && console.error("The definition of 'StoreModalProductSummaryAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryAddToCartMutation2.default);
-const clearCartMutation = (_StoreModalProductSummaryClearCartMutation2.default.hash && _StoreModalProductSummaryClearCartMutation2.default.hash !== "b5c37f74432030a297c1bcf2be63b6f7" && console.error("The definition of 'StoreModalProductSummaryClearCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryClearCartMutation2.default);
+import _StoreModalProductSummary_viewer from "../../__generated__/StoreModalProductSummary_viewer.graphql.js";
+import _StoreModalProductSummaryClearCartMutation from "../../__generated__/StoreModalProductSummaryClearCartMutation.graphql.js";
+import _StoreModalProductSummaryAddToCartMutation from "../../__generated__/StoreModalProductSummaryAddToCartMutation.graphql.js";
+import React, { useCallback, useState, useMemo, useContext } from 'react';
+import { graphql, useRefetchableFragment, useMutation, useRelayEnvironment, commitMutation } from 'react-relay';
+import { useSelector, useDispatch, shallowEqual } from 'react-redux';
+import RelayPrice, { Price } from '../Price/index.js';
+import Button from '../elements/Button/index.js';
+import StoreModalProductSummaryRefetchQuery from '../../__generated__/StoreModalProductSummaryRefetchQuery.graphql.js';
+import { pluralize } from '../../utils.js';
+import { useLicenseAndOrderVariables } from '../../hooks/useLicenseAndOrderVariables.js';
+import { useRefetchOnLicenseChanges } from '../../hooks/useRefetchOnLicenseChanges.js';
+import ConfigContext from '../ConfigContext.js';
+const addToCartMutation = (_StoreModalProductSummaryAddToCartMutation.hash && _StoreModalProductSummaryAddToCartMutation.hash !== "91ea762e3842af2919da3a4c710a48cc" && console.error("The definition of 'StoreModalProductSummaryAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryAddToCartMutation);
+const clearCartMutation = (_StoreModalProductSummaryClearCartMutation.hash && _StoreModalProductSummaryClearCartMutation.hash !== "b5c37f74432030a297c1bcf2be63b6f7" && console.error("The definition of 'StoreModalProductSummaryClearCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummaryClearCartMutation);
 const countStyles = viewer => {
   const {
     precart
@@ -53,30 +44,30 @@ const StoreModalProductSummary = _ref => {
   let {
     viewer: viewerKey
   } = _ref;
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const selectedSkuIds = (0, _reactRedux.useSelector)(state => state.selectedSkuIds, _reactRedux.shallowEqual);
+  const dispatch = useDispatch();
+  const environment = useRelayEnvironment();
+  const selectedSkuIds = useSelector(state => state.selectedSkuIds, shallowEqual);
   const {
     orderVariableSelections
-  } = (0, _useLicenseAndOrderVariables.useLicenseAndOrderVariables)();
-  const licenseeIsBillingIdentity = (0, _reactRedux.useSelector)(state => state.licenseeIsBillingIdentity);
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions, _reactRedux.shallowEqual);
-  const selectedSkuIdsArray = (0, _react.useMemo)(() => Object.keys(selectedSkuIds).filter(id => selectedSkuIds[id] === true), [selectedSkuIds]);
-  const refetchVariables = (0, _react.useMemo)(() => ({
+  } = useLicenseAndOrderVariables();
+  const licenseeIsBillingIdentity = useSelector(state => state.licenseeIsBillingIdentity);
+  const licenseOptions = useSelector(state => state.licenseOptions, shallowEqual);
+  const selectedSkuIdsArray = useMemo(() => Object.keys(selectedSkuIds).filter(id => selectedSkuIds[id] === true), [selectedSkuIds]);
+  const refetchVariables = useMemo(() => ({
     selectedSkuIds: selectedSkuIdsArray
   }), [selectedSkuIdsArray]);
-  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_StoreModalProductSummary_viewer2.default.hash && _StoreModalProductSummary_viewer2.default.hash !== "81a5f120d76cbb84753d158a7ff38c19" && console.error("The definition of 'StoreModalProductSummary_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummary_viewer2.default), viewerKey);
-  (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
+  const [viewer, refetch] = useRefetchableFragment((_StoreModalProductSummary_viewer.hash && _StoreModalProductSummary_viewer.hash !== "81a5f120d76cbb84753d158a7ff38c19" && console.error("The definition of 'StoreModalProductSummary_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductSummary_viewer), viewerKey);
+  useRefetchOnLicenseChanges({
     environment,
     refetch,
-    query: _StoreModalProductSummaryRefetchQuery.default,
+    query: StoreModalProductSummaryRefetchQuery,
     variables: refetchVariables
   });
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const [error, setError] = (0, _react.useState)(null);
-  const [commitAddToCart] = (0, _reactRelay.useMutation)(addToCartMutation);
-  const clearCart = (0, _react.useCallback)(() => {
-    (0, _reactRelay.commitMutation)(environment, {
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const [commitAddToCart] = useMutation(addToCartMutation);
+  const clearCart = useCallback(() => {
+    commitMutation(environment, {
       mutation: clearCartMutation,
       variables: {
         input: {
@@ -91,7 +82,7 @@ const StoreModalProductSummary = _ref => {
       }
     });
   }, [environment]);
-  const handleAddToCart = (0, _react.useCallback)(() => {
+  const handleAddToCart = useCallback(() => {
     setSubmitting(true);
     const variables = {
       input: {
@@ -174,24 +165,24 @@ const StoreModalProductSummary = _ref => {
   const validSelections = anySkusSelected && licenseOptions.length > 0 && !requiredOrderVariablesNotYetSelected && hasSelectionForLicenseeIsBillingIdentity;
   const {
     storeModal: config
-  } = (0, _react.useContext)(_ConfigContext.default);
+  } = useContext(ConfigContext);
   const licensesPosition = config.productLicensesPosition;
   if (validSelections) {
     if (viewer.precart.subtotal) {
-      message = /*#__PURE__*/_react.default.createElement("div", {
+      message = /*#__PURE__*/React.createElement("div", {
         className: "store-modal__product-summary__selection-text"
-      }, (0, _utils.pluralize)(countStyles(viewer), 'font'), ' for ', viewer.precart.subtotal.amount < stylesPrice && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+      }, pluralize(countStyles(viewer), 'font'), ' for ', viewer.precart.subtotal.amount < stylesPrice && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
         className: "store-modal__product-summary__styles-price"
-      }, /*#__PURE__*/_react.default.createElement(_Price.Price, {
+      }, /*#__PURE__*/React.createElement(Price, {
         price: {
           amount: stylesPrice,
           currency: viewer.precart.subtotal.currency
         }
-      })), ' '), /*#__PURE__*/_react.default.createElement(_Price.default, {
+      })), ' '), /*#__PURE__*/React.createElement(RelayPrice, {
         price: viewer.precart.subtotal
       }), taxLabel);
     } else {
-      message = /*#__PURE__*/_react.default.createElement("span", {
+      message = /*#__PURE__*/React.createElement("span", {
         className: "store-modal__product-summary__nothing-selected"
       }, "Calculating price...");
     }
@@ -202,25 +193,24 @@ const StoreModalProductSummary = _ref => {
     if (requiredOrderVariablesNotYetSelected) validationMessage = `Please select a ${requiredOrderVariablesNotYetSelected.name.toLocaleLowerCase()}`;
     if (!hasSelectionForLicenseeIsBillingIdentity) validationMessage = 'Please select the licensee';
     if (!anySkusSelected && licensesPosition === 'bottom') validationMessage = 'Please select some fonts';
-    message = /*#__PURE__*/_react.default.createElement("span", {
+    message = /*#__PURE__*/React.createElement("span", {
       className: "store-modal__product-summary__nothing-selected"
     }, validationMessage);
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "store-modal__product-summary__container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "store-modal__product-summary__row"
-  }, message, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, message, /*#__PURE__*/React.createElement(Button, {
     className: "store-modal__product-summary__add-to-cart-button",
     onClick: handleAddToCart,
     disabled: submitting || !validSelections
-  }, submitting ? 'Adding...' : 'Add to cart')), error && /*#__PURE__*/_react.default.createElement("div", {
+  }, submitting ? 'Adding...' : 'Add to cart')), error && /*#__PURE__*/React.createElement("div", {
     className: "store-modal__product-summary__error"
-  }, error, ' ', /*#__PURE__*/_react.default.createElement("button", {
+  }, error, ' ', /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: clearCart,
     className: "store-modal__product-summary__error-button"
   }, "Empty cart and try again")));
 };
-var _default = StoreModalProductSummary;
-exports.default = _default;
+export default StoreModalProductSummary;

package/dist/components/StripeLogo.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = StripeLogo;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function StripeLogo() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
+import React from 'react';
+export default function StripeLogo() {
+  return /*#__PURE__*/React.createElement("svg", {
     width: "33",
     height: "15"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M32.956 7.925c0-2.313-1.12-4.138-3.261-4.138-2.15 0-3.451 1.825-3.451 4.12 0 2.719 1.535 4.092 3.74 4.092 1.075 0 1.888-.244 2.502-.587V9.605c-.614.307-1.319.497-2.213.497-.876 0-1.653-.307-1.753-1.373h4.418c0-.118.018-.588.018-.804m-4.463-.859c0-1.02.624-1.445 1.193-1.445.55 0 1.138.424 1.138 1.445h-2.33zm-5.737-3.279c-.885 0-1.454.415-1.77.704l-.118-.56H18.88v10.535l2.259-.48.009-2.556c.325.235.804.57 1.6.57 1.616 0 3.089-1.302 3.089-4.166-.01-2.62-1.5-4.047-3.08-4.047zm-.542 6.225c-.533 0-.85-.19-1.066-.425l-.009-3.352c.235-.262.56-.443 1.075-.443.822 0 1.391.922 1.391 2.105 0 1.211-.56 2.115-1.39 2.115zM18.04 2.766V.932l-2.268.479v1.843zM15.772 3.94h2.268v7.905h-2.268zm-2.43.669-.144-.669h-1.952v7.906h2.259V6.488c.533-.696 1.436-.57 1.716-.47V3.94c-.289-.108-1.346-.307-1.879.669M8.825 1.98l-2.205.47-.009 7.236c0 1.337 1.003 2.322 2.34 2.322.741 0 1.283-.135 1.581-.298V9.876c-.289.117-1.716.533-1.716-.804V5.865h1.716V3.94H8.816zM2.718 6.235c0-.352.289-.488.767-.488.687 0 1.554.208 2.241.578V4.202a6 6 0 0 0-2.24-.415c-1.835 0-3.054.957-3.054 2.557 0 2.493 3.433 2.096 3.433 3.17 0 .416-.361.552-.867.552-.75 0-1.708-.307-2.467-.723v2.15c.84.362 1.69.515 2.467.515 1.879 0 3.17-.93 3.17-2.548-.008-2.692-3.45-2.213-3.45-3.225"
   }));

package/dist/components/StripeProvider/index.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'react';
-import { StripeProvider_viewer$key } from '../../__generated__/StripeProvider_viewer.graphql';
+import { StripeProvider_viewer$key } from '../../__generated__/StripeProvider_viewer.graphql.js';
 interface StripeProvider_props {
     viewer: StripeProvider_viewer$key;
     children: JSX.Element;

package/dist/components/StripeProvider/index.js

@@ -1,20 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StripeProviderCreateCheckoutSessionMutation2 = _interopRequireDefault(require("../../__generated__/StripeProviderCreateCheckoutSessionMutation.graphql"));
-var _StripeProvider_viewer2 = _interopRequireDefault(require("../../__generated__/StripeProvider_viewer.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactStripeJs = require("@stripe/react-stripe-js");
-var _stripeJs = require("@stripe/stripe-js");
-var _utils = require("../../utils");
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import _StripeProviderCreateCheckoutSessionMutation from "../../__generated__/StripeProviderCreateCheckoutSessionMutation.graphql.js";
+import _StripeProvider_viewer from "../../__generated__/StripeProvider_viewer.graphql.js";
+import React, { useCallback, useContext, useRef } from 'react';
+import { commitMutation, graphql, useFragment, useRelayEnvironment } from 'react-relay';
+import { Elements, EmbeddedCheckoutProvider } from '@stripe/react-stripe-js';
+import { loadStripe } from '@stripe/stripe-js';
+import { parseCustomProperties } from '../../utils.js';
+import ConfigContext from '../ConfigContext.js';
 const StripeProvider = _ref => {
   var _data$currentOrder, _data$settings, _data$settings$uiFont, _data$settings$uiFont2, _data$settings$uiFont3, _data$settings2, _data$currentOrder2, _data$currentOrder2$s, _data$themeConfig;
   let {
@@ -22,19 +13,19 @@ const StripeProvider = _ref => {
     providerType,
     children
   } = _ref;
-  const data = (0, _reactRelay.useFragment)((_StripeProvider_viewer2.default.hash && _StripeProvider_viewer2.default.hash !== "96a569166948f6d2956bdf12dbd2820f" && console.error("The definition of 'StripeProvider_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StripeProvider_viewer2.default), viewer);
+  const data = useFragment((_StripeProvider_viewer.hash && _StripeProvider_viewer.hash !== "96a569166948f6d2956bdf12dbd2820f" && console.error("The definition of 'StripeProvider_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StripeProvider_viewer), viewer);
   const stripeKey = data.stripePublishableKey;
   // Use order's stripeAccountId if available (handles case where tenant changed accounts mid-checkout)
   const stripeAccount = ((_data$currentOrder = data.currentOrder) === null || _data$currentOrder === void 0 ? void 0 : _data$currentOrder.stripeAccountId) || data.stripeAccountId;
-  const stripePromiseRef = (0, _react.useRef)(stripeKey && stripeAccount ? (0, _stripeJs.loadStripe)(stripeKey, {
+  const stripePromiseRef = useRef(stripeKey && stripeAccount ? loadStripe(stripeKey, {
     stripeAccount
   }) : null);
 
   // All hooks must be called before any conditional returns (React rules of hooks)
-  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const environment = useRelayEnvironment();
   const {
     stripe: config
-  } = (0, _react.useContext)(_ConfigContext.default);
+  } = useContext(ConfigContext);
   let customFontSource;
   const woffSrc = (_data$settings = data.settings) === null || _data$settings === void 0 ? void 0 : (_data$settings$uiFont = _data$settings.uiFontStyle) === null || _data$settings$uiFont === void 0 ? void 0 : (_data$settings$uiFont2 = _data$settings$uiFont.webfontSources) === null || _data$settings$uiFont2 === void 0 ? void 0 : (_data$settings$uiFont3 = _data$settings$uiFont2.find(source => (source === null || source === void 0 ? void 0 : source.format) === 'woff2')) === null || _data$settings$uiFont3 === void 0 ? void 0 : _data$settings$uiFont3.url;
   let fontFamily = (_data$settings2 = data.settings) !== null && _data$settings2 !== void 0 && _data$settings2.uiFontStyle ? `${data.settings.uiFontStyle.cssFamily} ${data.settings.uiFontStyle.name}` : undefined;
@@ -53,11 +44,11 @@ const StripeProvider = _ref => {
     };
   }
   const clientSecret = ((_data$currentOrder2 = data.currentOrder) === null || _data$currentOrder2 === void 0 ? void 0 : (_data$currentOrder2$s = _data$currentOrder2.stripePaymentIntent) === null || _data$currentOrder2$s === void 0 ? void 0 : _data$currentOrder2$s.clientSecret) ?? undefined;
-  const customProperties = (0, _utils.parseCustomProperties)((_data$themeConfig = data.themeConfig) === null || _data$themeConfig === void 0 ? void 0 : _data$themeConfig.customProperties);
-  const fetchClientSecret = (0, _react.useCallback)(() => {
+  const customProperties = parseCustomProperties((_data$themeConfig = data.themeConfig) === null || _data$themeConfig === void 0 ? void 0 : _data$themeConfig.customProperties);
+  const fetchClientSecret = useCallback(() => {
     return new Promise((resolve, reject) => {
-      (0, _reactRelay.commitMutation)(environment, {
-        mutation: (_StripeProviderCreateCheckoutSessionMutation2.default.hash && _StripeProviderCreateCheckoutSessionMutation2.default.hash !== "2ca9a7fcfed1292117e3cd6d0d95cca6" && console.error("The definition of 'StripeProviderCreateCheckoutSessionMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StripeProviderCreateCheckoutSessionMutation2.default),
+      commitMutation(environment, {
+        mutation: (_StripeProviderCreateCheckoutSessionMutation.hash && _StripeProviderCreateCheckoutSessionMutation.hash !== "2ca9a7fcfed1292117e3cd6d0d95cca6" && console.error("The definition of 'StripeProviderCreateCheckoutSessionMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StripeProviderCreateCheckoutSessionMutation),
         variables: {},
         onCompleted: response => {
           var _response$createOrder, _response$createOrder2, _response$createOrder3;
@@ -156,7 +147,7 @@ const StripeProvider = _ref => {
     syncAddressCheckbox: 'none'
   };
   if (providerType === 'checkout') {
-    return /*#__PURE__*/_react.default.createElement(_reactStripeJs.EmbeddedCheckoutProvider, {
+    return /*#__PURE__*/React.createElement(EmbeddedCheckoutProvider, {
       stripe: stripePromiseRef.current,
       options: {
         fetchClientSecret
@@ -164,12 +155,11 @@ const StripeProvider = _ref => {
     }, children);
   }
   if (providerType === 'elements') {
-    return /*#__PURE__*/_react.default.createElement(_reactStripeJs.Elements, {
+    return /*#__PURE__*/React.createElement(Elements, {
       stripe: stripePromiseRef.current,
       options: options
     }, children);
   }
   return null;
 };
-var _default = StripeProvider;
-exports.default = _default;
+export default StripeProvider;

package/dist/components/Switch/index.js

@@ -1,7 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Switch;
-function Switch() {}
+export default function Switch() {}

package/dist/components/TestFontsForm/TestFontsFormElement.js

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const TestFontsFormElement = props => /*#__PURE__*/_react.default.createElement(_.default, _extends({}, props, {
+import React from 'react';
+import TestFontsFormFetcher from './index.js';
+const TestFontsFormElement = props => /*#__PURE__*/React.createElement(TestFontsFormFetcher, _extends({}, props, {
   newsletterCheckboxChecked: props.newsletterCheckboxChecked === 'true' ? true : false
 }));
-var _default = TestFontsFormElement;
-exports.default = _default;
+export default TestFontsFormElement;

package/dist/components/TestFontsForm/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TestFontsForm_Query } from '../../__generated__/TestFontsForm_Query.graphql';
-import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+import { TestFontsForm_Query } from '../../__generated__/TestFontsForm_Query.graphql.js';
+import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery.js';
 export interface TestFontsForm_props {
     agreementLabel?: string;
     downloadLabel?: string;

package/dist/components/TestFontsForm/index.js

@@ -1,34 +1,25 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TestFontsFormPreloadedQueryRenderer = TestFontsFormPreloadedQueryRenderer;
-exports.default = TestFontsForm;
-var _TestFontsForm_Query2 = _interopRequireDefault(require("../../__generated__/TestFontsForm_Query.graphql"));
-var _TestFontsFormUpdateCustomerMutation2 = _interopRequireDefault(require("../../__generated__/TestFontsFormUpdateCustomerMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactGoogleRecaptcha = _interopRequireDefault(require("react-google-recaptcha"));
-var _TextField = _interopRequireDefault(require("../TextField"));
-var _Icons = require("../Icons");
-var _Checkbox = _interopRequireDefault(require("../Checkbox"));
-var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const updateCustomerMutation = (_TestFontsFormUpdateCustomerMutation2.default.hash && _TestFontsFormUpdateCustomerMutation2.default.hash !== "ba56958399f0893bd667ff02c33a6975" && console.error("The definition of 'TestFontsFormUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsFormUpdateCustomerMutation2.default);
+import _TestFontsForm_Query from "../../__generated__/TestFontsForm_Query.graphql.js";
+import _TestFontsFormUpdateCustomerMutation from "../../__generated__/TestFontsFormUpdateCustomerMutation.graphql.js";
+import React, { useState, useRef, useCallback } from 'react';
+import { commitMutation, graphql, useRelayEnvironment, useLazyLoadQuery, usePreloadedQuery } from 'react-relay';
+import { ReCAPTCHA } from 'react-google-recaptcha';
+import TextField from '../TextField/index.js';
+import { DownloadFonts } from '../Icons/index.js';
+import Checkbox from '../Checkbox/index.js';
+import useSerializablePreloadedQuery from '../../relay/useSerializablePreloadedQuery.js';
+const updateCustomerMutation = (_TestFontsFormUpdateCustomerMutation.hash && _TestFontsFormUpdateCustomerMutation.hash !== "ba56958399f0893bd667ff02c33a6975" && console.error("The definition of 'TestFontsFormUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsFormUpdateCustomerMutation);
 const TestFontsDownloading = _ref => {
   let {
     archiveUrl
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "test-fonts__downloading"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "test-fonts__downloading__icon"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.DownloadFonts, null)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "The download will start automatically."), /*#__PURE__*/_react.default.createElement("p", null, "If it didn\u2019t start, click ", /*#__PURE__*/_react.default.createElement("a", {
+  }, /*#__PURE__*/React.createElement(DownloadFonts, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "The download will start automatically."), /*#__PURE__*/React.createElement("p", null, "If it didn\u2019t start, click ", /*#__PURE__*/React.createElement("a", {
     href: archiveUrl
   }, "here"), ".")));
 };
@@ -40,27 +31,27 @@ const TestFontsFormComponent = _ref2 => {
     downloadLabel = 'Download test fonts',
     newsletterCheckboxChecked = false
   } = _ref2;
-  const [email, setEmail] = (0, _react.useState)('');
-  const [name, setName] = (0, _react.useState)('');
-  const [newsletterOptIn, setNewsletterOptIn] = (0, _react.useState)(newsletterCheckboxChecked);
-  const [error, setError] = (0, _react.useState)(null);
-  const [eulaAgreed, setEulaAgreed] = (0, _react.useState)(false);
-  const [eulaFail, setEulaFail] = (0, _react.useState)(false);
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const [submitted, setSubmitted] = (0, _react.useState)(false);
-  const [recaptchaToken, setRecaptchaToken] = (0, _react.useState)(null);
-  const [pendingSubmit, setPendingSubmit] = (0, _react.useState)(false);
-  const downloadForm = (0, _react.useRef)(null);
-  const recaptchaRef = (0, _react.useRef)(null);
-  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const [email, setEmail] = useState('');
+  const [name, setName] = useState('');
+  const [newsletterOptIn, setNewsletterOptIn] = useState(newsletterCheckboxChecked);
+  const [error, setError] = useState(null);
+  const [eulaAgreed, setEulaAgreed] = useState(false);
+  const [eulaFail, setEulaFail] = useState(false);
+  const [submitting, setSubmitting] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const [recaptchaToken, setRecaptchaToken] = useState(null);
+  const [pendingSubmit, setPendingSubmit] = useState(false);
+  const downloadForm = useRef(null);
+  const recaptchaRef = useRef(null);
+  const environment = useRelayEnvironment();
   if (!data.viewer) return null;
   const recaptchaEnabled = ((_data$viewer$settings = data.viewer.settings) === null || _data$viewer$settings === void 0 ? void 0 : _data$viewer$settings.recaptchaEnabled) ?? false;
   const recaptchaSiteKey = (_data$viewer$settings2 = data.viewer.settings) === null || _data$viewer$settings2 === void 0 ? void 0 : _data$viewer$settings2.recaptchaSiteKey;
-  const submitForm = (0, _react.useCallback)(token => {
+  const submitForm = useCallback(token => {
     setSubmitting(true);
     setPendingSubmit(false);
     setError(null);
-    (0, _reactRelay.commitMutation)(environment, {
+    commitMutation(environment, {
       mutation: updateCustomerMutation,
       variables: {
         input: {
@@ -99,14 +90,14 @@ const TestFontsFormComponent = _ref2 => {
       }
     });
   }, [environment, name, email, newsletterOptIn]);
-  const handleRecaptchaChange = (0, _react.useCallback)(token => {
+  const handleRecaptchaChange = useCallback(token => {
     setRecaptchaToken(token);
     // If we were waiting for a token to submit, do it now
     if (token && pendingSubmit) {
       submitForm(token);
     }
   }, [pendingSubmit, submitForm]);
-  const handleRecaptchaExpired = (0, _react.useCallback)(() => {
+  const handleRecaptchaExpired = useCallback(() => {
     setRecaptchaToken(null);
   }, []);
   const handleSubmit = e => {
@@ -133,87 +124,87 @@ const TestFontsFormComponent = _ref2 => {
   const newsletterOptInLabel = settings === null || settings === void 0 ? void 0 : settings.newsletterOptInLabel;
   const eulaAgreementLabel = settings === null || settings === void 0 ? void 0 : settings.eulaAgreementLabel;
   const archiveUrl = (_data$viewer$testFont = data.viewer.testFonts) === null || _data$viewer$testFont === void 0 ? void 0 : _data$viewer$testFont.archiveUrl;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "test-fonts"
-  }, error && /*#__PURE__*/_react.default.createElement("div", {
+  }, error && /*#__PURE__*/React.createElement("div", {
     className: "test-fonts__errors"
-  }, error), submitted ? /*#__PURE__*/_react.default.createElement(TestFontsDownloading, {
+  }, error), submitted ? /*#__PURE__*/React.createElement(TestFontsDownloading, {
     archiveUrl: archiveUrl
-  }) : /*#__PURE__*/_react.default.createElement("form", {
+  }) : /*#__PURE__*/React.createElement("form", {
     className: "test-fonts__form",
     onSubmit: handleSubmit
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "test-fonts__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "Name *",
     value: name,
     onChange: value => setName(value),
     autocomplete: "name",
     placeholder: "Your name"
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "test-fonts__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "Email *",
     type: "email",
     value: email,
     onChange: value => setEmail(value),
     autocomplete: "email",
     placeholder: "Your email"
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "test-fonts__agreement test-fonts__checkbox-field",
     "data-highlighted": eulaFail && !eulaAgreed
-  }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+  }, /*#__PURE__*/React.createElement(Checkbox, {
     id: "test-fonts-eula-agreement",
     checked: eulaAgreed,
     onChange: event => setEulaAgreed(event.target.checked)
-  }), /*#__PURE__*/_react.default.createElement("label", {
+  }), /*#__PURE__*/React.createElement("label", {
     htmlFor: "test-fonts-eula-agreement",
     dangerouslySetInnerHTML: {
       __html: (agreementLabel || eulaAgreementLabel) ?? ''
     }
-  })), newsletterOptInLabel && /*#__PURE__*/_react.default.createElement("div", {
+  })), newsletterOptInLabel && /*#__PURE__*/React.createElement("div", {
     className: "test-fonts__newsletter-opt-in test-fonts__checkbox-field"
-  }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+  }, /*#__PURE__*/React.createElement(Checkbox, {
     id: "newsletter-opt-in",
     checked: newsletterOptIn,
     onChange: event => setNewsletterOptIn(event.target.checked)
-  }), /*#__PURE__*/_react.default.createElement("label", {
+  }), /*#__PURE__*/React.createElement("label", {
     htmlFor: "newsletter-opt-in",
     dangerouslySetInnerHTML: {
       __html: newsletterOptInLabel
     }
-  })), recaptchaEnabled && recaptchaSiteKey && /*#__PURE__*/_react.default.createElement(_reactGoogleRecaptcha.default, {
+  })), recaptchaEnabled && recaptchaSiteKey && /*#__PURE__*/React.createElement(ReCAPTCHA, {
     ref: recaptchaRef,
     sitekey: recaptchaSiteKey,
     size: "invisible",
     onChange: handleRecaptchaChange,
     onExpired: handleRecaptchaExpired
-  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
     className: "submit-button",
     type: "submit",
     disabled: submitting || pendingSubmit || disabled
-  }, submitting || pendingSubmit ? 'Submitting...' : downloadLabel, /*#__PURE__*/_react.default.createElement("span", {
+  }, submitting || pendingSubmit ? 'Submitting...' : downloadLabel, /*#__PURE__*/React.createElement("span", {
     className: "submit-button__arrow"
-  }, " \u2192")))), /*#__PURE__*/_react.default.createElement("form", {
+  }, " \u2192")))), /*#__PURE__*/React.createElement("form", {
     action: archiveUrl ?? undefined,
     ref: downloadForm
   }));
 };
-const query = (_TestFontsForm_Query2.default.hash && _TestFontsForm_Query2.default.hash !== "cd43f0cacc4dcf01cf94fb1ff97197ca" && console.error("The definition of 'TestFontsForm_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsForm_Query2.default);
-function TestFontsFormPreloadedQueryRenderer(_ref4) {
+const query = (_TestFontsForm_Query.hash && _TestFontsForm_Query.hash !== "cd43f0cacc4dcf01cf94fb1ff97197ca" && console.error("The definition of 'TestFontsForm_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TestFontsForm_Query);
+export function TestFontsFormPreloadedQueryRenderer(_ref4) {
   let {
     preloadedQuery,
     ...rest
   } = _ref4;
-  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
-  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
-  return /*#__PURE__*/_react.default.createElement(TestFontsFormComponent, _extends({
+  const queryRef = useSerializablePreloadedQuery(preloadedQuery);
+  const data = usePreloadedQuery(query, queryRef);
+  return /*#__PURE__*/React.createElement(TestFontsFormComponent, _extends({
     data: data
   }, rest));
 }
-function TestFontsForm(props) {
-  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
-  return /*#__PURE__*/_react.default.createElement(TestFontsFormComponent, _extends({
+export default function TestFontsForm(props) {
+  const data = useLazyLoadQuery(query, {});
+  return /*#__PURE__*/React.createElement(TestFontsFormComponent, _extends({
     data: data
   }, props));
 }