fontdue-js 2.20.1 → 2.22.0

package/dist-bundle/chunks/consent-DMvR5rEh.js

@@ -0,0 +1,84 @@
+const CONSENT_COOKIE = '_fontdue_cc';
+const CONSENT_EVENT = 'fontdue:consent';
+const MAX_AGE = 60 * 60 * 24 * 365; // 1 year
+
+/** Store the client-generated anonymous_id so it can be sent with consent events. */
+let clientAnonymousId;
+function setClientAnonymousId(id) {
+  clientAnonymousId = id;
+}
+function getClientAnonymousId() {
+  return clientAnonymousId;
+}
+
+/** Parse the _fontdue_cc cookie and check if it contains the given category. */
+function hasConsent(category) {
+  const match = document.cookie.match(new RegExp('(?:^|;\\s*)' + CONSENT_COOKIE + '=([^;]*)'));
+  if (!match) return false;
+  return match[1].split(',').includes(category);
+}
+
+/** Set the _fontdue_cc cookie with the given categories. */
+function setConsent(categories) {
+  document.cookie = CONSENT_COOKIE + '=' + categories.join(',') + ';path=/;max-age=' + MAX_AGE + ';SameSite=Lax;Secure';
+  window.dispatchEvent(new CustomEvent(CONSENT_EVENT, {
+    detail: {
+      categories
+    }
+  }));
+}
+
+/**
+ * Call callback when the given consent category is granted.
+ * If already granted, calls immediately. Otherwise polls (500ms) and
+ * listens for the fontdue:consent event. Returns a cleanup function.
+ */
+function onConsent(category, callback) {
+  if (hasConsent(category)) {
+    callback();
+    return () => {};
+  }
+  let called = false;
+  const check = () => {
+    if (!called && hasConsent(category)) {
+      called = true;
+      callback();
+      cleanup();
+    }
+  };
+  const interval = setInterval(check, 500);
+  window.addEventListener(CONSENT_EVENT, check);
+  const cleanup = () => {
+    clearInterval(interval);
+    window.removeEventListener(CONSENT_EVENT, check);
+  };
+  return cleanup;
+}
+
+/**
+ * Activate blocked scripts for the given consent category.
+ * Finds all <script type="text/plain" data-consent-category="<category>">
+ * elements and replaces them with executable copies.
+ */
+function activateScripts(category) {
+  const scripts = document.querySelectorAll(`script[type="text/plain"][data-consent-category="${category}"]`);
+  scripts.forEach(blocked => {
+    const script = document.createElement('script');
+
+    // Copy all attributes except type and data-consent-category
+    for (const attr of Array.from(blocked.attributes)) {
+      if (attr.name !== 'type' && attr.name !== 'data-consent-category') {
+        script.setAttribute(attr.name, attr.value);
+      }
+    }
+
+    // Copy inline content
+    if (blocked.textContent) {
+      script.textContent = blocked.textContent;
+    }
+    blocked.parentNode?.replaceChild(script, blocked);
+  });
+}
+
+export { activateScripts as a, setClientAnonymousId as b, getClientAnonymousId as g, hasConsent as h, onConsent as o, setConsent as s };
+//# sourceMappingURL=consent-DMvR5rEh.js.map

package/dist-bundle/chunks/consent-DMvR5rEh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-DMvR5rEh.js","sources":["../../src/components/ConsentBanner/consent.ts"],"sourcesContent":["const CONSENT_COOKIE = '_fontdue_cc';\nconst CONSENT_EVENT = 'fontdue:consent';\nconst MAX_AGE = 60 * 60 * 24 * 365; // 1 year\n\n/** Store the client-generated anonymous_id so it can be sent with consent events. */\nlet clientAnonymousId: string | undefined;\n\nexport function setClientAnonymousId(id: string): void {\n  clientAnonymousId = id;\n}\n\nexport function getClientAnonymousId(): string | undefined {\n  return clientAnonymousId;\n}\n\n/** Parse the _fontdue_cc cookie and check if it contains the given category. */\nexport function hasConsent(category: string): boolean {\n  const match = document.cookie.match(\n    new RegExp('(?:^|;\\\\s*)' + CONSENT_COOKIE + '=([^;]*)'),\n  );\n  if (!match) return false;\n  return match[1].split(',').includes(category);\n}\n\n/** Set the _fontdue_cc cookie with the given categories. */\nexport function setConsent(categories: string[]): void {\n  document.cookie =\n    CONSENT_COOKIE +\n    '=' +\n    categories.join(',') +\n    ';path=/;max-age=' +\n    MAX_AGE +\n    ';SameSite=Lax;Secure';\n\n  window.dispatchEvent(new CustomEvent(CONSENT_EVENT, { detail: { categories } }));\n}\n\n/**\n * Call callback when the given consent category is granted.\n * If already granted, calls immediately. Otherwise polls (500ms) and\n * listens for the fontdue:consent event. Returns a cleanup function.\n */\nexport function onConsent(\n  category: string,\n  callback: () => void,\n): () => void {\n  if (hasConsent(category)) {\n    callback();\n    return () => {};\n  }\n\n  let called = false;\n  const check = () => {\n    if (!called && hasConsent(category)) {\n      called = true;\n      callback();\n      cleanup();\n    }\n  };\n\n  const interval = setInterval(check, 500);\n  window.addEventListener(CONSENT_EVENT, check);\n\n  const cleanup = () => {\n    clearInterval(interval);\n    window.removeEventListener(CONSENT_EVENT, check);\n  };\n\n  return cleanup;\n}\n\n/**\n * Activate blocked scripts for the given consent category.\n * Finds all <script type=\"text/plain\" data-consent-category=\"<category>\">\n * elements and replaces them with executable copies.\n */\nexport function activateScripts(category: string): void {\n  const scripts = document.querySelectorAll<HTMLScriptElement>(\n    `script[type=\"text/plain\"][data-consent-category=\"${category}\"]`,\n  );\n\n  scripts.forEach((blocked) => {\n    const script = document.createElement('script');\n\n    // Copy all attributes except type and data-consent-category\n    for (const attr of Array.from(blocked.attributes)) {\n      if (attr.name !== 'type' && attr.name !== 'data-consent-category') {\n        script.setAttribute(attr.name, attr.value);\n      }\n    }\n\n    // Copy inline content\n    if (blocked.textContent) {\n      script.textContent = blocked.textContent;\n    }\n\n    blocked.parentNode?.replaceChild(script, blocked);\n  });\n}\n"],"names":["CONSENT_COOKIE","CONSENT_EVENT","MAX_AGE","clientAnonymousId","setClientAnonymousId","id","getClientAnonymousId","hasConsent","category","match","document","cookie","RegExp","split","includes","setConsent","categories","join","window","dispatchEvent","CustomEvent","detail","onConsent","callback","called","check","cleanup","interval","setInterval","addEventListener","clearInterval","removeEventListener","activateScripts","scripts","querySelectorAll","forEach","blocked","script","createElement","attr","Array","from","attributes","name","setAttribute","value","textContent","parentNode","replaceChild"],"mappings":"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"}

package/dist-bundle/chunks/index-BNSbxp7B.js

@@ -0,0 +1,78 @@
+import React__default, { useContext, useState, useEffect } from 'react';
+import { C as ConfigContext } from './ComponentsContext-CmkN9J4X.js';
+import { u as useFontdueUrl } from './index-C4ak9qTL.js';
+import { s as setConsent, a as activateScripts, g as getClientAnonymousId } from './consent-DMvR5rEh.js';
+import '../index.js';
+
+const DEFAULT_MESSAGE = 'We use cookies to analyze site usage and improve your\u00A0experience.';
+const ConsentBanner = () => {
+  const config = useContext(ConfigContext);
+  const url = useFontdueUrl();
+
+  // Start dismissed to avoid hydration mismatch (server has no document.cookie).
+  // Check on the client in useEffect.
+  const [dismissed, setDismissed] = useState(true);
+  useEffect(() => {
+    if (!config.tracking.consentRequired) return;
+    if (!document.cookie.includes('_fontdue_cc=')) {
+      setDismissed(false);
+    }
+  }, [config.tracking.consentRequired]);
+  if (dismissed) return null;
+  const message = config.tracking.consentMessage || DEFAULT_MESSAGE;
+  const sendConsentEvent = categories => {
+    // Fire a tracking event so the server sets the _fontdue_state cookie
+    // on this response (rather than waiting for the next page load).
+    // Include the client anonymous_id so it gets synced to the cookie.
+    const body = {
+      event: 'Consent Granted',
+      properties: {
+        categories: categories.join(',')
+      }
+    };
+    const anonId = getClientAnonymousId();
+    if (anonId) body.anonymous_id = anonId;
+    fetch(`${url}/api/track`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      credentials: 'include',
+      body: JSON.stringify(body)
+    }).catch(() => {});
+  };
+  const handleAcceptAll = () => {
+    setConsent(['necessary', 'analytics']);
+    activateScripts('analytics');
+    if (config.tracking.enabled) {
+      sendConsentEvent(['necessary', 'analytics']);
+    }
+    setDismissed(true);
+  };
+  const handleReject = () => {
+    setConsent(['necessary']);
+    setDismissed(true);
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "fontdue-consent-banner",
+    role: "region",
+    "aria-label": "Cookie consent"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "fontdue-consent-banner__container"
+  }, /*#__PURE__*/React__default.createElement("p", {
+    className: "fontdue-consent-banner__message"
+  }, message), /*#__PURE__*/React__default.createElement("div", {
+    className: "fontdue-consent-banner__actions"
+  }, /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
+    className: "fontdue-consent-banner__button fontdue-consent-banner__button--secondary",
+    onClick: handleReject
+  }, "Necessary only"), /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
+    className: "fontdue-consent-banner__button fontdue-consent-banner__button--primary",
+    onClick: handleAcceptAll
+  }, "Accept all"))));
+};
+
+export { ConsentBanner as default };
+//# sourceMappingURL=index-BNSbxp7B.js.map

package/dist-bundle/chunks/index-BNSbxp7B.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BNSbxp7B.js","sources":["../../src/components/ConsentBanner/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport ConfigContext from '../ConfigContext';\nimport { useFontdueUrl } from '../UrlContext';\nimport { setConsent, activateScripts, getClientAnonymousId } from './consent';\n\nconst DEFAULT_MESSAGE =\n  'We use cookies to analyze site usage and improve your\\u00A0experience.';\n\nconst ConsentBanner = () => {\n  const config = useContext(ConfigContext);\n  const url = useFontdueUrl();\n\n  // Start dismissed to avoid hydration mismatch (server has no document.cookie).\n  // Check on the client in useEffect.\n  const [dismissed, setDismissed] = useState(true);\n\n  useEffect(() => {\n    if (!config.tracking.consentRequired) return;\n    if (!document.cookie.includes('_fontdue_cc=')) {\n      setDismissed(false);\n    }\n  }, [config.tracking.consentRequired]);\n\n  if (dismissed) return null;\n\n  const message = config.tracking.consentMessage || DEFAULT_MESSAGE;\n\n  const sendConsentEvent = (categories: string[]) => {\n    // Fire a tracking event so the server sets the _fontdue_state cookie\n    // on this response (rather than waiting for the next page load).\n    // Include the client anonymous_id so it gets synced to the cookie.\n    const body: Record<string, unknown> = {\n      event: 'Consent Granted',\n      properties: { categories: categories.join(',') },\n    };\n    const anonId = getClientAnonymousId();\n    if (anonId) body.anonymous_id = anonId;\n\n    fetch(`${url}/api/track`, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      credentials: 'include',\n      body: JSON.stringify(body),\n    }).catch(() => {});\n  };\n\n  const handleAcceptAll = () => {\n    setConsent(['necessary', 'analytics']);\n    activateScripts('analytics');\n    if (config.tracking.enabled) {\n      sendConsentEvent(['necessary', 'analytics']);\n    }\n    setDismissed(true);\n  };\n\n  const handleReject = () => {\n    setConsent(['necessary']);\n    setDismissed(true);\n  };\n\n  return (\n    <div className=\"fontdue-consent-banner\" role=\"region\" aria-label=\"Cookie consent\">\n      <div className=\"fontdue-consent-banner__container\">\n        <p className=\"fontdue-consent-banner__message\">{message}</p>\n        <div className=\"fontdue-consent-banner__actions\">\n          <button\n            type=\"button\"\n            className=\"fontdue-consent-banner__button fontdue-consent-banner__button--secondary\"\n            onClick={handleReject}\n          >\n            Necessary only\n          </button>\n          <button\n            type=\"button\"\n            className=\"fontdue-consent-banner__button fontdue-consent-banner__button--primary\"\n            onClick={handleAcceptAll}\n          >\n            Accept all\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ConsentBanner;\n"],"names":["DEFAULT_MESSAGE","ConsentBanner","config","useContext","ConfigContext","url","useFontdueUrl","dismissed","setDismissed","useState","useEffect","tracking","consentRequired","document","cookie","includes","message","consentMessage","sendConsentEvent","categories","body","event","properties","join","anonId","getClientAnonymousId","anonymous_id","fetch","method","headers","credentials","JSON","stringify","catch","handleAcceptAll","setConsent","activateScripts","enabled","handleReject","React","createElement","className","role","type","onClick"],"mappings":"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"}

package/dist-bundle/chunks/index-C4ak9qTL.js

@@ -0,0 +1,423 @@
+import { r as reactRelayExports, u as useCurrentEnvironment, m as makeConfig, P as Provider_default, C as ConfigContext, a as ComponentsContext, b as createDefaultStore, d as retryImport, _ as _extends } from './ComponentsContext-CmkN9J4X.js';
+import React__default, { Component, createElement, createContext, useContext, Suspense, useRef, lazy, useState, useEffect } from 'react';
+
+const ErrorBoundaryContext = createContext(null);
+
+const initialState = {
+  didCatch: false,
+  error: null
+};
+class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
+    this.state = initialState;
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      didCatch: true,
+      error
+    };
+  }
+  resetErrorBoundary() {
+    const {
+      error
+    } = this.state;
+    if (error !== null) {
+      var _this$props$onReset, _this$props;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
+        args,
+        reason: "imperative-api"
+      });
+      this.setState(initialState);
+    }
+  }
+  componentDidCatch(error, info) {
+    var _this$props$onError, _this$props2;
+    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const {
+      didCatch
+    } = this.state;
+    const {
+      resetKeys
+    } = this.props;
+
+    // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,
+    // we'd end up resetting the error boundary immediately.
+    // This would likely trigger a second error to be thrown.
+    // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.
+
+    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+      var _this$props$onReset2, _this$props3;
+      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
+        next: resetKeys,
+        prev: prevProps.resetKeys,
+        reason: "keys"
+      });
+      this.setState(initialState);
+    }
+  }
+  render() {
+    const {
+      children,
+      fallbackRender,
+      FallbackComponent,
+      fallback
+    } = this.props;
+    const {
+      didCatch,
+      error
+    } = this.state;
+    let childToRender = children;
+    if (didCatch) {
+      const props = {
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (typeof fallbackRender === "function") {
+        childToRender = fallbackRender(props);
+      } else if (FallbackComponent) {
+        childToRender = createElement(FallbackComponent, props);
+      } else if (fallback !== undefined) {
+        childToRender = fallback;
+      } else {
+        throw error;
+      }
+    }
+    return createElement(ErrorBoundaryContext.Provider, {
+      value: {
+        didCatch,
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      }
+    }, childToRender);
+  }
+}
+function hasArrayChanged() {
+  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
+}
+
+/**
+ * @generated SignedSource<<e395904ea5bda751df1ca67f9c74ac55>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node$1 = 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$1.hash = "60ad67ee88ec6b74dd04bdf5572e7faf";
+
+function TestModeBannerComponent({
+  data
+}) {
+  const isActive = data?.viewer?.testMode?.isActive;
+
+  // hide the banner completely if we're in live mode
+  if (!isActive) return null;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "test-mode-banner__banner",
+    "data-test-mode": isActive
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "test-mode-banner__content"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "test-mode-banner__title"
+  }, "Viewing test data")));
+}
+const query$1 = (node$1.hash && node$1.hash !== "60ad67ee88ec6b74dd04bdf5572e7faf" && console.error("The definition of 'TestModeBannerQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), node$1);
+function TestModeBanner() {
+  const data = reactRelayExports.useLazyLoadQuery(query$1, {});
+  return /*#__PURE__*/React__default.createElement(TestModeBannerComponent, {
+    data: data
+  });
+}
+
+/**
+ * @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";
+
+// gets the custom properties entered by users in the admin panel,
+// which also includes default values. we put the defaults there instead of
+// every call to var() so that we have defaults all in one place
+
+function ThemeConfigComponent({
+  data
+}) {
+  const props = data.viewer.themeConfig?.customProperties ?? [];
+  return /*#__PURE__*/React__default.createElement("style", {
+    type: "text/css"
+  }, `:root { ${props.join(';')} }`);
+}
+const query = (node.hash && node.hash !== "c259bee038c4d2ea14c758fba3381f57" && console.error("The definition of 'ThemeConfigQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), node);
+function ThemeConfig() {
+  const data = reactRelayExports.useLazyLoadQuery(query, {});
+  return /*#__PURE__*/React__default.createElement(ThemeConfigComponent, {
+    data: data
+  });
+}
+
+const FONTDUE_URL = typeof process !== 'undefined' ? process.env.NEXT_PUBLIC_FONTDUE_URL : undefined;
+const UrlContext = /*#__PURE__*/createContext(FONTDUE_URL ?? '');
+function useFontdueUrl() {
+  return useContext(UrlContext);
+}
+
+const IS_SERVER = typeof window === typeof undefined;
+
+// Client-side Redux store is a module-level singleton so multiple
+// FontdueProviders on a page (e.g. one per Astro island) share cart state,
+// user state, etc. Server-side stays per-render.
+let clientStore = null;
+function useSharedStore(providedStore, config) {
+  const ref = useRef(null);
+  if (providedStore) return providedStore;
+  if (IS_SERVER) {
+    if (ref.current == null) ref.current = createDefaultStore(config);
+    return ref.current;
+  }
+  if (clientStore == null) clientStore = createDefaultStore(config);
+  return clientStore;
+}
+const ConsentBanner = /*#__PURE__*/lazy(() => retryImport(() => import('./index-BNSbxp7B.js')));
+const Tracking = /*#__PURE__*/lazy(() => retryImport(() => import('./index-DsvF5W13.js')));
+const ServerConfigProvider = /*#__PURE__*/lazy(() => retryImport(() => import('./index-o29NNufd.js')));
+function FontdueProviderClientComponent({
+  children,
+  url,
+  stripeIntegration,
+  config,
+  components,
+  store,
+  renderAuxUI
+}) {
+  const environment = useCurrentEnvironment({
+    url,
+    stripeIntegration
+  });
+  const configValue = makeConfig(config);
+  const sharedStore = useSharedStore(store, config);
+  return /*#__PURE__*/React__default.createElement(reactRelayExports.RelayEnvironmentProvider, {
+    environment: environment
+  }, /*#__PURE__*/React__default.createElement(Provider_default, {
+    store: sharedStore
+  }, /*#__PURE__*/React__default.createElement(Suspense, {
+    fallback: null
+  }, /*#__PURE__*/React__default.createElement(ConfigContext.Provider, {
+    value: configValue
+  }, /*#__PURE__*/React__default.createElement(UrlContext.Provider, {
+    value: url ?? (typeof process !== 'undefined' ? process.env.NEXT_PUBLIC_FONTDUE_URL : undefined) ?? ''
+  }, /*#__PURE__*/React__default.createElement(ComponentsContext.Provider, {
+    value: components ?? {}
+  }, children, renderAuxUI && /*#__PURE__*/React__default.createElement(ErrorBoundary, {
+    fallback: null
+  }, /*#__PURE__*/React__default.createElement(Suspense, {
+    fallback: null
+  }, /*#__PURE__*/React__default.createElement(ServerConfigProvider, {
+    codeConfig: config
+  }, /*#__PURE__*/React__default.createElement(ConsentBanner, null), /*#__PURE__*/React__default.createElement(Tracking, null))))))))));
+}
+
+// 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;
+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;
+}
+
+// Wrap each aux UI component in its own Suspense + ErrorBoundary so that its
+// query suspending (useLazyLoadQuery fetches on first client render) or
+// failing (CORS / offline / etc.) can't blank out the consumer's rendered
+// children. Without this, TestModeBanner's TestModeBannerQuery suspends the
+// whole provider subtree on hydration and the user sees a visible
+// unmount/remount flash on the TypeTester.
+function IsolatedAuxUI({
+  children
+}) {
+  return /*#__PURE__*/React__default.createElement(ErrorBoundary, {
+    fallback: null
+  }, /*#__PURE__*/React__default.createElement(Suspense, {
+    fallback: null
+  }, children));
+}
+const FontdueProvider = ({
+  children,
+  ...rest
+}) => {
+  const isAuxOwner = useAuxUIOwner();
+  return /*#__PURE__*/React__default.createElement(FontdueProviderClientComponent, _extends({}, rest, {
+    renderAuxUI: isAuxOwner
+  }), isAuxOwner && /*#__PURE__*/React__default.createElement(IsolatedAuxUI, null, /*#__PURE__*/React__default.createElement(TestModeBanner, null)), isAuxOwner && /*#__PURE__*/React__default.createElement(IsolatedAuxUI, null, /*#__PURE__*/React__default.createElement(ThemeConfig, null)), children);
+};
+
+export { FontdueProvider as F, useFontdueUrl as u };
+//# sourceMappingURL=index-C4ak9qTL.js.map