fontdue-js 2.18.3 → 2.19.0

package/dist/components/AddToCartBanner/index.js

@@ -21,10 +21,16 @@ const getOrderItemName = item => {
     var _product$family;
     return `${(_product$family = product.family) === null || _product$family === void 0 ? void 0 : _product$family.name} ${product.name}`;
   }
+  if (product.__typename === 'Bundle' || product.__typename === 'CollectionBundle') {
+    var _product$fontCollecti;
+    const familyName = (_product$fontCollecti = product.fontCollection) === null || _product$fontCollecti === void 0 ? void 0 : _product$fontCollecti.name;
+    if (familyName && !product.name.startsWith(familyName)) return `${familyName} ${product.name}`;
+    return product.name;
+  }
   if ('name' in product) return product.name;
   return null;
 };
-_AddToCartBanner_item2.default.hash && _AddToCartBanner_item2.default.hash !== "ebcfac33759865770c15e1efe0777e91" && console.error("The definition of 'AddToCartBanner_item' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBanner_item2.default;
+_AddToCartBanner_item2.default.hash && _AddToCartBanner_item2.default.hash !== "93905c08206c30255368dbb06f59ccec" && console.error("The definition of 'AddToCartBanner_item' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddToCartBanner_item2.default;
 function AddToCartBanner(_ref) {
   var _order$orderItems, _order$orderItems2;
   let {

package/dist/components/Cart/CartItem/CartItemProduct.js

@@ -13,16 +13,17 @@ var _reactRelay = require("react-relay");
 var _utils = require("../../../utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function CartItemProduct(_ref) {
-  var _product$family, _product$featureStyle, _product$featureStyle2, _product$variableInst;
+  var _product$family, _product$featureStyle, _product$featureStyle2, _product$name, _product$variableInst;
   let {
     product: productKey
   } = _ref;
-  const product = (0, _reactRelay.useFragment)((_CartItemProduct_product2.default.hash && _CartItemProduct_product2.default.hash !== "22f49bcb8a461d2d3eefc4f8ba1e575c" && console.error("The definition of 'CartItemProduct_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemProduct_product2.default), productKey);
+  const product = (0, _reactRelay.useFragment)((_CartItemProduct_product2.default.hash && _CartItemProduct_product2.default.hash !== "b28cd421e634ecb1162252d953233456" && console.error("The definition of 'CartItemProduct_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItemProduct_product2.default), productKey);
   let productCss;
   if ((product === null || product === void 0 ? void 0 : product.__typename) === 'FontStyle') productCss = (_product$family = product.family) === null || _product$family === void 0 ? void 0 : _product$family.cssUrl;
   if ((product === null || product === void 0 ? void 0 : product.__typename) === 'FontCollection') productCss = (_product$featureStyle = product.featureStyle) === null || _product$featureStyle === void 0 ? void 0 : (_product$featureStyle2 = _product$featureStyle.family) === null || _product$featureStyle2 === void 0 ? void 0 : _product$featureStyle2.cssUrl;
   let productName = (product === null || product === void 0 ? void 0 : product.name) ?? '??';
   if ((product === null || product === void 0 ? void 0 : product.__typename) === 'FontStyle' && product.family) productName = `${product.family.name} ${product.name}`;
+  if (((product === null || product === void 0 ? void 0 : product.__typename) === 'Bundle' || (product === null || product === void 0 ? void 0 : product.__typename) === 'CollectionBundle') && product.fontCollection && !((_product$name = product.name) !== null && _product$name !== void 0 && _product$name.startsWith(product.fontCollection.name))) productName = `${product.fontCollection.name} ${product.name}`;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "cart-item__aa"
   }, product ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {

package/dist/components/Cart/CartTotals.js

@@ -45,7 +45,7 @@ function CartTotals(_ref2) {
     billingIdentity,
     taxSystem
   } = _ref2;
-  const order = (0, _reactRelay.useFragment)((_CartTotals_order2.default.hash && _CartTotals_order2.default.hash !== "7fe25d7e214b579ce085157b9bd551a8" && console.error("The definition of 'CartTotals_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartTotals_order2.default), orderKey);
+  const order = (0, _reactRelay.useFragment)((_CartTotals_order2.default.hash && _CartTotals_order2.default.hash !== "aee2e882d4d0d063fd4eaf6cb43485db" && console.error("The definition of 'CartTotals_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartTotals_order2.default), orderKey);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cart__price-blocks",
     "data-has-discount": Boolean(order.discount)
@@ -73,20 +73,20 @@ function CartTotals(_ref2) {
     label: "Discounted subtotal",
     price: order.discountedSubtotal,
     "data-line": "discounted-subtotal"
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), taxSystem !== 'none' && /*#__PURE__*/_react.default.createElement("div", {
     className: "cart__price-block",
     "data-line": "taxes"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "cart__price-block__label"
-  }, order.taxes && order.taxName ? `${order.taxName} (${percentage(order.taxRate)})` : 'Tax'), /*#__PURE__*/_react.default.createElement("div", {
+  }, order.taxNotApplicable ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, order.taxName ?? 'VAT', " not applicable", order.taxNotApplicableReason && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("span", {
+    className: "cart__price-block__placeholder"
+  }, order.taxNotApplicableReason))) : order.taxes && order.taxName ? `${order.taxName} (${percentage(order.taxRate)})` : 'Tax'), /*#__PURE__*/_react.default.createElement("div", {
     className: "cart__price-block__price"
   }, order.taxes ? /*#__PURE__*/_react.default.createElement(_Price.default, {
     price: order.taxes
-  }) : taxSystem === 'stripe' ? /*#__PURE__*/_react.default.createElement("span", {
-    className: "cart__price-block__placeholder"
-  }, "Calculated at checkout") : taxSystem === 'fontdue' && !billingIdentity ? /*#__PURE__*/_react.default.createElement("span", {
+  }) : taxSystem === 'stripe' || taxSystem === 'fontdue' && !billingIdentity ? /*#__PURE__*/_react.default.createElement("span", {
     className: "cart__price-block__placeholder"
-  }, "Enter billing address") : '-')), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Calculated at checkout") : '-')), /*#__PURE__*/_react.default.createElement("div", {
     className: "cart__price-block",
     "data-line": "total"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/CharacterViewer/index.js

@@ -246,42 +246,50 @@ function CharacterViewerComponent(_ref3) {
     width: monitorWidth
   } = useSize();
   if (!fontStyle) return null;
-  const lines = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__monitor__line",
-    "data-name": "baseline"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "character-viewer__monitor__line__label"
-  }, "Baseline"), /*#__PURE__*/_react.default.createElement("span", {
-    className: "character-viewer__monitor__line__value"
-  }, "0")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__monitor__line",
-    "data-name": "descender"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "character-viewer__monitor__line__label"
-  }, "Descender"), /*#__PURE__*/_react.default.createElement("span", {
-    className: "character-viewer__monitor__line__value"
-  }, fontStyle.verticalMetrics.descender)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__monitor__line",
-    "data-name": "ascender"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "character-viewer__monitor__line__label"
-  }, "Ascender"), /*#__PURE__*/_react.default.createElement("span", {
-    className: "character-viewer__monitor__line__value"
-  }, fontStyle.verticalMetrics.ascender)), fontStyle.verticalMetrics.capHeight && /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__monitor__line",
-    "data-name": "cap-height"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "character-viewer__monitor__line__label"
-  }, "Cap height"), /*#__PURE__*/_react.default.createElement("span", {
-    className: "character-viewer__monitor__line__value"
-  }, fontStyle.verticalMetrics.capHeight)), fontStyle.verticalMetrics.xHeight && /*#__PURE__*/_react.default.createElement("div", {
-    className: "character-viewer__monitor__line",
-    "data-name": "x-height"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "character-viewer__monitor__line__label"
-  }, "x-Height"), /*#__PURE__*/_react.default.createElement("span", {
-    className: "character-viewer__monitor__line__value"
-  }, fontStyle.verticalMetrics.xHeight)));
+  const {
+    ascender,
+    descender,
+    capHeight,
+    xHeight,
+    lineGap,
+    unitsPerEm
+  } = fontStyle.verticalMetrics;
+  const halfGap = (lineGap ?? 0) / 2;
+  const pos = offset => ascender + halfGap - offset;
+
+  // Lines in priority order — lower-priority lines hidden when overlapping higher ones.
+  // Threshold: ~18px (label height) converted to font units via current scale.
+  const scale = monitorWidth ? monitorWidth / 2 / unitsPerEm : 0;
+  const threshold = scale > 0 ? 18 / scale : 0;
+  const lines = [{
+    name: 'baseline',
+    position: pos(0),
+    label: 'Baseline',
+    value: 0
+  }, capHeight != null && {
+    name: 'cap-height',
+    position: pos(capHeight),
+    label: 'Cap height',
+    value: capHeight
+  }, xHeight != null && {
+    name: 'x-height',
+    position: pos(xHeight),
+    label: 'x-Height',
+    value: xHeight
+  }, {
+    name: 'ascender',
+    position: pos(ascender),
+    label: 'Ascender',
+    value: ascender
+  }, {
+    name: 'descender',
+    position: pos(descender),
+    label: 'Descender',
+    value: descender
+  }].filter(line => Boolean(line)).reduce((visible, line) =>
+  // Skip this line if it's within the threshold of any already-accepted
+  // higher-priority line — otherwise accept it
+  threshold > 0 && visible.some(v => Math.abs(v.position - line.position) < threshold) ? visible : [...visible, line], []);
   const groups = (0, _react.useMemo)(() => {
     var _collection$glyphGrou;
     return (_collection$glyphGrou = collection.glyphGroups) === null || _collection$glyphGrou === void 0 ? void 0 : _collection$glyphGrou.map(_ref5 => {
@@ -336,7 +344,15 @@ function CharacterViewerComponent(_ref3) {
       fontFeatureSettings: visibleGlyph.features && featuresChecked ? `${visibleGlyph.features.map(feature => `'${feature}' 1`).join(', ')}` : `'calt' off, 'liga' off`
     },
     ref: monitorRef
-  }, /*#__PURE__*/_react.default.createElement("span", null, visibleGlyph.string)), lines), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, visibleGlyph.string)), lines.map(line => /*#__PURE__*/_react.default.createElement("div", {
+    className: "character-viewer__monitor__line",
+    "data-name": line.name,
+    key: line.name
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "character-viewer__monitor__line__label"
+  }, line.label), /*#__PURE__*/_react.default.createElement("span", {
+    className: "character-viewer__monitor__line__value"
+  }, line.value)))), /*#__PURE__*/_react.default.createElement("div", {
     className: "character-viewer__monitor__details"
   }, /*#__PURE__*/_react.default.createElement("span", null, "Font style"), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_StyleSelect.default, {
     collections: families,

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/CorsErrorModal.d.ts

@@ -0,0 +1 @@
+export declare function renderCorsErrorModal(origin: string, fontdueUrl: string): void;

package/dist/components/CorsErrorModal.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderCorsErrorModal = renderCorsErrorModal;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("react-dom/client");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const code = {
+  background: '#fef2f2',
+  padding: '2px 6px',
+  borderRadius: 3,
+  fontSize: 13
+};
+function CorsErrorModal(_ref) {
+  let {
+    origin,
+    fontdueUrl
+  } = _ref;
+  let settingsOrigin = fontdueUrl;
+  try {
+    settingsOrigin = new URL(fontdueUrl).origin;
+  } catch {
+    // keep as-is
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      position: 'fixed',
+      inset: 0,
+      zIndex: 99999,
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      background: 'rgba(0,0,0,0.4)',
+      fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+      fontSize: 14,
+      lineHeight: 1.6
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      background: 'white',
+      color: '#1f2937',
+      borderRadius: 12,
+      border: '2px solid #fca5a5',
+      padding: '28px 32px',
+      maxWidth: 520,
+      width: '90%',
+      boxShadow: '0 8px 30px rgba(0,0,0,0.12)',
+      textAlign: 'left'
+    }
+  }, /*#__PURE__*/_react.default.createElement("strong", {
+    style: {
+      fontSize: 16,
+      color: '#dc2626'
+    }
+  }, "Cross-origin request blocked"), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      margin: '12px 0 0'
+    }
+  }, "Your website (", /*#__PURE__*/_react.default.createElement("code", {
+    style: code
+  }, origin), ") is not allowed to connect to your Fontdue store."), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      margin: '12px 0 0'
+    }
+  }, "To fix this, go to", ' ', /*#__PURE__*/_react.default.createElement("a", {
+    href: `${settingsOrigin}/admin/settings/security`,
+    target: "_blank",
+    rel: "noreferrer",
+    style: {
+      color: '#dc2626',
+      fontWeight: 500
+    }
+  }, "Settings \u2192 Security"), ' ', "in your Fontdue dashboard, and add ", /*#__PURE__*/_react.default.createElement("code", {
+    style: code
+  }, origin), " to the", ' ', /*#__PURE__*/_react.default.createElement("strong", null, "Cross-origin API access"), " field."), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      margin: '16px 0 0',
+      color: '#6b7280',
+      fontSize: 13
+    }
+  }, "This page will reload automatically once the origin is added.")));
+}
+function mount(origin, fontdueUrl) {
+  const container = document.createElement('div');
+  document.body.appendChild(container);
+  (0, _client.createRoot)(container).render( /*#__PURE__*/_react.default.createElement(CorsErrorModal, {
+    origin: origin,
+    fontdueUrl: fontdueUrl
+  }));
+}
+function renderCorsErrorModal(origin, fontdueUrl) {
+  if (document.body) {
+    mount(origin, fontdueUrl);
+  } else {
+    document.addEventListener('DOMContentLoaded', () => mount(origin, fontdueUrl));
+  }
+}

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/OrderVariableSelection/OrderVariableSelectionRedux.js

@@ -22,11 +22,12 @@ function OrderVariableSelectionRedux(_ref) {
   } = _ref;
   const environment = (0, _reactRelay.useRelayEnvironment)();
   const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_OrderVariableSelectionRedux_viewer2.default.hash && _OrderVariableSelectionRedux_viewer2.default.hash !== "eaa5e1fdf47cb582dd3c7bdea0a5e6b2" && console.error("The definition of 'OrderVariableSelectionRedux_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelectionRedux_viewer2.default), viewerKey);
+  const refetchVariables = (0, _react.useMemo)(() => ({}), []);
   (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
     environment,
     refetch,
     query: _OrderVariableSelectionReduxRefetchQuery.default,
-    variables: {}
+    variables: refetchVariables
   });
   const dispatch = (0, _reactRedux.useDispatch)();
   const selections = (0, _reactRedux.useSelector)(state => state.orderVariableSelections);

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/StoreModal/StoreModalFamily.js

@@ -37,7 +37,7 @@ function StoreModalFamily(_ref) {
     onSelect,
     title
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_StoreModalFamily_collection2.default.hash && _StoreModalFamily_collection2.default.hash !== "51b251c104458b299f057eaacf85ae52" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection2.default), collectionKey);
+  const collection = (0, _reactRelay.useFragment)((_StoreModalFamily_collection2.default.hash && _StoreModalFamily_collection2.default.hash !== "9c85d32d917e909af575bdda90949c0b" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection2.default), collectionKey);
   const fontStyles = (0, _react.useMemo)(() => stylesGrouped(collection), [collection]);
   if ((fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles.length) === 0 && collection.collectionType === 'superfamily' && !collection.sku) return null;
   return /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, null, {
@@ -49,7 +49,7 @@ function StoreModalFamily(_ref) {
       collection: collection,
       onSelectSku: onSelect
     }),
-    bundles: collection === null || collection === void 0 ? void 0 : (_collection$bundles = collection.bundles) === null || _collection$bundles === void 0 ? void 0 : _collection$bundles.map(bundle => /*#__PURE__*/_react.default.createElement(_StoreModalBundleButton.default, {
+    bundles: collection === null || collection === void 0 ? void 0 : (_collection$bundles = collection.bundles) === null || _collection$bundles === void 0 ? void 0 : _collection$bundles.filter(bundle => !bundle.hidden).map(bundle => /*#__PURE__*/_react.default.createElement(_StoreModalBundleButton.default, {
       key: bundle.id,
       bundle: bundle,
       onSelectSku: onSelect

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;