fontdue-js 2.21.0 → 2.22.1

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 2.22.1
+
+- Added `corsErrorModal` config option (default `true`). Set to `false` on `<FontdueProvider>` or the script-tag config to suppress the CORS error modal entirely while keeping console warnings and auto-reload polling.
+- GraphQL requests now retry up to 2 times (with a 1s delay) before falling through to CORS error detection. Transient network failures no longer trigger a false-positive CORS modal.
+
+## 2.22.0
+
+- **`features="*"` wildcard on `<TypeTester>` and `<TypeTesters>`** to expose every OpenType feature each font supports without curating a list. Custom *stylistic set* names defined by the foundry are picked up automatically. Works on both the standalone `<fontdue-type-tester>` HTML element and the React `<TypeTester>` / `<TypeTesters>` components.
+- **`features` prop on `<TypeTesters>`** — the plural now accepts a `features` prop (or `features` HTML attribute on `<fontdue-type-testers>`) that overrides `collection.typeTesterFeatures`, matching the singular API. Useful for setting `features="*"` per-embed without changing the collection's saved settings.
+- The `features` prop on both singular and plural now accepts the literal string `"*"` as a scalar in addition to `["*"]`, so React consumers can write `features="*"` instead of `features={['*']}`.
+
 ## 2.21.0
 
 - Fixed `CharacterViewer` silently dropping characters from supplementary-plane Unicode blocks (e.g. Latin Extended-F, Enclosed Alphanumeric Supplement). Range expansion now uses `codePointAt` / `String.fromCodePoint` so characters above U+FFFF render correctly instead of getting filtered out as unpaired surrogates

package/dist/components/ConfigContext.d.ts

@@ -29,6 +29,7 @@ export interface Config {
     typeTester?: TypeTesterConfig;
     stripe?: StripeConfig;
     tracking?: TrackingConfig;
+    corsErrorModal?: boolean;
 }
 export declare const makeConfig: (config?: Config) => {
     typeTester: {
@@ -99,6 +100,7 @@ export declare const makeConfig: (config?: Config) => {
         consentMessage: string | undefined;
         segment: SegmentConfig | undefined;
     };
+    corsErrorModal: boolean;
 };
 declare const _default: React.Context<{
     typeTester: {
@@ -169,5 +171,6 @@ declare const _default: React.Context<{
         consentMessage: string | undefined;
         segment: SegmentConfig | undefined;
     };
+    corsErrorModal: boolean;
 }>;
 export default _default;

package/dist/components/ConfigContext.js

@@ -79,7 +79,8 @@ const makeConfig = config => {
       consentRequired: (config === null || config === void 0 ? void 0 : (_config$tracking2 = config.tracking) === null || _config$tracking2 === void 0 ? void 0 : _config$tracking2.consentRequired) ?? false,
       consentMessage: config === null || config === void 0 ? void 0 : (_config$tracking3 = config.tracking) === null || _config$tracking3 === void 0 ? void 0 : _config$tracking3.consentMessage,
       segment: config === null || config === void 0 ? void 0 : (_config$tracking4 = config.tracking) === null || _config$tracking4 === void 0 ? void 0 : _config$tracking4.segment
-    }
+    },
+    corsErrorModal: (config === null || config === void 0 ? void 0 : config.corsErrorModal) ?? true
   };
 };
 exports.makeConfig = makeConfig;

package/dist/components/FontdueProvider/FontdueProviderClientComponent.js

@@ -15,6 +15,7 @@ var _reducer = require("../../reducer");
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _UrlContext = _interopRequireDefault(require("../UrlContext"));
 var _retryImport = _interopRequireDefault(require("../../retryImport"));
+var _corsError = require("../../corsError");
 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; }
@@ -35,6 +36,7 @@ function FontdueProviderClientComponent(_ref) {
     stripeIntegration
   });
   const configValue = (0, _ConfigContext.makeConfig)(config);
+  (0, _corsError.setCorsModalEnabled)(configValue.corsErrorModal);
   const storeRef = (0, _react.useRef)(store ?? (0, _reducer.createDefaultStore)(config));
   return /*#__PURE__*/_react.default.createElement(_reactRelay.RelayEnvironmentProvider, {
     environment: environment

package/dist/components/FontdueProvider/useAuxUIOwner.d.ts

@@ -0,0 +1 @@
+export default function useAuxUIOwner(): boolean;

package/dist/components/FontdueProvider/useAuxUIOwner.js

@@ -0,0 +1,28 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+
+// Module-level claim: only one FontdueProvider on a page renders
+// auxiliary UI (TestModeBanner, ThemeConfig, Tracking, ConsentBanner,
+// ServerConfigProvider). Starts false on both server and client to avoid
+// hydration mismatch; the first provider to run `useEffect` wins and flips
+// its own state to true. Relinquishes the claim on unmount so HMR and
+// route changes don't leak.
+
+let ownerId = null;
+export default function useAuxUIOwner() {
+  const [isOwner, setIsOwner] = useState(false);
+  useEffect(() => {
+    const myId = {};
+    if (ownerId == null) {
+      ownerId = myId;
+      setIsOwner(true);
+    }
+    return () => {
+      if (ownerId === myId) {
+        ownerId = null;
+      }
+    };
+  }, []);
+  return isOwner;
+}

package/dist/components/TypeTester/TypeTesterFeatures.js

@@ -108,7 +108,8 @@ function TypeTesterFeatures(_ref) {
       }
     }, columnConfig.features.filter(feature => shouldIncludeFeature(fontFeatures === null || fontFeatures === void 0 ? void 0 : fontFeatures.supportedFeatures, typeof feature === 'string' ? feature : feature.code)).map(renderFeature))));
   } else {
-    featuresColumns = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showFeatures === null || showFeatures === void 0 ? void 0 : showFeatures.filter(feature => shouldIncludeFeature(fontFeatures === null || fontFeatures === void 0 ? void 0 : fontFeatures.supportedFeatures, feature)).map(renderFeature));
+    const expanded = showFeatures !== null && showFeatures !== void 0 && showFeatures.includes('*') ? (fontFeatures === null || fontFeatures === void 0 ? void 0 : fontFeatures.supportedFeatures) ?? [] : (showFeatures ?? []).filter(feature => shouldIncludeFeature(fontFeatures === null || fontFeatures === void 0 ? void 0 : fontFeatures.supportedFeatures, feature));
+    featuresColumns = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, expanded.map(renderFeature));
   }
   const {
     height: featuresHeight,

package/dist/components/TypeTester/TypeTesterFeaturesButton.js

@@ -37,10 +37,12 @@ const TypeTesterFeaturesButton = _ref => {
   const selectedFeature = features[0];
   const fontStyle = (0, _reactRelay.useFragment)((_TypeTesterFeaturesButton_fontStyle2.default.hash && _TypeTesterFeaturesButton_fontStyle2.default.hash !== "bfda99c867db0b614314fc774911c4b0" && console.error("The definition of 'TypeTesterFeaturesButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesterFeaturesButton_fontStyle2.default), fontStyleKey);
   const {
-    featureNames
+    featureNames,
+    fontFeatures
   } = (0, _useFeaturesData.default)({
     fontStyle
   });
+  const effectiveFeatures = showFeatures !== null && showFeatures !== void 0 && showFeatures.includes('*') ? (fontFeatures === null || fontFeatures === void 0 ? void 0 : fontFeatures.supportedFeatures) ?? [] : showFeatures;
   if (config.openTypeFeatures.interactionStyle === 'panel') {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "type-tester__features-button",
@@ -55,7 +57,7 @@ const TypeTesterFeaturesButton = _ref => {
     }, config.openTypeFeatures.buttonLabel), ' ', featuresOpen ? /*#__PURE__*/_react.default.createElement(_CarrotUp.default, null) : /*#__PURE__*/_react.default.createElement(_CarrotDown.default, null)));
   }
   if (config.openTypeFeatures.interactionStyle === 'select') {
-    if (!showFeatures || showFeatures.length === 0) return null;
+    if (!effectiveFeatures || effectiveFeatures.length === 0) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "type-tester__features-select"
     }, /*#__PURE__*/_react.default.createElement(_Select.default, {
@@ -63,7 +65,7 @@ const TypeTesterFeaturesButton = _ref => {
       options: [{
         value: '',
         text: 'OT Features'
-      }].concat(showFeatures.map(feature => ({
+      }].concat(effectiveFeatures.map(feature => ({
         value: feature,
         text: featureNames[feature]
       }))),

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Alignment, Direction } from './types';
+import { Alignment, Direction, FeaturesProp } from './types';
 import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
 import { TypeTesterStandaloneQuery } from '__generated__/TypeTesterStandaloneQuery.graphql';
 interface TypeTesterStandaloneComponent_props {
@@ -7,7 +7,7 @@ interface TypeTesterStandaloneComponent_props {
     letterSpacing?: number | null;
     fontSize?: number | null;
     axes?: string[] | null;
-    features?: string[] | null;
+    features?: FeaturesProp;
     featuresSelected?: string[] | null;
     featureSettings?: {
         feature: string;

package/dist/components/TypeTester/TypeTesterStandalone.js

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _index = _interopRequireDefault(require("./index"));
 var _TypeTesterContext = _interopRequireDefault(require("./TypeTesterContext"));
+var _types = require("./types");
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _useLicenseAndOrderVariables = require("../../hooks/useLicenseAndOrderVariables");
@@ -98,7 +99,7 @@ function TypeTesterStandaloneComponent(_ref) {
     fontStyle: changedStyle ? changedStylesData.node : (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : _data$viewer.fontStyle,
     onStyleSelect: handleStyleSelect,
     axes: axes,
-    features: features,
+    features: (0, _types.normalizeFeaturesProp)(features),
     productId: ((_data$viewer2 = data.viewer) === null || _data$viewer2 === void 0 ? void 0 : (_data$viewer2$fontSty = _data$viewer2.fontStyle) === null || _data$viewer2$fontSty === void 0 ? void 0 : (_data$viewer2$fontSty2 = _data$viewer2$fontSty.family) === null || _data$viewer2$fontSty2 === void 0 ? void 0 : (_data$viewer2$fontSty3 = _data$viewer2$fontSty2.parent) === null || _data$viewer2$fontSty3 === void 0 ? void 0 : _data$viewer2$fontSty3.id) ?? ((_data$viewer3 = data.viewer) === null || _data$viewer3 === void 0 ? void 0 : (_data$viewer3$fontSty = _data$viewer3.fontStyle) === null || _data$viewer3$fontSty === void 0 ? void 0 : (_data$viewer3$fontSty2 = _data$viewer3$fontSty.family) === null || _data$viewer3$fontSty2 === void 0 ? void 0 : _data$viewer3$fontSty2.id),
     groupEdit: false,
     onFocus: onFocus,

package/dist/components/TypeTester/TypeTesterStandalone.preload.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { LoadSerializableQueryOptions, SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
+import { TypeTesterStandaloneQuery } from '../../__generated__/TypeTesterStandaloneQuery.graphql';
+import { TypeTesterStandalonePreloadedQueryRenderer } from './TypeTesterStandalone';
+export type TypeTesterPreloadedQuery = SerializablePreloadedQuery<TypeTesterStandaloneQuery>;
+export interface LoadTypeTesterQueryVariables {
+    familyName: string;
+    styleName: string;
+    selectable?: boolean;
+}
+export declare function loadTypeTesterQuery(variables: LoadTypeTesterQueryVariables, options?: LoadSerializableQueryOptions): Promise<TypeTesterPreloadedQuery>;
+type RendererProps = React.ComponentProps<typeof TypeTesterStandalonePreloadedQueryRenderer>;
+export declare function TypeTesterPreloaded(props: RendererProps): React.JSX.Element;
+export {};

package/dist/components/TypeTester/TypeTesterStandalone.preload.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import loadSerializableQuery from '../../relay/loadSerializableQuery';
+import TypeTesterStandaloneQueryNode from '../../__generated__/TypeTesterStandaloneQuery.graphql';
+import FontdueProvider from '../FontdueProvider';
+import { TypeTesterStandalonePreloadedQueryRenderer } from './TypeTesterStandalone';
+export async function loadTypeTesterQuery(variables, options) {
+  return loadSerializableQuery(TypeTesterStandaloneQueryNode, {
+    familyName: variables.familyName,
+    styleName: variables.styleName,
+    selectable: variables.selectable ?? true
+  }, options);
+}
+// Self-wraps with FontdueProvider so consumers don't need to. The provider
+// state is a module-level singleton under the hood, so multiple
+// TypeTesterPreloaded (or other *Preloaded) components on a page all share
+// one Relay env + Redux store + auxiliary UI.
+export function TypeTesterPreloaded(props) {
+  return /*#__PURE__*/React.createElement(FontdueProvider, null, /*#__PURE__*/React.createElement(TypeTesterStandalonePreloadedQueryRenderer, props));
+}

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

@@ -3,6 +3,8 @@ export type Content = EditorState;
 export type Size = number;
 export type LineHeight = number;
 export type Features = string[];
+export type FeaturesProp = ReadonlyArray<string> | '*' | null | undefined;
+export declare const normalizeFeaturesProp: (features: FeaturesProp) => ReadonlyArray<string> | null;
 export type Alignment = 'left' | 'center' | 'right';
 export type Direction = 'ltr' | 'rtl';
 export type TypeTesterAxesPosition = 'auto' | 'features-panel' | 'inline' | 'above';

package/dist/components/TypeTester/types.js

@@ -2,4 +2,13 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+exports.normalizeFeaturesProp = void 0;
+// Public-API feature prop. Accepts an array of feature codes, or the literal
+// string '*' to expose every feature the font supports.
+
+const normalizeFeaturesProp = features => features === '*' ? ['*'] : features ?? null;
+
+// controls whether the type tester editing should apply to all of the
+// testers within a group
+exports.normalizeFeaturesProp = normalizeFeaturesProp;

package/dist/components/TypeTesters/TypeTestersElement.d.ts

@@ -4,8 +4,9 @@ interface TypeTestersElementProps {
     collectionSlug?: string;
     defaultMode?: string;
     autofit?: string;
+    features?: string;
     tags?: string;
     excludeTags?: string;
 }
-declare function TypeTestersElement({ autofit, tags, excludeTags, defaultMode, ...rest }: TypeTestersElementProps): React.JSX.Element;
+declare function TypeTestersElement({ autofit, tags, excludeTags, defaultMode, features, ...rest }: TypeTestersElementProps): React.JSX.Element;
 export default TypeTestersElement;

package/dist/components/TypeTesters/TypeTestersElement.js

@@ -19,13 +19,15 @@ function TypeTestersElement(_ref) {
     tags,
     excludeTags,
     defaultMode,
+    features,
     ...rest
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_index.default, _extends({
     tags: tags === null || tags === void 0 ? void 0 : tags.split(','),
     excludeTags: excludeTags === null || excludeTags === void 0 ? void 0 : excludeTags.split(','),
     autofit: autofit ? autofit === 'true' : undefined,
-    defaultMode: getDefaultMode(defaultMode, autofit === 'true')
+    defaultMode: getDefaultMode(defaultMode, autofit === 'true'),
+    features: features === null || features === void 0 ? void 0 : features.split(',')
   }, rest));
 }
 var _default = TypeTestersElement;

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

@@ -1,12 +1,14 @@
 import React from 'react';
 import { TypeTestersIDQuery } from '../../__generated__/TypeTestersIDQuery.graphql';
 import { TypeTestersSlugQuery } from '../../__generated__/TypeTestersSlugQuery.graphql';
+import { FeaturesProp } from '../TypeTester/types';
 import { SerializablePreloadedQuery } from '../../relay/loadSerializableQuery';
 export interface TypeTesters_props {
     collectionId?: string;
     collectionSlug?: string;
     defaultMode?: 'group' | 'local';
     autofit?: boolean;
+    features?: FeaturesProp;
     tags?: string[] | null;
     excludeTags?: string[] | null;
     onFocus?: () => void;

package/dist/components/TypeTesters/index.js

@@ -23,6 +23,7 @@ var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChange
 var _TypeTestersRefetchQuery = _interopRequireDefault(require("../../__generated__/TypeTestersRefetchQuery.graphql"));
 var _TypeTester = _interopRequireDefault(require("../TypeTester"));
 var _TypeTesterFloatingToolbar = _interopRequireDefault(require("../TypeTester/TypeTesterFloatingToolbar"));
+var _types = require("../TypeTester/types");
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
 var _useLicenseAndOrderVariables = require("../../hooks/useLicenseAndOrderVariables");
 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); }
@@ -63,6 +64,7 @@ function TypeTestersComponent(_ref) {
     viewer: viewerKey,
     defaultMode,
     autofit,
+    features: featuresOverride,
     onFocus,
     onBlur,
     onToolbarOpenClose,
@@ -146,13 +148,14 @@ function TypeTestersComponent(_ref) {
     return acc;
   }, {});
   if (!testers) return null;
+  const features = (0, _types.normalizeFeaturesProp)(featuresOverride) ?? collection.typeTesterFeatures;
   return /*#__PURE__*/_react.default.createElement(_TypeTesterContext.default, {
     key: collection.id,
     defaultMode: defaultMode ?? (autofit ? 'local' : 'group'),
     testers: testers
   }, config.toolsPosition === 'floating' && /*#__PURE__*/_react.default.createElement(_TypeTesterFloatingToolbar.default, {
     testers: ((_collection$typeTeste4 = collection.typeTesters) === null || _collection$typeTeste4 === void 0 ? void 0 : (_collection$typeTeste5 = _collection$typeTeste4.edges) === null || _collection$typeTeste5 === void 0 ? void 0 : _collection$typeTeste5.map(edge => edge.node)) ?? [],
-    features: collection.typeTesterFeatures,
+    features: features,
     axes: collection.typeTesterAxes,
     onToolbarOpenClose: onToolbarOpenClose
   }), getTypeTesterGroups(collection).map((typeTesterGroup, i) => {
@@ -179,7 +182,7 @@ function TypeTestersComponent(_ref) {
         onStyleSelect: fontStyleId => handleStyleSelect(node.id, fontStyleId),
         key: j,
         productId: productId,
-        features: collection.typeTesterFeatures,
+        features: features,
         axes: collection.typeTesterAxes,
         viewer: viewer,
         tags: node.tags

package/dist/config.d.ts

@@ -0,0 +1,6 @@
+export interface FontdueConfig {
+    url?: string;
+    stripeIntegration?: 'card-element' | 'dynamic';
+}
+export declare function configure(opts: Partial<FontdueConfig>): void;
+export declare function getConfig(): Readonly<FontdueConfig>;

package/dist/config.js

@@ -0,0 +1,20 @@
+// Module-level global configuration. Consumers call `configure()` once at
+// app startup (e.g. Astro middleware, Next layout, Vite entry) and every
+// fontdue-js entry point reads defaults from here. Explicit options passed
+// to loadSerializableQuery / FontdueProvider still override.
+//
+// Per-request isolation note: `configure` sets module-level state. That's
+// fine for single-tenant apps (one URL for the whole site). Multi-tenant
+// servers that switch URL per request should pass `url` explicitly to
+// loadSerializableQuery rather than rely on configure().
+
+let current = {};
+export function configure(opts) {
+  current = {
+    ...current,
+    ...opts
+  };
+}
+export function getConfig() {
+  return current;
+}

package/dist/corsError.d.ts

@@ -1,3 +1,4 @@
+export declare function setCorsModalEnabled(enabled: boolean): void;
 export interface CorsError {
     origin: string;
     fontdueUrl: string;

package/dist/corsError.js

@@ -4,12 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.handlePossibleCorsError = handlePossibleCorsError;
+exports.setCorsModalEnabled = setCorsModalEnabled;
 var _retryImport = _interopRequireDefault(require("./retryImport"));
 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; }
 let detected = false;
 let navigating = false;
+let modalEnabled = true;
+function setCorsModalEnabled(enabled) {
+  modalEnabled = enabled;
+}
 if (typeof window !== 'undefined') {
   window.addEventListener('beforeunload', () => {
     navigating = true;
@@ -52,15 +57,17 @@ async function isCorsBlocked(fetchUrl) {
 }
 function showCorsError(origin, fetchUrl) {
   console.error(`[Fontdue] Cross-origin request to ${fetchUrl} was blocked.\n\n` + `Your website (${origin}) is not listed as an allowed origin ` + `in your Fontdue CORS settings.\n\n` + `To fix this:\n` + `1. Log in to your Fontdue dashboard\n` + `2. Go to Settings \u2192 Security\n` + `3. Add "${origin}" to the "Cross-origin API access" field\n` + `4. Save \u2014 this page will reload automatically`);
-  (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./components/CorsErrorModal')))).then(_ref => {
-    let {
-      renderCorsErrorModal
-    } = _ref;
-    renderCorsErrorModal(origin, fetchUrl);
-  }).catch(() => {
-    // Chunk failed to load — the console.error above already
-    // told the developer what's wrong.
-  });
+  if (modalEnabled) {
+    (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./components/CorsErrorModal')))).then(_ref => {
+      let {
+        renderCorsErrorModal
+      } = _ref;
+      renderCorsErrorModal(origin, fetchUrl);
+    }).catch(() => {
+      // Chunk failed to load — the console.error above already
+      // told the developer what's wrong.
+    });
+  }
   startPolling(fetchUrl);
 }
 function handlePossibleCorsError(error, fetchUrl) {

package/dist/global-shim.js

@@ -0,0 +1,8 @@
+// fbjs (transitive via draft-js) references Node's `global` at module init.
+// Browsers don't define `global`, so hydration blows up with a ReferenceError.
+// ESM evaluates imports in source order, so importing this first ensures the
+// alias is in place before fbjs/setImmediate evaluates.
+if (typeof globalThis.global === 'undefined') {
+  globalThis.global = globalThis;
+}
+export {};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { configure, getConfig } from './config';
+export type { FontdueConfig } from './config';

package/dist/index.js

@@ -0,0 +1 @@
+export { configure, getConfig } from './config';

package/dist/relay/environment.js

@@ -23,52 +23,61 @@ const CACHE_TTL = 10 * 1000; // 10 seconds, to resolve preloaded results
 function createNetworkFetch(options) {
   return async function networkFetch(request, variables) {
     const url = (FONTDUE_URL && `${FONTDUE_URL}/graphql`) ?? ((options === null || options === void 0 ? void 0 : options.url) ?? '') + '/graphql';
-    let resp;
-    try {
-      resp = await fetch(url + `?queryName=${request.name}`, {
-        method: 'POST',
-        credentials: 'include',
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json',
-          'fontdue-stripe-integration': STRIPE_INTEGRATION ?? ((options === null || options === void 0 ? void 0 : options.stripeIntegration) || 'dynamic'),
-          'fontdue-client-version': _package.version
-        },
-        body: JSON.stringify({
-          query: request.text,
-          variables
-        }),
-        // @ts-ignore
-        next: {
-          tags: ['graphql', `operation:${request.name}`]
+    for (let attempt = 0; attempt <= 2; attempt++) {
+      try {
+        const resp = await fetch(url + `?queryName=${request.name}`, {
+          method: 'POST',
+          credentials: 'include',
+          headers: {
+            Accept: 'application/json',
+            'Content-Type': 'application/json',
+            'fontdue-stripe-integration': STRIPE_INTEGRATION ?? ((options === null || options === void 0 ? void 0 : options.stripeIntegration) || 'dynamic'),
+            'fontdue-client-version': _package.version
+          },
+          body: JSON.stringify({
+            query: request.text,
+            variables
+          }),
+          // @ts-ignore
+          next: {
+            tags: ['graphql', `operation:${request.name}`]
+          }
+        });
+        const json = await resp.json();
+
+        // GraphQL returns exceptions (for example, a missing required variable) in the "errors"
+        // property of the response. If any exceptions occurred when processing the request,
+        // throw an error to indicate to the developer what went wrong.
+        if (Array.isArray(json.errors)) {
+          var _json$errors, _error$extensions;
+          const error = (_json$errors = json.errors) === null || _json$errors === void 0 ? void 0 : _json$errors[0];
+          console.error('GraphQL Error:', {
+            message: error.message,
+            code: (_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.code,
+            path: error.path
+          });
+        }
+        return json;
+      } catch (error) {
+        // Retry on network errors (TypeError) before falling through to CORS detection
+        if (attempt < 2 && error instanceof TypeError) {
+          await new Promise(resolve => setTimeout(resolve, 1000));
+          continue;
         }
-      });
-    } catch (error) {
-      if ((0, _corsError.handlePossibleCorsError)(error, url)) {
-        return {
-          data: undefined,
-          errors: [{
-            message: 'Cross-origin request blocked'
-          }]
-        };
+        if ((0, _corsError.handlePossibleCorsError)(error, url)) {
+          return {
+            data: undefined,
+            errors: [{
+              message: 'Cross-origin request blocked'
+            }]
+          };
+        }
+        throw error;
       }
-      throw error;
     }
-    const json = await resp.json();
 
-    // GraphQL returns exceptions (for example, a missing required variable) in the "errors"
-    // property of the response. If any exceptions occurred when processing the request,
-    // throw an error to indicate to the developer what went wrong.
-    if (Array.isArray(json.errors)) {
-      var _json$errors, _error$extensions;
-      const error = (_json$errors = json.errors) === null || _json$errors === void 0 ? void 0 : _json$errors[0];
-      console.error('GraphQL Error:', {
-        message: error.message,
-        code: (_error$extensions = error.extensions) === null || _error$extensions === void 0 ? void 0 : _error$extensions.code,
-        path: error.path
-      });
-    }
-    return json;
+    // Unreachable — final iteration either returns or throws
+    throw new Error('Unexpected: exhausted retries');
   };
 }
 const networkFetch = createNetworkFetch();