fontdue-js 3.5.1 → 3.7.0

package/dist/stripeElements.js

@@ -0,0 +1,49 @@
+// Stripe.js (the `basil` build of 2026-09-17) throws "Unable to select
+// session. Make sure Elements is initialized with clientSecret…" from
+// `elements.submit()` when the Elements group has no session – one created
+// without a `clientSecret` or `mode`. It also leaks a second, unhandled
+// rejection of its own even when the returned promise is caught, so the
+// console shows the error regardless. Groups without a session are common
+// here: a Stripe Tax order checks out through Embedded Checkout and never has
+// a PaymentIntent, the Cart's billing and licensee steps run before the order
+// has one, and an order a coupon makes free has none.
+
+const ADDRESS_MODES = ['billing', 'shipping'];
+
+/**
+ * Validates the Address Elements mounted in `elements`, showing any errors
+ * inline beside their fields, and resolves to whether they are complete.
+ *
+ * Needs no session, so use it wherever only addresses are mounted – the Store
+ * Modal's Stripe Tax Checkout button and the Cart's billing and licensee
+ * steps – rather than `elements.submit()`.
+ */
+export async function validateAddressElements(elements) {
+  if (!elements) return true;
+  const complete = await Promise.all(ADDRESS_MODES.map(async mode => {
+    const element = elements.getElement('address', {
+      mode
+    });
+    return element ? (await element.getValue()).complete : true;
+  }));
+  return complete.every(Boolean);
+}
+
+/**
+ * Validates every Element mounted in `elements` with `elements.submit()` –
+ * which a Payment Element needs before confirming – and resolves to whether
+ * the form may go ahead. A group with no session has no Payment Element to
+ * validate, so when `submit()` throws for that reason the Address Elements
+ * are validated on their own.
+ */
+export async function validateElements(elements) {
+  if (!elements) return true;
+  try {
+    const {
+      error
+    } = await elements.submit();
+    return !error;
+  } catch {
+    return validateAddressElements(elements);
+  }
+}

package/dist/utils.d.ts

@@ -1,17 +1,7 @@
-import { CollectionStyleSkus } from './components/Root/productState.js';
-import type { FontdueState } from './reducer.js';
+export { isSelected } from './selection.js';
 export declare const pluralize: (count: number, singular: string, plural?: string) => string;
 export declare function notEmpty<TValue>(value: TValue | null | undefined): value is TValue;
 export declare function kebabToCamel(str: string): string;
-export declare const collContainsSkuId: (coll: CollectionStyleSkus | undefined, skuIdOrStyleId: string) => boolean;
-export declare const collTransitivelyContainsSkuId: (collectionStyleSkus: {
-    [key: string]: CollectionStyleSkus | undefined;
-}, collSkuId: string, skuIdOrStyleId: string) => boolean;
-interface CollectionSkuIdsDifferences {
-    [collectionSkuId: string]: number;
-}
-export declare const isSelected: (skuIdOrStyleId: string | null) => (state: FontdueState) => boolean;
-export declare const collectionSkuIdsDifferences: (state: FontdueState, skuId: string) => CollectionSkuIdsDifferences;
 export type VariableSettings = {
     [axis: string]: number;
 };
@@ -31,4 +21,3 @@ export declare const parseCustomProperties: (props: readonly string[] | null | u
 };
 export declare const inspect: (value: any) => any;
 export declare function getFeatureGlyphs(supportedLanguages: readonly string[] | null): "Aa" | "ت" | "Αα" | "Аа" | null;
-export {};

package/dist/utils.js

@@ -1,3 +1,4 @@
+export { isSelected } from './selection.js';
 export const pluralize = (count, singular, plural) => {
   if (count === 1) return `1 ${singular}`;
   if (!plural) return `${count} ${singular}s`;
@@ -11,42 +12,6 @@ export function kebabToCamel(str) {
     return g[1].toUpperCase();
   });
 }
-
-// where coll is a member of `collectionStyleSkus`;
-export const collContainsSkuId = (coll, skuIdOrStyleId) => {
-  if (!coll) return false;
-  return coll.childrenSkuIds.indexOf(skuIdOrStyleId) >= 0 || coll.fontStyleSkuIds.indexOf(skuIdOrStyleId) >= 0 || coll.fontStyleIds.indexOf(skuIdOrStyleId) >= 0;
-};
-
-// Transitive containment check — walks the collection hierarchy to find
-// if a SKU is contained at any depth (e.g., collection bundle → family → bundle)
-export const collTransitivelyContainsSkuId = (collectionStyleSkus, collSkuId, skuIdOrStyleId) => {
-  const coll = collectionStyleSkus[collSkuId];
-  if (!coll) return false;
-  if (collContainsSkuId(coll, skuIdOrStyleId)) return true;
-  return coll.childrenSkuIds.some(childSkuId => collTransitivelyContainsSkuId(collectionStyleSkus, childSkuId, skuIdOrStyleId));
-};
-export const isSelected = skuIdOrStyleId => state => {
-  if (!skuIdOrStyleId) return false;
-  if (state.selectedSkuIds[skuIdOrStyleId] === true) return true;
-  // get the collections that contain this skuId as a fontStyle or child
-  const parentCollectionSkuIds = Object.keys(state.collectionStyleSkus).filter(collSkuId => collContainsSkuId(state.collectionStyleSkus[collSkuId], skuIdOrStyleId));
-  // Recursively check ancestors — handles transitive selection
-  // (e.g., collection bundle → family → bundle)
-  return parentCollectionSkuIds.some(parentSkuId => isSelected(parentSkuId)(state));
-};
-
-// find any collection ancestors that contain this skuId,
-// then for each collection, sum the price of selected skus,
-// and return the delta between the collection price and the sum.
-export const collectionSkuIdsDifferences = (state, skuId) => Object.keys(state.collectionStyleSkus).filter(collectionSkuId => {
-  return skuId === collectionSkuId || collTransitivelyContainsSkuId(state.collectionStyleSkus, collectionSkuId, skuId);
-}).reduce((acc, collectionSkuId) => {
-  const selectedSkuIdsInColl = Object.keys(state.selectedSkuIds).filter(selectedSkuId => state.selectedSkuIds[selectedSkuId] === true && collTransitivelyContainsSkuId(state.collectionStyleSkus, collectionSkuId, selectedSkuId));
-  const sumOfSelectedSkuIdsInColl = selectedSkuIdsInColl.map(selectedSkuId => state.skuPrices[selectedSkuId] ?? 0).reduce((acc, price) => acc + price, 0);
-  acc[collectionSkuId] = (state.skuPrices[collectionSkuId] ?? 0) - sumOfSelectedSkuIdsInColl;
-  return acc;
-}, {});
 export const variableInstanceSettings = instance => instance === null || instance === void 0 ? void 0 : instance.coordinates.reduce((acc, _ref) => {
   let {
     axis,

package/dist/version.js

@@ -8,4 +8,4 @@
 // (Fontage.ClientVersions) to spot sites that need to upgrade before a
 // feature that depends on a newer client can work for them.
 export const CLIENT_VERSION_HEADER = 'fontdue-client-version';
-export const version = "3.5.1";
+export const version = "3.7.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "3.5.1",
+  "version": "3.7.0",
   "type": "module",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",

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

@@ -1,21 +0,0 @@
-/**
- * @generated SignedSource<<33beefdcda09562d6a9a0d000ee37644>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ConcreteRequest } from 'relay-runtime';
-import { Result } from "relay-runtime";
-export type NodePasswordFormIDQuery$variables = {
-    collectionId: string;
-};
-export type NodePasswordFormIDQuery$data = {
-    readonly collection: Result<{
-        readonly id: string;
-    } | null, ReadonlyArray<unknown>>;
-};
-export type NodePasswordFormIDQuery = {
-    response: NodePasswordFormIDQuery$data;
-    variables: NodePasswordFormIDQuery$variables;
-};
-declare const node: ConcreteRequest;
-export default node;

package/dist/__generated__/NodePasswordFormIDQuery.graphql.js

@@ -1,86 +0,0 @@
-/**
- * @generated SignedSource<<33beefdcda09562d6a9a0d000ee37644>>
- * @lightSyntaxTransform
- * @nogrep
- */
-
-/* tslint:disable */
-/* eslint-disable */
-// @ts-nocheck
-
-const node = function () {
-  var v0 = [{
-      "defaultValue": null,
-      "kind": "LocalArgument",
-      "name": "collectionId"
-    }],
-    v1 = [{
-      "kind": "Variable",
-      "name": "id",
-      "variableName": "collectionId"
-    }],
-    v2 = {
-      "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "id",
-      "storageKey": null
-    };
-  return {
-    "fragment": {
-      "argumentDefinitions": v0 /*: any*/,
-      "kind": "Fragment",
-      "metadata": null,
-      "name": "NodePasswordFormIDQuery",
-      "selections": [{
-        "kind": "CatchField",
-        "field": {
-          "alias": "collection",
-          "args": v1 /*: any*/,
-          "concreteType": null,
-          "kind": "LinkedField",
-          "name": "node",
-          "plural": false,
-          "selections": [v2 /*: any*/],
-          "storageKey": null
-        },
-        "to": "RESULT",
-        "path": "collection"
-      }],
-      "type": "RootQueryType",
-      "abstractKey": null
-    },
-    "kind": "Request",
-    "operation": {
-      "argumentDefinitions": v0 /*: any*/,
-      "kind": "Operation",
-      "name": "NodePasswordFormIDQuery",
-      "selections": [{
-        "alias": "collection",
-        "args": v1 /*: any*/,
-        "concreteType": null,
-        "kind": "LinkedField",
-        "name": "node",
-        "plural": false,
-        "selections": [{
-          "alias": null,
-          "args": null,
-          "kind": "ScalarField",
-          "name": "__typename",
-          "storageKey": null
-        }, v2 /*: any*/],
-        "storageKey": null
-      }]
-    },
-    "params": {
-      "cacheID": "d8978a72e2d230c21d816fa3badc7fe6",
-      "id": null,
-      "metadata": {},
-      "name": "NodePasswordFormIDQuery",
-      "operationKind": "query",
-      "text": "query NodePasswordFormIDQuery(\n  $collectionId: ID!\n) {\n  collection: node(id: $collectionId) {\n    __typename\n    id\n  }\n}\n"
-    }
-  };
-}();
-node.hash = "2af86f8f6df3d2e6061ea1c9dd777a26";
-export default node;

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

@@ -1,25 +0,0 @@
-/**
- * @generated SignedSource<<7473d32d0aef654828b43e20b4068773>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ConcreteRequest } from 'relay-runtime';
-import { Result } from "relay-runtime";
-export type NodePasswordFormSlugQuery$variables = {
-    collectionSlug: string;
-};
-export type NodePasswordFormSlugQuery$data = {
-    readonly viewer: {
-        readonly slug: {
-            readonly collection: Result<{
-                readonly id: string;
-            } | null, ReadonlyArray<unknown>>;
-        } | null;
-    };
-};
-export type NodePasswordFormSlugQuery = {
-    response: NodePasswordFormSlugQuery$data;
-    variables: NodePasswordFormSlugQuery$variables;
-};
-declare const node: ConcreteRequest;
-export default node;

package/dist/__generated__/NodePasswordFormSlugQuery.graphql.js

@@ -1,108 +0,0 @@
-/**
- * @generated SignedSource<<7473d32d0aef654828b43e20b4068773>>
- * @lightSyntaxTransform
- * @nogrep
- */
-
-/* tslint:disable */
-/* eslint-disable */
-// @ts-nocheck
-
-const node = function () {
-  var v0 = [{
-      "defaultValue": null,
-      "kind": "LocalArgument",
-      "name": "collectionSlug"
-    }],
-    v1 = [{
-      "kind": "Variable",
-      "name": "name",
-      "variableName": "collectionSlug"
-    }],
-    v2 = {
-      "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "id",
-      "storageKey": null
-    },
-    v3 = {
-      "alias": "collection",
-      "args": null,
-      "concreteType": "FontCollection",
-      "kind": "LinkedField",
-      "name": "fontCollection",
-      "plural": false,
-      "selections": [v2 /*: any*/],
-      "storageKey": null
-    };
-  return {
-    "fragment": {
-      "argumentDefinitions": v0 /*: any*/,
-      "kind": "Fragment",
-      "metadata": null,
-      "name": "NodePasswordFormSlugQuery",
-      "selections": [{
-        "alias": null,
-        "args": null,
-        "concreteType": "Viewer",
-        "kind": "LinkedField",
-        "name": "viewer",
-        "plural": false,
-        "selections": [{
-          "alias": null,
-          "args": v1 /*: any*/,
-          "concreteType": "Slug",
-          "kind": "LinkedField",
-          "name": "slug",
-          "plural": false,
-          "selections": [{
-            "kind": "CatchField",
-            "field": v3 /*: any*/,
-            "to": "RESULT",
-            "path": "viewer.slug.collection"
-          }],
-          "storageKey": null
-        }],
-        "storageKey": null
-      }],
-      "type": "RootQueryType",
-      "abstractKey": null
-    },
-    "kind": "Request",
-    "operation": {
-      "argumentDefinitions": v0 /*: any*/,
-      "kind": "Operation",
-      "name": "NodePasswordFormSlugQuery",
-      "selections": [{
-        "alias": null,
-        "args": null,
-        "concreteType": "Viewer",
-        "kind": "LinkedField",
-        "name": "viewer",
-        "plural": false,
-        "selections": [{
-          "alias": null,
-          "args": v1 /*: any*/,
-          "concreteType": "Slug",
-          "kind": "LinkedField",
-          "name": "slug",
-          "plural": false,
-          "selections": [v3 /*: any*/, v2 /*: any*/],
-          "storageKey": null
-        }, v2 /*: any*/],
-        "storageKey": null
-      }]
-    },
-    "params": {
-      "cacheID": "bfee7490ba5b02c2d8c8ab3db780e3f8",
-      "id": null,
-      "metadata": {},
-      "name": "NodePasswordFormSlugQuery",
-      "operationKind": "query",
-      "text": "query NodePasswordFormSlugQuery(\n  $collectionSlug: String!\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        id\n      }\n      id\n    }\n    id\n  }\n}\n"
-    }
-  };
-}();
-node.hash = "c40faf067007027fa9ba6673350c7202";
-export default node;

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

@@ -1,24 +0,0 @@
-/**
- * @generated SignedSource<<e36d7651684826ea0cac76a464f23dcd>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ConcreteRequest } from 'relay-runtime';
-export type ServerConfigProviderQuery$variables = Record<PropertyKey, never>;
-export type ServerConfigProviderQuery$data = {
-    readonly viewer: {
-        readonly fontdueConfig: {
-            readonly tracking: {
-                readonly consentMessage: string | null;
-                readonly consentRequired: boolean;
-                readonly enabled: boolean;
-            } | null;
-        } | null;
-    };
-};
-export type ServerConfigProviderQuery = {
-    response: ServerConfigProviderQuery$data;
-    variables: ServerConfigProviderQuery$variables;
-};
-declare const node: ConcreteRequest;
-export default node;

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

@@ -1,20 +0,0 @@
-/**
- * @generated SignedSource<<e395904ea5bda751df1ca67f9c74ac55>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ConcreteRequest } from 'relay-runtime';
-export type TestModeBannerQuery$variables = Record<PropertyKey, never>;
-export type TestModeBannerQuery$data = {
-    readonly viewer: {
-        readonly testMode: {
-            readonly isActive: boolean;
-        };
-    };
-};
-export type TestModeBannerQuery = {
-    response: TestModeBannerQuery$data;
-    variables: TestModeBannerQuery$variables;
-};
-declare const node: ConcreteRequest;
-export default node;

package/dist/__generated__/TestModeBannerQuery.graphql.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/**
- * @generated SignedSource<<e395904ea5bda751df1ca67f9c74ac55>>
- * @lightSyntaxTransform
- * @nogrep
- */
-
-/* tslint:disable */
-/* eslint-disable */
-// @ts-nocheck
-
-const node = function () {
-  var v0 = {
-    "alias": null,
-    "args": null,
-    "concreteType": "TestMode",
-    "kind": "LinkedField",
-    "name": "testMode",
-    "plural": false,
-    "selections": [{
-      "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "isActive",
-      "storageKey": null
-    }],
-    "storageKey": null
-  };
-  return {
-    "fragment": {
-      "argumentDefinitions": [],
-      "kind": "Fragment",
-      "metadata": null,
-      "name": "TestModeBannerQuery",
-      "selections": [{
-        "alias": null,
-        "args": null,
-        "concreteType": "Viewer",
-        "kind": "LinkedField",
-        "name": "viewer",
-        "plural": false,
-        "selections": [v0 /*: any*/],
-        "storageKey": null
-      }],
-      "type": "RootQueryType",
-      "abstractKey": null
-    },
-    "kind": "Request",
-    "operation": {
-      "argumentDefinitions": [],
-      "kind": "Operation",
-      "name": "TestModeBannerQuery",
-      "selections": [{
-        "alias": null,
-        "args": null,
-        "concreteType": "Viewer",
-        "kind": "LinkedField",
-        "name": "viewer",
-        "plural": false,
-        "selections": [v0 /*: any*/, {
-          "alias": null,
-          "args": null,
-          "kind": "ScalarField",
-          "name": "id",
-          "storageKey": null
-        }],
-        "storageKey": null
-      }]
-    },
-    "params": {
-      "cacheID": "2cb9255aeee9b1b3edd823ee2f62d8cc",
-      "id": null,
-      "metadata": {},
-      "name": "TestModeBannerQuery",
-      "operationKind": "query",
-      "text": "query TestModeBannerQuery {\n  viewer {\n    testMode {\n      isActive\n    }\n    id\n  }\n}\n"
-    }
-  };
-}();
-node.hash = "60ad67ee88ec6b74dd04bdf5572e7faf";
-var _default = node;
-exports.default = _default;

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

@@ -1,20 +0,0 @@
-/**
- * @generated SignedSource<<b292c0ac6583f7d2d7cd8979e5696b21>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ConcreteRequest } from 'relay-runtime';
-export type ThemeConfigQuery$variables = Record<PropertyKey, never>;
-export type ThemeConfigQuery$data = {
-    readonly viewer: {
-        readonly themeConfig: {
-            readonly customProperties: ReadonlyArray<string> | null;
-        } | null;
-    };
-};
-export type ThemeConfigQuery = {
-    response: ThemeConfigQuery$data;
-    variables: ThemeConfigQuery$variables;
-};
-declare const node: ConcreteRequest;
-export default node;

package/dist/__generated__/ThemeConfigQuery.graphql.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/**
- * @generated SignedSource<<b292c0ac6583f7d2d7cd8979e5696b21>>
- * @lightSyntaxTransform
- * @nogrep
- */
-
-/* tslint:disable */
-/* eslint-disable */
-// @ts-nocheck
-
-const node = function () {
-  var v0 = {
-    "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
-  };
-  return {
-    "fragment": {
-      "argumentDefinitions": [],
-      "kind": "Fragment",
-      "metadata": null,
-      "name": "ThemeConfigQuery",
-      "selections": [{
-        "alias": null,
-        "args": null,
-        "concreteType": "Viewer",
-        "kind": "LinkedField",
-        "name": "viewer",
-        "plural": false,
-        "selections": [v0 /*: any*/],
-        "storageKey": null
-      }],
-      "type": "RootQueryType",
-      "abstractKey": null
-    },
-    "kind": "Request",
-    "operation": {
-      "argumentDefinitions": [],
-      "kind": "Operation",
-      "name": "ThemeConfigQuery",
-      "selections": [{
-        "alias": null,
-        "args": null,
-        "concreteType": "Viewer",
-        "kind": "LinkedField",
-        "name": "viewer",
-        "plural": false,
-        "selections": [v0 /*: any*/, {
-          "alias": null,
-          "args": null,
-          "kind": "ScalarField",
-          "name": "id",
-          "storageKey": null
-        }],
-        "storageKey": null
-      }]
-    },
-    "params": {
-      "cacheID": "d1f54ccc72720516df3faf57461c20e1",
-      "id": null,
-      "metadata": {},
-      "name": "ThemeConfigQuery",
-      "operationKind": "query",
-      "text": "query ThemeConfigQuery {\n  viewer {\n    themeConfig {\n      customProperties\n    }\n    id\n  }\n}\n"
-    }
-  };
-}();
-node.hash = "c259bee038c4d2ea14c758fba3381f57";
-var _default = node;
-exports.default = _default;

package/dist/components/CartButton/index.server.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { CartButton_props } from './index';
-export default function CartButton(props: CartButton_props): Promise<React.JSX.Element>;

package/dist/components/CartButton/index.server.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CartButton;
-var _react = _interopRequireDefault(require("react"));
-var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
-var _index = require("./index");
-var _CartButtonQuery = _interopRequireDefault(require("../../__generated__/CartButtonQuery.graphql"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-async function CartButton(props) {
-  const preloadedQuery = await (0, _loadSerializableQuery.default)(_CartButtonQuery.default, {});
-  return /*#__PURE__*/_react.default.createElement(_index.CartButtonPreloadedQueryRenderer, _extends({
-    preloadedQuery: preloadedQuery
-  }, props));
-}

package/dist/components/CorsErrorModal.d.ts

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