fontdue-js 2.16.1 → 2.17.0

package/dist/__generated__/TypeTestersRefetchQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<20a5cba73c3c7720810ea0fe15e6b4f2>>
+ * @generated SignedSource<<950078d2a894ea603b9774c7d0a4f31e>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -341,6 +341,12 @@ const node = function () {
                     }],
                     "storageKey": null
                   }, v12 /*: any*/, {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "supportedLanguages",
+                    "storageKey": null
+                  }, {
                     "alias": null,
                     "args": null,
                     "kind": "ScalarField",
@@ -486,12 +492,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "af929eba890f273bb737138085843f46",
+      "cacheID": "21f60a31fa4d0078bfe4819ceb3a78d8",
       "id": null,
       "metadata": {},
       "name": "TypeTestersRefetchQuery",
       "operationKind": "query",
-      "text": "query TypeTestersRefetchQuery(\n  $excludeTags: [String!] = null\n  $licenseOptions: [LicenseOptionsSpec] = []\n  $orderVariables: [OrderVariableSelectionInput!] = []\n  $tags: [String!] = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TypeTesters_collection_32it0Z\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment PriceBarSection_node_4sncub on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_4sncub\n    id\n    priceWithLicenseOptions: price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_4sncub on FontCollection {\n  ...PriceBarSection_node_4sncub\n  parent {\n    ...PriceBarSection_node_4sncub\n    id\n  }\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 TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  family {\n    cssUrl\n    id\n  }\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_32it0Z on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_4sncub\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_4sncub\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_4sncub\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n"
+      "text": "query TypeTestersRefetchQuery(\n  $excludeTags: [String!] = null\n  $licenseOptions: [LicenseOptionsSpec] = []\n  $orderVariables: [OrderVariableSelectionInput!] = []\n  $tags: [String!] = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TypeTesters_collection_32it0Z\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment PriceBarSection_node_4sncub on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_4sncub\n    id\n    priceWithLicenseOptions: price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_4sncub on FontCollection {\n  ...PriceBarSection_node_4sncub\n  parent {\n    ...PriceBarSection_node_4sncub\n    id\n  }\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 TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  family {\n    cssUrl\n    id\n  }\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_32it0Z on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_4sncub\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_4sncub\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_4sncub\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n"
     }
   };
 }();

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

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<336fbf3445bf08b7ba432f258245a31f>>
+ * @generated SignedSource<<6f88b8fea2605678ef19cba0d3b1604b>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersSlugQuery.graphql.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 /**
- * @generated SignedSource<<336fbf3445bf08b7ba432f258245a31f>>
+ * @generated SignedSource<<6f88b8fea2605678ef19cba0d3b1604b>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -78,39 +78,46 @@ const node = function () {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "cssWeight",
+      "name": "supportedLanguages",
       "storageKey": null
     },
     v12 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "cssStyle",
+      "name": "cssWeight",
       "storageKey": null
     },
     v13 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "cssStretch",
+      "name": "cssStyle",
       "storageKey": null
     },
     v14 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "axis",
+      "name": "cssStretch",
       "storageKey": null
     },
     v15 = {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "axis",
+      "storageKey": null
+    },
+    v16 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "value",
       "storageKey": null
     },
-    v16 = [v14 /*: any*/, v15 /*: any*/],
-    v17 = {
+    v17 = [v15 /*: any*/, v16 /*: any*/],
+    v18 = {
       "alias": null,
       "args": null,
       "concreteType": "VariableInstance",
@@ -124,96 +131,96 @@ const node = function () {
         "kind": "LinkedField",
         "name": "coordinates",
         "plural": true,
-        "selections": v16 /*: any*/,
+        "selections": v17 /*: any*/,
         "storageKey": null
       }],
       "storageKey": null
     },
-    v18 = {
+    v19 = {
       "kind": "Literal",
       "name": "licenseOptions",
       "value": [] /*: any*/
     },
-    v19 = [v18 /*: any*/, {
+    v20 = [v19 /*: any*/, {
       "kind": "Literal",
       "name": "orderVariables",
       "value": [] /*: any*/
     }],
-    v20 = {
+    v21 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "amount",
       "storageKey": null
     },
-    v21 = [v20 /*: any*/, {
+    v22 = [v21 /*: any*/, {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "currency",
       "storageKey": null
     }],
-    v22 = {
+    v23 = {
       "alias": null,
-      "args": v19 /*: any*/,
+      "args": v20 /*: any*/,
       "concreteType": "Money",
       "kind": "LinkedField",
       "name": "price",
       "plural": false,
-      "selections": v21 /*: any*/,
+      "selections": v22 /*: any*/,
       "storageKey": "price(licenseOptions:[],orderVariables:[])"
     },
-    v23 = {
+    v24 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "collectionType",
       "storageKey": null
     },
-    v24 = {
+    v25 = {
       "alias": null,
       "args": null,
       "concreteType": "Sku",
       "kind": "LinkedField",
       "name": "sku",
       "plural": false,
-      "selections": [v9 /*: any*/, v22 /*: any*/, {
+      "selections": [v9 /*: any*/, v23 /*: any*/, {
         "alias": "priceWithLicenseOptions",
-        "args": v19 /*: any*/,
+        "args": v20 /*: any*/,
         "concreteType": "Money",
         "kind": "LinkedField",
         "name": "price",
         "plural": false,
-        "selections": v21 /*: any*/,
+        "selections": v22 /*: any*/,
         "storageKey": "price(licenseOptions:[],orderVariables:[])"
       }],
       "storageKey": null
     },
-    v25 = {
+    v26 = {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
       "name": "totalStyles",
       "storageKey": null
     },
-    v26 = {
+    v27 = {
       "alias": null,
-      "args": [v18 /*: any*/],
+      "args": [v19 /*: any*/],
       "concreteType": "Money",
       "kind": "LinkedField",
       "name": "totalStylesPrice",
       "plural": false,
-      "selections": v21 /*: any*/,
+      "selections": v22 /*: any*/,
       "storageKey": "totalStylesPrice(licenseOptions:[])"
     },
-    v27 = {
+    v28 = {
       "alias": null,
       "args": null,
       "concreteType": "FontCollection",
       "kind": "LinkedField",
       "name": "parent",
       "plural": false,
-      "selections": [v9 /*: any*/, v10 /*: any*/, v23 /*: any*/, v24 /*: any*/, v25 /*: any*/, v26 /*: any*/],
+      "selections": [v9 /*: any*/, v10 /*: any*/, v24 /*: any*/, v25 /*: any*/, v26 /*: any*/, v27 /*: any*/],
       "storageKey": null
     };
   return {
@@ -308,6 +315,15 @@ const node = function () {
                   "kind": "ScalarField",
                   "name": "isVariableFont",
                   "storageKey": null
+                }, {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "FontStyle",
+                  "kind": "LinkedField",
+                  "name": "featureStyle",
+                  "plural": false,
+                  "selections": [v11 /*: any*/, v9 /*: any*/],
+                  "storageKey": null
                 }, {
                   "alias": null,
                   "args": null,
@@ -315,7 +331,7 @@ const node = function () {
                   "kind": "LinkedField",
                   "name": "fontStyles",
                   "plural": true,
-                  "selections": [v9 /*: any*/, v10 /*: any*/, v11 /*: any*/, v12 /*: any*/, v13 /*: any*/, v17 /*: any*/],
+                  "selections": [v9 /*: any*/, v10 /*: any*/, v12 /*: any*/, v13 /*: any*/, v14 /*: any*/, v18 /*: any*/],
                   "storageKey": null
                 }],
                 "storageKey": null
@@ -445,7 +461,7 @@ const node = function () {
                       "kind": "LinkedField",
                       "name": "variableAxes",
                       "plural": true,
-                      "selections": [v14 /*: any*/, v10 /*: any*/, {
+                      "selections": [v15 /*: any*/, v10 /*: any*/, {
                         "alias": null,
                         "args": null,
                         "kind": "ScalarField",
@@ -459,7 +475,7 @@ const node = function () {
                         "storageKey": null
                       }],
                       "storageKey": null
-                    }, v10 /*: any*/, v11 /*: any*/, v12 /*: any*/, v13 /*: any*/, v17 /*: any*/, {
+                    }, v10 /*: any*/, v11 /*: any*/, v12 /*: any*/, v13 /*: any*/, v14 /*: any*/, v18 /*: any*/, {
                       "alias": null,
                       "args": null,
                       "concreteType": "FontCollection",
@@ -487,14 +503,14 @@ const node = function () {
                       "kind": "LinkedField",
                       "name": "sku",
                       "plural": false,
-                      "selections": [v9 /*: any*/, v22 /*: any*/, {
+                      "selections": [v9 /*: any*/, v23 /*: any*/, {
                         "alias": "basePrice",
                         "args": null,
                         "concreteType": "Money",
                         "kind": "LinkedField",
                         "name": "price",
                         "plural": false,
-                        "selections": [v20 /*: any*/],
+                        "selections": [v21 /*: any*/],
                         "storageKey": null
                       }],
                       "storageKey": null
@@ -507,7 +523,7 @@ const node = function () {
                     "kind": "LinkedField",
                     "name": "variableSettings",
                     "plural": true,
-                    "selections": v16 /*: any*/,
+                    "selections": v17 /*: any*/,
                     "storageKey": null
                   }, {
                     "alias": null,
@@ -522,7 +538,7 @@ const node = function () {
                       "kind": "ScalarField",
                       "name": "feature",
                       "storageKey": null
-                    }, v15 /*: any*/],
+                    }, v16 /*: any*/],
                     "storageKey": null
                   }, {
                     "alias": null,
@@ -548,14 +564,14 @@ const node = function () {
               "kind": "ScalarField",
               "name": "typeTesterAxes",
               "storageKey": null
-            }, v9 /*: any*/, v10 /*: any*/, v23 /*: any*/, v24 /*: any*/, v25 /*: any*/, v26 /*: any*/, v27 /*: any*/, {
+            }, v9 /*: any*/, v10 /*: any*/, v24 /*: any*/, v25 /*: any*/, v26 /*: any*/, v27 /*: any*/, v28 /*: any*/, {
               "alias": "families",
               "args": [v7 /*: any*/],
               "concreteType": "FontCollection",
               "kind": "LinkedField",
               "name": "children",
               "plural": true,
-              "selections": [v9 /*: any*/, v10 /*: any*/, v23 /*: any*/, v24 /*: any*/, v25 /*: any*/, v26 /*: any*/, v27 /*: any*/],
+              "selections": [v9 /*: any*/, v10 /*: any*/, v24 /*: any*/, v25 /*: any*/, v26 /*: any*/, v27 /*: any*/, v28 /*: any*/],
               "storageKey": "children(collectionTypes:[\"FAMILY\"])"
             }],
             "storageKey": null
@@ -566,12 +582,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "51eebc5e6173227dc8993607cbb18eed",
+      "cacheID": "b56bf1cf6ad0eddf96fe789bec53095b",
       "id": null,
       "metadata": {},
       "name": "TypeTestersSlugQuery",
       "operationKind": "query",
-      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $tags: [String!]\n  $excludeTags: [String!]\n  $selectable: Boolean!\n) {\n  viewer {\n    ...TypeTesters_viewer_4g9a6U\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_4Goyz5\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_viewer_4g9a6U on Viewer {\n  families: fontCollections(collectionTypes: [FAMILY], first: 999) @include(if: $selectable) {\n    edges {\n      node {\n        id\n        name\n        isVariableFont\n        fontStyles {\n          id\n          name\n          cssWeight\n          cssStyle\n          cssStretch\n          variableInstances {\n            name\n            coordinates {\n              axis\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  family {\n    cssUrl\n    id\n  }\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTester_viewer_4g9a6U on Viewer {\n  ...TypeTesterStyleSelectData_viewer_4g9a6U\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment TypeTesters_viewer_4g9a6U on Viewer {\n  ...TypeTester_viewer_4g9a6U\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n"
+      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $tags: [String!]\n  $excludeTags: [String!]\n  $selectable: Boolean!\n) {\n  viewer {\n    ...TypeTesters_viewer_4g9a6U\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_4Goyz5\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    name\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_viewer_4g9a6U on Viewer {\n  families: fontCollections(collectionTypes: [FAMILY], first: 999) @include(if: $selectable) {\n    edges {\n      node {\n        id\n        name\n        isVariableFont\n        featureStyle {\n          supportedLanguages\n          id\n        }\n        fontStyles {\n          id\n          name\n          cssWeight\n          cssStyle\n          cssStretch\n          variableInstances {\n            name\n            coordinates {\n              axis\n              value\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  family {\n    cssUrl\n    id\n  }\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTester_viewer_4g9a6U on Viewer {\n  ...TypeTesterStyleSelectData_viewer_4g9a6U\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment TypeTesters_viewer_4g9a6U on Viewer {\n  ...TypeTester_viewer_4g9a6U\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n"
     }
   };
 }();

package/dist/components/Cart/AddressFields.d.ts

@@ -5,8 +5,9 @@ interface AddressFields_props {
     viewer: AddressFields_viewer$key;
     value: Identity;
     identityType: 'licensee' | 'billing';
-    onChange: (value: Partial<Identity>) => void;
+    onChange: (value: Partial<Identity>, complete?: boolean) => void;
     errorsObject: UpdateOrderErrors['billingIdentity' | 'licenseeIdentity'] | undefined;
+    allowedCountries?: string[];
 }
-declare const AddressFields: ({ viewer: viewerKey, value, onChange, identityType, errorsObject, }: AddressFields_props) => React.JSX.Element;
+declare const AddressFields: ({ viewer: viewerKey, value, onChange, identityType, errorsObject, allowedCountries, }: AddressFields_props) => React.JSX.Element;
 export default AddressFields;

package/dist/components/Cart/AddressFields.js

@@ -16,23 +16,21 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MAPS_API_KEY = 'AIzaSyB9rSjGVPZYcRkPl1PDezIuAp3XCUs2Crk';
 const AddressFields = _ref => {
-  var _viewer$countryData, _value$street;
+  var _viewer$countryData, _value$street, _viewer$settings;
   let {
     viewer: viewerKey,
     value,
     onChange,
     identityType,
-    errorsObject
+    errorsObject,
+    allowedCountries
   } = _ref;
   const [refetching, setRefetching] = (0, _react.useState)(false);
-  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_AddressFields_viewer2.default.hash && _AddressFields_viewer2.default.hash !== "85916715876e3f24b0335c24d75d70da" && console.error("The definition of 'AddressFields_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddressFields_viewer2.default), viewerKey);
+  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_AddressFields_viewer2.default.hash && _AddressFields_viewer2.default.hash !== "2369fc95f554723701a8294b4522137a" && console.error("The definition of 'AddressFields_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _AddressFields_viewer2.default), viewerKey);
   const countryData = (_viewer$countryData = viewer.countryData) === null || _viewer$countryData === void 0 ? void 0 : _viewer$countryData.response;
   const environment = (0, _reactRelay.useRelayEnvironment)();
   (0, _react.useEffect)(() => {
     setRefetching(true);
-    console.log({
-      country: value.country
-    });
 
     // refetch after using fetchQuery to avoid triggering Suspense
     const subscription = (0, _reactRelay.fetchQuery)(environment, _AddressFieldsRefetchQuery.default, {
@@ -59,9 +57,30 @@ const AddressFields = _ref => {
     return errorsObject === null || errorsObject === void 0 ? void 0 : (_errorsObject$field = errorsObject[field]) === null || _errorsObject$field === void 0 ? void 0 : _errorsObject$field.filter(_utils.notEmpty);
   };
   const lines = (_value$street = value.street) === null || _value$street === void 0 ? void 0 : _value$street.split('\n');
+
+  // Use consolidated phone settings
+  const phoneCollection = (_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.checkoutPhoneNumberCollection;
+  const phoneFieldConfig = phoneCollection === 'never' ? {
+    phone: 'never'
+  } : {
+    phone: 'always'
+  };
+  const phoneValidationConfig = phoneCollection === 'required' ? {
+    phone: {
+      required: 'always'
+    }
+  } : phoneCollection === 'never' ? {} : {
+    phone: {
+      required: 'never'
+    }
+  };
+
+  // Only include phone in defaultValues if phone field is shown
   const defaultValues = {
     name: value.name,
-    phone: value.phone,
+    ...(phoneCollection !== 'never' && {
+      phone: value.phone
+    }),
     address: {
       country: value.country,
       line1: lines === null || lines === void 0 ? void 0 : lines[0],
@@ -72,38 +91,19 @@ const AddressFields = _ref => {
     }
   };
   const handleAddressElementChange = (0, _react.useCallback)(e => {
-    if (e.complete) {
-      // only set the state if it's complete, because stripe is doing its own validation here
-      // and we only disable submission if the fields are entered or not. this way we can prevent
-      // submission if the values are invalid
-      const value = {
-        name: e.value.name,
-        phone: e.value.phone ?? '',
-        country: e.value.address.country,
-        street: e.value.address.line1 + (e.value.address.line2 ? `\n${e.value.address.line2}` : ''),
-        locality: e.value.address.city,
-        sublocality: '',
-        administrativeArea: e.value.address.state,
-        zip: e.value.address.postal_code
-      };
-      onChange(value);
-    } else {
-      // clear these fields if incomplete, e.g. if user starts with a complete address and then
-      // changes to an incomplete one, it could cause some confusion (it would allow the "save" to
-      //  happen with stale state). doing this also ensures the "save" button returns to a disabled
-      // state until the new changes are complete
-      onChange({
-        name: '',
-        phone: '',
-        // keep country, otherwise we will trigger the refetch
-        country: e.value.address.country,
-        street: '',
-        locality: '',
-        sublocality: '',
-        administrativeArea: '',
-        zip: ''
-      });
-    }
+    // Always update country immediately, regardless of form completeness
+    const country = e.value.address.country;
+    const value = {
+      name: e.value.name,
+      phone: e.value.phone ?? '',
+      country,
+      street: e.value.address.line1 + (e.value.address.line2 ? `\n${e.value.address.line2}` : ''),
+      locality: e.value.address.city,
+      sublocality: '',
+      administrativeArea: e.value.address.state,
+      zip: e.value.address.postal_code
+    };
+    onChange(value, e.complete);
   }, [onChange]);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__section"
@@ -127,23 +127,21 @@ const AddressFields = _ref => {
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "checkout-modal__section"
   }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.AddressElement, {
+    key: (allowedCountries === null || allowedCountries === void 0 ? void 0 : allowedCountries.join(',')) || 'all',
     options: {
       mode: identityType === 'billing' ? 'billing' : 'shipping',
       autocomplete: {
         mode: 'google_maps_api',
         apiKey: MAPS_API_KEY
       },
-      fields: {
-        phone: 'always'
-      },
-      validation: {
-        phone: {
-          required: 'always'
-        }
-      },
+      fields: phoneFieldConfig,
+      validation: phoneValidationConfig,
       display: {
         name: 'full'
       },
+      ...(allowedCountries && allowedCountries.length > 0 ? {
+        allowedCountries
+      } : {}),
       defaultValues
     },
     onChange: handleAddressElementChange

package/dist/components/Cart/CartState.js

@@ -17,7 +17,7 @@ function CartState(_ref) {
     order: orderKey,
     children
   } = _ref;
-  const order = (0, _reactRelay.useFragment)((_CartState_order2.default.hash && _CartState_order2.default.hash !== "68bef9bb04269f0547150c81f957d45b" && console.error("The definition of 'CartState_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartState_order2.default), orderKey);
+  const order = (0, _reactRelay.useFragment)((_CartState_order2.default.hash && _CartState_order2.default.hash !== "43fd3d7af7ffe0b50a192674fde8286c" && console.error("The definition of 'CartState_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartState_order2.default), orderKey);
   const [error, setError] = (0, _react.useState)(null);
   const [errors, setErrors] = (0, _react.useState)(null);
   const environment = (0, _reactRelay.useRelayEnvironment)();

package/dist/components/Cart/CartTotals.d.ts

@@ -4,7 +4,10 @@ interface CartTotalsProps {
     order: CartTotals_order$key;
     onRemoveDiscount?: () => void;
     allowDiscountRemoval?: boolean;
-    hideTotal?: boolean;
+    billingIdentity?: {
+        name?: string | null;
+    } | null;
+    taxSystem?: string | null;
 }
-export default function CartTotals({ order: orderKey, onRemoveDiscount, allowDiscountRemoval, hideTotal, }: CartTotalsProps): React.JSX.Element;
+export default function CartTotals({ order: orderKey, onRemoveDiscount, allowDiscountRemoval, billingIdentity, taxSystem, }: CartTotalsProps): React.JSX.Element;
 export {};

package/dist/components/Cart/CartTotals.js

@@ -42,13 +42,13 @@ function CartTotals(_ref2) {
     order: orderKey,
     onRemoveDiscount,
     allowDiscountRemoval = true,
-    hideTotal = false
+    billingIdentity,
+    taxSystem
   } = _ref2;
   const order = (0, _reactRelay.useFragment)((_CartTotals_order2.default.hash && _CartTotals_order2.default.hash !== "7fe25d7e214b579ce085157b9bd551a8" && console.error("The definition of 'CartTotals_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartTotals_order2.default), orderKey);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cart__price-blocks",
-    "data-has-discount": Boolean(order.discount),
-    "data-hide-total": hideTotal
+    "data-has-discount": Boolean(order.discount)
   }, /*#__PURE__*/_react.default.createElement(PriceBlock, {
     label: "Subtotal",
     price: order.subtotal,
@@ -73,13 +73,27 @@ function CartTotals(_ref2) {
     label: "Discounted subtotal",
     price: order.discountedSubtotal,
     "data-line": "discounted-subtotal"
-  })), order.taxes && /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: order.taxName ? `${order.taxName} (${percentage(order.taxRate)})` : `Taxes ${percentage(order.taxRate)}`,
-    price: order.taxes,
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-block",
     "data-line": "taxes"
-  }), /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: `Total${order.gstIncluded ? ' including GST' : ''}`,
-    price: order.total,
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-block__label"
+  }, order.taxes && order.taxName ? `${order.taxName} (${percentage(order.taxRate)})` : 'Tax'), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-block__price"
+  }, order.taxes ? /*#__PURE__*/_react.default.createElement(_Price.default, {
+    price: order.taxes
+  }) : taxSystem === 'stripe' ? /*#__PURE__*/_react.default.createElement("span", {
+    className: "cart__price-block__placeholder"
+  }, "Calculated at checkout") : taxSystem === 'fontdue' && !billingIdentity ? /*#__PURE__*/_react.default.createElement("span", {
+    className: "cart__price-block__placeholder"
+  }, "Enter billing address") : '-')), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-block",
     "data-line": "total"
-  }));
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-block__label"
+  }, "Total", order.gstIncluded ? ' including GST' : ''), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__price-block__price"
+  }, /*#__PURE__*/_react.default.createElement(_Price.default, {
+    price: order.total
+  }))));
 }