fontdue-js 3.5.1 → 3.7.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## 3.7.0
+
+- Fixed bundle discounts in the `StoreModal` depending on the order styles are picked in – with overlapping bundles, the same styles could cost more in one order than another. Every pick now prices the whole selection as the cheapest combination of styles and bundles that covers it, and the added price shown beside each style follows the same reckoning.
+- Collections and style bundles carry a `visibility` of `VISIBLE`, `UNLISTED` or `HIDDEN`; `Bundle.hidden` still works but is deprecated. An unlisted collection or bundle stays on sale and a selection can still upgrade into it, but it renders no block of its own in the `StoreModal`, no row in `<fontdue-font-families>` and no section in the `TypeTesters` price bar – so a superfamily can be sold only through its families.
+- The `StoreModal`’s browse page loads 25 collections at a time and fetches the next 25 as the visitor scrolls, instead of every collection at once, so a large catalog opens without first loading every family’s font. A “Load more” button sits at the end of the loaded rows for keyboard use; if you style the modal yourself, it is `.store-modal__index__load-more`.
+- The `StoreModal` reports opening a collection, changing a license choice and completing payment details, so Fontdue records “Product Viewed”, “Product Customized” and “Payment Info Entered” alongside the add to cart and purchase it already recorded. They carry the buyer’s consent and identifiers, so they reach your analytics destinations tied to the same visitor.
+- Fixed a type tester set to `autofit` sizing its text without the OpenType features it has switched on: stylistic sets and small caps overflowed and wrapped, and ligatures under-filled. `useAutofit` takes a `fontFeatureSettings` string for the same reason, measuring in the DOM when one is set.
+
+## 3.6.0
+
+- A `store` parameter on any URL now opens the Store Modal, so a foundry can link to its store rather than only open it from an element on the page. `?store=open` opens the store wherever it normally opens, `?store=product/<slug>` opens a product page, and `?store=cart` opens the cart. Any other `store` value is ignored, so a parameter a site already uses of its own won’t open the modal.
+- A product route takes a collection's slug as well as its ID, so `?store=product/example-sans` works alongside the base64 form. `fontdue-store-route="product/<slug>"` takes a slug now too – previously a slug there either did nothing (if it contained a hyphen) or loaded a broken product page.
+- `TypeTester` and `TypeTesters` take a `truncate` prop, and `<fontdue-type-tester>` and `<fontdue-type-testers>` take a `truncate` attribute, so each tester can cap its paragraph at its own number of lines instead of every tester on a site sharing one value. A per-tester value overrides the `truncate` UI config.
+- Fixed a type tester leaving a blank gap where its variable-axis sliders would go, on a static style or when none of the requested axes are in the font. The toolbar, features panel and dropdown placements were all affected.
+- A numeric `truncate` cap now stays in place while a visitor edits the text, instead of the paragraph jumping to full height on click and back on blur. `truncate: true` is unchanged and still opens to the full paragraph when clicked; pass `{ lines: 20, expandOnFocus: true }` if you want a line count to behave the old way. On the custom elements that object is a second word in the attribute – `truncate="20 expandable"`, or `truncate="20 fixed"` to spell out the default. Ships new stylesheet rules, so take `dist/fontdue.css` from this version alongside the JS.
+- Fixed a type tester opening at a size outside the range its size slider spans. A seeded size below `typeTester.size.min` (or above `max`) rendered at that size with the slider handle drawn off the end of its track; it is clamped into range now.
+- `NewsletterSignup` and `TestFontsForm` now name which form a submission came from, so Fontdue records each as its own event rather than as a checkout contact step.
+- Fixed the Store Modal’s Checkout button doing nothing on a store using Stripe Tax, and the Cart’s Next button on the billing and licensee steps. Stripe.js now throws “Unable to select session” when asked to validate a form that has no payment in it yet; the address fields are validated on their own in that case, with the same inline errors.
+
 ## 3.5.1
 
 - Fixed `FontdueProvider` turning every Next.js `notFound()`, `redirect()` and thrown render error into a `200`. The provider wrapped the whole app in a Suspense boundary, so React streamed the page shell before Next could set the status – missing pages were indexed as real ones, redirects lost their `Location` header, and `error.tsx` never rendered (the error escalated to `global-error.tsx`). Each Fontdue component now carries its own boundary instead. A route’s own `loading.tsx` still streams a `200` before `notFound()` can act; that is Next.js behaviour ([vercel/next.js#82041](https://github.com/vercel/next.js/issues/82041)).

package/README.md

@@ -796,6 +796,7 @@ import TypeTesters, { loadTypeTestersQuery } from "fontdue-js/TypeTesters";
 | `preloadedQuery` | (Required, SSR) Result of `loadTypeTestersQuery({ collectionId, tags?, excludeTags? })` or `loadTypeTestersQuery({ collectionSlug, tags?, excludeTags? })`. |
 | `defaultMode` | (Optional) `'group' \| 'local'` Whether the "Affect all styles" toggle starts on (`group`) or off (`local`). |
 | `autofit` | (Optional) `boolean` Make sentences fit on one line, adjusting size as the container resizes. Disables when the user changes font size or content. |
+| `truncate` | (Optional) `boolean \| number \| { lines?: number, expandOnFocus?: boolean }` Cap each paragraph at a number of lines, keeping the cap while a visitor edits the text. `true` is the original one-line preview, which opens on click. Overrides the `truncate` UI config. |
 | `tags` | (Optional) `string[]` Render only testers tagged with any of these. |
 | `excludeTags` | (Optional) `string[]` Exclude testers tagged with any of these. |
 | `features` | (Optional) `string[]` OpenType feature codes to expose to users across all testers in the group (e.g. `['ss01', 'ss02']`). |
@@ -818,6 +819,7 @@ import TypeTester, { loadTypeTesterQuery } from "fontdue-js/TypeTester";
 | `fontSize` | (Optional) `number` Initial font size in pixels. |
 | `lineHeight` | (Optional) `number` Proportional line height (`1` == `fontSize`). |
 | `letterSpacing` | (Optional) `number` Letter spacing. |
+| `truncate` | (Optional) `boolean \| number \| { lines?: number, expandOnFocus?: boolean }` Cap the paragraph at a number of lines, keeping the cap while a visitor edits the text. `true` is the original one-line preview, which opens on click. Overrides the `truncate` UI config. |
 | `content` | (Optional) `string` Initial content. |
 | `direction` | (Optional) `'ltr' \| 'rtl'` Writing direction. |
 | `alignment` | (Optional) `'left' \| 'center' \| 'right'` Text alignment. |

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

@@ -1,12 +1,14 @@
 /**
- * @generated SignedSource<<796d04529c0ea8f6b6236945a158b754>>
+ * @generated SignedSource<<feb804dcc13889ae3cabd44f3dbce8fa>>
  * @lightSyntaxTransform
  * @nogrep
  */
 import { ConcreteRequest } from 'relay-runtime';
 import { FragmentRefs } from "relay-runtime";
+export type CustomerForm = "CHECKOUT" | "NEWSLETTER" | "TEST_FONTS" | "%future added value";
 export type UpdateCustomerInput = {
     email?: string | null;
+    form?: CustomerForm | null;
     name?: string | null;
     newsletterOptIn?: boolean | null;
     recaptchaToken?: string | null;

package/dist/__generated__/CheckoutUpdateCustomerMutation.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<796d04529c0ea8f6b6236945a158b754>>
+ * @generated SignedSource<<feb804dcc13889ae3cabd44f3dbce8fa>>
  * @lightSyntaxTransform
  * @nogrep
  */

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

@@ -0,0 +1,24 @@
+/**
+ * @generated SignedSource<<367514472640fa13ca2151f68942fe83>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export type RequestLoginCodeInput = {
+    email: string;
+};
+export type CustomerSignInRequestLoginCodeMutation$variables = {
+    input: RequestLoginCodeInput;
+};
+export type CustomerSignInRequestLoginCodeMutation$data = {
+    readonly requestLoginCode: {
+        readonly result: string | null;
+        readonly success: boolean | null;
+    } | null;
+};
+export type CustomerSignInRequestLoginCodeMutation = {
+    response: CustomerSignInRequestLoginCodeMutation$data;
+    variables: CustomerSignInRequestLoginCodeMutation$variables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/dist/__generated__/CustomerSignInRequestLoginCodeMutation.graphql.js

@@ -0,0 +1,71 @@
+/**
+ * @generated SignedSource<<367514472640fa13ca2151f68942fe83>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "input"
+    }],
+    v1 = [{
+      "alias": null,
+      "args": [{
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }],
+      "concreteType": "RequestLoginCodePayload",
+      "kind": "LinkedField",
+      "name": "requestLoginCode",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "success",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "result",
+        "storageKey": null
+      }],
+      "storageKey": null
+    }];
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "CustomerSignInRequestLoginCodeMutation",
+      "selections": v1 /*: any*/,
+      "type": "RootMutationType",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "CustomerSignInRequestLoginCodeMutation",
+      "selections": v1 /*: any*/
+    },
+    "params": {
+      "cacheID": "4e987fdea00eb588c3214c189cdb6db9",
+      "id": null,
+      "metadata": {},
+      "name": "CustomerSignInRequestLoginCodeMutation",
+      "operationKind": "mutation",
+      "text": "mutation CustomerSignInRequestLoginCodeMutation(\n  $input: RequestLoginCodeInput!\n) {\n  requestLoginCode(input: $input) {\n    success\n    result\n  }\n}\n"
+    }
+  };
+}();
+node.hash = "36fccde5eb4502dcd8d3269bb5713547";
+export default node;

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

@@ -0,0 +1,30 @@
+/**
+ * @generated SignedSource<<1e253ffa43b48a561e7ae39d6626a541>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+import { ConcreteRequest } from 'relay-runtime';
+export type VerifyLoginCodeInput = {
+    code: string;
+    email: string;
+};
+export type CustomerSignInVerifyLoginCodeMutation$variables = {
+    input: VerifyLoginCodeInput;
+};
+export type CustomerSignInVerifyLoginCodeMutation$data = {
+    readonly verifyLoginCode: {
+        readonly accessToken: string | null;
+        readonly customer: {
+            readonly email: string | null;
+            readonly id: string;
+            readonly name: string | null;
+        } | null;
+        readonly refreshToken: string | null;
+    } | null;
+};
+export type CustomerSignInVerifyLoginCodeMutation = {
+    response: CustomerSignInVerifyLoginCodeMutation$data;
+    variables: CustomerSignInVerifyLoginCodeMutation$variables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/dist/__generated__/CustomerSignInVerifyLoginCodeMutation.graphql.js

@@ -0,0 +1,98 @@
+/**
+ * @generated SignedSource<<1e253ffa43b48a561e7ae39d6626a541>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+const node = function () {
+  var v0 = [{
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "input"
+    }],
+    v1 = [{
+      "alias": null,
+      "args": [{
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }],
+      "concreteType": "VerifyLoginCodePayload",
+      "kind": "LinkedField",
+      "name": "verifyLoginCode",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "accessToken",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "refreshToken",
+        "storageKey": null
+      }, {
+        "alias": null,
+        "args": null,
+        "concreteType": "Customer",
+        "kind": "LinkedField",
+        "name": "customer",
+        "plural": false,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "email",
+          "storageKey": null
+        }],
+        "storageKey": null
+      }],
+      "storageKey": null
+    }];
+  return {
+    "fragment": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "CustomerSignInVerifyLoginCodeMutation",
+      "selections": v1 /*: any*/,
+      "type": "RootMutationType",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": v0 /*: any*/,
+      "kind": "Operation",
+      "name": "CustomerSignInVerifyLoginCodeMutation",
+      "selections": v1 /*: any*/
+    },
+    "params": {
+      "cacheID": "5808f50e7d2d741cdd4d91bee621128c",
+      "id": null,
+      "metadata": {},
+      "name": "CustomerSignInVerifyLoginCodeMutation",
+      "operationKind": "mutation",
+      "text": "mutation CustomerSignInVerifyLoginCodeMutation(\n  $input: VerifyLoginCodeInput!\n) {\n  verifyLoginCode(input: $input) {\n    accessToken\n    refreshToken\n    customer {\n      id\n      name\n      email\n    }\n  }\n}\n"
+    }
+  };
+}();
+node.hash = "0342b61905975bf0b0112270e8706435";
+export default node;

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

@@ -1,10 +1,11 @@
 /**
- * @generated SignedSource<<1965d64fa7f303dfcd53846ea6d9bd21>>
+ * @generated SignedSource<<1455416c012741e081db5301244ac6d9>>
  * @lightSyntaxTransform
  * @nogrep
  */
 import { ConcreteRequest } from 'relay-runtime';
 import { FragmentRefs } from "relay-runtime";
+export type Visibility = "HIDDEN" | "UNLISTED" | "VISIBLE" | "%future added value";
 export type LicenseOptionsSpec = {
     licenseId: string;
     licenseOptionIds?: ReadonlyArray<string> | null;
@@ -22,8 +23,10 @@ export type FontFamiliesQuery$variables = {
 export type FontFamiliesQuery$data = {
     readonly node: {
         readonly families?: ReadonlyArray<{
+            readonly visibility: Visibility;
             readonly " $fragmentSpreads": FragmentRefs<"Family_node">;
         }> | null;
+        readonly visibility?: Visibility;
         readonly " $fragmentSpreads": FragmentRefs<"Family_node">;
     } | null;
 };

package/dist/__generated__/FontFamiliesQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<1965d64fa7f303dfcd53846ea6d9bd21>>
+ * @generated SignedSource<<1455416c012741e081db5301244ac6d9>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -41,26 +41,33 @@ const node = function () {
       "kind": "FragmentSpread",
       "name": "Family_node"
     },
-    v4 = [{
+    v4 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "visibility",
+      "storageKey": null
+    },
+    v5 = [{
       "kind": "Literal",
       "name": "collectionTypes",
       "value": ["FAMILY"]
     }],
-    v5 = {
+    v6 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "name",
       "storageKey": null
     },
-    v6 = {
+    v7 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "cssFamily",
       "storageKey": null
     },
-    v7 = {
+    v8 = {
       "alias": null,
       "args": null,
       "concreteType": "WebfontSource",
@@ -88,7 +95,7 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v8 = {
+    v9 = {
       "alias": null,
       "args": null,
       "concreteType": "VerticalMetrics",
@@ -128,33 +135,33 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v9 = {
+    v10 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "supportedLanguages",
       "storageKey": null
     },
-    v10 = [{
+    v11 = [{
       "kind": "Literal",
       "name": "format",
       "value": "LOCALIZED"
     }],
-    v11 = {
+    v12 = {
       "alias": "name_localized",
-      "args": v10 /*: any*/,
+      "args": v11 /*: any*/,
       "kind": "ScalarField",
       "name": "name",
       "storageKey": "name(format:\"LOCALIZED\")"
     },
-    v12 = {
+    v13 = {
       "alias": null,
       "args": null,
       "concreteType": "VariableInstance",
       "kind": "LinkedField",
       "name": "variableInstances",
       "plural": true,
-      "selections": [v5 /*: any*/, {
+      "selections": [v6 /*: any*/, {
         "alias": null,
         "args": null,
         "concreteType": "VariableSetting",
@@ -178,40 +185,40 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v13 = {
+    v14 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "id",
       "storageKey": null
     },
-    v14 = {
+    v15 = {
       "alias": null,
       "args": null,
       "concreteType": "FontStyle",
       "kind": "LinkedField",
       "name": "fontStyles",
       "plural": true,
-      "selections": [v6 /*: any*/, v5 /*: any*/, v7 /*: any*/, v8 /*: any*/, v9 /*: any*/, v11 /*: any*/, v12 /*: any*/, v13 /*: any*/, {
+      "selections": [v7 /*: any*/, v6 /*: any*/, v8 /*: any*/, v9 /*: any*/, v10 /*: any*/, v12 /*: any*/, v13 /*: any*/, v14 /*: any*/, {
         "alias": null,
         "args": null,
         "concreteType": "VariableAxis",
         "kind": "LinkedField",
         "name": "variableAxes",
         "plural": true,
-        "selections": [v5 /*: any*/],
+        "selections": [v6 /*: any*/],
         "storageKey": null
       }],
       "storageKey": null
     },
-    v15 = {
+    v16 = {
       "alias": null,
       "args": null,
       "concreteType": "Sku",
       "kind": "LinkedField",
       "name": "sku",
       "plural": false,
-      "selections": [v13 /*: any*/, {
+      "selections": [v14 /*: any*/, {
         "alias": null,
         "args": v2 /*: any*/,
         "concreteType": "Money",
@@ -235,28 +242,28 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v16 = {
+    v17 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "collectionType",
       "storageKey": null
     },
-    v17 = {
+    v18 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "totalStyles",
       "storageKey": null
     },
-    v18 = {
+    v19 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "isVariableFont",
       "storageKey": null
     },
-    v19 = {
+    v20 = {
       "alias": null,
       "args": null,
       "concreteType": "FontStyle",
@@ -265,11 +272,11 @@ const node = function () {
       "plural": false,
       "selections": [{
         "alias": "keyCharacters_localized",
-        "args": v10 /*: any*/,
+        "args": v11 /*: any*/,
         "kind": "ScalarField",
         "name": "keyCharacters",
         "storageKey": "keyCharacters(format:\"LOCALIZED\")"
-      }, v13 /*: any*/],
+      }, v14 /*: any*/],
       "storageKey": null
     };
   return {
@@ -287,14 +294,14 @@ const node = function () {
         "plural": false,
         "selections": [v3 /*: any*/, {
           "kind": "InlineFragment",
-          "selections": [{
+          "selections": [v4 /*: any*/, {
             "alias": "families",
-            "args": v4 /*: any*/,
+            "args": v5 /*: any*/,
             "concreteType": "FontCollection",
             "kind": "LinkedField",
             "name": "children",
             "plural": true,
-            "selections": [v3 /*: any*/],
+            "selections": [v4 /*: any*/, v3 /*: any*/],
             "storageKey": "children(collectionTypes:[\"FAMILY\"])"
           }],
           "type": "FontCollection",
@@ -325,49 +332,49 @@ const node = function () {
           "storageKey": null
         }, {
           "kind": "InlineFragment",
-          "selections": [v5 /*: any*/, v14 /*: any*/, v15 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, {
+          "selections": [v6 /*: any*/, v15 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, v19 /*: any*/, {
             "alias": "families",
-            "args": v4 /*: any*/,
+            "args": v5 /*: any*/,
             "concreteType": "FontCollection",
             "kind": "LinkedField",
             "name": "children",
             "plural": true,
-            "selections": [v19 /*: any*/, v5 /*: any*/, v14 /*: any*/, v13 /*: any*/, v15 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, {
+            "selections": [v20 /*: any*/, v6 /*: any*/, v15 /*: any*/, v14 /*: any*/, v4 /*: any*/, v16 /*: any*/, v17 /*: any*/, v18 /*: any*/, v19 /*: any*/, {
               "alias": "families",
-              "args": v4 /*: any*/,
+              "args": v5 /*: any*/,
               "concreteType": "FontCollection",
               "kind": "LinkedField",
               "name": "children",
               "plural": true,
-              "selections": [v19 /*: any*/, v5 /*: any*/, {
+              "selections": [v20 /*: any*/, v6 /*: any*/, {
                 "alias": null,
                 "args": null,
                 "concreteType": "FontStyle",
                 "kind": "LinkedField",
                 "name": "fontStyles",
                 "plural": true,
-                "selections": [v6 /*: any*/, v5 /*: any*/, v7 /*: any*/, v8 /*: any*/, v9 /*: any*/, v11 /*: any*/, v12 /*: any*/, v13 /*: any*/],
+                "selections": [v7 /*: any*/, v6 /*: any*/, v8 /*: any*/, v9 /*: any*/, v10 /*: any*/, v12 /*: any*/, v13 /*: any*/, v14 /*: any*/],
                 "storageKey": null
-              }, v13 /*: any*/],
+              }, v14 /*: any*/],
               "storageKey": "children(collectionTypes:[\"FAMILY\"])"
             }],
             "storageKey": "children(collectionTypes:[\"FAMILY\"])"
-          }],
+          }, v4 /*: any*/],
           "type": "FontCollection",
           "abstractKey": null
-        }, v13 /*: any*/],
+        }, v14 /*: any*/],
         "storageKey": null
       }]
     },
     "params": {
-      "cacheID": "ec904b75cd1b05424d91f9c0148820ee",
+      "cacheID": "8eb1ccf44e53bc82db5609efacd2c961",
       "id": null,
       "metadata": {},
       "name": "FontFamiliesQuery",
       "operationKind": "query",
-      "text": "query FontFamiliesQuery(\n  $collectionId: ID!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  node(id: $collectionId) {\n    __typename\n    ...Family_node_4sncub\n    ... on FontCollection {\n      families: children(collectionTypes: [FAMILY]) {\n        ...Family_node_4sncub\n        id\n      }\n    }\n    id\n  }\n}\n\nfragment FamilyList_node on FontCollection {\n  name\n  fontStyles {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    name\n    name_localized: name(format: LOCALIZED)\n    variableInstances {\n      name\n      coordinates {\n        axis\n        value\n      }\n    }\n    id\n  }\n}\n\nfragment Family_node_4sncub on FontCollection {\n  ...FamilyList_node\n  sku {\n    id\n    ...SKUPrice_sku_4sncub\n    ...SelectButton_sku_4sncub\n  }\n  name\n  collectionType\n  totalStyles\n  isVariableFont\n  fontStyles {\n    variableAxes {\n      name\n    }\n    variableInstances {\n      name\n    }\n    id\n  }\n  families: children(collectionTypes: [FAMILY]) {\n    featureStyle {\n      keyCharacters_localized: keyCharacters(format: LOCALIZED)\n      id\n    }\n    ...FamilyList_node\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
+      "text": "query FontFamiliesQuery(\n  $collectionId: ID!\n  $licenseOptions: [LicenseOptionsSpec]!\n  $orderVariables: [OrderVariableSelectionInput!]\n) {\n  node(id: $collectionId) {\n    __typename\n    ...Family_node_4sncub\n    ... on FontCollection {\n      visibility\n      families: children(collectionTypes: [FAMILY]) {\n        visibility\n        ...Family_node_4sncub\n        id\n      }\n    }\n    id\n  }\n}\n\nfragment FamilyList_node on FontCollection {\n  name\n  fontStyles {\n    ...FontStyle_fontStyle\n    supportedLanguages\n    name\n    name_localized: name(format: LOCALIZED)\n    variableInstances {\n      name\n      coordinates {\n        axis\n        value\n      }\n    }\n    id\n  }\n}\n\nfragment Family_node_4sncub on FontCollection {\n  ...FamilyList_node\n  sku {\n    id\n    ...SKUPrice_sku_4sncub\n    ...SelectButton_sku_4sncub\n  }\n  name\n  collectionType\n  totalStyles\n  isVariableFont\n  fontStyles {\n    variableAxes {\n      name\n    }\n    variableInstances {\n      name\n    }\n    id\n  }\n  families: children(collectionTypes: [FAMILY]) {\n    featureStyle {\n      keyCharacters_localized: keyCharacters(format: LOCALIZED)\n      id\n    }\n    ...FamilyList_node\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();
-node.hash = "18eba6b750d3f714b964af66ecfcfa3b";
+node.hash = "1ccff8f69fae99e65e6007bf25e4f8a3";
 export default node;

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

@@ -1,11 +1,13 @@
 /**
- * @generated SignedSource<<bd1eb06f06d0656884453a2e619618a7>>
+ * @generated SignedSource<<6af476093a952a2f6d8902d96f22e567>>
  * @lightSyntaxTransform
  * @nogrep
  */
 import { ConcreteRequest } from 'relay-runtime';
+export type CustomerForm = "CHECKOUT" | "NEWSLETTER" | "TEST_FONTS" | "%future added value";
 export type UpdateCustomerInput = {
     email?: string | null;
+    form?: CustomerForm | null;
     name?: string | null;
     newsletterOptIn?: boolean | null;
     recaptchaToken?: string | null;

package/dist/__generated__/NewsletterSignupUpdateCustomerMutation.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<bd1eb06f06d0656884453a2e619618a7>>
+ * @generated SignedSource<<6af476093a952a2f6d8902d96f22e567>>
  * @lightSyntaxTransform
  * @nogrep
  */

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

@@ -1,14 +1,17 @@
 /**
- * @generated SignedSource<<0954b7b421419075cc0c3e3b9fd5edae>>
+ * @generated SignedSource<<efd2c9edf7e4aebfdf6434a0a340a08f>>
  * @lightSyntaxTransform
  * @nogrep
  */
 import { ReaderFragment } from 'relay-runtime';
+export type Visibility = "HIDDEN" | "UNLISTED" | "VISIBLE" | "%future added value";
 import { FragmentRefs } from "relay-runtime";
 export type PriceBar_node$data = {
     readonly parent: {
+        readonly visibility: Visibility;
         readonly " $fragmentSpreads": FragmentRefs<"PriceBarSection_node">;
     } | null;
+    readonly visibility: Visibility;
     readonly " $fragmentSpreads": FragmentRefs<"PriceBarSection_node">;
     readonly " $fragmentType": "PriceBar_node";
 };