npm - fontdue-js - Versions diffs - 2.19.1 → 2.20.0 - Mend

fontdue-js 2.19.1 → 2.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (125) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,19 @@
+## 2.20.0
+- **Font loading now uses the FontFace API instead of CSS `@font-face`**. Fonts loaded by fontdue-js components (TypeTester, StoreModal, CharacterViewer, etc.) are no longer loaded via CSS stylesheet injection. Instead, font files are fetched as binary data and loaded via the browser's `FontFace` API. **Note:** components like TypeTesters and CharacterViewer previously loaded the entire family's CSS, which made all styles available page-wide as a side effect. They now only load the specific style they're rendering. If you render font styles outside of fontdue-js components (e.g., in a specimen section), you'll need to load those fonts yourself — either with the new `useFont` hook and `webfontSources`, or with your own `@font-face` rules.
+- **`useFont` hook** (renamed from `useFontStyle`, which still works as a backward-compatible alias). Accepts an optional `webfontSources` prop to load fonts directly via the FontFace API — no CSS `@font-face` rules or `<link>` tags required. When `webfontSources` is omitted, it falls back to detecting fonts loaded by CSS.
+- **`useAutofit` hook** — canvas-based text autofitting with a DOM fallback for variable fonts. Replaces the previous DOM clone measurement approach in type testers, and is now exported as a public API (`fontdue-js/useAutofit`).
+- **`useConsent` hook** — reactively check cookie consent status via `useSyncExternalStore`. SSR-safe. Exported as `fontdue-js/useConsent`.
+- **Automatic analytics tracking** — a new `Tracking` component handles page views, route change detection, consent-gated Segment SDK loading, and UTM/campaign extraction. Enabled automatically based on your Fontdue Analytics settings. Can be overridden with `tracking` config.
+- **Consent banner in `FontdueProvider`** — the cookie consent banner now renders automatically inside `FontdueProvider`, depending on your Fontdue Analytics settings.
+- Removed `fontfaceobserver` dependency (from React components; vanilla JS path unchanged)
+- Fonts already loaded on the page (e.g., by tenant CSS) are detected on mount, avoiding unnecessary re-fetches and flash of fallback font
+## 2.19.2
+- Fixed style packages (bundles within a family) not displaying as selected and not responding to deselection clicks when selected via a parent collection bundle or family
+- Fixed auto-upgrade not selecting collection bundles transitively (e.g., selecting both style packages now upgrades through the family to the collection bundle in a single step)
 ## 2.19.1
 - Fixed collection bundles not auto-selecting when a family at the same price is chosen — the bundle now correctly takes priority over the family itself

package/README.md CHANGED Viewed

@@ -225,22 +225,23 @@ import NewsletterSignup from 'fontdue-js/NewsletterSignup';
 | `buttonLabel` | (Optional) `string` Label for the button. Defaults to "Subscribe" |
 | `optInCheckboxChecked` | (Optional) `boolean` Set the checkbox checked by default. |
-## `useFontStyle`
+## `useFont`
-A hook to load and render a particular font style. The fallback/loading style is a series of dots rather than any fallback system font.
-Note that you must first load the relevant CSS for the font family (ideally in the `<head>` of your page). You can find the CSS URL by querying the `FontCollection.cssUrl` field in the Graphql API for the relevant family, or find the HTML code in the Fontdue CMS, under the Webfonts tab of the family. (For superfamilies, you must get load the CSS for each subfamily).
+A hook to load and render a web font. Pass `webfontSources` to load fonts directly via the FontFace API (no CSS `@font-face` required). The `webfontSources` data is available from the `FontStyle.webfontSources` field in the GraphQL API.
 ```tsx
-import useFontStyle from 'fontdue-js/useFontStyle';
+import useFont from 'fontdue-js/useFont';
-const FontStyle = ({ familyName, styleName }) => {
-  const { style } = useFontStyle({
+const FontStyle = ({ familyName, styleName, webfontSources }) => {
+  const { style, loaded } = useFont({
     fontFamily: `${familyName} ${styleName}`,
-    fontWeight: '400',
-    fontStyle: 'normal',
+    webfontSources,
   });
-  return <span style={style}>The quick brown box</span>;
+  return <span style={style}>The quick brown fox</span>;
 };
 ```
+If `webfontSources` is omitted, the hook falls back to detecting fonts loaded by CSS `@font-face` rules.
+Also available as `fontdue-js/useFontStyle` for backward compatibility.

package/dist/__generated__/CartItemProduct_product.graphql.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<9b8e86a8ba2c73d1472616197e58dace>>
+ * @generated SignedSource<<141cde7f2b8f160fd683c8152e51aaff>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -8,14 +8,8 @@ import { FragmentRefs } from "relay-runtime";
 export type CartItemProduct_product$data = {
     readonly __typename: string;
     readonly family?: {
-        readonly cssUrl: string | null;
         readonly name: string;
     } | null;
-    readonly featureStyle?: {
-        readonly family: {
-            readonly cssUrl: string | null;
-        } | null;
-    } | null;
     readonly fontCollection?: {
         readonly name: string;
     };

package/dist/__generated__/CartItemProduct_product.graphql.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<9b8e86a8ba2c73d1472616197e58dace>>
+ * @generated SignedSource<<141cde7f2b8f160fd683c8152e51aaff>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -22,25 +22,18 @@ const node = function () {
       "name": "name",
       "storageKey": null
     },
-    v1 = {
-      "alias": null,
-      "args": null,
-      "kind": "ScalarField",
-      "name": "cssUrl",
-      "storageKey": null
-    },
-    v2 = [v0 /*: any*/],
-    v3 = {
+    v1 = [v0 /*: any*/],
+    v2 = {
       "alias": null,
       "args": null,
       "concreteType": "FontCollection",
       "kind": "LinkedField",
       "name": "fontCollection",
       "plural": false,
-      "selections": v2 /*: any*/,
+      "selections": v1 /*: any*/,
       "storageKey": null
     },
-    v4 = {
+    v3 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
@@ -75,7 +68,7 @@ const node = function () {
         "kind": "LinkedField",
         "name": "family",
         "plural": false,
-        "selections": [v0 /*: any*/, v1 /*: any*/],
+        "selections": v1 /*: any*/,
         "storageKey": null
       }, v0 /*: any*/, {
         "alias": null,
@@ -84,14 +77,14 @@ const node = function () {
         "kind": "LinkedField",
         "name": "variableInstances",
         "plural": true,
-        "selections": v2 /*: any*/,
+        "selections": v1 /*: any*/,
         "storageKey": null
       }],
       "type": "FontStyle",
       "abstractKey": null
     }, {
       "kind": "InlineFragment",
-      "selections": [v0 /*: any*/, v3 /*: any*/],
+      "selections": [v0 /*: any*/, v2 /*: any*/],
       "type": "Bundle",
       "abstractKey": null
     }, {
@@ -102,30 +95,12 @@ const node = function () {
         "kind": "ScalarField",
         "name": "isVariableFont",
         "storageKey": null
-      }, v4 /*: any*/, {
-        "alias": null,
-        "args": null,
-        "concreteType": "FontStyle",
-        "kind": "LinkedField",
-        "name": "featureStyle",
-        "plural": false,
-        "selections": [{
-          "alias": null,
-          "args": null,
-          "concreteType": "FontCollection",
-          "kind": "LinkedField",
-          "name": "family",
-          "plural": false,
-          "selections": [v1 /*: any*/],
-          "storageKey": null
-        }],
-        "storageKey": null
-      }],
+      }, v3 /*: any*/],
       "type": "FontCollection",
       "abstractKey": null
     }, {
       "kind": "InlineFragment",
-      "selections": [v0 /*: any*/, v4 /*: any*/, v3 /*: any*/],
+      "selections": [v0 /*: any*/, v3 /*: any*/, v2 /*: any*/],
       "type": "CollectionBundle",
       "abstractKey": null
     }],
@@ -133,6 +108,6 @@ const node = function () {
     "abstractKey": "__isSkuProduct"
   };
 }();
-node.hash = "b28cd421e634ecb1162252d953233456";
+node.hash = "a3931102e3ec08c57abd262038b5d74a";
 var _default = node;
 exports.default = _default;

package/dist/__generated__/CartOrderCompleteOrderMutation.graphql.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<88416daded0fea1fc57e1b31011fde51>>
+ * @generated SignedSource<<b25faf2be0b584a51ddf5761b34eacd7>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/CartOrderCompleteOrderMutation.graphql.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<88416daded0fea1fc57e1b31011fde51>>
+ * @generated SignedSource<<b25faf2be0b584a51ddf5761b34eacd7>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -162,25 +162,76 @@ const node = function () {
     v12 = {
       "alias": null,
       "args": null,
-      "kind": "ScalarField",
-      "name": "cssUrl",
+      "concreteType": "WebfontSource",
+      "kind": "LinkedField",
+      "name": "webfontSources",
+      "plural": true,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "url",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "format",
+        "storageKey": null
+      }],
       "storageKey": null
     },
     v13 = {
+      "alias": null,
+      "args": null,
+      "concreteType": "VerticalMetrics",
+      "kind": "LinkedField",
+      "name": "verticalMetrics",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "unitsPerEm",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "ascender",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "descender",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "lineGap",
+        "storageKey": null
+      }],
+      "storageKey": null
+    },
+    v14 = [v11 /*: any*/, v2 /*: any*/, v12 /*: any*/, v13 /*: any*/, v4 /*: any*/],
+    v15 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "totalStyles",
       "storageKey": null
     },
-    v14 = {
+    v16 = [v2 /*: any*/, v4 /*: any*/],
+    v17 = {
       "alias": null,
       "args": null,
       "concreteType": "FontCollection",
       "kind": "LinkedField",
       "name": "fontCollection",
       "plural": false,
-      "selections": [v2 /*: any*/, v4 /*: any*/],
+      "selections": v16 /*: any*/,
       "storageKey": null
     };
   return {
@@ -546,16 +597,7 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "featureStyle",
                     "plural": false,
-                    "selections": [v11 /*: any*/, v2 /*: any*/, v4 /*: any*/, {
-                      "alias": null,
-                      "args": null,
-                      "concreteType": "FontCollection",
-                      "kind": "LinkedField",
-                      "name": "family",
-                      "plural": false,
-                      "selections": [v12 /*: any*/, v4 /*: any*/],
-                      "storageKey": null
-                    }],
+                    "selections": v14 /*: any*/,
                     "storageKey": null
                   }, v2 /*: any*/, {
                     "alias": null,
@@ -563,7 +605,7 @@ const node = function () {
                     "kind": "ScalarField",
                     "name": "isVariableFont",
                     "storageKey": null
-                  }, v13 /*: any*/],
+                  }, v15 /*: any*/],
                   "type": "FontCollection",
                   "abstractKey": null
                 }, {
@@ -575,21 +617,21 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "fontStyles",
                     "plural": true,
-                    "selections": [v11 /*: any*/, v2 /*: any*/, v4 /*: any*/],
+                    "selections": v14 /*: any*/,
                     "storageKey": null
-                  }, v2 /*: any*/, v14 /*: any*/],
+                  }, v2 /*: any*/, v17 /*: any*/],
                   "type": "Bundle",
                   "abstractKey": null
                 }, {
                   "kind": "InlineFragment",
-                  "selections": [v11 /*: any*/, v2 /*: any*/, {
+                  "selections": [v11 /*: any*/, v2 /*: any*/, v12 /*: any*/, v13 /*: any*/, {
                     "alias": null,
                     "args": null,
                     "concreteType": "FontCollection",
                     "kind": "LinkedField",
                     "name": "family",
                     "plural": false,
-                    "selections": [v2 /*: any*/, v12 /*: any*/, v4 /*: any*/],
+                    "selections": v16 /*: any*/,
                     "storageKey": null
                   }, {
                     "alias": null,
@@ -605,7 +647,7 @@ const node = function () {
                   "abstractKey": null
                 }, {
                   "kind": "InlineFragment",
-                  "selections": [v2 /*: any*/, v13 /*: any*/, v14 /*: any*/],
+                  "selections": [v2 /*: any*/, v15 /*: any*/, v17 /*: any*/],
                   "type": "CollectionBundle",
                   "abstractKey": null
                 }, {
@@ -727,12 +769,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "997edb78782ffddb97ad83766fc8d462",
+      "cacheID": "19b831d4f81e05cb8bbb3a8404aad89c",
       "id": null,
       "metadata": {},
       "name": "CartOrderCompleteOrderMutation",
       "operationKind": "mutation",
-      "text": "mutation CartOrderCompleteOrderMutation {\n  completeOrder {\n    order {\n      ...CartOrder_order\n      stripePaymentIntent {\n        clientSecret\n      }\n      id\n    }\n    requiresAction\n  }\n}\n\nfragment CartItemAdditionalLicenses_licenses on License {\n  id\n  name\n}\n\nfragment CartItemAdditionalLicenses_orderItem on OrderItem {\n  licenseSelections {\n    license {\n      id\n    }\n    id\n  }\n}\n\nfragment CartItemLicense_selection on LicenseSelection {\n  id\n  license {\n    id\n    name\n    licenseVariables {\n      id\n      ...CartItemVariable_variable\n    }\n  }\n  licenseVariable {\n    id\n  }\n  ...CartItemVariable_selection\n}\n\nfragment CartItemProduct_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ...CollectionAa_product\n  ...FontStyle_fontStyle\n  ... on FontStyle {\n    family {\n      name\n      cssUrl\n      id\n    }\n    name\n    variableInstances {\n      name\n    }\n  }\n  ... on Bundle {\n    name\n    fontCollection {\n      name\n      id\n    }\n  }\n  ... on FontCollection {\n    name\n    isVariableFont\n    totalStyles\n    featureStyle {\n      family {\n        cssUrl\n        id\n      }\n      id\n    }\n  }\n  ... on CollectionBundle {\n    name\n    totalStyles\n    fontCollection {\n      name\n      id\n    }\n  }\n}\n\nfragment CartItemVariable_selection on LicenseSelection {\n  id\n  variableText\n  license {\n    id\n  }\n  licenseVariable {\n    ...VariableTableAmounts_variable\n    id\n    name\n    variableType\n    licenseOptions {\n      id\n    }\n  }\n  licenseOption {\n    ...VariableTableAmounts_option\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItemVariable_variable on LicenseVariable {\n  id\n  licenseOptions {\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItem_node on OrderItem {\n  ...CartItemAdditionalLicenses_orderItem\n  id\n  price {\n    ...Price_price\n  }\n  sku {\n    price {\n      ...Price_price\n    }\n    product {\n      ...CartItemProduct_product\n      __typename\n      ... on Licenseable {\n        __isLicenseable: __typename\n        licenses {\n          ...CartItemAdditionalLicenses_licenses\n          id\n          licenseVariables {\n            id\n            licenseOptions {\n              id\n            }\n          }\n        }\n      }\n      ... on Node {\n        __isNode: __typename\n        id\n      }\n    }\n    id\n  }\n  licenseSelections {\n    ...CartItemLicense_selection\n    id\n    license {\n      id\n    }\n    licenseVariable {\n      id\n    }\n    licenseOption {\n      id\n    }\n    variableText\n  }\n}\n\nfragment CartOrder_order on Order {\n  ...Checkout_order\n  ...Download_order\n  ...CartTotals_order\n  ...CartState_order\n  id\n  orderItems {\n    ...CartItem_node\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n        variableType\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    id\n  }\n  discount {\n    id\n  }\n  customer {\n    email\n    name\n    anonymous\n    id\n  }\n  billingIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIsBillingIdentity\n  stripePaymentMethod {\n    card {\n      last4\n      brand\n    }\n  }\n  stripePaymentIntent {\n    status\n  }\n  canCompleteWithCoupon\n  completedWithCoupon\n}\n\nfragment CartState_order on Order {\n  id\n  orderItems {\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment CartTotals_order on Order {\n  subtotal {\n    ...Price_price\n  }\n  discount {\n    amount {\n      amount\n      ...Price_price\n    }\n    coupon {\n      ...CouponText_coupon\n      id\n    }\n    id\n  }\n  discountedSubtotal {\n    ...Price_price\n  }\n  total {\n    amount\n    ...Price_price\n  }\n  taxRate\n  taxes {\n    ...Price_price\n  }\n  taxName\n  taxNotApplicable\n  taxNotApplicableReason\n  gstIncluded\n}\n\nfragment Checkout_order on Order {\n  canCompleteWithCoupon\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  billingIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIsBillingIdentity\n}\n\nfragment CollectionAa_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ... on FontCollection {\n    featureStyle {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n  ... on Bundle {\n    fontStyles {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n}\n\nfragment CouponText_coupon on Coupon {\n  type\n  percentAmount\n  creditAmount {\n    amount\n    currency\n  }\n  creditAmountRemaining {\n    amount\n    currency\n  }\n}\n\nfragment Download_order on Order {\n  id\n  archiveUrl\n  customer {\n    email\n    id\n  }\n  completedWithCoupon\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment IdentityBox_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n"
+      "text": "mutation CartOrderCompleteOrderMutation {\n  completeOrder {\n    order {\n      ...CartOrder_order\n      stripePaymentIntent {\n        clientSecret\n      }\n      id\n    }\n    requiresAction\n  }\n}\n\nfragment CartItemAdditionalLicenses_licenses on License {\n  id\n  name\n}\n\nfragment CartItemAdditionalLicenses_orderItem on OrderItem {\n  licenseSelections {\n    license {\n      id\n    }\n    id\n  }\n}\n\nfragment CartItemLicense_selection on LicenseSelection {\n  id\n  license {\n    id\n    name\n    licenseVariables {\n      id\n      ...CartItemVariable_variable\n    }\n  }\n  licenseVariable {\n    id\n  }\n  ...CartItemVariable_selection\n}\n\nfragment CartItemProduct_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ...CollectionAa_product\n  ...FontStyle_fontStyle\n  ... on FontStyle {\n    family {\n      name\n      id\n    }\n    name\n    variableInstances {\n      name\n    }\n  }\n  ... on Bundle {\n    name\n    fontCollection {\n      name\n      id\n    }\n  }\n  ... on FontCollection {\n    name\n    isVariableFont\n    totalStyles\n  }\n  ... on CollectionBundle {\n    name\n    totalStyles\n    fontCollection {\n      name\n      id\n    }\n  }\n}\n\nfragment CartItemVariable_selection on LicenseSelection {\n  id\n  variableText\n  license {\n    id\n  }\n  licenseVariable {\n    ...VariableTableAmounts_variable\n    id\n    name\n    variableType\n    licenseOptions {\n      id\n    }\n  }\n  licenseOption {\n    ...VariableTableAmounts_option\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItemVariable_variable on LicenseVariable {\n  id\n  licenseOptions {\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItem_node on OrderItem {\n  ...CartItemAdditionalLicenses_orderItem\n  id\n  price {\n    ...Price_price\n  }\n  sku {\n    price {\n      ...Price_price\n    }\n    product {\n      ...CartItemProduct_product\n      __typename\n      ... on Licenseable {\n        __isLicenseable: __typename\n        licenses {\n          ...CartItemAdditionalLicenses_licenses\n          id\n          licenseVariables {\n            id\n            licenseOptions {\n              id\n            }\n          }\n        }\n      }\n      ... on Node {\n        __isNode: __typename\n        id\n      }\n    }\n    id\n  }\n  licenseSelections {\n    ...CartItemLicense_selection\n    id\n    license {\n      id\n    }\n    licenseVariable {\n      id\n    }\n    licenseOption {\n      id\n    }\n    variableText\n  }\n}\n\nfragment CartOrder_order on Order {\n  ...Checkout_order\n  ...Download_order\n  ...CartTotals_order\n  ...CartState_order\n  id\n  orderItems {\n    ...CartItem_node\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n        variableType\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    id\n  }\n  discount {\n    id\n  }\n  customer {\n    email\n    name\n    anonymous\n    id\n  }\n  billingIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIsBillingIdentity\n  stripePaymentMethod {\n    card {\n      last4\n      brand\n    }\n  }\n  stripePaymentIntent {\n    status\n  }\n  canCompleteWithCoupon\n  completedWithCoupon\n}\n\nfragment CartState_order on Order {\n  id\n  orderItems {\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment CartTotals_order on Order {\n  subtotal {\n    ...Price_price\n  }\n  discount {\n    amount {\n      amount\n      ...Price_price\n    }\n    coupon {\n      ...CouponText_coupon\n      id\n    }\n    id\n  }\n  discountedSubtotal {\n    ...Price_price\n  }\n  total {\n    amount\n    ...Price_price\n  }\n  taxRate\n  taxes {\n    ...Price_price\n  }\n  taxName\n  taxNotApplicable\n  taxNotApplicableReason\n  gstIncluded\n}\n\nfragment Checkout_order on Order {\n  canCompleteWithCoupon\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  billingIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIsBillingIdentity\n}\n\nfragment CollectionAa_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ... on FontCollection {\n    featureStyle {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n  ... on Bundle {\n    fontStyles {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n}\n\nfragment CouponText_coupon on Coupon {\n  type\n  percentAmount\n  creditAmount {\n    amount\n    currency\n  }\n  creditAmountRemaining {\n    amount\n    currency\n  }\n}\n\nfragment Download_order on Order {\n  id\n  archiveUrl\n  customer {\n    email\n    id\n  }\n  completedWithCoupon\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment IdentityBox_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

package/dist/__generated__/CartOrderRemoveDiscountMutation.graphql.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<92c10669c5ceae7fc86496efb67bf200>>
+ * @generated SignedSource<<3c85bd1605076cb13d4693528e5200d5>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/CartOrderRemoveDiscountMutation.graphql.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<92c10669c5ceae7fc86496efb67bf200>>
+ * @generated SignedSource<<3c85bd1605076cb13d4693528e5200d5>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -148,25 +148,76 @@ const node = function () {
     v10 = {
       "alias": null,
       "args": null,
-      "kind": "ScalarField",
-      "name": "cssUrl",
+      "concreteType": "WebfontSource",
+      "kind": "LinkedField",
+      "name": "webfontSources",
+      "plural": true,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "url",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "format",
+        "storageKey": null
+      }],
       "storageKey": null
     },
     v11 = {
+      "alias": null,
+      "args": null,
+      "concreteType": "VerticalMetrics",
+      "kind": "LinkedField",
+      "name": "verticalMetrics",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "unitsPerEm",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "ascender",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "descender",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "lineGap",
+        "storageKey": null
+      }],
+      "storageKey": null
+    },
+    v12 = [v9 /*: any*/, v0 /*: any*/, v10 /*: any*/, v11 /*: any*/, v2 /*: any*/],
+    v13 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "totalStyles",
       "storageKey": null
     },
-    v12 = {
+    v14 = [v0 /*: any*/, v2 /*: any*/],
+    v15 = {
       "alias": null,
       "args": null,
       "concreteType": "FontCollection",
       "kind": "LinkedField",
       "name": "fontCollection",
       "plural": false,
-      "selections": [v0 /*: any*/, v2 /*: any*/],
+      "selections": v14 /*: any*/,
       "storageKey": null
     };
   return {
@@ -523,16 +574,7 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "featureStyle",
                     "plural": false,
-                    "selections": [v9 /*: any*/, v0 /*: any*/, v2 /*: any*/, {
-                      "alias": null,
-                      "args": null,
-                      "concreteType": "FontCollection",
-                      "kind": "LinkedField",
-                      "name": "family",
-                      "plural": false,
-                      "selections": [v10 /*: any*/, v2 /*: any*/],
-                      "storageKey": null
-                    }],
+                    "selections": v12 /*: any*/,
                     "storageKey": null
                   }, v0 /*: any*/, {
                     "alias": null,
@@ -540,7 +582,7 @@ const node = function () {
                     "kind": "ScalarField",
                     "name": "isVariableFont",
                     "storageKey": null
-                  }, v11 /*: any*/],
+                  }, v13 /*: any*/],
                   "type": "FontCollection",
                   "abstractKey": null
                 }, {
@@ -552,21 +594,21 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "fontStyles",
                     "plural": true,
-                    "selections": [v9 /*: any*/, v0 /*: any*/, v2 /*: any*/],
+                    "selections": v12 /*: any*/,
                     "storageKey": null
-                  }, v0 /*: any*/, v12 /*: any*/],
+                  }, v0 /*: any*/, v15 /*: any*/],
                   "type": "Bundle",
                   "abstractKey": null
                 }, {
                   "kind": "InlineFragment",
-                  "selections": [v9 /*: any*/, v0 /*: any*/, {
+                  "selections": [v9 /*: any*/, v0 /*: any*/, v10 /*: any*/, v11 /*: any*/, {
                     "alias": null,
                     "args": null,
                     "concreteType": "FontCollection",
                     "kind": "LinkedField",
                     "name": "family",
                     "plural": false,
-                    "selections": [v0 /*: any*/, v10 /*: any*/, v2 /*: any*/],
+                    "selections": v14 /*: any*/,
                     "storageKey": null
                   }, {
                     "alias": null,
@@ -582,7 +624,7 @@ const node = function () {
                   "abstractKey": null
                 }, {
                   "kind": "InlineFragment",
-                  "selections": [v0 /*: any*/, v11 /*: any*/, v12 /*: any*/],
+                  "selections": [v0 /*: any*/, v13 /*: any*/, v15 /*: any*/],
                   "type": "CollectionBundle",
                   "abstractKey": null
                 }, {
@@ -704,12 +746,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "da9d9d90cd20ae5c9e29ad8d34f7a8a8",
+      "cacheID": "b366d1234abc41033b87d77206ef86bf",
       "id": null,
       "metadata": {},
       "name": "CartOrderRemoveDiscountMutation",
       "operationKind": "mutation",
-      "text": "mutation CartOrderRemoveDiscountMutation {\n  removeDiscount {\n    order {\n      ...CartOrder_order\n      id\n    }\n  }\n}\n\nfragment CartItemAdditionalLicenses_licenses on License {\n  id\n  name\n}\n\nfragment CartItemAdditionalLicenses_orderItem on OrderItem {\n  licenseSelections {\n    license {\n      id\n    }\n    id\n  }\n}\n\nfragment CartItemLicense_selection on LicenseSelection {\n  id\n  license {\n    id\n    name\n    licenseVariables {\n      id\n      ...CartItemVariable_variable\n    }\n  }\n  licenseVariable {\n    id\n  }\n  ...CartItemVariable_selection\n}\n\nfragment CartItemProduct_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ...CollectionAa_product\n  ...FontStyle_fontStyle\n  ... on FontStyle {\n    family {\n      name\n      cssUrl\n      id\n    }\n    name\n    variableInstances {\n      name\n    }\n  }\n  ... on Bundle {\n    name\n    fontCollection {\n      name\n      id\n    }\n  }\n  ... on FontCollection {\n    name\n    isVariableFont\n    totalStyles\n    featureStyle {\n      family {\n        cssUrl\n        id\n      }\n      id\n    }\n  }\n  ... on CollectionBundle {\n    name\n    totalStyles\n    fontCollection {\n      name\n      id\n    }\n  }\n}\n\nfragment CartItemVariable_selection on LicenseSelection {\n  id\n  variableText\n  license {\n    id\n  }\n  licenseVariable {\n    ...VariableTableAmounts_variable\n    id\n    name\n    variableType\n    licenseOptions {\n      id\n    }\n  }\n  licenseOption {\n    ...VariableTableAmounts_option\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItemVariable_variable on LicenseVariable {\n  id\n  licenseOptions {\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItem_node on OrderItem {\n  ...CartItemAdditionalLicenses_orderItem\n  id\n  price {\n    ...Price_price\n  }\n  sku {\n    price {\n      ...Price_price\n    }\n    product {\n      ...CartItemProduct_product\n      __typename\n      ... on Licenseable {\n        __isLicenseable: __typename\n        licenses {\n          ...CartItemAdditionalLicenses_licenses\n          id\n          licenseVariables {\n            id\n            licenseOptions {\n              id\n            }\n          }\n        }\n      }\n      ... on Node {\n        __isNode: __typename\n        id\n      }\n    }\n    id\n  }\n  licenseSelections {\n    ...CartItemLicense_selection\n    id\n    license {\n      id\n    }\n    licenseVariable {\n      id\n    }\n    licenseOption {\n      id\n    }\n    variableText\n  }\n}\n\nfragment CartOrder_order on Order {\n  ...Checkout_order\n  ...Download_order\n  ...CartTotals_order\n  ...CartState_order\n  id\n  orderItems {\n    ...CartItem_node\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n        variableType\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    id\n  }\n  discount {\n    id\n  }\n  customer {\n    email\n    name\n    anonymous\n    id\n  }\n  billingIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIsBillingIdentity\n  stripePaymentMethod {\n    card {\n      last4\n      brand\n    }\n  }\n  stripePaymentIntent {\n    status\n  }\n  canCompleteWithCoupon\n  completedWithCoupon\n}\n\nfragment CartState_order on Order {\n  id\n  orderItems {\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment CartTotals_order on Order {\n  subtotal {\n    ...Price_price\n  }\n  discount {\n    amount {\n      amount\n      ...Price_price\n    }\n    coupon {\n      ...CouponText_coupon\n      id\n    }\n    id\n  }\n  discountedSubtotal {\n    ...Price_price\n  }\n  total {\n    amount\n    ...Price_price\n  }\n  taxRate\n  taxes {\n    ...Price_price\n  }\n  taxName\n  taxNotApplicable\n  taxNotApplicableReason\n  gstIncluded\n}\n\nfragment Checkout_order on Order {\n  canCompleteWithCoupon\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  billingIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIsBillingIdentity\n}\n\nfragment CollectionAa_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ... on FontCollection {\n    featureStyle {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n  ... on Bundle {\n    fontStyles {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n}\n\nfragment CouponText_coupon on Coupon {\n  type\n  percentAmount\n  creditAmount {\n    amount\n    currency\n  }\n  creditAmountRemaining {\n    amount\n    currency\n  }\n}\n\nfragment Download_order on Order {\n  id\n  archiveUrl\n  customer {\n    email\n    id\n  }\n  completedWithCoupon\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment IdentityBox_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n"
+      "text": "mutation CartOrderRemoveDiscountMutation {\n  removeDiscount {\n    order {\n      ...CartOrder_order\n      id\n    }\n  }\n}\n\nfragment CartItemAdditionalLicenses_licenses on License {\n  id\n  name\n}\n\nfragment CartItemAdditionalLicenses_orderItem on OrderItem {\n  licenseSelections {\n    license {\n      id\n    }\n    id\n  }\n}\n\nfragment CartItemLicense_selection on LicenseSelection {\n  id\n  license {\n    id\n    name\n    licenseVariables {\n      id\n      ...CartItemVariable_variable\n    }\n  }\n  licenseVariable {\n    id\n  }\n  ...CartItemVariable_selection\n}\n\nfragment CartItemProduct_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ...CollectionAa_product\n  ...FontStyle_fontStyle\n  ... on FontStyle {\n    family {\n      name\n      id\n    }\n    name\n    variableInstances {\n      name\n    }\n  }\n  ... on Bundle {\n    name\n    fontCollection {\n      name\n      id\n    }\n  }\n  ... on FontCollection {\n    name\n    isVariableFont\n    totalStyles\n  }\n  ... on CollectionBundle {\n    name\n    totalStyles\n    fontCollection {\n      name\n      id\n    }\n  }\n}\n\nfragment CartItemVariable_selection on LicenseSelection {\n  id\n  variableText\n  license {\n    id\n  }\n  licenseVariable {\n    ...VariableTableAmounts_variable\n    id\n    name\n    variableType\n    licenseOptions {\n      id\n    }\n  }\n  licenseOption {\n    ...VariableTableAmounts_option\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItemVariable_variable on LicenseVariable {\n  id\n  licenseOptions {\n    id\n    name\n    amount\n  }\n}\n\nfragment CartItem_node on OrderItem {\n  ...CartItemAdditionalLicenses_orderItem\n  id\n  price {\n    ...Price_price\n  }\n  sku {\n    price {\n      ...Price_price\n    }\n    product {\n      ...CartItemProduct_product\n      __typename\n      ... on Licenseable {\n        __isLicenseable: __typename\n        licenses {\n          ...CartItemAdditionalLicenses_licenses\n          id\n          licenseVariables {\n            id\n            licenseOptions {\n              id\n            }\n          }\n        }\n      }\n      ... on Node {\n        __isNode: __typename\n        id\n      }\n    }\n    id\n  }\n  licenseSelections {\n    ...CartItemLicense_selection\n    id\n    license {\n      id\n    }\n    licenseVariable {\n      id\n    }\n    licenseOption {\n      id\n    }\n    variableText\n  }\n}\n\nfragment CartOrder_order on Order {\n  ...Checkout_order\n  ...Download_order\n  ...CartTotals_order\n  ...CartState_order\n  id\n  orderItems {\n    ...CartItem_node\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n        variableType\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    id\n  }\n  discount {\n    id\n  }\n  customer {\n    email\n    name\n    anonymous\n    id\n  }\n  billingIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIdentity {\n    ...IdentityBox_identity\n  }\n  licenseeIsBillingIdentity\n  stripePaymentMethod {\n    card {\n      last4\n      brand\n    }\n  }\n  stripePaymentIntent {\n    status\n  }\n  canCompleteWithCoupon\n  completedWithCoupon\n}\n\nfragment CartState_order on Order {\n  id\n  orderItems {\n    id\n    licenseSelections {\n      license {\n        id\n      }\n      licenseVariable {\n        id\n      }\n      licenseOption {\n        id\n      }\n      variableText\n      id\n    }\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n\nfragment CartTotals_order on Order {\n  subtotal {\n    ...Price_price\n  }\n  discount {\n    amount {\n      amount\n      ...Price_price\n    }\n    coupon {\n      ...CouponText_coupon\n      id\n    }\n    id\n  }\n  discountedSubtotal {\n    ...Price_price\n  }\n  total {\n    amount\n    ...Price_price\n  }\n  taxRate\n  taxes {\n    ...Price_price\n  }\n  taxName\n  taxNotApplicable\n  taxNotApplicableReason\n  gstIncluded\n}\n\nfragment Checkout_order on Order {\n  canCompleteWithCoupon\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  billingIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIdentity {\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  licenseeIsBillingIdentity\n}\n\nfragment CollectionAa_product on SkuProduct {\n  __isSkuProduct: __typename\n  __typename\n  ... on FontCollection {\n    featureStyle {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n  ... on Bundle {\n    fontStyles {\n      ...FontStyle_fontStyle\n      id\n    }\n  }\n}\n\nfragment CouponText_coupon on Coupon {\n  type\n  percentAmount\n  creditAmount {\n    amount\n    currency\n  }\n  creditAmountRemaining {\n    amount\n    currency\n  }\n}\n\nfragment Download_order on Order {\n  id\n  archiveUrl\n  customer {\n    email\n    id\n  }\n  completedWithCoupon\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment IdentityBox_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n  }\n}\n"
     }
   };
 }();

package/dist/__generated__/CartOrderUpdateMutation.graphql.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<1ad5cd0e096228924fda58b1a34c06ad>>
+ * @generated SignedSource<<a7349511a551e3eee5b90287bee65047>>
  * @lightSyntaxTransform
  * @nogrep
  */