fontdue-js 3.2.3 → 3.2.5

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 3.2.5
+
+- **`CartButton` is back in the server-rendered HTML.** Since 3.0.0 it rendered nothing at all until its cart query resolved in the browser, so the button was absent from the initial HTML and only appeared after hydration and a network round-trip — missing for crawlers, and a visible pop-in for everyone else. It now server-renders its empty state (`data-count="0"`) and fills in the count once the cart loads, as it did on 2.x. No public API change.
+
+## 3.2.4
+
+- **The `StoreModal` checkout no longer advances past the customer step when the customer fails to save.** A rejected save — an invalid email, a duplicate record — previously moved the buyer on to payment with their details unsaved. The step now holds and shows the field errors. No public API change.
+- **Per-customer coupon limits are surfaced at checkout.** When a buyer enters an email address that has used up its allowance on a coupon, the checkout shows the reason and keeps them on the customer step so they can remove the code from the cart.
+
 ## 3.2.3
 
 - **Fixed `TypeTester` text drifting out of alignment at small font sizes.** The automatic columns (`columns: {count: 'auto', width: '40ch', gap: '1em'}` by default) sat on the full-width text container, and `ch` tracks the font size — so once the font was small enough for two columns to fit, multicol partitioned the strip and short content landed in the first column, leaving `alignment="center"` centred within *that column* rather than the tester. Right-aligned and RTL testers drifted the same way. The column properties now ride on the inner `[data-contents]` block, which shrink-wraps (`width: max-content`, capped at 100%) and is placed by alignment-driven auto margins; wrapping content still spans the full width and flows into columns as before. The editable container keeps its full width, so click-anywhere-to-edit and autofit width measurement are unchanged, and the SSR branch renders the same wrapper so the first paint matches. Truncating testers keep their columns on the height-capped container their sideways-overflow design requires. Ships new stylesheet rules, so take the `fontdue-js/dist/fontdue.css` from this version alongside the JS.

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<57a9191f691a9c115de436065b6ed167>>
+ * @generated SignedSource<<796d04529c0ea8f6b6236945a158b754>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -16,6 +16,12 @@ export type CheckoutUpdateCustomerMutation$variables = {
 };
 export type CheckoutUpdateCustomerMutation$data = {
     readonly updateCustomer: {
+        readonly errors: {
+            readonly coupon: ReadonlyArray<string | null> | null;
+            readonly email: ReadonlyArray<string | null> | null;
+            readonly name: ReadonlyArray<string | null> | null;
+            readonly newsletterOptIn: ReadonlyArray<string | null> | null;
+        } | null;
         readonly order: {
             readonly " $fragmentSpreads": FragmentRefs<"CartOrder_order">;
         } | null;

package/dist/__generated__/CheckoutUpdateCustomerMutation.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<57a9191f691a9c115de436065b6ed167>>
+ * @generated SignedSource<<796d04529c0ea8f6b6236945a158b754>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -34,13 +34,36 @@ const node = function () {
       "storageKey": null
     },
     v4 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "newsletterOptIn",
+      "storageKey": null
+    },
+    v5 = {
+      "alias": null,
+      "args": null,
+      "concreteType": "UpdateCustomerErrors",
+      "kind": "LinkedField",
+      "name": "errors",
+      "plural": false,
+      "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "coupon",
+        "storageKey": null
+      }],
+      "storageKey": null
+    },
+    v6 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "id",
       "storageKey": null
     },
-    v5 = [v2 /*: any*/, {
+    v7 = [v2 /*: any*/, {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
@@ -107,49 +130,49 @@ const node = function () {
       "name": "addressFormatted",
       "storageKey": null
     }],
-    v6 = {
+    v8 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "amount",
       "storageKey": null
     },
-    v7 = [v6 /*: any*/, {
+    v9 = [v8 /*: any*/, {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "currency",
       "storageKey": null
     }],
-    v8 = [v4 /*: any*/],
-    v9 = {
+    v10 = [v6 /*: any*/],
+    v11 = {
       "alias": null,
       "args": null,
       "concreteType": "LicenseOption",
       "kind": "LinkedField",
       "name": "licenseOptions",
       "plural": true,
-      "selections": v8 /*: any*/,
+      "selections": v10 /*: any*/,
       "storageKey": null
     },
-    v10 = {
+    v12 = {
       "alias": null,
       "args": null,
       "concreteType": "Money",
       "kind": "LinkedField",
       "name": "price",
       "plural": false,
-      "selections": v7 /*: any*/,
+      "selections": v9 /*: any*/,
       "storageKey": null
     },
-    v11 = {
+    v13 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "cssFamily",
       "storageKey": null
     },
-    v12 = {
+    v14 = {
       "alias": null,
       "args": null,
       "concreteType": "WebfontSource",
@@ -177,7 +200,7 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v13 = {
+    v15 = {
       "alias": null,
       "args": null,
       "concreteType": "VerticalMetrics",
@@ -217,23 +240,23 @@ const node = function () {
       }],
       "storageKey": null
     },
-    v14 = [v11 /*: any*/, v2 /*: any*/, v12 /*: any*/, v13 /*: any*/, v4 /*: any*/],
-    v15 = {
+    v16 = [v13 /*: any*/, v2 /*: any*/, v14 /*: any*/, v15 /*: any*/, v6 /*: any*/],
+    v17 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "totalStyles",
       "storageKey": null
     },
-    v16 = [v2 /*: any*/, v4 /*: any*/],
-    v17 = {
+    v18 = [v2 /*: any*/, v6 /*: any*/],
+    v19 = {
       "alias": null,
       "args": null,
       "concreteType": "FontCollection",
       "kind": "LinkedField",
       "name": "fontCollection",
       "plural": false,
-      "selections": v16 /*: any*/,
+      "selections": v18 /*: any*/,
       "storageKey": null
     };
   return {
@@ -262,7 +285,7 @@ const node = function () {
             "name": "CartOrder_order"
           }],
           "storageKey": null
-        }],
+        }, v5 /*: any*/],
         "storageKey": null
       }],
       "type": "RootMutationType",
@@ -300,13 +323,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "customer",
             "plural": false,
-            "selections": [v2 /*: any*/, v3 /*: any*/, {
-              "alias": null,
-              "args": null,
-              "kind": "ScalarField",
-              "name": "newsletterOptIn",
-              "storageKey": null
-            }, v4 /*: any*/, {
+            "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, v6 /*: any*/, {
               "alias": null,
               "args": null,
               "kind": "ScalarField",
@@ -321,7 +338,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "billingIdentity",
             "plural": false,
-            "selections": v5 /*: any*/,
+            "selections": v7 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -330,7 +347,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "licenseeIdentity",
             "plural": false,
-            "selections": v5 /*: any*/,
+            "selections": v7 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -338,7 +355,7 @@ const node = function () {
             "kind": "ScalarField",
             "name": "licenseeIsBillingIdentity",
             "storageKey": null
-          }, v4 /*: any*/, {
+          }, v6 /*: any*/, {
             "alias": null,
             "args": null,
             "kind": "ScalarField",
@@ -357,7 +374,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "subtotal",
             "plural": false,
-            "selections": v7 /*: any*/,
+            "selections": v9 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -373,7 +390,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "amount",
               "plural": false,
-              "selections": v7 /*: any*/,
+              "selections": v9 /*: any*/,
               "storageKey": null
             }, {
               "alias": null,
@@ -401,7 +418,7 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "creditAmount",
                 "plural": false,
-                "selections": v7 /*: any*/,
+                "selections": v9 /*: any*/,
                 "storageKey": null
               }, {
                 "alias": null,
@@ -410,11 +427,11 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "creditAmountRemaining",
                 "plural": false,
-                "selections": v7 /*: any*/,
+                "selections": v9 /*: any*/,
                 "storageKey": null
-              }, v4 /*: any*/],
+              }, v6 /*: any*/],
               "storageKey": null
-            }, v4 /*: any*/],
+            }, v6 /*: any*/],
             "storageKey": null
           }, {
             "alias": null,
@@ -423,7 +440,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "discountedSubtotal",
             "plural": false,
-            "selections": v7 /*: any*/,
+            "selections": v9 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -432,7 +449,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "total",
             "plural": false,
-            "selections": v7 /*: any*/,
+            "selections": v9 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -447,7 +464,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "taxes",
             "plural": false,
-            "selections": v7 /*: any*/,
+            "selections": v9 /*: any*/,
             "storageKey": null
           }, {
             "alias": null,
@@ -480,7 +497,7 @@ const node = function () {
             "kind": "LinkedField",
             "name": "orderItems",
             "plural": true,
-            "selections": [v4 /*: any*/, {
+            "selections": [v6 /*: any*/, {
               "alias": null,
               "args": null,
               "concreteType": "LicenseSelection",
@@ -494,14 +511,14 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "license",
                 "plural": false,
-                "selections": [v4 /*: any*/, {
+                "selections": [v6 /*: any*/, {
                   "alias": null,
                   "args": null,
                   "concreteType": "License",
                   "kind": "LinkedField",
                   "name": "excludedLicenses",
                   "plural": true,
-                  "selections": v8 /*: any*/,
+                  "selections": v10 /*: any*/,
                   "storageKey": null
                 }, v2 /*: any*/, {
                   "alias": null,
@@ -510,14 +527,14 @@ const node = function () {
                   "kind": "LinkedField",
                   "name": "licenseVariables",
                   "plural": true,
-                  "selections": [v4 /*: any*/, {
+                  "selections": [v6 /*: any*/, {
                     "alias": null,
                     "args": null,
                     "concreteType": "LicenseOption",
                     "kind": "LinkedField",
                     "name": "licenseOptions",
                     "plural": true,
-                    "selections": [v4 /*: any*/, v2 /*: any*/, v6 /*: any*/],
+                    "selections": [v6 /*: any*/, v2 /*: any*/, v8 /*: any*/],
                     "storageKey": null
                   }],
                   "storageKey": null
@@ -530,7 +547,7 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "licenseVariable",
                 "plural": false,
-                "selections": [v4 /*: any*/, {
+                "selections": [v6 /*: any*/, {
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
@@ -542,7 +559,7 @@ const node = function () {
                   "kind": "ScalarField",
                   "name": "variableType",
                   "storageKey": null
-                }, v9 /*: any*/],
+                }, v11 /*: any*/],
                 "storageKey": null
               }, {
                 "alias": null,
@@ -551,13 +568,13 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "licenseOption",
                 "plural": false,
-                "selections": [v4 /*: any*/, {
+                "selections": [v6 /*: any*/, {
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
                   "name": "amounts",
                   "storageKey": null
-                }, v2 /*: any*/, v6 /*: any*/],
+                }, v2 /*: any*/, v8 /*: any*/],
                 "storageKey": null
               }, {
                 "alias": null,
@@ -565,16 +582,16 @@ const node = function () {
                 "kind": "ScalarField",
                 "name": "variableText",
                 "storageKey": null
-              }, v4 /*: any*/],
+              }, v6 /*: any*/],
               "storageKey": null
-            }, v10 /*: any*/, {
+            }, v12 /*: any*/, {
               "alias": null,
               "args": null,
               "concreteType": "Sku",
               "kind": "LinkedField",
               "name": "sku",
               "plural": false,
-              "selections": [v10 /*: any*/, {
+              "selections": [v12 /*: any*/, {
                 "alias": null,
                 "args": null,
                 "concreteType": null,
@@ -599,7 +616,7 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "featureStyle",
                     "plural": false,
-                    "selections": v14 /*: any*/,
+                    "selections": v16 /*: any*/,
                     "storageKey": null
                   }, v2 /*: any*/, {
                     "alias": null,
@@ -607,7 +624,7 @@ const node = function () {
                     "kind": "ScalarField",
                     "name": "isVariableFont",
                     "storageKey": null
-                  }, v15 /*: any*/],
+                  }, v17 /*: any*/],
                   "type": "FontCollection",
                   "abstractKey": null
                 }, {
@@ -619,21 +636,21 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "fontStyles",
                     "plural": true,
-                    "selections": v14 /*: any*/,
+                    "selections": v16 /*: any*/,
                     "storageKey": null
-                  }, v2 /*: any*/, v17 /*: any*/],
+                  }, v2 /*: any*/, v19 /*: any*/],
                   "type": "Bundle",
                   "abstractKey": null
                 }, {
                   "kind": "InlineFragment",
-                  "selections": [v11 /*: any*/, v2 /*: any*/, v12 /*: any*/, v13 /*: any*/, {
+                  "selections": [v13 /*: any*/, v2 /*: any*/, v14 /*: any*/, v15 /*: any*/, {
                     "alias": null,
                     "args": null,
                     "concreteType": "FontCollection",
                     "kind": "LinkedField",
                     "name": "family",
                     "plural": false,
-                    "selections": v16 /*: any*/,
+                    "selections": v18 /*: any*/,
                     "storageKey": null
                   }, {
                     "alias": null,
@@ -649,7 +666,7 @@ const node = function () {
                   "abstractKey": null
                 }, {
                   "kind": "InlineFragment",
-                  "selections": [v2 /*: any*/, v15 /*: any*/, v17 /*: any*/],
+                  "selections": [v2 /*: any*/, v17 /*: any*/, v19 /*: any*/],
                   "type": "CollectionBundle",
                   "abstractKey": null
                 }, {
@@ -661,14 +678,14 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "licenses",
                     "plural": true,
-                    "selections": [v4 /*: any*/, v2 /*: any*/, {
+                    "selections": [v6 /*: any*/, v2 /*: any*/, {
                       "alias": null,
                       "args": null,
                       "concreteType": "LicenseVariable",
                       "kind": "LinkedField",
                       "name": "licenseVariables",
                       "plural": true,
-                      "selections": [v4 /*: any*/, v9 /*: any*/],
+                      "selections": [v6 /*: any*/, v11 /*: any*/],
                       "storageKey": null
                     }],
                     "storageKey": null
@@ -677,12 +694,12 @@ const node = function () {
                   "abstractKey": "__isLicenseable"
                 }, {
                   "kind": "InlineFragment",
-                  "selections": v8 /*: any*/,
+                  "selections": v10 /*: any*/,
                   "type": "Node",
                   "abstractKey": "__isNode"
                 }],
                 "storageKey": null
-              }, v4 /*: any*/],
+              }, v6 /*: any*/],
               "storageKey": null
             }],
             "storageKey": null
@@ -700,7 +717,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "orderVariable",
               "plural": false,
-              "selections": v8 /*: any*/,
+              "selections": v10 /*: any*/,
               "storageKey": null
             }, {
               "alias": null,
@@ -709,7 +726,7 @@ const node = function () {
               "kind": "LinkedField",
               "name": "orderVariableOption",
               "plural": false,
-              "selections": v8 /*: any*/,
+              "selections": v10 /*: any*/,
               "storageKey": null
             }, {
               "alias": null,
@@ -717,7 +734,7 @@ const node = function () {
               "kind": "ScalarField",
               "name": "countryCode",
               "storageKey": null
-            }, v4 /*: any*/],
+            }, v6 /*: any*/],
             "storageKey": null
           }, {
             "alias": null,
@@ -766,19 +783,19 @@ const node = function () {
             "storageKey": null
           }],
           "storageKey": null
-        }],
+        }, v5 /*: any*/],
         "storageKey": null
       }]
     },
     "params": {
-      "cacheID": "3f49743144fb69f20aee40c67b120de6",
+      "cacheID": "42f4aacb7984635baeb967f560d8d683",
       "id": null,
       "metadata": {},
       "name": "CheckoutUpdateCustomerMutation",
       "operationKind": "mutation",
-      "text": "mutation CheckoutUpdateCustomerMutation(\n  $input: UpdateCustomerInput!\n) {\n  updateCustomer(input: $input) {\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      excludedLicenses {\n        id\n      }\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    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
+      "text": "mutation CheckoutUpdateCustomerMutation(\n  $input: UpdateCustomerInput!\n) {\n  updateCustomer(input: $input) {\n    order {\n      ...CartOrder_order\n      id\n    }\n    errors {\n      name\n      email\n      newsletterOptIn\n      coupon\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      excludedLicenses {\n        id\n      }\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    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();
-node.hash = "0b5cfd0771be9b3107817aefcc7029cf";
+node.hash = "6cf3a893d17d4059cdad72af115b10ed";
 export default node;

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<f0014cb0692503ce71447168c17be688>>
+ * @generated SignedSource<<c39ff0b9a13f384bdd0130a788ead992>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -17,6 +17,7 @@ export type StoreModalUnifiedCheckoutUpdateCustomerMutation$variables = {
 export type StoreModalUnifiedCheckoutUpdateCustomerMutation$data = {
     readonly updateCustomer: {
         readonly errors: {
+            readonly coupon: ReadonlyArray<string | null> | null;
             readonly email: ReadonlyArray<string | null> | null;
             readonly name: ReadonlyArray<string | null> | null;
             readonly newsletterOptIn: ReadonlyArray<string | null> | null;

package/dist/__generated__/StoreModalUnifiedCheckoutUpdateCustomerMutation.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<f0014cb0692503ce71447168c17be688>>
+ * @generated SignedSource<<c39ff0b9a13f384bdd0130a788ead992>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -47,7 +47,13 @@ const node = function () {
       "kind": "LinkedField",
       "name": "errors",
       "plural": false,
-      "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/],
+      "selections": [v2 /*: any*/, v3 /*: any*/, v4 /*: any*/, {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "coupon",
+        "storageKey": null
+      }],
       "storageKey": null
     },
     v6 = {
@@ -303,14 +309,14 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "82be445fa0db7e15cbaafa9de59386b1",
+      "cacheID": "d70ed8aafb03bf94f6f4ca668b7f8893",
       "id": null,
       "metadata": {},
       "name": "StoreModalUnifiedCheckoutUpdateCustomerMutation",
       "operationKind": "mutation",
-      "text": "mutation StoreModalUnifiedCheckoutUpdateCustomerMutation(\n  $input: UpdateCustomerInput!\n) {\n  updateCustomer(input: $input) {\n    order {\n      ...StoreModalUnifiedCheckout_order\n      id\n    }\n    errors {\n      name\n      email\n      newsletterOptIn\n    }\n  }\n}\n\nfragment StoreModalReviewIdentity_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment StoreModalUnifiedCheckout_order on Order {\n  completeUrl\n  canCompleteWithCoupon\n  total {\n    amount\n  }\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  licenseeIsBillingIdentity\n  licenseeIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  billingIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  stripePaymentIntent {\n    clientSecret\n    amount\n    currency\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n      variableType\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n"
+      "text": "mutation StoreModalUnifiedCheckoutUpdateCustomerMutation(\n  $input: UpdateCustomerInput!\n) {\n  updateCustomer(input: $input) {\n    order {\n      ...StoreModalUnifiedCheckout_order\n      id\n    }\n    errors {\n      name\n      email\n      newsletterOptIn\n      coupon\n    }\n  }\n}\n\nfragment StoreModalReviewIdentity_identity on Identity {\n  email\n  phoneFormatted\n  addressFormatted\n  vatNumber\n}\n\nfragment StoreModalUnifiedCheckout_order on Order {\n  completeUrl\n  canCompleteWithCoupon\n  total {\n    amount\n  }\n  customer {\n    name\n    email\n    newsletterOptIn\n    id\n  }\n  licenseeIsBillingIdentity\n  licenseeIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  billingIdentity {\n    ...StoreModalReviewIdentity_identity\n    name\n    organization\n    email\n    phoneNullable\n    street\n    locality\n    sublocality\n    country\n    administrativeArea\n    zip\n    vatNumber\n  }\n  stripePaymentIntent {\n    clientSecret\n    amount\n    currency\n  }\n  orderVariableSelections {\n    orderVariable {\n      id\n      variableType\n    }\n    orderVariableOption {\n      id\n    }\n    countryCode\n    id\n  }\n}\n"
     }
   };
 }();
-node.hash = "a41e423a93ba20f15ebbe826dd802514";
+node.hash = "dac1a266d63dfa7bee9f22a9373e855a";
 export default node;

package/dist/components/Cart/Checkout.js

@@ -21,7 +21,7 @@ const DESKTOP = 'desktop';
 // are required
 const IDENTITY_REQUIRED_FIELDS = ['name', 'email', 'country'];
 _Checkout_identity.hash && _Checkout_identity.hash !== "bd574bf28c2ab018312eb3f033fabb73" && console.error("The definition of 'Checkout_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_identity;
-const updateCustomerMutation = (_CheckoutUpdateCustomerMutation.hash && _CheckoutUpdateCustomerMutation.hash !== "0b5cfd0771be9b3107817aefcc7029cf" && console.error("The definition of 'CheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CheckoutUpdateCustomerMutation);
+const updateCustomerMutation = (_CheckoutUpdateCustomerMutation.hash && _CheckoutUpdateCustomerMutation.hash !== "6cf3a893d17d4059cdad72af115b10ed" && console.error("The definition of 'CheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CheckoutUpdateCustomerMutation);
 _Checkout_UpdateOrderErrors.hash && _Checkout_UpdateOrderErrors.hash !== "15a33f6b0c5a3de7f1b1dee6982f12ff" && console.error("The definition of 'Checkout_UpdateOrderErrors' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_UpdateOrderErrors;
 const updateOrderMutation = (_CheckoutUpdateOrderMutation.hash && _CheckoutUpdateOrderMutation.hash !== "089745e2478edf385a09357905e4173c" && console.error("The definition of 'CheckoutUpdateOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CheckoutUpdateOrderMutation);
 const Checkout = _ref => {
@@ -94,16 +94,27 @@ const Checkout = _ref => {
   useEffect(() => {
     setError(null);
     setErrorsObject(null);
+    setCustomerErrorsObject(null);
     onScrollToTop();
   }, [checkoutStep]);
   const environment = useRelayEnvironment();
   const [errorsObject, setErrorsObject] = useState(null);
+  const [customerErrorsObject, setCustomerErrorsObject] = useState(null);
   const onCompleted = (res, errors, onSuccess) => {
-    var _res$updateOrder;
+    var _res$updateCustomer, _res$updateOrder;
     if (errors && errors.length > 0) {
       setError(errors[0].message);
       setSubmitting(false);
       onScrollToTop();
+    } else if ('updateCustomer' in res && (_res$updateCustomer = res.updateCustomer) !== null && _res$updateCustomer !== void 0 && _res$updateCustomer.errors) {
+      var _res$updateCustomer$e;
+      // The customer wasn't saved, so don't advance the step. A coupon error
+      // isn't about any field the customer can edit here — it means the coupon
+      // already on the order isn't usable by them — so it goes in the banner.
+      setSubmitting(false);
+      setCustomerErrorsObject(res.updateCustomer.errors);
+      setError(((_res$updateCustomer$e = res.updateCustomer.errors.coupon) === null || _res$updateCustomer$e === void 0 ? void 0 : _res$updateCustomer$e[0]) ?? null);
+      onScrollToTop();
     } else if ('updateOrder' in res && (_res$updateOrder = res.updateOrder) !== null && _res$updateOrder !== void 0 && _res$updateOrder.errors) {
       setSubmitting(false);
       setErrorsObject(res.updateOrder.errors);
@@ -340,7 +351,8 @@ const Checkout = _ref => {
         title: "Contact information",
         value: customer,
         onChange: handleCustomerChange,
-        optInLabel: (_viewerData$settings2 = viewerData.settings) === null || _viewerData$settings2 === void 0 ? void 0 : _viewerData$settings2.newsletterOptInLabel
+        optInLabel: (_viewerData$settings2 = viewerData.settings) === null || _viewerData$settings2 === void 0 ? void 0 : _viewerData$settings2.newsletterOptInLabel,
+        errors: customerErrorsObject
       });
     }
     const customerBreadcrumb = /*#__PURE__*/React.createElement("div", {

package/dist/components/CartButton/index.js

@@ -22,12 +22,14 @@ const openCart = () => ({
   type: 'OPEN_CART'
 });
 function CartButtonComponent(_ref) {
+  var _orderData$stripeChar;
   let {
     label,
     buttonStyle = 'inline',
     order: orderKey,
     children,
-    suffix
+    suffix,
+    pending = false
   } = _ref;
   const orderData = useFragment((_CartButton_order.hash && _CartButton_order.hash !== "26a092d7efb579c98adda18413349b3b" && console.error("The definition of 'CartButton_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartButton_order), orderKey);
   const [count, setCount] = useState(0);
@@ -71,8 +73,8 @@ function CartButtonComponent(_ref) {
   useEffect(() => {
     setCount(cartButtonCount(orderData));
   }, [orderData, setCount]);
-  if (!orderData) return null;
-  if (orderData.stripeCharge && orderData.stripeCharge.paid) return null;
+  if (!orderData && !pending) return null;
+  if (orderData !== null && orderData !== void 0 && (_orderData$stripeChar = orderData.stripeCharge) !== null && _orderData$stripeChar !== void 0 && _orderData$stripeChar.paid) return null;
   const suffixNodes = formatSuffix();
   return /*#__PURE__*/React.createElement(ComponentsContext.Consumer, null, components => components.CartButton ? /*#__PURE__*/React.createElement(components.CartButton, {
     count: count,
@@ -118,9 +120,11 @@ export default function CartButton(_ref2) {
     config: config
   }, mounted ? /*#__PURE__*/React.createElement(Suspense, {
     fallback: /*#__PURE__*/React.createElement(CartButtonComponent, _extends({}, props, {
-      order: null
+      order: null,
+      pending: true
     }))
   }, /*#__PURE__*/React.createElement(CartButtonLazyQueryRenderer, props)) : /*#__PURE__*/React.createElement(CartButtonComponent, _extends({}, props, {
-    order: null
+    order: null,
+    pending: true
   })));
 }

package/dist/components/elements/StoreModalUnifiedCheckout.js

@@ -309,12 +309,19 @@ export default function StoreModalUnifiedCheckout(_ref2) {
   const recaptchaEnabled = ((_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.recaptchaEnabled) ?? false;
   const recaptchaSiteKey = (_viewer$settings2 = viewer.settings) === null || _viewer$settings2 === void 0 ? void 0 : _viewer$settings2.recaptchaSiteKey;
   const onCompleted = (res, errors, onSuccess, onError) => {
-    var _res$updateCustomer, _res$updateOrder;
+    var _res$updateCustomer, _res$updateCustomer$e, _res$updateCustomer$e2, _res$updateCustomer2, _res$updateOrder;
     if (errors && errors.length > 0) {
       setError(errors[0].message);
       setSubmitting(false);
       onError === null || onError === void 0 ? void 0 : onError();
-    } else if ('updateCustomer' in res && (_res$updateCustomer = res.updateCustomer) !== null && _res$updateCustomer !== void 0 && _res$updateCustomer.errors && (res.updateCustomer.errors.name || res.updateCustomer.errors.email || res.updateCustomer.errors.newsletterOptIn)) {
+    } else if ('updateCustomer' in res && (_res$updateCustomer = res.updateCustomer) !== null && _res$updateCustomer !== void 0 && (_res$updateCustomer$e = _res$updateCustomer.errors) !== null && _res$updateCustomer$e !== void 0 && (_res$updateCustomer$e2 = _res$updateCustomer$e.coupon) !== null && _res$updateCustomer$e2 !== void 0 && _res$updateCustomer$e2[0]) {
+      // Not a field error — the customer's details are fine, the coupon
+      // already on the order isn't usable by them. Keep them on this step so
+      // they can remove it from the cart summary and try again.
+      setSubmitting(false);
+      setCustomerError(res.updateCustomer.errors.coupon[0]);
+      onError === null || onError === void 0 ? void 0 : onError();
+    } else if ('updateCustomer' in res && (_res$updateCustomer2 = res.updateCustomer) !== null && _res$updateCustomer2 !== void 0 && _res$updateCustomer2.errors && (res.updateCustomer.errors.name || res.updateCustomer.errors.email || res.updateCustomer.errors.newsletterOptIn)) {
       setSubmitting(false);
       setCustomerErrorsObject(res.updateCustomer.errors);
       onError === null || onError === void 0 ? void 0 : onError();
@@ -336,7 +343,7 @@ export default function StoreModalUnifiedCheckout(_ref2) {
   };
   const updateCustomer = useCallback((variables, onSuccess, onErrorCallback) => {
     commitMutation(environment, {
-      mutation: (_StoreModalUnifiedCheckoutUpdateCustomerMutation.hash && _StoreModalUnifiedCheckoutUpdateCustomerMutation.hash !== "a41e423a93ba20f15ebbe826dd802514" && console.error("The definition of 'StoreModalUnifiedCheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutUpdateCustomerMutation),
+      mutation: (_StoreModalUnifiedCheckoutUpdateCustomerMutation.hash && _StoreModalUnifiedCheckoutUpdateCustomerMutation.hash !== "dac1a266d63dfa7bee9f22a9373e855a" && console.error("The definition of 'StoreModalUnifiedCheckoutUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalUnifiedCheckoutUpdateCustomerMutation),
       variables,
       onCompleted: (res, errors) => onCompleted(res, errors, onSuccess, onErrorCallback),
       onError

package/dist/relay/environment.js

@@ -8,7 +8,7 @@ import { NODE_ACCESS_HEADER } from '../nodeAccess.js';
 // (defineVersionPlugin in .babelrc.cjs) with the literal package.json#version.
 // Exported so UI (the admin toolbar) can surface it without re-reading the
 // build-time global in a 'use client' module.
-export const version = "3.2.3";
+export const version = "3.2.5";
 const IS_SERVER = typeof window === typeof undefined;
 
 // Opt server fetches into Next's data cache only in production; dev stays

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "3.2.3",
+  "version": "3.2.5",
   "type": "module",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",