fontdue-js 2.21.0 → 2.22.0

package/dist/components/useFontLoaded.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-const FALLBACK_FAMILY = 'Fallback';
-
-/**
- * Hook for external consumers (npm clients) to detect when a font is loaded.
- *
- * Fonts can be loaded by CSS @font-face rules (e.g. via PreloadWebfonts) or
- * by fontdue-js components via the FontFace API. Uses document.fonts.load()
- * to force the browser to load matching fonts even when no DOM text uses
- * the font-family yet.
- *
- * Usage:
- *   const { style, loaded } = useFontLoaded({ fontFamily: "Helvetica Now Regular" });
- */
-const useFontLoaded = _ref => {
-  let {
-    fontFamily
-  } = _ref;
-  const [loaded, setLoaded] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    let cancelled = false;
-    const tryLoad = () => {
-      document.fonts.load(`400 16px "${fontFamily}"`).then(fontFaces => {
-        if (!cancelled && fontFaces.length > 0) setLoaded(true);
-      }).catch(() => {});
-    };
-
-    // Try immediately (works if @font-face exists or FontFace already added)
-    tryLoad();
-
-    // Also listen for future font loads (e.g., fontdue-js component adds
-    // FontFace via API after this hook mounts)
-    document.fonts.addEventListener('loadingdone', tryLoad);
-    return () => {
-      cancelled = true;
-      document.fonts.removeEventListener('loadingdone', tryLoad);
-    };
-  }, [fontFamily]);
-  const cssStyle = loaded ? {
-    fontFamily: `"${fontFamily}", ${FALLBACK_FAMILY}`,
-    fontWeight: 400,
-    fontStyle: 'normal'
-  } : {
-    fontFamily: FALLBACK_FAMILY,
-    fontWeight: 'normal',
-    fontStyle: 'normal'
-  };
-  return {
-    style: cssStyle,
-    loaded
-  };
-};
-var _default = useFontLoaded;
-exports.default = _default;

package/dist/deepMerge.d.ts

@@ -1,4 +0,0 @@
-type Obj = Record<string, unknown>;
-/** Deep merge two objects. Properties from `overlay` take precedence. */
-export declare function deepMerge<T extends Obj>(base: Obj, overlay: Obj): T;
-export {};

package/dist/deepMerge.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.deepMerge = deepMerge;
-function isPlainObject(value) {
-  return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
-
-/** Deep merge two objects. Properties from `overlay` take precedence. */
-function deepMerge(base, overlay) {
-  const result = {
-    ...base
-  };
-  for (const key of Object.keys(overlay)) {
-    if (isPlainObject(result[key]) && isPlainObject(overlay[key])) {
-      result[key] = deepMerge(result[key], overlay[key]);
-    } else {
-      result[key] = overlay[key];
-    }
-  }
-  return result;
-}

package/dist/hooks/useOrderVariables.d.ts

@@ -1,5 +0,0 @@
-import type { useOrderVariables_order$key } from '../__generated__/useOrderVariables_order.graphql';
-export declare function useOrderVariables(order: useOrderVariables_order$key | null): {
-    orderVariableId: string;
-    orderVariableOptionId: string | undefined;
-}[];

package/dist/relay-environment.d.ts

@@ -1,7 +0,0 @@
-import { Environment } from 'react-relay';
-interface CreateRelayEnvironmentOptions {
-    url?: string;
-    stripeIntegration?: 'payment-element' | 'card-element';
-}
-declare const createRelayEnvironment: (options: CreateRelayEnvironmentOptions) => Environment;
-export default createRelayEnvironment;

package/dist/relay-environment.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _relayRuntime = require("relay-runtime");
-const createRelayEnvironment = options => {
-  const fetchQuery = (operation, variables) => {
-    const url = `${options.url || ''}/graphql`;
-    return fetch(url, {
-      method: 'POST',
-      headers: {
-        'content-type': 'application/json',
-        'fontdue-stripe-integration': options.stripeIntegration || 'payment-element'
-      },
-      credentials: 'include',
-      body: JSON.stringify({
-        query: operation.text,
-        variables
-      })
-    }).then(response => response.json());
-  };
-  const network = _relayRuntime.Network.create(fetchQuery);
-  const source = new _relayRuntime.RecordSource();
-  const store = new _relayRuntime.Store(source);
-  const environment = new _relayRuntime.Environment({
-    network,
-    store
-  });
-  return environment;
-};
-var _default = createRelayEnvironment;
-exports.default = _default;

package/dist/utils/interpolateOrderVariableDescription.d.ts

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

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

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