fontdue-js 2.28.0 → 3.0.0-alpha10

package/dist/components/CollectionAa/index.js

@@ -1,20 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CollectionAa = void 0;
-var _CollectionAa_Query2 = _interopRequireDefault(require("../../__generated__/CollectionAa_Query.graphql"));
-var _CollectionAa_product2 = _interopRequireDefault(require("../../__generated__/CollectionAa_product.graphql"));
-var _react = _interopRequireDefault(require("react"));
-var _reactRelay = require("react-relay");
-var _FontStyle = _interopRequireDefault(require("../FontStyle"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CollectionAa = _ref => {
+import _CollectionAa_Query from "../../__generated__/CollectionAa_Query.graphql.js";
+import _CollectionAa_product from "../../__generated__/CollectionAa_product.graphql.js";
+import React from 'react';
+import { graphql, useFragment, useLazyLoadQuery } from 'react-relay';
+import FontStyle from '../FontStyle/index.js';
+export const CollectionAa = _ref => {
   let {
     product: productKey
   } = _ref;
-  const product = (0, _reactRelay.useFragment)((_CollectionAa_product2.default.hash && _CollectionAa_product2.default.hash !== "c6b0113fe8474166dab3649c41880d84" && console.error("The definition of 'CollectionAa_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CollectionAa_product2.default), productKey);
+  const product = useFragment((_CollectionAa_product.hash && _CollectionAa_product.hash !== "c6b0113fe8474166dab3649c41880d84" && console.error("The definition of 'CollectionAa_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CollectionAa_product), productKey);
   let fontStyle;
   if ((product === null || product === void 0 ? void 0 : product.__typename) === 'Bundle') {
     var _product$fontStyles;
@@ -23,19 +16,17 @@ const CollectionAa = _ref => {
     fontStyle = product.featureStyle;
   }
   if (!fontStyle) return null;
-  return /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+  return /*#__PURE__*/React.createElement(FontStyle, {
     fontStyle: fontStyle
-  }, /*#__PURE__*/_react.default.createElement("span", null, "A"), /*#__PURE__*/_react.default.createElement("span", null, "a"));
+  }, /*#__PURE__*/React.createElement("span", null, "A"), /*#__PURE__*/React.createElement("span", null, "a"));
 };
-exports.CollectionAa = CollectionAa;
 function CollectionAaQueryRenderer(_ref2) {
   let {
     collectionId
   } = _ref2;
-  const data = (0, _reactRelay.useLazyLoadQuery)((_CollectionAa_Query2.default.hash && _CollectionAa_Query2.default.hash !== "fbe1f59d074d964464c71ea00d2bd90f" && console.error("The definition of 'CollectionAa_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CollectionAa_Query2.default), {
+  const data = useLazyLoadQuery((_CollectionAa_Query.hash && _CollectionAa_Query.hash !== "fbe1f59d074d964464c71ea00d2bd90f" && console.error("The definition of 'CollectionAa_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CollectionAa_Query), {
     collectionId
   });
-  return /*#__PURE__*/_react.default.createElement(CollectionAa, data);
+  return /*#__PURE__*/React.createElement(CollectionAa, data);
 }
-var _default = CollectionAaQueryRenderer;
-exports.default = _default;
+export default CollectionAaQueryRenderer;

package/dist/components/ComponentsContext.d.ts

@@ -1,5 +1,5 @@
 import React, { type JSX } from 'react';
-import { Download_order$data } from '../__generated__/Download_order.graphql';
+import { Download_order$data } from '../__generated__/Download_order.graphql.js';
 export interface Download_moduleProps {
     open: boolean;
     dismiss: () => void;

package/dist/components/ComponentsContext.js

@@ -1,11 +1,5 @@
-"use strict";
+'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ComponentsContext = /*#__PURE__*/_react.default.createContext({});
-var _default = ComponentsContext;
-exports.default = _default;
+import React from 'react';
+const ComponentsContext = /*#__PURE__*/React.createContext({});
+export default ComponentsContext;

package/dist/components/ConfigContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TypeTesterConfig } from './TypeTester';
-import { StoreModalConfig } from './StoreModal/types';
+import { TypeTesterConfig } from './TypeTester/index.js';
+import { StoreModalConfig } from './StoreModal/types.js';
 import { Appearance } from '@stripe/stripe-js';
 interface FormConfig {
     checkboxStyle?: 'check' | 'cross';
@@ -31,6 +31,7 @@ export interface Config {
     tracking?: TrackingConfig;
     corsErrorModal?: boolean;
 }
+export declare const mergeConfig: (base?: Config, override?: Config) => Config;
 export declare const makeConfig: (config?: Config) => {
     typeTester: {
         autofitOnChange: boolean;
@@ -44,9 +45,9 @@ export declare const makeConfig: (config?: Config) => {
         selectable: boolean;
         priceBar: boolean;
         textInput: boolean;
-        initialMode: "group" | "local";
+        initialMode: "local" | "group";
         groupEdit: boolean;
-        bulletStyle: "square" | "round";
+        bulletStyle: "round" | "square";
         openTypeFeatures: {
             buttonLabel: string;
             interactionStyle: "select" | "panel";
@@ -59,9 +60,9 @@ export declare const makeConfig: (config?: Config) => {
             }[] | undefined;
             selectionStyle: "checkbox" | "bullet";
         };
-        variableAxesPosition: import("./TypeTester/types").TypeTesterAxesPosition;
+        variableAxesPosition: import("./TypeTester/types.js").TypeTesterAxesPosition;
         alignmentButtons: boolean;
-        initialAlignment: import("./TypeTester/types").Alignment;
+        initialAlignment: import("./TypeTester/types.js").Alignment;
         size: {
             label: string | false;
             min: number;
@@ -89,7 +90,7 @@ export declare const makeConfig: (config?: Config) => {
     storeModal: {
         indexLayout: "styled-aa" | "styled-font-names";
         indexExcludeTags: string[] | undefined;
-        productLicensesPosition: "top" | "bottom";
+        productLicensesPosition: "bottom" | "top";
         hideAllCollections: boolean;
     };
     stripe: {
@@ -116,9 +117,9 @@ declare const _default: React.Context<{
         selectable: boolean;
         priceBar: boolean;
         textInput: boolean;
-        initialMode: "group" | "local";
+        initialMode: "local" | "group";
         groupEdit: boolean;
-        bulletStyle: "square" | "round";
+        bulletStyle: "round" | "square";
         openTypeFeatures: {
             buttonLabel: string;
             interactionStyle: "select" | "panel";
@@ -131,9 +132,9 @@ declare const _default: React.Context<{
             }[] | undefined;
             selectionStyle: "checkbox" | "bullet";
         };
-        variableAxesPosition: import("./TypeTester/types").TypeTesterAxesPosition;
+        variableAxesPosition: import("./TypeTester/types.js").TypeTesterAxesPosition;
         alignmentButtons: boolean;
-        initialAlignment: import("./TypeTester/types").Alignment;
+        initialAlignment: import("./TypeTester/types.js").Alignment;
         size: {
             label: string | false;
             min: number;
@@ -161,7 +162,7 @@ declare const _default: React.Context<{
     storeModal: {
         indexLayout: "styled-aa" | "styled-font-names";
         indexExcludeTags: string[] | undefined;
-        productLicensesPosition: "top" | "bottom";
+        productLicensesPosition: "bottom" | "top";
         hideAllCollections: boolean;
     };
     stripe: {

package/dist/components/ConfigContext.js

@@ -1,11 +1,6 @@
-"use strict";
+'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.makeConfig = exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import React from 'react';
 const makeTypeTesterConfig = config => {
   var _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$openTypeFeatu4, _config$size, _config$size2, _config$size3, _config$lineHeight, _config$lineHeight2, _config$lineHeight3, _config$letterSpacing, _config$letterSpacing2, _config$letterSpacing3, _config$columns, _config$columns2, _config$columns3;
   let shy = (config === null || config === void 0 ? void 0 : config.shy) ?? false;
@@ -58,7 +53,32 @@ const makeTypeTesterConfig = config => {
     }
   };
 };
-const makeConfig = config => {
+const isPlainObject = value => typeof value === 'object' && value !== null && !Array.isArray(value);
+function deepMerge(base, override) {
+  const result = {
+    ...base
+  };
+  for (const key of Object.keys(override)) {
+    const overrideValue = override[key];
+    // A partial override should never clobber a set base value with `undefined`.
+    if (overrideValue === undefined) continue;
+    const baseValue = base[key];
+    result[key] = isPlainObject(baseValue) && isPlainObject(overrideValue) ? deepMerge(baseValue, overrideValue) : overrideValue;
+  }
+  return result;
+}
+
+// Deep-merges `override` onto `base` for the (raw, pre-`makeConfig`) config
+// tree. Nested objects merge recursively; arrays and scalars in `override`
+// replace the corresponding base value. Used to layer a per-component config
+// onto the config it inherits — see EnsureFontdueContext — so the component's
+// keys win while everything else is preserved.
+export const mergeConfig = (base, override) => {
+  if (!base) return override ?? {};
+  if (!override) return base;
+  return deepMerge(base, override);
+};
+export const makeConfig = config => {
   var _config$form, _config$storeModal, _config$storeModal2, _config$storeModal3, _config$storeModal4, _config$stripe, _config$tracking, _config$tracking2, _config$tracking3, _config$tracking4;
   return {
     typeTester: makeTypeTesterConfig(config === null || config === void 0 ? void 0 : config.typeTester),
@@ -84,6 +104,4 @@ const makeConfig = config => {
     corsErrorModal: (config === null || config === void 0 ? void 0 : config.corsErrorModal) ?? true
   };
 };
-exports.makeConfig = makeConfig;
-var _default = /*#__PURE__*/_react.default.createContext(makeConfig());
-exports.default = _default;
+export default /*#__PURE__*/React.createContext(makeConfig());

package/dist/components/ConsentBanner/consent.js

@@ -1,36 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.activateScripts = activateScripts;
-exports.getClientAnonymousId = getClientAnonymousId;
-exports.hasConsent = hasConsent;
-exports.onConsent = onConsent;
-exports.setClientAnonymousId = setClientAnonymousId;
-exports.setConsent = setConsent;
 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) {
+export function setClientAnonymousId(id) {
   clientAnonymousId = id;
 }
-function getClientAnonymousId() {
+export function getClientAnonymousId() {
   return clientAnonymousId;
 }
 
 /** Parse the _fontdue_cc cookie and check if it contains the given category. */
-function hasConsent(category) {
+export 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) {
+export function setConsent(categories) {
   document.cookie = CONSENT_COOKIE + '=' + categories.join(',') + ';path=/;max-age=' + MAX_AGE + ';SameSite=Lax;Secure';
   window.dispatchEvent(new CustomEvent(CONSENT_EVENT, {
     detail: {
@@ -44,7 +33,7 @@ function setConsent(categories) {
  * If already granted, calls immediately. Otherwise polls (500ms) and
  * listens for the fontdue:consent event. Returns a cleanup function.
  */
-function onConsent(category, callback) {
+export function onConsent(category, callback) {
   if (hasConsent(category)) {
     callback();
     return () => {};
@@ -71,7 +60,7 @@ function onConsent(category, callback) {
  * Finds all <script type="text/plain" data-consent-category="<category>">
  * elements and replaces them with executable copies.
  */
-function activateScripts(category) {
+export function activateScripts(category) {
   const scripts = document.querySelectorAll(`script[type="text/plain"][data-consent-category="${category}"]`);
   scripts.forEach(blocked => {
     var _blocked$parentNode;

package/dist/components/ConsentBanner/index.js

@@ -1,25 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _UrlContext = require("../UrlContext");
-var _consent = require("./consent");
-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; }
+import React, { useContext, useEffect, useState } from 'react';
+import ConfigContext from '../ConfigContext.js';
+import { useFontdueUrl } from '../UrlContext.js';
+import { setConsent, activateScripts, getClientAnonymousId } from './consent.js';
 const DEFAULT_MESSAGE = 'We use cookies to analyze site usage and improve your\u00A0experience.';
 const ConsentBanner = () => {
-  const config = (0, _react.useContext)(_ConfigContext.default);
-  const url = (0, _UrlContext.useFontdueUrl)();
+  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] = (0, _react.useState)(true);
-  (0, _react.useEffect)(() => {
+  const [dismissed, setDismissed] = useState(true);
+  useEffect(() => {
     if (!config.tracking.consentRequired) return;
     if (!document.cookie.includes('_fontdue_cc=')) {
       setDismissed(false);
@@ -37,7 +28,7 @@ const ConsentBanner = () => {
         categories: categories.join(',')
       }
     };
-    const anonId = (0, _consent.getClientAnonymousId)();
+    const anonId = getClientAnonymousId();
     if (anonId) body.anonymous_id = anonId;
     fetch(`${url}/api/track`, {
       method: 'POST',
@@ -49,36 +40,35 @@ const ConsentBanner = () => {
     }).catch(() => {});
   };
   const handleAcceptAll = () => {
-    (0, _consent.setConsent)(['necessary', 'analytics']);
-    (0, _consent.activateScripts)('analytics');
+    setConsent(['necessary', 'analytics']);
+    activateScripts('analytics');
     if (config.tracking.enabled) {
       sendConsentEvent(['necessary', 'analytics']);
     }
     setDismissed(true);
   };
   const handleReject = () => {
-    (0, _consent.setConsent)(['necessary']);
+    setConsent(['necessary']);
     setDismissed(true);
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "fontdue-consent-banner",
     role: "region",
     "aria-label": "Cookie consent"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "fontdue-consent-banner__container"
-  }, /*#__PURE__*/_react.default.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: "fontdue-consent-banner__message"
-  }, message), /*#__PURE__*/_react.default.createElement("div", {
+  }, message), /*#__PURE__*/React.createElement("div", {
     className: "fontdue-consent-banner__actions"
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "fontdue-consent-banner__button fontdue-consent-banner__button--secondary",
     onClick: handleReject
-  }, "Necessary only"), /*#__PURE__*/_react.default.createElement("button", {
+  }, "Necessary only"), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "fontdue-consent-banner__button fontdue-consent-banner__button--primary",
     onClick: handleAcceptAll
   }, "Accept all"))));
 };
-var _default = ConsentBanner;
-exports.default = _default;
+export default ConsentBanner;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+interface CookieNotificationProps {
+    siteTitle?: string;
+}
+interface CookieNotificationState {
+    dismissed: boolean;
+}
+export default class CookieNotification extends React.Component<CookieNotificationProps, CookieNotificationState> {
+    constructor(props: CookieNotificationProps);
+    dismiss: () => void;
+    render(): React.JSX.Element | null;
+}
+export {};

package/dist/components/CookieNotification/index.js

@@ -1,77 +1,70 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _store = _interopRequireDefault(require("store"));
-var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-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); }
+import React from 'react';
+// @ts-ignore — `store` package has no published types
+import store from 'store';
+import ComponentsContext from '../ComponentsContext.js';
 const DefaultCookieNotification = _ref => {
   let {
     onDismiss,
     open,
     siteTitle
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "cookie-notification",
     "data-open": open
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "cookie-notification__container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "cookie-notification__text-container"
-  }, /*#__PURE__*/_react.default.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: "cookie-notification__label"
-  }, siteTitle, " website uses cookies"), /*#__PURE__*/_react.default.createElement("p", {
+  }, siteTitle, " website uses cookies"), /*#__PURE__*/React.createElement("p", {
     className: "cookie-notification__text"
-  }, "We use cookies to ensure that we give you the best experience. By continuing to visit this site you agree to receive cookies from generaltypestudio.com. You can read more about cookies in our ", /*#__PURE__*/_react.default.createElement("a", {
+  }, "We use cookies to ensure that we give you the best experience. By continuing to visit this site you agree to receive cookies from generaltypestudio.com. You can read more about cookies in our ", /*#__PURE__*/React.createElement("a", {
     href: "/privacy-policy"
-  }, "privacy policy"), ".")), /*#__PURE__*/_react.default.createElement("div", {
+  }, "privacy policy"), ".")), /*#__PURE__*/React.createElement("div", {
     className: "cookie-notification__button-container"
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "cookie-notification__button",
     onClick: onDismiss
   }, "Got it"))));
 };
-const GetComponent = _ref2 => {
+function GetComponent(_ref2) {
   let {
     name,
     fallback,
     children
   } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Consumer, null, components => {
+  return /*#__PURE__*/React.createElement(ComponentsContext.Consumer, null, components => {
     const Component = components[name] || fallback;
     return children(Component);
   });
-};
+}
 const CookieNotificationBase = _ref3 => {
   let {
     siteTitle,
     dismiss,
     open
   } = _ref3;
-  return /*#__PURE__*/_react.default.createElement(GetComponent, {
+  return /*#__PURE__*/React.createElement(GetComponent, {
     name: "CookieNotification",
-    fallback: DefaultCookieNotification,
-    open: open
-  }, Component => /*#__PURE__*/_react.default.createElement(Component, {
+    fallback: DefaultCookieNotification
+  }, Component => /*#__PURE__*/React.createElement(Component, {
     onDismiss: dismiss,
     siteTitle: siteTitle,
     open: open
   }));
 };
-class CookieNotification extends _react.default.Component {
+export default class CookieNotification extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      dismissed: _store.default.get('userAgreedCookies') || false
+      dismissed: store.get('userAgreedCookies') || false
     };
   }
   dismiss = () => {
-    _store.default.set('userAgreedCookies', true);
+    store.set('userAgreedCookies', true);
     this.setState({
       dismissed: true
     });
@@ -81,10 +74,9 @@ class CookieNotification extends _react.default.Component {
       dismissed
     } = this.state;
     if (dismissed) return null;
-    return /*#__PURE__*/_react.default.createElement(CookieNotificationBase, _extends({
+    return /*#__PURE__*/React.createElement(CookieNotificationBase, _extends({
       dismiss: this.dismiss,
       open: true
     }, this.props));
   }
-}
-exports.default = CookieNotification;
+}

package/dist/components/CorsErrorModal.js

@@ -1,12 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderCorsErrorModal = renderCorsErrorModal;
-var _react = _interopRequireDefault(require("react"));
-var _client = require("react-dom/client");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import React from 'react';
+import { createRoot } from 'react-dom/client';
 const code = {
   background: '#fef2f2',
   padding: '2px 6px',
@@ -24,7 +17,7 @@ function CorsErrorModal(_ref) {
   } catch {
     // keep as-is
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'fixed',
       inset: 0,
@@ -37,7 +30,7 @@ function CorsErrorModal(_ref) {
       fontSize: 14,
       lineHeight: 1.6
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       background: 'white',
       color: '#1f2937',
@@ -49,22 +42,22 @@ function CorsErrorModal(_ref) {
       boxShadow: '0 8px 30px rgba(0,0,0,0.12)',
       textAlign: 'left'
     }
-  }, /*#__PURE__*/_react.default.createElement("strong", {
+  }, /*#__PURE__*/React.createElement("strong", {
     style: {
       fontSize: 16,
       color: '#dc2626'
     }
-  }, "Cross-origin request blocked"), /*#__PURE__*/_react.default.createElement("p", {
+  }, "Cross-origin request blocked"), /*#__PURE__*/React.createElement("p", {
     style: {
       margin: '12px 0 0'
     }
-  }, "Your website (", /*#__PURE__*/_react.default.createElement("code", {
+  }, "Your website (", /*#__PURE__*/React.createElement("code", {
     style: code
-  }, origin), ") is not allowed to connect to your Fontdue store."), /*#__PURE__*/_react.default.createElement("p", {
+  }, origin), ") is not allowed to connect to your Fontdue store."), /*#__PURE__*/React.createElement("p", {
     style: {
       margin: '12px 0 0'
     }
-  }, "To fix this, go to", ' ', /*#__PURE__*/_react.default.createElement("a", {
+  }, "To fix this, go to", ' ', /*#__PURE__*/React.createElement("a", {
     href: `${settingsOrigin}/admin/settings/security`,
     target: "_blank",
     rel: "noreferrer",
@@ -72,9 +65,9 @@ function CorsErrorModal(_ref) {
       color: '#dc2626',
       fontWeight: 500
     }
-  }, "Settings \u2192 Security"), ' ', "in your Fontdue dashboard, and add ", /*#__PURE__*/_react.default.createElement("code", {
+  }, "Settings \u2192 Security"), ' ', "in your Fontdue dashboard, and add ", /*#__PURE__*/React.createElement("code", {
     style: code
-  }, origin), " to the", ' ', /*#__PURE__*/_react.default.createElement("strong", null, "Cross-origin API access"), " field."), /*#__PURE__*/_react.default.createElement("p", {
+  }, origin), " to the", ' ', /*#__PURE__*/React.createElement("strong", null, "Cross-origin API access"), " field."), /*#__PURE__*/React.createElement("p", {
     style: {
       margin: '16px 0 0',
       color: '#6b7280',
@@ -85,12 +78,12 @@ function CorsErrorModal(_ref) {
 function mount(origin, fontdueUrl) {
   const container = document.createElement('div');
   document.body.appendChild(container);
-  (0, _client.createRoot)(container).render( /*#__PURE__*/_react.default.createElement(CorsErrorModal, {
+  createRoot(container).render( /*#__PURE__*/React.createElement(CorsErrorModal, {
     origin: origin,
     fontdueUrl: fontdueUrl
   }));
 }
-function renderCorsErrorModal(origin, fontdueUrl) {
+export function renderCorsErrorModal(origin, fontdueUrl) {
   if (document.body) {
     mount(origin, fontdueUrl);
   } else {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CouponText_coupon$key } from '__generated__/CouponText_coupon.graphql';
+import { CouponText_coupon$key } from '__generated__/CouponText_coupon.graphql.js';
 interface CouponText_props {
     coupon: CouponText_coupon$key;
     subtract?: number;

package/dist/components/CouponText/index.js

@@ -1,37 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CouponText;
-var _CouponText_coupon2 = _interopRequireDefault(require("../../__generated__/CouponText_coupon.graphql"));
-var _reactRelay = require("react-relay");
-var _react = _interopRequireWildcard(require("react"));
-var _Price = require("../Price");
-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 }; }
-function CouponText(_ref) {
+import _CouponText_coupon from "../../__generated__/CouponText_coupon.graphql.js";
+import { graphql, useFragment } from 'react-relay';
+import React, { Fragment } from 'react';
+import { Price } from '../Price/index.js';
+export default function CouponText(_ref) {
   let {
     coupon: couponKey,
     subtract = 0
   } = _ref;
-  const coupon = (0, _reactRelay.useFragment)((_CouponText_coupon2.default.hash && _CouponText_coupon2.default.hash !== "484f6e7b6a444d53ee056ac4a43a58f3" && console.error("The definition of 'CouponText_coupon' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponText_coupon2.default), couponKey);
+  const coupon = useFragment((_CouponText_coupon.hash && _CouponText_coupon.hash !== "484f6e7b6a444d53ee056ac4a43a58f3" && console.error("The definition of 'CouponText_coupon' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponText_coupon), couponKey);
   if (coupon.type === 'credit') {
     const amountRemaining = {
       ...coupon.creditAmountRemaining,
       amount: coupon.creditAmountRemaining.amount - subtract,
       currency: coupon.creditAmountRemaining.currency
     };
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Price.Price, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Price, {
       price: amountRemaining
     }), " remaining");
   }
   if (coupon.type === 'percent') {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, `${coupon.percentAmount}% off`);
+    return /*#__PURE__*/React.createElement(Fragment, null, `${coupon.percentAmount}% off`);
   }
   if (coupon.type === 'static_credit') {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Price.Price, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Price, {
       price: coupon.creditAmount
     }), " off");
   }