fontdue-js 2.17.0 → 2.17.2

package/dist/__generated__/TypeTesterStyleSelect_family.graphql.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @generated SignedSource<<c403f125303de728d43378d9b51b1371>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type TypeTesterStyleSelect_family$data = {
+    readonly fontStyles: ReadonlyArray<{
+        readonly cssStretch: string | null;
+        readonly cssStyle: string | null;
+        readonly cssWeight: string | null;
+        readonly id: string;
+        readonly name: string;
+        readonly variableInstances: ReadonlyArray<{
+            readonly coordinates: ReadonlyArray<{
+                readonly axis: string;
+                readonly value: number;
+            }>;
+            readonly name: string;
+        }> | null;
+    }>;
+    readonly id: string;
+    readonly isVariableFont: boolean;
+    readonly name: string;
+    readonly " $fragmentType": "TypeTesterStyleSelect_family";
+};
+export type TypeTesterStyleSelect_family$key = {
+    readonly " $data"?: TypeTesterStyleSelect_family$data;
+    readonly " $fragmentSpreads": FragmentRefs<"TypeTesterStyleSelect_family">;
+};
+declare const node: ReaderFragment;
+export default node;

package/dist/__generated__/TypeTesterStyleSelect_fontStyle.graphql.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @generated SignedSource<<4ffbad962f1f9a595fef130ea7ed55f6>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type TypeTesterStyleSelect_fontStyle$data = {
+    readonly cssStretch: string | null;
+    readonly cssStyle: string | null;
+    readonly cssWeight: string | null;
+    readonly id: string;
+    readonly variableInstances: ReadonlyArray<{
+        readonly coordinates: ReadonlyArray<{
+            readonly axis: string;
+            readonly value: number;
+        }>;
+        readonly name: string;
+    }> | null;
+    readonly " $fragmentType": "TypeTesterStyleSelect_fontStyle";
+};
+export type TypeTesterStyleSelect_fontStyle$key = {
+    readonly " $data"?: TypeTesterStyleSelect_fontStyle$data;
+    readonly " $fragmentSpreads": FragmentRefs<"TypeTesterStyleSelect_fontStyle">;
+};
+declare const node: ReaderFragment;
+export default node;

package/dist/components/Cart/CartState.js

@@ -10,7 +10,7 @@ var _CartStateUpdateMutation2 = _interopRequireDefault(require("../../__generate
 var _react = require("react");
 var _reactRelay = require("react-relay");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const orderChangeMutation = (_CartStateUpdateMutation2.default.hash && _CartStateUpdateMutation2.default.hash !== "eaef5edfd81a204aa6b0c9bd579509ec" && console.error("The definition of 'CartStateUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateUpdateMutation2.default);
+const orderChangeMutation = (_CartStateUpdateMutation2.default.hash && _CartStateUpdateMutation2.default.hash !== "07a639cd3bfbfa0d797f6b8380603859" && console.error("The definition of 'CartStateUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateUpdateMutation2.default);
 const removeDiscountMutation = (_CartStateRemoveDiscountMutation2.default.hash && _CartStateRemoveDiscountMutation2.default.hash !== "bdcfcd6638660e83a61555dcd1786886" && console.error("The definition of 'CartStateRemoveDiscountMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateRemoveDiscountMutation2.default);
 function CartState(_ref) {
   let {

package/dist/components/Cart/CustomerFields.d.ts

@@ -5,6 +5,11 @@ interface CustomerFields_props {
     value: Customer;
     onChange: (value: Partial<Customer>) => void;
     optInLabel: string | null | undefined;
+    errors?: {
+        name?: ReadonlyArray<string | null> | null;
+        email?: ReadonlyArray<string | null> | null;
+        newsletterOptIn?: ReadonlyArray<string | null> | null;
+    } | null;
 }
 declare const CustomerFields: React.FC<CustomerFields_props>;
 export default CustomerFields;

package/dist/components/Cart/CustomerFields.js

@@ -13,16 +13,22 @@ var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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; }
+const notEmpty = value => value != null;
 const CustomerFields = _ref => {
   let {
     title,
     value,
     onChange,
-    optInLabel
+    optInLabel,
+    errors
   } = _ref;
   const {
     form: config
   } = (0, _react.useContext)(_ConfigContext.default);
+  const getErrors = field => {
+    var _errors$field;
+    return errors === null || errors === void 0 ? void 0 : (_errors$field = errors[field]) === null || _errors$field === void 0 ? void 0 : _errors$field.filter(notEmpty);
+  };
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title ? /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__section"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -38,7 +44,8 @@ const CustomerFields = _ref => {
     value: value.name || '',
     onChange: v => onChange({
       name: v
-    })
+    }),
+    errors: getErrors('name')
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__section"
   }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
@@ -49,7 +56,8 @@ const CustomerFields = _ref => {
     value: value.email || '',
     onChange: v => onChange({
       email: v
-    })
+    }),
+    errors: getErrors('email')
   })), optInLabel && /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__section"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/ConfigContext.d.ts

@@ -8,11 +8,20 @@ interface FormConfig {
 interface StripeConfig {
     appearance?: Appearance;
 }
+interface SegmentConfig {
+    writeKey?: string;
+    integrations?: Record<string, boolean>;
+}
+interface TrackingConfig {
+    enabled?: boolean;
+    segment?: SegmentConfig;
+}
 export interface Config {
     form?: FormConfig;
     storeModal?: StoreModalConfig;
     typeTester?: TypeTesterConfig;
     stripe?: StripeConfig;
+    tracking?: TrackingConfig;
 }
 export declare const makeConfig: (config?: Config) => {
     typeTester: {
@@ -34,10 +43,10 @@ export declare const makeConfig: (config?: Config) => {
             buttonLabel: string;
             interactionStyle: "select" | "panel";
             columns: {
-                features: (string | {
+                features: ({
                     code: string;
                     name: string;
-                })[];
+                } | string)[];
                 range: number;
             }[] | undefined;
             selectionStyle: "checkbox" | "bullet";
@@ -72,6 +81,9 @@ export declare const makeConfig: (config?: Config) => {
     stripe: {
         appearance: Appearance | null;
     };
+    tracking: {
+        enabled: boolean;
+    };
 };
 declare const _default: React.Context<{
     typeTester: {
@@ -93,10 +105,10 @@ declare const _default: React.Context<{
             buttonLabel: string;
             interactionStyle: "select" | "panel";
             columns: {
-                features: (string | {
+                features: ({
                     code: string;
                     name: string;
-                })[];
+                } | string)[];
                 range: number;
             }[] | undefined;
             selectionStyle: "checkbox" | "bullet";
@@ -131,5 +143,8 @@ declare const _default: React.Context<{
     stripe: {
         appearance: Appearance | null;
     };
+    tracking: {
+        enabled: boolean;
+    };
 }>;
 export default _default;

package/dist/components/ConfigContext.js

@@ -54,7 +54,7 @@ const makeTypeTesterConfig = config => {
   };
 };
 const makeConfig = config => {
-  var _config$form, _config$storeModal, _config$storeModal2, _config$storeModal3, _config$stripe;
+  var _config$form, _config$storeModal, _config$storeModal2, _config$storeModal3, _config$stripe, _config$tracking;
   return {
     typeTester: makeTypeTesterConfig(config === null || config === void 0 ? void 0 : config.typeTester),
     form: {
@@ -67,6 +67,9 @@ const makeConfig = config => {
     },
     stripe: {
       appearance: (config === null || config === void 0 ? void 0 : (_config$stripe = config.stripe) === null || _config$stripe === void 0 ? void 0 : _config$stripe.appearance) ?? null
+    },
+    tracking: {
+      enabled: (config === null || config === void 0 ? void 0 : (_config$tracking = config.tracking) === null || _config$tracking === void 0 ? void 0 : _config$tracking.enabled) ?? false // Explicit opt-in required
     }
   };
 };

package/dist/components/OrderVariableSelection/OrderVariableSelectionRedux.js

@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
 var _index = _interopRequireDefault(require("./index"));
+var _OrderVariableSelectionReduxRefetchQuery = _interopRequireDefault(require("../../__generated__/OrderVariableSelectionReduxRefetchQuery.graphql"));
+var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChanges");
 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 }; }
@@ -18,7 +20,14 @@ function OrderVariableSelectionRedux(_ref) {
     disabled,
     children
   } = _ref;
-  const viewer = (0, _reactRelay.useFragment)((_OrderVariableSelectionRedux_viewer2.default.hash && _OrderVariableSelectionRedux_viewer2.default.hash !== "2856c16fbbcd6be41aaf1bd8a0f79409" && 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 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);
+  (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
+    environment,
+    refetch,
+    query: _OrderVariableSelectionReduxRefetchQuery.default,
+    variables: {}
+  });
   const dispatch = (0, _reactRedux.useDispatch)();
   const selections = (0, _reactRedux.useSelector)(state => state.orderVariableSelections);
   const handleSelectionChange = (0, _react.useCallback)(newSelections => {

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

@@ -26,9 +26,10 @@ interface OrderVariableSelectionProps {
     disabled: boolean;
     ghostVariables?: GhostVariable[];
     onRemoveGhostVariable?: (orderVariableId: string) => void;
+    descriptionOverrides?: Record<string, string | null>;
     children: {
         label: React.ReactNode;
     };
 }
-export default function OrderVariableSelection({ variables: variablesKey, selections, onSelectionChange, disabled, ghostVariables, onRemoveGhostVariable, children: { label }, }: OrderVariableSelectionProps): React.JSX.Element | null;
+export default function OrderVariableSelection({ variables: variablesKey, selections, onSelectionChange, disabled, ghostVariables, onRemoveGhostVariable, descriptionOverrides, children: { label }, }: OrderVariableSelectionProps): React.JSX.Element | null;
 export {};

package/dist/components/OrderVariableSelection/index.js

@@ -118,11 +118,12 @@ function OrderVariableSelection(_ref3) {
     disabled,
     ghostVariables = [],
     onRemoveGhostVariable,
+    descriptionOverrides,
     children: {
       label
     }
   } = _ref3;
-  const variables = (0, _reactRelay.useFragment)((_OrderVariableSelection_variables2.default.hash && _OrderVariableSelection_variables2.default.hash !== "0bf7cc073cfd6f730927e57ddce09413" && console.error("The definition of 'OrderVariableSelection_variables' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelection_variables2.default), variablesKey);
+  const variables = (0, _reactRelay.useFragment)((_OrderVariableSelection_variables2.default.hash && _OrderVariableSelection_variables2.default.hash !== "b73b43b61cd5edd5face7d4a5615b2f5" && console.error("The definition of 'OrderVariableSelection_variables' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelection_variables2.default), variablesKey);
   const handleSelectionChange = (0, _react.useCallback)((variableId, optionId, countryCode) => {
     var _variables$orderVaria;
     // Update the selections with the new value
@@ -172,9 +173,15 @@ function OrderVariableSelection(_ref3) {
   }, label), variables.orderVariables.map(variable => {
     var _variables$countries;
     const currentSelection = selections.find(s => s.orderVariableId === variable.id);
+
+    // Use description override if provided, otherwise use the variable's description
+    const effectiveVariable = (descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides[variable.id]) !== undefined ? {
+      ...variable,
+      description: descriptionOverrides[variable.id]
+    } : variable;
     return /*#__PURE__*/_react.default.createElement(Variable, {
       key: variable.id,
-      variable: variable,
+      variable: effectiveVariable,
       selection: currentSelection,
       countries: ((_variables$countries = variables.countries) === null || _variables$countries === void 0 ? void 0 : _variables$countries.filter(c => c !== null)) ?? null,
       onToggle: (orderVariableId, orderVariableOptionId, countryCode) => handleSelectionChange(orderVariableId, orderVariableOptionId !== undefined ? orderVariableOptionId : null, countryCode)

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

@@ -8,5 +8,5 @@ interface Select_props {
     }[];
 }
 type SelectHTMLProps = React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
-declare const Select: ({ options, value, nullText, ...rest }: Select_props & Omit<SelectHTMLProps, 'value'>) => React.JSX.Element;
+declare const Select: ({ options, value, nullText, ...rest }: Select_props & Omit<SelectHTMLProps, "value">) => React.JSX.Element;
 export default Select;

package/dist/components/StoreModal/StoreModalOrderVariableSelection.js

@@ -13,14 +13,14 @@ 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 }; }
 function StoreModalOrderVariableSelection(_ref) {
-  var _order$orderVariableS, _viewer$orderVariable, _order$orderVariableS2, _viewer$settings;
+  var _order$orderVariableS, _viewer$orderVariable, _order$orderVariableS2, _order$orderVariableS3, _viewer$settings;
   let {
     viewer: viewerKey,
     order: orderKey,
     onSelectionChange
   } = _ref;
   const viewer = (0, _reactRelay.useFragment)((_StoreModalOrderVariableSelection_viewer2.default.hash && _StoreModalOrderVariableSelection_viewer2.default.hash !== "b959e46df4274deb8a53ef227787c34a" && console.error("The definition of 'StoreModalOrderVariableSelection_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalOrderVariableSelection_viewer2.default), viewerKey);
-  const order = (0, _reactRelay.useFragment)((_StoreModalOrderVariableSelection_order2.default.hash && _StoreModalOrderVariableSelection_order2.default.hash !== "262ac9d359f03f24ea222258e17945a8" && console.error("The definition of 'StoreModalOrderVariableSelection_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalOrderVariableSelection_order2.default), orderKey);
+  const order = (0, _reactRelay.useFragment)((_StoreModalOrderVariableSelection_order2.default.hash && _StoreModalOrderVariableSelection_order2.default.hash !== "85bc6b91bb3e9b7ee708f776acf670fd" && console.error("The definition of 'StoreModalOrderVariableSelection_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalOrderVariableSelection_order2.default), orderKey);
 
   // Transform order variable selections for the OrderVariableSelection component
   const selections = (_order$orderVariableS = order.orderVariableSelections) === null || _order$orderVariableS === void 0 ? void 0 : _order$orderVariableS.map(selection => {
@@ -34,8 +34,22 @@ function StoreModalOrderVariableSelection(_ref) {
   });
   const orderVariableIds = new Set(((_viewer$orderVariable = viewer.orderVariables) === null || _viewer$orderVariable === void 0 ? void 0 : _viewer$orderVariable.map(variable => variable.id)) || []);
 
+  // Create a map of order variable ID to orderVariableDescription for active variables
+  const descriptionOverrides = ((_order$orderVariableS2 = order.orderVariableSelections) === null || _order$orderVariableS2 === void 0 ? void 0 : _order$orderVariableS2.reduce((acc, selection) => {
+    if (orderVariableIds.has(selection.orderVariable.id)) {
+      acc[selection.orderVariable.id] = selection.orderVariableDescription;
+    }
+    return acc;
+  }, {})) ?? {};
+
   // Find ghost variables (variables that exist in the order but not in the available list)
-  const ghostVariables = ((_order$orderVariableS2 = order.orderVariableSelections) === null || _order$orderVariableS2 === void 0 ? void 0 : _order$orderVariableS2.filter(selection => !orderVariableIds.has(selection.orderVariable.id))) ?? [];
+  const ghostVariables = ((_order$orderVariableS3 = order.orderVariableSelections) === null || _order$orderVariableS3 === void 0 ? void 0 : _order$orderVariableS3.filter(selection => !orderVariableIds.has(selection.orderVariable.id)).map(selection => ({
+    orderVariable: {
+      ...selection.orderVariable,
+      description: selection.orderVariableDescription
+    },
+    orderVariableOption: selection.orderVariableOption
+  }))) ?? [];
 
   // Handle updating the order when selections change
   const handleSelectionChange = (0, _react.useCallback)(newSelections => {
@@ -71,7 +85,8 @@ function StoreModalOrderVariableSelection(_ref) {
     selections: selections ?? [],
     onSelectionChange: handleSelectionChange,
     ghostVariables: ghostVariables,
-    onRemoveGhostVariable: handleRemoveGhostVariable
+    onRemoveGhostVariable: handleRemoveGhostVariable,
+    descriptionOverrides: descriptionOverrides
   }, {
     label: /*#__PURE__*/_react.default.createElement("div", {
       dangerouslySetInnerHTML: {

package/dist/components/StoreModal/StoreModalProduct.js

@@ -30,7 +30,7 @@ const StoreModalProduct = _ref => {
   } = _ref;
   const config = (0, _react.useContext)(_ConfigContext.default);
   const environment = (0, _reactRelay.useRelayEnvironment)();
-  const initialData = (0, _reactRelay.usePreloadedQuery)((_StoreModalProductQuery2.default.hash && _StoreModalProductQuery2.default.hash !== "82a6352ac1eeaab3d25c315793f97a9c" && console.error("The definition of 'StoreModalProductQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductQuery2.default), prepared.productQuery);
+  const initialData = (0, _reactRelay.usePreloadedQuery)((_StoreModalProductQuery2.default.hash && _StoreModalProductQuery2.default.hash !== "b2803257576691f16a283d10e53439e3" && console.error("The definition of 'StoreModalProductQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductQuery2.default), prepared.productQuery);
   const [data, refetch] = (0, _reactRelay.useRefetchableFragment)((_StoreModalProductContent_collection2.default.hash && _StoreModalProductContent_collection2.default.hash !== "0684ec2633ccc5d4d0866e7780df28cc" && console.error("The definition of 'StoreModalProductContent_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductContent_collection2.default), initialData.collection);
   const collection = data;
   const {

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

@@ -7,11 +7,11 @@ declare const useFeaturesData: ({ fontStyle }: useFeatures_props) => {
         [feature: string]: string;
     };
     fontFeatures: {
-        readonly stylisticSetNames: readonly {
+        readonly stylisticSetNames: ReadonlyArray<{
             readonly featureName: string;
             readonly humanName: string;
-        }[];
-        readonly supportedFeatures: readonly string[];
+        }>;
+        readonly supportedFeatures: ReadonlyArray<string>;
     };
     " $fragmentType": "useFeaturesData_fontStyle";
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditorState } from 'draft-js';
 import { Alignment } from './types';
 import { VariableSettings } from '../../utils';

package/dist/components/elements/StoreModalUnifiedCheckout.js

@@ -283,6 +283,7 @@ function StoreModalUnifiedCheckout(_ref2) {
   const environment = (0, _reactRelay.useRelayEnvironment)();
   const [error, setError] = (0, _react.useState)(null);
   const [errorsObject, setErrorsObject] = (0, _react.useState)(null);
+  const [customerErrorsObject, setCustomerErrorsObject] = (0, _react.useState)(null);
   const [_submitting, setSubmitting] = (0, _react.useState)(false);
   /* const [licenseeRequiredFields, setLicenseeRequiredFields] = useState<
    *   (keyof Identity)[]
@@ -292,11 +293,15 @@ function StoreModalUnifiedCheckout(_ref2) {
     form: config
   } = (0, _react.useContext)(_ConfigContext.default);
   const onCompleted = (res, errors, onSuccess, onError) => {
-    var _res$updateOrder;
+    var _res$updateCustomer, _res$updateOrder;
     if (errors && errors.length > 0) {
       setError(errors[0].message);
       setSubmitting(false);
       onError === null || onError === void 0 ? void 0 : onError();
+    } else if ('updateCustomer' in res && (_res$updateCustomer = res.updateCustomer) !== null && _res$updateCustomer !== void 0 && _res$updateCustomer.errors && (res.updateCustomer.errors.name || res.updateCustomer.errors.email || res.updateCustomer.errors.newsletterOptIn)) {
+      setSubmitting(false);
+      setCustomerErrorsObject(res.updateCustomer.errors);
+      onError === null || onError === void 0 ? void 0 : onError();
     } else if ('updateOrder' in res && (_res$updateOrder = res.updateOrder) !== null && _res$updateOrder !== void 0 && _res$updateOrder.errors) {
       setSubmitting(false);
       setErrorsObject(res.updateOrder.errors);
@@ -305,17 +310,19 @@ function StoreModalUnifiedCheckout(_ref2) {
       onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
       setSubmitting(false);
       setError(null);
+      setCustomerErrorsObject(null);
+      setErrorsObject(null);
     }
   };
   const onError = error => {
     setError(error.message);
     setSubmitting(false);
   };
-  const updateCustomer = (0, _react.useCallback)((variables, onSuccess) => {
+  const updateCustomer = (0, _react.useCallback)((variables, onSuccess, onErrorCallback) => {
     (0, _reactRelay.commitMutation)(environment, {
-      mutation: (_StoreModalUnifiedCheckoutUpdateCustomerMutation2.default.hash && _StoreModalUnifiedCheckoutUpdateCustomerMutation2.default.hash !== "1927e9fb21dbae898062200a560b1277" && console.error("The definition of 'StoreModalUnifiedCheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutUpdateCustomerMutation2.default),
+      mutation: (_StoreModalUnifiedCheckoutUpdateCustomerMutation2.default.hash && _StoreModalUnifiedCheckoutUpdateCustomerMutation2.default.hash !== "a41e423a93ba20f15ebbe826dd802514" && console.error("The definition of 'StoreModalUnifiedCheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutUpdateCustomerMutation2.default),
       variables,
-      onCompleted: (res, errors) => onCompleted(res, errors, onSuccess),
+      onCompleted: (res, errors) => onCompleted(res, errors, onSuccess, onErrorCallback),
       onError
     });
   }, [environment]);
@@ -397,7 +404,8 @@ function StoreModalUnifiedCheckout(_ref2) {
   const [editing, setEditing] = (0, _react.useState)(initialEditingState);
   const handleCustomerSubmit = _ref3 => {
     let {
-      onSuccess
+      onSuccess,
+      onError
     } = _ref3;
     if (!billingIdentity.name && !billingIdentity.email) {
       setBillingIdentity({
@@ -411,7 +419,7 @@ function StoreModalUnifiedCheckout(_ref2) {
     }, () => {
       onSuccess();
       setEditing(null);
-    });
+    }, onError);
   };
   const handleLicenseeIsBillingIdentityChange = (0, _react.useCallback)(value => {
     updateOrder({
@@ -605,7 +613,8 @@ function StoreModalUnifiedCheckout(_ref2) {
     }, "Contact information"), /*#__PURE__*/_react.default.createElement(_CustomerFields.default, {
       value: customer,
       onChange: handleCustomerChange,
-      optInLabel: (_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.newsletterOptInLabel
+      optInLabel: (_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.newsletterOptInLabel,
+      errors: customerErrorsObject
     }))
   }), order.customer && !hasCountryMismatch ? /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingIdentityElement.default, {
     disabled: false,

package/dist/fontdue.css

@@ -1344,7 +1344,7 @@ body[data-fontdue-store-modal=open] {
     max-width: 1600px;
   }
   [data-route=checkout] .store-modal__container__container {
-    max-width: 1200px;
+    max-width: 992px;
   }
 }
 .store-modal__container__container * {

package/dist/hooks.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const useNewPortalElement: () => import("react").RefObject<HTMLDivElement>;

package/dist/utils/interpolateOrderVariableDescription.d.ts

@@ -0,0 +1,36 @@
+interface OrderVariable {
+    variableType: string;
+    multiplier: string;
+    orderVariableOptions?: ReadonlyArray<{
+        readonly id: string;
+        readonly amount: string | null;
+        readonly multiplier: string | null;
+    }> | null;
+}
+interface Selection {
+    orderVariableOptionId?: string | null;
+    countryCode?: string | null;
+}
+interface Country {
+    readonly code: string;
+    readonly name: string;
+}
+interface InterpolateOptions {
+    variable: OrderVariable;
+    selection?: Selection;
+    countries?: ReadonlyArray<Country> | null;
+}
+/**
+ * Interpolates placeholders in an order variable description template.
+ *
+ * Supported placeholders:
+ * - {selection} - the selected option amount (for select) or country name (for country)
+ * - {percentage} - formatted multiplier as percentage (e.g., "+15.4%", "-25%")
+ * - {multiplier} - raw multiplier value (e.g., "1.154", "0.75")
+ *
+ * @param template - The description template with placeholders
+ * @param options - Variable, selection, and countries data
+ * @returns Interpolated description string, or null if selection data is incomplete
+ */
+export declare function interpolateOrderVariableDescription(template: string, options: InterpolateOptions): string | null;
+export {};

package/dist/utils/interpolateOrderVariableDescription.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.17.0",
+  "version": "2.17.2",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",
     "build-js": "babel src --out-dir dist --extensions .ts,.tsx,.js,.jsx",
@@ -58,7 +58,7 @@
     "react-dom": "^19.0.0",
     "relay-compiler": "^18.0.0",
     "sass": "^1.62",
-    "typescript": "5.1.3"
+    "typescript": "^5.9"
   },
   "relay": {
     "src": "./src",