fontdue-js 2.26.1 → 2.28.0

package/dist/components/elements/StoreModalUnifiedCheckout.js

@@ -22,6 +22,7 @@ var _StripeLogo = _interopRequireDefault(require("../StripeLogo"));
 var _Icons = require("../Icons");
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _Price = require("../Price");
+var _orderTracking = require("../Cart/orderTracking");
 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 }; }
@@ -282,6 +283,13 @@ function StoreModalUnifiedCheckout(_ref2) {
     }));
   }, [setLicenseeIdentity]);
   const environment = (0, _reactRelay.useRelayEnvironment)();
+
+  // Capture analytics consent + attribution on the order for the purchase
+  // event the server emits on completion (from a Stripe webhook, where no
+  // browser context exists).
+  (0, _react.useEffect)(() => {
+    (0, _orderTracking.sendOrderTracking)(environment);
+  }, [environment]);
   const [error, setError] = (0, _react.useState)(null);
   const [errorsObject, setErrorsObject] = (0, _react.useState)(null);
   const [customerErrorsObject, setCustomerErrorsObject] = (0, _react.useState)(null);

package/dist/components/useFontStyle.d.ts

@@ -3,8 +3,15 @@ import { useFontStyle_fontStyle$key } from '../__generated__/useFontStyle_fontSt
 interface UseFontStyle_props {
     fontStyle: useFontStyle_fontStyle$key | null | undefined;
 }
+export type VerticalMetrics = {
+    readonly unitsPerEm: number;
+    readonly ascender: number;
+    readonly descender: number;
+    readonly lineGap: number | null;
+};
 declare const useFontStyle: ({ fontStyle: fontStyleKey, }: UseFontStyle_props) => {
     style: React.CSSProperties;
     loaded: boolean;
+    verticalMetrics: VerticalMetrics | null;
 };
 export default useFontStyle;

package/dist/components/useFontStyle.js

@@ -52,7 +52,8 @@ const useFontStyle = _ref => {
   };
   return {
     style: cssStyle,
-    loaded
+    loaded,
+    verticalMetrics: verticalMetrics ?? null
   };
 };
 var _default = useFontStyle;

package/dist/fontdue.css

@@ -959,6 +959,10 @@ div[data-component=TypeTesters] {
 }
 
 .character-viewer__character-map {
+  display: grid;
+  grid-template-columns: minmax(0, min(40%, 500px)) auto;
+  grid-gap: 30px;
+  position: relative;
   margin-bottom: 30px;
 }
 @media screen and (min-width: 600px) {
@@ -966,29 +970,17 @@ div[data-component=TypeTesters] {
     margin-bottom: 120px;
   }
 }
-
-.character-viewer__character-map,
-.character-viewer__features-map {
-  display: grid;
-  grid-template-columns: minmax(0, min(40%, 500px)) auto;
-  grid-gap: 30px;
-  position: relative;
-}
 @media screen and (max-width: 599px) {
-  .character-viewer__character-map,
-  .character-viewer__features-map {
+  .character-viewer__character-map {
     grid-template-columns: auto;
   }
 }
 
-.character-viewer__monitor__title,
-.character-viewer__feature-monitor__title {
-  height: 30px;
+.character-viewer__monitor {
+  padding-top: 30px;
 }
-
 @media screen and (max-width: 599px) {
-  .character-viewer__monitor,
-  .character-viewer__feature-monitor {
+  .character-viewer__monitor {
     display: none;
   }
 }

package/dist/hooks.d.ts

@@ -1,2 +1,2 @@
-export declare function useDebouncedValue<T>(value: T, delay: number): T;
+export declare function useDebouncedValue<T>(value: T, delay: number, resetKey?: unknown): T;
 export declare const useNewPortalElement: () => import("react").RefObject<HTMLDivElement>;

package/dist/hooks.js

@@ -11,8 +11,21 @@ var _react = require("react");
 // interaction (e.g. the variable-font instance name while a slider is dragged).
 // NOTE: detects changes by reference, so callers must update `value`
 // immutably — an object mutated in place won't trigger an update.
-function useDebouncedValue(value, delay) {
+//
+// When `resetKey` is provided and changes, the latest `value` is adopted
+// immediately (no delay). This distinguishes a discrete change — e.g. switching
+// to a different font — from a continuous one (dragging a slider), so the
+// former isn't smoothed and left briefly out of sync with the rest of the UI.
+function useDebouncedValue(value, delay, resetKey) {
   const [debounced, setDebounced] = (0, _react.useState)(value);
+  const resetKeyRef = (0, _react.useRef)(resetKey);
+
+  // Adjust state during render (no extra committed frame) when the reset key
+  // changes, so the snap is synchronous with the change that triggered it.
+  if (resetKey !== resetKeyRef.current) {
+    resetKeyRef.current = resetKey;
+    if (debounced !== value) setDebounced(value);
+  }
   (0, _react.useEffect)(() => {
     const timer = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(timer);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.26.1",
+  "version": "2.28.0",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",
     "build-js": "babel src --out-dir dist --extensions .ts,.tsx,.js,.jsx",

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

@@ -1,19 +0,0 @@
-/**
- * @generated SignedSource<<8a1ab76133c869f1e7c33e1e38525560>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ConcreteRequest } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type FontdueProviderQuery$variables = Record<PropertyKey, never>;
-export type FontdueProviderQuery$data = {
-    readonly viewer: {
-        readonly " $fragmentSpreads": FragmentRefs<"ServerConfigProvider_viewer" | "TestModeBanner_viewer" | "ThemeConfig_viewer">;
-    };
-};
-export type FontdueProviderQuery = {
-    response: FontdueProviderQuery$data;
-    variables: FontdueProviderQuery$variables;
-};
-declare const node: ConcreteRequest;
-export default node;

package/dist/__generated__/FontdueProviderQuery.graphql.js

@@ -1,140 +0,0 @@
-/**
- * @generated SignedSource<<8a1ab76133c869f1e7c33e1e38525560>>
- * @lightSyntaxTransform
- * @nogrep
- */
-
-/* tslint:disable */
-/* eslint-disable */
-// @ts-nocheck
-
-const node = {
-  "fragment": {
-    "argumentDefinitions": [],
-    "kind": "Fragment",
-    "metadata": null,
-    "name": "FontdueProviderQuery",
-    "selections": [{
-      "alias": null,
-      "args": null,
-      "concreteType": "Viewer",
-      "kind": "LinkedField",
-      "name": "viewer",
-      "plural": false,
-      "selections": [{
-        "args": null,
-        "kind": "FragmentSpread",
-        "name": "ThemeConfig_viewer"
-      }, {
-        "args": null,
-        "kind": "FragmentSpread",
-        "name": "TestModeBanner_viewer"
-      }, {
-        "args": null,
-        "kind": "FragmentSpread",
-        "name": "ServerConfigProvider_viewer"
-      }],
-      "storageKey": null
-    }],
-    "type": "RootQueryType",
-    "abstractKey": null
-  },
-  "kind": "Request",
-  "operation": {
-    "argumentDefinitions": [],
-    "kind": "Operation",
-    "name": "FontdueProviderQuery",
-    "selections": [{
-      "alias": null,
-      "args": null,
-      "concreteType": "Viewer",
-      "kind": "LinkedField",
-      "name": "viewer",
-      "plural": false,
-      "selections": [{
-        "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
-      }, {
-        "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
-      }, {
-        "alias": null,
-        "args": null,
-        "concreteType": "FontdueConfig",
-        "kind": "LinkedField",
-        "name": "fontdueConfig",
-        "plural": false,
-        "selections": [{
-          "alias": null,
-          "args": null,
-          "concreteType": "FontdueTrackingConfig",
-          "kind": "LinkedField",
-          "name": "tracking",
-          "plural": false,
-          "selections": [{
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "enabled",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "consentRequired",
-            "storageKey": null
-          }, {
-            "alias": null,
-            "args": null,
-            "kind": "ScalarField",
-            "name": "consentMessage",
-            "storageKey": null
-          }],
-          "storageKey": null
-        }],
-        "storageKey": null
-      }, {
-        "alias": null,
-        "args": null,
-        "kind": "ScalarField",
-        "name": "id",
-        "storageKey": null
-      }],
-      "storageKey": null
-    }]
-  },
-  "params": {
-    "cacheID": "8d7caa322aacca72f5aa7fcbef53fd77",
-    "id": null,
-    "metadata": {},
-    "name": "FontdueProviderQuery",
-    "operationKind": "query",
-    "text": "query FontdueProviderQuery {\n  viewer {\n    ...ThemeConfig_viewer\n    ...TestModeBanner_viewer\n    ...ServerConfigProvider_viewer\n    id\n  }\n}\n\nfragment ServerConfigProvider_viewer on Viewer {\n  fontdueConfig {\n    tracking {\n      enabled\n      consentRequired\n      consentMessage\n    }\n  }\n}\n\nfragment TestModeBanner_viewer on Viewer {\n  testMode {\n    isActive\n  }\n}\n\nfragment ThemeConfig_viewer on Viewer {\n  themeConfig {\n    customProperties\n  }\n}\n"
-  }
-};
-node.hash = "5cbd582990daa28a99839c20abbc8bda";
-export default node;

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

@@ -1,23 +0,0 @@
-/**
- * @generated SignedSource<<a83ac66ca93de8f6c51ac4c192aec8b4>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ReaderFragment } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type ServerConfigProvider_viewer$data = {
-    readonly fontdueConfig: {
-        readonly tracking: {
-            readonly consentMessage: string | null;
-            readonly consentRequired: boolean;
-            readonly enabled: boolean;
-        } | null;
-    } | null;
-    readonly " $fragmentType": "ServerConfigProvider_viewer";
-};
-export type ServerConfigProvider_viewer$key = {
-    readonly " $data"?: ServerConfigProvider_viewer$data;
-    readonly " $fragmentSpreads": FragmentRefs<"ServerConfigProvider_viewer">;
-};
-declare const node: ReaderFragment;
-export default node;

package/dist/__generated__/ServerConfigProvider_viewer.graphql.js

@@ -1,57 +0,0 @@
-/**
- * @generated SignedSource<<a83ac66ca93de8f6c51ac4c192aec8b4>>
- * @lightSyntaxTransform
- * @nogrep
- */
-
-/* tslint:disable */
-/* eslint-disable */
-// @ts-nocheck
-
-const node = {
-  "argumentDefinitions": [],
-  "kind": "Fragment",
-  "metadata": null,
-  "name": "ServerConfigProvider_viewer",
-  "selections": [{
-    "alias": null,
-    "args": null,
-    "concreteType": "FontdueConfig",
-    "kind": "LinkedField",
-    "name": "fontdueConfig",
-    "plural": false,
-    "selections": [{
-      "alias": null,
-      "args": null,
-      "concreteType": "FontdueTrackingConfig",
-      "kind": "LinkedField",
-      "name": "tracking",
-      "plural": false,
-      "selections": [{
-        "alias": null,
-        "args": null,
-        "kind": "ScalarField",
-        "name": "enabled",
-        "storageKey": null
-      }, {
-        "alias": null,
-        "args": null,
-        "kind": "ScalarField",
-        "name": "consentRequired",
-        "storageKey": null
-      }, {
-        "alias": null,
-        "args": null,
-        "kind": "ScalarField",
-        "name": "consentMessage",
-        "storageKey": null
-      }],
-      "storageKey": null
-    }],
-    "storageKey": null
-  }],
-  "type": "Viewer",
-  "abstractKey": null
-};
-node.hash = "6afcb0c3813a418a470e48415f963064";
-export default node;

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

@@ -1,19 +0,0 @@
-/**
- * @generated SignedSource<<e9ace1097ef31e2ed34190d2a31634be>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ReaderFragment } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type TestModeBanner_viewer$data = {
-    readonly testMode: {
-        readonly isActive: boolean;
-    };
-    readonly " $fragmentType": "TestModeBanner_viewer";
-};
-export type TestModeBanner_viewer$key = {
-    readonly " $data"?: TestModeBanner_viewer$data;
-    readonly " $fragmentSpreads": FragmentRefs<"TestModeBanner_viewer">;
-};
-declare const node: ReaderFragment;
-export default node;

package/dist/__generated__/TestModeBanner_viewer.graphql.js

@@ -1,36 +0,0 @@
-/**
- * @generated SignedSource<<e9ace1097ef31e2ed34190d2a31634be>>
- * @lightSyntaxTransform
- * @nogrep
- */
-
-/* tslint:disable */
-/* eslint-disable */
-// @ts-nocheck
-
-const node = {
-  "argumentDefinitions": [],
-  "kind": "Fragment",
-  "metadata": null,
-  "name": "TestModeBanner_viewer",
-  "selections": [{
-    "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
-  }],
-  "type": "Viewer",
-  "abstractKey": null
-};
-node.hash = "f6b2f851466be9599d63ebf8f39e1a96";
-export default node;

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

@@ -1,19 +0,0 @@
-/**
- * @generated SignedSource<<9eff3b1fe04abdb52e7380c1158bdb71>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ReaderFragment } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type ThemeConfig_viewer$data = {
-    readonly themeConfig: {
-        readonly customProperties: ReadonlyArray<string> | null;
-    } | null;
-    readonly " $fragmentType": "ThemeConfig_viewer";
-};
-export type ThemeConfig_viewer$key = {
-    readonly " $data"?: ThemeConfig_viewer$data;
-    readonly " $fragmentSpreads": FragmentRefs<"ThemeConfig_viewer">;
-};
-declare const node: ReaderFragment;
-export default node;

package/dist/__generated__/ThemeConfig_viewer.graphql.js

@@ -1,36 +0,0 @@
-/**
- * @generated SignedSource<<9eff3b1fe04abdb52e7380c1158bdb71>>
- * @lightSyntaxTransform
- * @nogrep
- */
-
-/* tslint:disable */
-/* eslint-disable */
-// @ts-nocheck
-
-const node = {
-  "argumentDefinitions": [],
-  "kind": "Fragment",
-  "metadata": null,
-  "name": "ThemeConfig_viewer",
-  "selections": [{
-    "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
-  }],
-  "type": "Viewer",
-  "abstractKey": null
-};
-node.hash = "191db4fda0651cd596efa7f91699f895";
-export default node;

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

@@ -1,42 +0,0 @@
-/**
- * @generated SignedSource<<de2a1d20c5692c0b9d1b3fb9726732b0>>
- * @lightSyntaxTransform
- * @nogrep
- */
-import { ReaderFragment } from 'relay-runtime';
-import { FragmentRefs } from "relay-runtime";
-export type TypeTesterStyleSelectData_viewer$data = {
-    readonly families?: {
-        readonly edges: ReadonlyArray<{
-            readonly node: {
-                readonly featureStyle: {
-                    readonly supportedLanguages: ReadonlyArray<string> | null;
-                } | null;
-                readonly fontStyles: ReadonlyArray<{
-                    readonly cssStretch: string | null;
-                    readonly cssStyle: string | null;
-                    readonly cssWeight: string | null;
-                    readonly id: string;
-                    readonly name: string;
-                    readonly variableInstances: ReadonlyArray<{
-                        readonly coordinates: ReadonlyArray<{
-                            readonly axis: string;
-                            readonly value: number;
-                        }>;
-                        readonly name: string;
-                    }> | null;
-                }>;
-                readonly id: string;
-                readonly isVariableFont: boolean;
-                readonly name: string;
-            } | null;
-        } | null> | null;
-    } | null;
-    readonly " $fragmentType": "TypeTesterStyleSelectData_viewer";
-};
-export type TypeTesterStyleSelectData_viewer$key = {
-    readonly " $data"?: TypeTesterStyleSelectData_viewer$data;
-    readonly " $fragmentSpreads": FragmentRefs<"TypeTesterStyleSelectData_viewer">;
-};
-declare const node: ReaderFragment;
-export default node;