fontdue-js 2.22.0 → 2.22.1

package/dist-cjs/components/StoreModalProductLicenseSelection/StoreModalProductLicense.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StoreModalProduceLicense;
+var _StoreModalProductLicense_license2 = _interopRequireDefault(require("../../__generated__/StoreModalProductLicense_license.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+var _reactRedux = require("react-redux");
+var _LicenseElement = _interopRequireDefault(require("./LicenseElement"));
+var _LicenseVariableElement = _interopRequireDefault(require("./LicenseVariableElement"));
+var _VariableTableAmounts = _interopRequireDefault(require("../VariableTableAmounts"));
+var _LicenseVariableRadioElement = _interopRequireDefault(require("./LicenseVariableRadioElement"));
+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 specFromLicense = license => {
+  let licenseOptionSpec = {
+    licenseId: license.id
+  };
+  if (license.variables) {
+    const options = license.variables.reduce((res, variable) => {
+      if (variable.options && variable.options.length > 0) {
+        res[variable.id] = variable.options[0].id;
+      } else {
+        // FIXME this is only necessary to submit the variable,
+        // since it's required to have a selection for every variable
+        res[variable.id] = null;
+      }
+      return res;
+    }, {});
+    licenseOptionSpec = {
+      ...licenseOptionSpec,
+      licenseOptions: options
+    };
+  }
+  return licenseOptionSpec;
+};
+function StoreModalProduceLicense({
+  license: licenseKey
+}) {
+  const license = (0, _reactRelay.useFragment)((_StoreModalProductLicense_license2.default.hash && _StoreModalProductLicense_license2.default.hash !== "5729815aeedac2b8ea39eaab0a986b48" && console.error("The definition of 'StoreModalProductLicense_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicense_license2.default), licenseKey);
+  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
+  const selectedOptions = licenseOptions.find(({
+    licenseId
+  }) => licenseId === license.id);
+  const isSelected = Boolean(selectedOptions);
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const handleSelectLicense = (0, _react.useCallback)(() => {
+    dispatch({
+      type: 'PRECART_TOGGLE_LICENSE',
+      licenseId: license.id,
+      checked: !isSelected,
+      licenseOptionSpec: specFromLicense(license)
+    });
+  }, [dispatch, license, isSelected]);
+  const handleLicenseOptionChange = (0, _react.useCallback)(({
+    variableId,
+    optionId
+  }) => {
+    if (!isSelected) {
+      dispatch({
+        type: 'PRECART_SELECT_LICENSE',
+        licenseOptionSpec: specFromLicense(license)
+      });
+    }
+    dispatch({
+      type: 'PRECART_SELECT_LICENSE_OPTION',
+      licenseId: license.id,
+      variableId,
+      optionId
+    });
+  }, [dispatch, license, isSelected]);
+  (0, _react.useEffect)(() => {
+    if (license.defaultSelected) {
+      dispatch({
+        type: 'PRECART_SELECT_LICENSE',
+        licenseOptionSpec: specFromLicense(license)
+      });
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_LicenseElement.default, {
+    onClick: handleSelectLicense,
+    isSelected: isSelected
+  }, {
+    name: license.name,
+    description: license.description,
+    variables: license.variables?.map(variable => {
+      if (variable.variableType === 'text') return null;
+      if (!variable.options) return null;
+      const selectedLicenseOption = selectedOptions && selectedOptions.licenseOptions[variable.id];
+      const selectedOption = variable.options.find(({
+        id
+      }) => id === selectedLicenseOption);
+      if (variable.variableType === 'table') {
+        return /*#__PURE__*/_react.default.createElement(_LicenseVariableRadioElement.default, {
+          key: variable.id,
+          onChange: value => handleLicenseOptionChange({
+            variableId: variable.id,
+            optionId: value
+          }),
+          value: selectedLicenseOption,
+          options: variable.options.map(option => ({
+            value: option.id,
+            text: option.name,
+            help: /*#__PURE__*/_react.default.createElement(_VariableTableAmounts.default, {
+              variable: variable,
+              option: option
+            })
+          }))
+        });
+      }
+      if (variable.variableType === 'select') {
+        return /*#__PURE__*/_react.default.createElement(_LicenseVariableElement.default, {
+          key: variable.id,
+          onChange: e => handleLicenseOptionChange({
+            variableId: variable.id,
+            optionId: e.target.value
+          }),
+          value: selectedLicenseOption || '',
+          options: variable.options.map(option => ({
+            value: option.id,
+            text: option.amount
+          }))
+        }, {
+          selectionText: selectedOption ? selectedOption.amount : `Select ${variable.name}`
+        });
+      }
+      return null;
+    }).filter(Boolean) ?? null
+  });
+}

package/dist-cjs/components/StoreModalProductLicenseSelection/index.js

@@ -0,0 +1,31 @@
+"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({
+  collection: collectionKey,
+  disabled,
+  children: {
+    label
+  }
+}) {
+  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", {
+    className: "store-modal__license-selection__container",
+    "data-disabled": disabled
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    className: "store-modal__license-selection__title"
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__license-selection__licenses"
+  }, collection?.licenses?.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
+    key: license.id,
+    license: license
+  }))));
+}

package/dist-cjs/components/StoreModalProductSummary/index.js

@@ -0,0 +1,219 @@
+"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);
+const countStyles = viewer => {
+  const {
+    precart
+  } = viewer;
+  if (!precart || !precart.skus) return 0;
+  return precart.skus.reduce((acc, sku) => {
+    if (!sku.product) return 0;
+    if ('totalStyles' in sku.product && sku.product.totalStyles) {
+      return acc + sku.product.totalStyles;
+    }
+    return acc + 1;
+  }, 0);
+};
+const countStylesPrice = viewer => {
+  const {
+    precart
+  } = viewer;
+  if (!precart || !precart.skus) return 0;
+  return precart.skus.reduce((acc, sku) => {
+    if (!sku || !sku.product) return acc;
+    if ('totalStylesPrice' in sku.product && sku.product.totalStylesPrice) {
+      return acc + sku.product.totalStylesPrice.amount;
+    }
+    return acc + sku.price.amount;
+  }, 0);
+};
+const StoreModalProductSummary = ({
+  viewer: viewerKey
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const selectedSkuIds = (0, _reactRedux.useSelector)(state => state.selectedSkuIds, _reactRedux.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)(() => ({
+    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)({
+    environment,
+    refetch,
+    query: _StoreModalProductSummaryRefetchQuery.default,
+    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, {
+      mutation: clearCartMutation,
+      variables: {
+        input: {
+          orderItems: []
+        }
+      },
+      onCompleted: () => {
+        setError(null);
+      },
+      updater: store => {
+        store.invalidateStore();
+      }
+    });
+  }, [environment]);
+  const handleAddToCart = (0, _react.useCallback)(() => {
+    setSubmitting(true);
+    const variables = {
+      input: {
+        skuIds: Object.keys(selectedSkuIds).filter(id => selectedSkuIds[id] === true),
+        licenseSelections: licenseOptions.reduce((res, {
+          licenseId,
+          licenseOptions
+        }) => {
+          const licenseVariableIds = Object.keys(licenseOptions);
+          if (licenseVariableIds.length > 0) {
+            return res.concat(licenseVariableIds.map(licenseVariableId => ({
+              licenseId,
+              licenseVariableId,
+              licenseOptionId: licenseOptions[licenseVariableId]
+            })));
+          }
+          return res.concat({
+            licenseId
+          });
+        }, []),
+        orderVariableSelections,
+        licenseeIsBillingIdentity
+      }
+    };
+    commitAddToCart({
+      variables,
+      onError: err => {
+        console.error('Failed:', err);
+        setError(err.message || 'An error occurred');
+        setSubmitting(false);
+      },
+      onCompleted: (_res, errors) => {
+        if (errors) {
+          console.error('Failed:', errors);
+          setError(errors[0]?.message || 'An error occurred');
+          setSubmitting(false);
+          return;
+        }
+        setError(null);
+        dispatch({
+          type: 'STORE_MODAL_NAVIGATE',
+          route: 'cart'
+        });
+      },
+      updater: store => {
+        store.invalidateStore();
+      }
+    });
+  }, [selectedSkuIds, licenseOptions, orderVariableSelections, licenseeIsBillingIdentity, dispatch, commitAddToCart, setError]);
+  if (!viewer.precart) return null;
+  const anySkusSelected = Object.keys(selectedSkuIds).filter(skuId => selectedSkuIds[skuId]).length > 0;
+  const stylesPrice = countStylesPrice(viewer);
+  let taxLabel = null;
+  const {
+    taxSystem,
+    stripeTaxSettings
+  } = viewer.settings ?? {};
+  if (taxSystem === 'stripe') {
+    // For Stripe Tax, use the explicit tax behavior setting
+    if (stripeTaxSettings?.taxBehavior === 'exclusive') {
+      taxLabel = ' excl. Tax';
+    }
+    // No label for 'inclusive' or 'inferred_by_currency'
+  } else {
+    // Legacy fontdue tax system - show label if any tax is not inclusive
+    if (viewer.taxCollections.some(({
+      inclusive
+    }) => !inclusive)) {
+      taxLabel = ' excl. Tax';
+    }
+  }
+  let message = null;
+  const requiredOrderVariablesNotYetSelected = viewer.orderVariables?.filter(variable => variable.variableType === 'select').find(variable => !orderVariableSelections.find(selection => selection.orderVariableId === variable.id));
+  const hasSelectionForLicenseeIsBillingIdentity = licenseeIsBillingIdentity !== null;
+  const validSelections = anySkusSelected && licenseOptions.length > 0 && !requiredOrderVariablesNotYetSelected && hasSelectionForLicenseeIsBillingIdentity;
+  const {
+    storeModal: config
+  } = (0, _react.useContext)(_ConfigContext.default);
+  const licensesPosition = config.productLicensesPosition;
+  if (validSelections) {
+    if (viewer.precart.subtotal) {
+      message = /*#__PURE__*/_react.default.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", {
+        className: "store-modal__product-summary__styles-price"
+      }, /*#__PURE__*/_react.default.createElement(_Price.Price, {
+        price: {
+          amount: stylesPrice,
+          currency: viewer.precart.subtotal.currency
+        }
+      })), ' '), /*#__PURE__*/_react.default.createElement(_Price.default, {
+        price: viewer.precart.subtotal
+      }), taxLabel);
+    } else {
+      message = /*#__PURE__*/_react.default.createElement("span", {
+        className: "store-modal__product-summary__nothing-selected"
+      }, "Calculating price...");
+    }
+  } else {
+    let validationMessage;
+    if (!anySkusSelected && licensesPosition === 'top') validationMessage = 'Please select some fonts';
+    if (licenseOptions.length === 0) validationMessage = 'Please select a license';
+    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", {
+      className: "store-modal__product-summary__nothing-selected"
+    }, validationMessage);
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__product-summary__container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__product-summary__row"
+  }, message, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    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", {
+    className: "store-modal__product-summary__error"
+  }, error, ' ', /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    onClick: clearCart,
+    className: "store-modal__product-summary__error-button"
+  }, "Empty cart and try again")));
+};
+var _default = StoreModalProductSummary;
+exports.default = _default;

package/dist-cjs/components/StripeLogo.js

@@ -0,0 +1,17 @@
+"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", {
+    width: "33",
+    height: "15"
+  }, /*#__PURE__*/_react.default.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-cjs/components/StripeProvider/index.js

@@ -0,0 +1,172 @@
+"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 }; }
+const StripeProvider = ({
+  viewer,
+  providerType,
+  children
+}) => {
+  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 stripeKey = data.stripePublishableKey;
+  // Use order's stripeAccountId if available (handles case where tenant changed accounts mid-checkout)
+  const stripeAccount = data.currentOrder?.stripeAccountId || data.stripeAccountId;
+  const stripePromiseRef = (0, _react.useRef)(stripeKey && stripeAccount ? (0, _stripeJs.loadStripe)(stripeKey, {
+    stripeAccount
+  }) : null);
+
+  // All hooks must be called before any conditional returns (React rules of hooks)
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const {
+    stripe: config
+  } = (0, _react.useContext)(_ConfigContext.default);
+  let customFontSource;
+  const woffSrc = data.settings?.uiFontStyle?.webfontSources?.find(source => source?.format === 'woff2')?.url;
+  let fontFamily = data.settings?.uiFontStyle ? `${data.settings.uiFontStyle.cssFamily} ${data.settings.uiFontStyle.name}` : undefined;
+  // stripe validates that the strings match this pattern and throws an error
+  // if they don't, and refuses to render the element. for example if a font
+  // family has a special character in the name (which is actually valid).
+  // so we just don't try to the fontFamily if it's not gonna be valid.
+  // this regex is copied from the stripe js
+  const stripeRegex = /^[#a-zA-Z0-9-_\s,"'().]*$/;
+  if (fontFamily && !stripeRegex.test(fontFamily)) fontFamily = undefined;
+  if (woffSrc && fontFamily) {
+    customFontSource = {
+      src: `url(${woffSrc})`,
+      family: fontFamily,
+      weight: '400'
+    };
+  }
+  const clientSecret = data.currentOrder?.stripePaymentIntent?.clientSecret ?? undefined;
+  const customProperties = (0, _utils.parseCustomProperties)(data.themeConfig?.customProperties);
+  const fetchClientSecret = (0, _react.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),
+        variables: {},
+        onCompleted: response => {
+          const clientSecret = response.createOrderCheckoutSession?.order?.stripeCheckoutSession?.clientSecret;
+          if (clientSecret) {
+            resolve(clientSecret);
+          } else {
+            reject("Didn't find client secret");
+          }
+        },
+        onError: error => {
+          reject(`Error creating checkout session: ${error.message}`);
+        }
+      });
+    });
+  }, [environment]);
+  const options = {
+    appearance: config.appearance ?? {
+      theme: 'flat',
+      variables: {
+        borderRadius: '0',
+        fontFamily,
+        fontWeightLight: '400',
+        fontWeightNormal: '400',
+        fontWeightMedium: '400',
+        fontWeightBold: '400',
+        colorBackground: customProperties['--secondary_background_color'],
+        colorText: customProperties['--primary_text_color'],
+        colorDanger: customProperties['--error_color'],
+        colorBackgroundText: customProperties['--primary_text_color'],
+        colorSuccessText: customProperties['--success_color'],
+        colorDangerText: customProperties['--error_color'],
+        colorTextPlaceholder: customProperties['--secondary_text_color'],
+        focusBoxShadow: `0 0 0 1px ${customProperties['--primary_text_color']}`,
+        fontSizeBase: '16px',
+        fontSmooth: 'auto',
+        gridRowSpacing: '30px',
+        spacingUnit: '3px',
+        accordionItemSpacing: '20px'
+      },
+      rules: {
+        '.Tab': {
+          border: `1px solid ${customProperties['--button_border_color']}`,
+          backgroundColor: customProperties['--button_background_color'],
+          color: customProperties['--button_text_color']
+        },
+        '.Tab:hover': {
+          border: `1px solid ${customProperties['--button_hover_border_color']}`,
+          backgroundColor: customProperties['--button_hover_background_color'],
+          color: customProperties['--button_hover_text_color']
+        },
+        '.Tab--selected,.Tab--selected:hover': {
+          border: `1px solid ${customProperties['--button_selected_border_color']}`,
+          backgroundColor: customProperties['--button_selected_background_color'],
+          color: customProperties['--button_selected_text_color']
+        },
+        '.TabIcon': {
+          fill: customProperties['--button_text_color']
+        },
+        '.TabIcon--selected': {
+          fill: customProperties['--button_selected_text_color']
+        },
+        '.TabIcon:hover,.TabIcon--selected:hover': {
+          fill: customProperties['--button_hover_text_color']
+        },
+        '.AccordionItem': {
+          border: `1px solid ${customProperties['--button_border_color']}`,
+          backgroundColor: customProperties['--button_background_color'],
+          color: customProperties['--button_text_color']
+        },
+        '.AccordionItem:hover': {
+          border: `1px solid ${customProperties['--button_hover_border_color']}`,
+          backgroundColor: customProperties['--button_hover_background_color'],
+          color: customProperties['--button_hover_text_color']
+        },
+        '.AccordionItem--selected': {
+          border: `1px solid ${customProperties['--button_selected_border_color']}`,
+          backgroundColor: customProperties['--button_selected_background_color'],
+          color: customProperties['--button_selected_text_color']
+        },
+        '.Label': {
+          color: customProperties['--secondary_text_color'],
+          fontSize: '1em'
+        },
+        '.Input': {
+          marginTop: '3px',
+          fontSize: '20px'
+        },
+        '.Input--invalid': {
+          boxShadow: 'none'
+        }
+      }
+    },
+    fonts: customFontSource ? [customFontSource] : undefined,
+    clientSecret,
+    syncAddressCheckbox: 'none'
+  };
+  if (providerType === 'checkout') {
+    return /*#__PURE__*/_react.default.createElement(_reactStripeJs.EmbeddedCheckoutProvider, {
+      stripe: stripePromiseRef.current,
+      options: {
+        fetchClientSecret
+      }
+    }, children);
+  }
+  if (providerType === 'elements') {
+    return /*#__PURE__*/_react.default.createElement(_reactStripeJs.Elements, {
+      stripe: stripePromiseRef.current,
+      options: options
+    }, children);
+  }
+  return null;
+};
+var _default = StripeProvider;
+exports.default = _default;

package/dist-cjs/components/Switch/index.js

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

package/dist-cjs/components/TestFontsForm/TestFontsFormElement.js

@@ -0,0 +1,15 @@
+"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, {
+  newsletterCheckboxChecked: props.newsletterCheckboxChecked === 'true' ? true : false
+}));
+var _default = TestFontsFormElement;
+exports.default = _default;