fontdue-js 2.18.3 → 2.18.4

package/dist/__generated__/StripeProvider_viewer.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<4238c12cf3971ac1ea702387409f7e02>>
+ * @generated SignedSource<<d02753657fe659c784b166d1c4a2b27a>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -14,123 +14,126 @@ exports.default = void 0;
 /* eslint-disable */
 // @ts-nocheck
 
-const node = {
-  "argumentDefinitions": [],
-  "kind": "Fragment",
-  "metadata": null,
-  "name": "StripeProvider_viewer",
-  "selections": [{
+const node = function () {
+  var v0 = {
     "alias": null,
     "args": null,
-    "concreteType": "Settings",
-    "kind": "LinkedField",
-    "name": "settings",
-    "plural": false,
+    "kind": "ScalarField",
+    "name": "stripeAccountId",
+    "storageKey": null
+  };
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StripeProvider_viewer",
     "selections": [{
       "alias": null,
       "args": null,
-      "kind": "ScalarField",
-      "name": "taxSystem",
-      "storageKey": null
-    }, {
-      "alias": null,
-      "args": null,
-      "concreteType": "FontStyle",
+      "concreteType": "Settings",
       "kind": "LinkedField",
-      "name": "uiFontStyle",
+      "name": "settings",
       "plural": false,
       "selections": [{
         "alias": null,
         "args": null,
         "kind": "ScalarField",
-        "name": "name",
+        "name": "taxSystem",
         "storageKey": null
       }, {
         "alias": null,
         "args": null,
-        "kind": "ScalarField",
-        "name": "cssFamily",
-        "storageKey": null
-      }, {
-        "alias": null,
-        "args": null,
-        "concreteType": "WebfontSource",
+        "concreteType": "FontStyle",
         "kind": "LinkedField",
-        "name": "webfontSources",
-        "plural": true,
+        "name": "uiFontStyle",
+        "plural": false,
         "selections": [{
           "alias": null,
           "args": null,
           "kind": "ScalarField",
-          "name": "format",
+          "name": "name",
           "storageKey": null
         }, {
           "alias": null,
           "args": null,
           "kind": "ScalarField",
-          "name": "url",
+          "name": "cssFamily",
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "concreteType": "WebfontSource",
+          "kind": "LinkedField",
+          "name": "webfontSources",
+          "plural": true,
+          "selections": [{
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "format",
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "url",
+            "storageKey": null
+          }],
           "storageKey": null
         }],
         "storageKey": null
       }],
       "storageKey": null
-    }],
-    "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "concreteType": "ThemeConfig",
-    "kind": "LinkedField",
-    "name": "themeConfig",
-    "plural": false,
-    "selections": [{
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "ThemeConfig",
+      "kind": "LinkedField",
+      "name": "themeConfig",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "customProperties",
+        "storageKey": null
+      }],
+      "storageKey": null
+    }, v0 /*: any*/, {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "customProperties",
+      "name": "stripePublishableKey",
       "storageKey": null
-    }],
-    "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "kind": "ScalarField",
-    "name": "stripeAccountId",
-    "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "kind": "ScalarField",
-    "name": "stripePublishableKey",
-    "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "concreteType": "Order",
-    "kind": "LinkedField",
-    "name": "currentOrder",
-    "plural": false,
-    "selections": [{
+    }, {
       "alias": null,
       "args": null,
-      "concreteType": "StripePaymentIntent",
+      "concreteType": "Order",
       "kind": "LinkedField",
-      "name": "stripePaymentIntent",
+      "name": "currentOrder",
       "plural": false,
-      "selections": [{
+      "selections": [v0 /*: any*/, {
         "alias": null,
         "args": null,
-        "kind": "ScalarField",
-        "name": "clientSecret",
+        "concreteType": "StripePaymentIntent",
+        "kind": "LinkedField",
+        "name": "stripePaymentIntent",
+        "plural": false,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "clientSecret",
+          "storageKey": null
+        }],
         "storageKey": null
       }],
       "storageKey": null
     }],
-    "storageKey": null
-  }],
-  "type": "Viewer",
-  "abstractKey": null
-};
-node.hash = "dd5fd4cdd75d727050b8d1d6f4269fa8";
+    "type": "Viewer",
+    "abstractKey": null
+  };
+}();
+node.hash = "96a569166948f6d2956bdf12dbd2820f";
 var _default = node;
 exports.default = _default;

package/dist/components/ConfigContext.d.ts

@@ -69,6 +69,11 @@ export declare const makeConfig: (config?: Config) => {
             min: number;
             max: number;
         } | undefined;
+        columns: false | {
+            count: number | "auto";
+            width: string;
+            gap: string;
+        };
     };
     form: {
         checkboxStyle: "check" | "cross";
@@ -131,6 +136,11 @@ declare const _default: React.Context<{
             min: number;
             max: number;
         } | undefined;
+        columns: false | {
+            count: number | "auto";
+            width: string;
+            gap: string;
+        };
     };
     form: {
         checkboxStyle: "check" | "cross";

package/dist/components/ConfigContext.js

@@ -7,7 +7,7 @@ exports.makeConfig = exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const makeTypeTesterConfig = config => {
-  var _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$openTypeFeatu4, _config$size, _config$size2, _config$size3, _config$lineHeight, _config$lineHeight2, _config$lineHeight3, _config$letterSpacing, _config$letterSpacing2, _config$letterSpacing3;
+  var _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$openTypeFeatu4, _config$size, _config$size2, _config$size3, _config$lineHeight, _config$lineHeight2, _config$lineHeight3, _config$letterSpacing, _config$letterSpacing2, _config$letterSpacing3, _config$columns, _config$columns2, _config$columns3;
   let shy = (config === null || config === void 0 ? void 0 : config.shy) ?? false;
   if (shy === true) shy = 'hover';
   let toolsPosition = (config === null || config === void 0 ? void 0 : config.toolsPosition) ?? 'inline';
@@ -50,7 +50,12 @@ const makeTypeTesterConfig = config => {
       label: (config === null || config === void 0 ? void 0 : (_config$letterSpacing = config.letterSpacing) === null || _config$letterSpacing === void 0 ? void 0 : _config$letterSpacing.label) ?? 'Letter spacing',
       min: (config === null || config === void 0 ? void 0 : (_config$letterSpacing2 = config.letterSpacing) === null || _config$letterSpacing2 === void 0 ? void 0 : _config$letterSpacing2.min) ?? -0.05,
       max: (config === null || config === void 0 ? void 0 : (_config$letterSpacing3 = config.letterSpacing) === null || _config$letterSpacing3 === void 0 ? void 0 : _config$letterSpacing3.max) ?? 0.2
-    } : undefined
+    } : undefined,
+    columns: (config === null || config === void 0 ? void 0 : config.columns) === false ? false : {
+      count: (config === null || config === void 0 ? void 0 : (_config$columns = config.columns) === null || _config$columns === void 0 ? void 0 : _config$columns.count) ?? 'auto',
+      width: (config === null || config === void 0 ? void 0 : (_config$columns2 = config.columns) === null || _config$columns2 === void 0 ? void 0 : _config$columns2.width) ?? '40ch',
+      gap: (config === null || config === void 0 ? void 0 : (_config$columns3 = config.columns) === null || _config$columns3 === void 0 ? void 0 : _config$columns3.gap) ?? '1em'
+    }
   };
 };
 const makeConfig = config => {

package/dist/components/CustomerLoginForm/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _CustomerLoginFormQuery2 = _interopRequireDefault(require("../../__generated__/CustomerLoginFormQuery.graphql"));
 var _CustomerLoginFormLoginMutation2 = _interopRequireDefault(require("../../__generated__/CustomerLoginFormLoginMutation.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
@@ -13,10 +14,10 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 loginMutation = (_CustomerLoginFormLoginMutation2.default.hash && _CustomerLoginFormLoginMutation2.default.hash !== "975b639fac1e0d88e0f0c9c55acd8b9c" && console.error("The definition of 'CustomerLoginFormLoginMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormLoginMutation2.default);
-const CustomerLoginFormSubmitted = () => /*#__PURE__*/_react.default.createElement("div", {
-  className: "login-form__submitted"
-}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "Submitted!"), /*#__PURE__*/_react.default.createElement("p", null, "Please check your email inbox for a link to log in."), /*#__PURE__*/_react.default.createElement("p", null, "If you don't receive an email, please contact us to retrieve your order information.")));
+const query = (_CustomerLoginFormQuery2.default.hash && _CustomerLoginFormQuery2.default.hash !== "f32c7b0b485a2b2a02ddf2cbc5b87a3c" && console.error("The definition of 'CustomerLoginFormQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormQuery2.default);
+const DEFAULT_SUBMITTED_LABEL = '<p>Submitted!</p><p>Please check your email inbox for a link to log in.</p><p>If you don\u2019t receive an email, please contact us to retrieve your order information.</p>';
 const CustomerLoginForm = _ref => {
+  var _data$viewer, _data$viewer$settings;
   let {
     submitLabel = 'Submit'
   } = _ref;
@@ -25,6 +26,8 @@ const CustomerLoginForm = _ref => {
   const [submitting, setSubmitting] = (0, _react.useState)(false);
   const [submitted, setSubmitted] = (0, _react.useState)(false);
   const environment = (0, _reactRelay.useRelayEnvironment)();
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  const submittedLabel = ((_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$settings = _data$viewer.settings) === null || _data$viewer$settings === void 0 ? void 0 : _data$viewer$settings.customerLoginSubmittedLabel) || DEFAULT_SUBMITTED_LABEL;
   const handleSubmit = e => {
     e.preventDefault();
     setSubmitting(true);
@@ -59,7 +62,12 @@ const CustomerLoginForm = _ref => {
     className: "login-form"
   }, error && /*#__PURE__*/_react.default.createElement("div", {
     className: "login-form__errors"
-  }, error), submitted ? /*#__PURE__*/_react.default.createElement(CustomerLoginFormSubmitted, null) : /*#__PURE__*/_react.default.createElement("form", {
+  }, error), submitted ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "login-form__submitted",
+    dangerouslySetInnerHTML: {
+      __html: submittedLabel
+    }
+  }) : /*#__PURE__*/_react.default.createElement("form", {
     className: "login-form__form",
     onSubmit: handleSubmit
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Precart/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _PrecartQuery2 = _interopRequireDefault(require("../../__generated__/PrecartQuery.graphql"));
 var _PrecartAddToCartMutation2 = _interopRequireDefault(require("../../__generated__/PrecartAddToCartMutation.graphql"));
+var _PrecartClearCartMutation2 = _interopRequireDefault(require("../../__generated__/PrecartClearCartMutation.graphql"));
 var _Precart_collection2 = _interopRequireDefault(require("../../__generated__/Precart_collection.graphql"));
 var _Precart_viewer2 = _interopRequireDefault(require("../../__generated__/Precart_viewer.graphql"));
 var _Precart_license2 = _interopRequireDefault(require("../../__generated__/Precart_license.graphql"));
@@ -103,6 +104,21 @@ function Precart(_ref3) {
     type: 'UNSELECT_SKUS'
   });
   const [isConfirming, setIsConfirming] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
+  const clearCart = (0, _react.useCallback)(() => {
+    const mutation = (_PrecartClearCartMutation2.default.hash && _PrecartClearCartMutation2.default.hash !== "af8f953028924bdc7866e645c2d0a903" && console.error("The definition of 'PrecartClearCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartClearCartMutation2.default);
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation,
+      variables: {
+        input: {
+          orderItems: []
+        }
+      },
+      onCompleted: () => {
+        setError(null);
+      }
+    });
+  }, [environment]);
   const onSelectLicense = (id, checked) => {
     var _collection$licenses;
     const license = collection === null || collection === void 0 ? void 0 : (_collection$licenses = collection.licenses) === null || _collection$licenses === void 0 ? void 0 : _collection$licenses.find(node => node.id === id);
@@ -152,13 +168,17 @@ function Precart(_ref3) {
     (0, _reactRelay.commitMutation)(environment, {
       mutation,
       variables,
-      onError: error => {
-        console.error('Failed:', error);
+      onError: err => {
+        console.error('Failed:', err);
+        setError(err.message || 'An error occurred');
       },
       onCompleted: (res, errors) => {
         if (errors) {
-          console.log('ERRORS', errors);
+          var _errors$;
+          console.error('Failed:', errors);
+          setError(((_errors$ = errors[0]) === null || _errors$ === void 0 ? void 0 : _errors$.message) || 'An error occurred');
         } else {
+          setError(null);
           onUnselectSkuIds();
         }
       }
@@ -291,7 +311,13 @@ function Precart(_ref3) {
     className: "pre-cart__section pre-cart__selection-empty"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "pre-cart__selection-empty__arrow"
-  }, '\u25c0 '), "Start selecting fonts to add to your cart")), renderPreCartBottom(subtotal), renderConfirmingModal(subtotal)));
+  }, '\u25c0 '), "Start selecting fonts to add to your cart")), renderPreCartBottom(subtotal), error && /*#__PURE__*/_react.default.createElement("div", {
+    className: "pre-cart__error"
+  }, error, ' ', /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    onClick: clearCart,
+    className: "pre-cart__error-button"
+  }, "Empty cart and try again")), renderConfirmingModal(subtotal)));
 }
 function PrecartQueryRenderer(_ref6) {
   let {

package/dist/components/StoreModalProductSummary/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 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");
@@ -20,6 +21,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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
@@ -71,7 +73,24 @@ const StoreModalProductSummary = _ref => {
     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 = {
@@ -100,16 +119,20 @@ const StoreModalProductSummary = _ref => {
     };
     commitAddToCart({
       variables,
-      onError: error => {
-        console.error('Failed:', error);
+      onError: err => {
+        console.error('Failed:', err);
+        setError(err.message || 'An error occurred');
         setSubmitting(false);
       },
       onCompleted: (_res, errors) => {
         if (errors) {
+          var _errors$;
           console.error('Failed:', errors);
+          setError(((_errors$ = errors[0]) === null || _errors$ === void 0 ? void 0 : _errors$.message) || 'An error occurred');
           setSubmitting(false);
           return;
         }
+        setError(null);
         dispatch({
           type: 'STORE_MODAL_NAVIGATE',
           route: 'cart'
@@ -119,7 +142,7 @@ const StoreModalProductSummary = _ref => {
         store.invalidateStore();
       }
     });
-  }, [selectedSkuIds, licenseOptions, orderVariableSelections, licenseeIsBillingIdentity, dispatch, commitAddToCart]);
+  }, [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);
@@ -185,11 +208,19 @@ const StoreModalProductSummary = _ref => {
   }
   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'));
+  }, 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/components/StripeProvider/index.js

@@ -16,15 +16,16 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 = _ref => {
-  var _data$settings, _data$settings$uiFont, _data$settings$uiFont2, _data$settings$uiFont3, _data$settings2, _data$currentOrder, _data$currentOrder$st, _data$themeConfig;
+  var _data$currentOrder, _data$settings, _data$settings$uiFont, _data$settings$uiFont2, _data$settings$uiFont3, _data$settings2, _data$currentOrder2, _data$currentOrder2$s, _data$themeConfig;
   let {
     viewer,
     providerType,
     children
   } = _ref;
-  const data = (0, _reactRelay.useFragment)((_StripeProvider_viewer2.default.hash && _StripeProvider_viewer2.default.hash !== "dd5fd4cdd75d727050b8d1d6f4269fa8" && 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 = (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;
-  const stripeAccount = data.stripeAccountId;
+  // 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, {
     stripeAccount
   }) : null);
@@ -51,7 +52,7 @@ const StripeProvider = _ref => {
       weight: '400'
     };
   }
-  const clientSecret = ((_data$currentOrder = data.currentOrder) === null || _data$currentOrder === void 0 ? void 0 : (_data$currentOrder$st = _data$currentOrder.stripePaymentIntent) === null || _data$currentOrder$st === void 0 ? void 0 : _data$currentOrder$st.clientSecret) ?? undefined;
+  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)(() => {
     return new Promise((resolve, reject) => {

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

@@ -50,6 +50,11 @@ export interface TypeTesterConfig {
         min?: number;
         max?: number;
     };
+    columns?: false | {
+        count?: 'auto' | number;
+        width?: string;
+        gap?: string;
+    };
 }
 export interface TypeTesterBaseProps {
     id: string;

package/dist/components/TypeTester/index.js

@@ -159,7 +159,8 @@ const TypeTester = _ref => {
         direction: props.direction,
         min: config.size.min,
         max: config.size.max,
-        autofitOnChange: config.autofitOnChange
+        autofitOnChange: config.autofitOnChange,
+        columns: config.columns
       }));
     }
     return /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/TypeTester/useTypeTesterStyler.d.ts

@@ -1,6 +1,11 @@
 import { EditorState } from 'draft-js';
 import { Alignment } from './types';
 import { VariableSettings } from '../../utils';
+export type ColumnsConfig = false | {
+    count: 'auto' | number;
+    width: string;
+    gap: string;
+};
 export interface UseTypeTesterStylerProps {
     autofit: boolean;
     autofitOnChange: boolean;
@@ -20,8 +25,9 @@ export interface UseTypeTesterStylerProps {
     contentEdited: boolean;
     alignment: Alignment;
     variableSettings: VariableSettings | null;
+    columns: ColumnsConfig;
 }
-declare const useTypeTesterStyler: ({ size, autofit, autofitOnChange, features, setSize, min, max, truncate, focused, lineHeight, letterSpacing, fontStyles, content, contentEdited, alignment, variableSettings, }: UseTypeTesterStylerProps) => {
+declare const useTypeTesterStyler: ({ size, autofit, autofitOnChange, features, setSize, min, max, truncate, focused, lineHeight, letterSpacing, fontStyles, content, contentEdited, alignment, variableSettings, columns, }: UseTypeTesterStylerProps) => {
     ref: import("react").RefObject<HTMLDivElement | null>;
     style: import("react").CSSProperties;
 };

package/dist/components/TypeTester/useTypeTesterStyler.js

@@ -42,7 +42,8 @@ const useTypeTesterStyler = _ref => {
     content,
     contentEdited,
     alignment,
-    variableSettings
+    variableSettings,
+    columns
   } = _ref;
   const ref = (0, _react.useRef)(null);
   const fontVariationSettings = variableSettings ? Object.keys(variableSettings).map(axis => `'${axis}' ${variableSettings[axis]}`).join(',') : undefined;
@@ -125,7 +126,12 @@ const useTypeTesterStyler = _ref => {
     marginLeft: alignment === 'right' ? -sideBuffer : 0,
     letterSpacing: `${letterSpacing}em`,
     fontVariationSettings,
-    textAlign: alignment
+    textAlign: alignment,
+    ...(columns && {
+      columnCount: columns.count,
+      columnWidth: columns.width,
+      columnGap: columns.gap
+    })
   };
   return {
     ref,