fontdue-js 1.3.1 → 1.5.1

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 1.5.1
+
+- Fixed issues with StoreModal precart button colors
+
+## 1.5.0
+
+- NewsletterSignup improvements
+  - Added `successLabel` prop to customize success message
+  - Success label can also be set via "Labels" settings in CMS
+
+## 1.4.0
+
+- StoreModal precart improvements
+  - show styles that don't have a price (since they'll be included with collection purchase)
+  - show collections as non-clickable headers when they don't have a price
+
+## 1.3.1
+
+- Adjusted StoreModal layouts
+
 ## 1.3.0
 
 - Improved responsive layouts in the StoreModal

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

@@ -0,0 +1,14 @@
+import { ConcreteRequest } from "relay-runtime";
+import { FragmentRefs } from "relay-runtime";
+export declare type NewsletterSignup_QueryVariables = {};
+export declare type NewsletterSignup_QueryResponse = {
+    readonly viewer: {
+        readonly " $fragmentRefs": FragmentRefs<"NewsletterSignup_viewer">;
+    } | null;
+};
+export declare type NewsletterSignup_Query = {
+    readonly response: NewsletterSignup_QueryResponse;
+    readonly variables: NewsletterSignup_QueryVariables;
+};
+declare const node: ConcreteRequest;
+export default node;

package/dist/__generated__/NewsletterSignup_Query.graphql.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/* tslint:disable */
+
+/* eslint-disable */
+// @ts-nocheck
+
+/*
+query NewsletterSignup_Query {
+  viewer {
+    ...NewsletterSignup_viewer
+    id
+  }
+}
+
+fragment NewsletterSignup_viewer on Viewer {
+  settings {
+    newsletterOptInLabel(format: HTML)
+    newsletterSuccessLabel(format: HTML)
+  }
+}
+*/
+const node = function () {
+  var v0 = [{
+    "kind": "Literal",
+    "name": "format",
+    "value": "HTML"
+  }];
+  return {
+    "fragment": {
+      "argumentDefinitions": [],
+      "kind": "Fragment",
+      "metadata": null,
+      "name": "NewsletterSignup_Query",
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "concreteType": "Viewer",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [{
+          "args": null,
+          "kind": "FragmentSpread",
+          "name": "NewsletterSignup_viewer"
+        }],
+        "storageKey": null
+      }],
+      "type": "RootQueryType",
+      "abstractKey": null
+    },
+    "kind": "Request",
+    "operation": {
+      "argumentDefinitions": [],
+      "kind": "Operation",
+      "name": "NewsletterSignup_Query",
+      "selections": [{
+        "alias": null,
+        "args": null,
+        "concreteType": "Viewer",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [{
+          "alias": null,
+          "args": null,
+          "concreteType": "Settings",
+          "kind": "LinkedField",
+          "name": "settings",
+          "plural": false,
+          "selections": [{
+            "alias": null,
+            "args": v0
+            /*: any*/
+            ,
+            "kind": "ScalarField",
+            "name": "newsletterOptInLabel",
+            "storageKey": "newsletterOptInLabel(format:\"HTML\")"
+          }, {
+            "alias": null,
+            "args": v0
+            /*: any*/
+            ,
+            "kind": "ScalarField",
+            "name": "newsletterSuccessLabel",
+            "storageKey": "newsletterSuccessLabel(format:\"HTML\")"
+          }],
+          "storageKey": null
+        }, {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        }],
+        "storageKey": null
+      }]
+    },
+    "params": {
+      "cacheID": "c2ac1f4cd512a8382e6abc76847214aa",
+      "id": null,
+      "metadata": {},
+      "name": "NewsletterSignup_Query",
+      "operationKind": "query",
+      "text": "query NewsletterSignup_Query {\n  viewer {\n    ...NewsletterSignup_viewer\n    id\n  }\n}\n\nfragment NewsletterSignup_viewer on Viewer {\n  settings {\n    newsletterOptInLabel(format: HTML)\n    newsletterSuccessLabel(format: HTML)\n  }\n}\n"
+    }
+  };
+}();
+
+node.hash = 'ede23ce8fe999201dacb066fcef009af';
+var _default = node;
+exports.default = _default;

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

@@ -0,0 +1,16 @@
+import { ReaderFragment } from "relay-runtime";
+import { FragmentRefs } from "relay-runtime";
+export declare type NewsletterSignup_viewer = {
+    readonly settings: {
+        readonly newsletterOptInLabel: string | null;
+        readonly newsletterSuccessLabel: string | null;
+    } | null;
+    readonly " $refType": "NewsletterSignup_viewer";
+};
+export declare type NewsletterSignup_viewer$data = NewsletterSignup_viewer;
+export declare type NewsletterSignup_viewer$key = {
+    readonly " $data"?: NewsletterSignup_viewer$data;
+    readonly " $fragmentRefs": FragmentRefs<"NewsletterSignup_viewer">;
+};
+declare const node: ReaderFragment;
+export default node;

package/dist/__generated__/NewsletterSignup_viewer.graphql.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/* tslint:disable */
+
+/* eslint-disable */
+// @ts-nocheck
+const node = function () {
+  var v0 = [{
+    "kind": "Literal",
+    "name": "format",
+    "value": "HTML"
+  }];
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "NewsletterSignup_viewer",
+    "selections": [{
+      "alias": null,
+      "args": null,
+      "concreteType": "Settings",
+      "kind": "LinkedField",
+      "name": "settings",
+      "plural": false,
+      "selections": [{
+        "alias": null,
+        "args": v0
+        /*: any*/
+        ,
+        "kind": "ScalarField",
+        "name": "newsletterOptInLabel",
+        "storageKey": "newsletterOptInLabel(format:\"HTML\")"
+      }, {
+        "alias": null,
+        "args": v0
+        /*: any*/
+        ,
+        "kind": "ScalarField",
+        "name": "newsletterSuccessLabel",
+        "storageKey": "newsletterSuccessLabel(format:\"HTML\")"
+      }],
+      "storageKey": null
+    }],
+    "type": "Viewer",
+    "abstractKey": null
+  };
+}();
+
+node.hash = '05823550a311988e999fd9b95cc39dac';
+var _default = node;
+exports.default = _default;

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

@@ -2,6 +2,10 @@ import { ReaderFragment } from "relay-runtime";
 import { FragmentRefs } from "relay-runtime";
 export declare type StoreModalFamily_collection = {
     readonly cssUrl: string | null;
+    readonly collectionType: string;
+    readonly sku: {
+        readonly id: string;
+    } | null;
     readonly bundles: ReadonlyArray<{
         readonly id: string;
         readonly fontStyles: ReadonlyArray<{

package/dist/__generated__/StoreModalFamily_collection.graphql.js

@@ -62,6 +62,23 @@ const node = function () {
       "kind": "ScalarField",
       "name": "cssUrl",
       "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "collectionType",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "Sku",
+      "kind": "LinkedField",
+      "name": "sku",
+      "plural": false,
+      "selections": [v0
+      /*: any*/
+      ],
+      "storageKey": null
     }, {
       "alias": null,
       "args": null,
@@ -91,6 +108,6 @@ const node = function () {
   };
 }();
 
-node.hash = '0164fb7c07ce4174350e6a463723910e';
+node.hash = 'ba6def0c7ad16af4a476e64ef4e1dcca';
 var _default = node;
 exports.default = _default;

package/dist/__generated__/StoreModalProductQuery.graphql.js

@@ -85,6 +85,10 @@ fragment StoreModalFamilyButton_collection on FontCollection {
 fragment StoreModalFamily_collection on FontCollection {
   ...StoreModalFamilyButton_collection
   cssUrl
+  collectionType
+  sku {
+    id
+  }
   bundles {
     id
     fontStyles {
@@ -167,6 +171,7 @@ fragment StoreModalProductSummary_viewer on Viewer {
 }
 
 fragment StoreModalStyleButton_fontStyle on FontStyle {
+  id
   name
   sku {
     ...SKUPrice_sku
@@ -729,12 +734,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "a57271e1ee37755b82a0e5fce9311b92",
+      "cacheID": "aded364bd29800c32be6e43a6caa779f",
       "id": null,
       "metadata": {},
       "name": "StoreModalProductQuery",
       "operationKind": "query",
-      "text": "query StoreModalProductQuery(\n  $productId: ID!\n) {\n  collection: node(id: $productId) {\n    __typename\n    id\n    ...StoreModalFamily_collection\n    ... on FontCollection {\n      children(collectionTypes: [FAMILY]) {\n        id\n        ...StoreModalFamily_collection\n      }\n    }\n  }\n  viewer {\n    ...StoreModalProductLicenseSelection_viewer\n    ...StoreModalProductSummary_viewer\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalBundleButton_bundle on Bundle {\n  name\n  sku {\n    ...SKUPrice_sku\n    id\n  }\n  fontStyles {\n    id\n    ...FontStyle_fontStyle\n  }\n}\n\nfragment StoreModalFamilyButton_collection on FontCollection {\n  collectionType\n  name\n  sku {\n    ...SKUPrice_sku\n    id\n  }\n  parent {\n    id\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    id\n  }\n  totalStyles\n  totalStylesPrice {\n    ...Price_price\n  }\n}\n\nfragment StoreModalFamily_collection on FontCollection {\n  ...StoreModalFamilyButton_collection\n  cssUrl\n  bundles {\n    id\n    fontStyles {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      ...StoreModalStyleButton_fontStyle\n    }\n    ...StoreModalBundleButton_bundle\n  }\n  fontStyles {\n    id\n    cssFamily\n    cssWeight\n    cssStretch\n    ...StoreModalStyleButton_fontStyle\n  }\n}\n\nfragment StoreModalProductLicenseSelection_viewer on Viewer {\n  licenses(licenseTypes: [RETAIL]) {\n    id\n    ...StoreModalProductLicense_license\n  }\n}\n\nfragment StoreModalProductLicense_license on License {\n  id\n  url\n  name\n  defaultSelected\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    ...VariableTableAmounts_variable\n    options: licenseOptions {\n      id\n      name\n      amount\n      ...VariableTableAmounts_option\n    }\n  }\n}\n\nfragment StoreModalProductSummary_viewer on Viewer {\n  precart(skuIds: [], licenseOptions: []) {\n    skus {\n      price(licenseOptions: []) {\n        amount\n      }\n      product {\n        __typename\n        ... on FontCollection {\n          totalStyles\n          totalStylesPrice(licenseOptions: []) {\n            amount\n          }\n        }\n        ... on Bundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: []) {\n            amount\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n      id\n    }\n    subtotal {\n      ...Price_price\n      amount\n      currency\n    }\n  }\n}\n\nfragment StoreModalStyleButton_fontStyle on FontStyle {\n  name\n  sku {\n    ...SKUPrice_sku\n    id\n  }\n  ...FontStyle_fontStyle\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n"
+      "text": "query StoreModalProductQuery(\n  $productId: ID!\n) {\n  collection: node(id: $productId) {\n    __typename\n    id\n    ...StoreModalFamily_collection\n    ... on FontCollection {\n      children(collectionTypes: [FAMILY]) {\n        id\n        ...StoreModalFamily_collection\n      }\n    }\n  }\n  viewer {\n    ...StoreModalProductLicenseSelection_viewer\n    ...StoreModalProductSummary_viewer\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment StoreModalBundleButton_bundle on Bundle {\n  name\n  sku {\n    ...SKUPrice_sku\n    id\n  }\n  fontStyles {\n    id\n    ...FontStyle_fontStyle\n  }\n}\n\nfragment StoreModalFamilyButton_collection on FontCollection {\n  collectionType\n  name\n  sku {\n    ...SKUPrice_sku\n    id\n  }\n  parent {\n    id\n  }\n  featureStyle {\n    ...FontStyle_fontStyle\n    id\n  }\n  totalStyles\n  totalStylesPrice {\n    ...Price_price\n  }\n}\n\nfragment StoreModalFamily_collection on FontCollection {\n  ...StoreModalFamilyButton_collection\n  cssUrl\n  collectionType\n  sku {\n    id\n  }\n  bundles {\n    id\n    fontStyles {\n      id\n      cssFamily\n      cssWeight\n      cssStretch\n      ...StoreModalStyleButton_fontStyle\n    }\n    ...StoreModalBundleButton_bundle\n  }\n  fontStyles {\n    id\n    cssFamily\n    cssWeight\n    cssStretch\n    ...StoreModalStyleButton_fontStyle\n  }\n}\n\nfragment StoreModalProductLicenseSelection_viewer on Viewer {\n  licenses(licenseTypes: [RETAIL]) {\n    id\n    ...StoreModalProductLicense_license\n  }\n}\n\nfragment StoreModalProductLicense_license on License {\n  id\n  url\n  name\n  defaultSelected\n  variables: licenseVariables {\n    id\n    name\n    variableType\n    ...VariableTableAmounts_variable\n    options: licenseOptions {\n      id\n      name\n      amount\n      ...VariableTableAmounts_option\n    }\n  }\n}\n\nfragment StoreModalProductSummary_viewer on Viewer {\n  precart(skuIds: [], licenseOptions: []) {\n    skus {\n      price(licenseOptions: []) {\n        amount\n      }\n      product {\n        __typename\n        ... on FontCollection {\n          totalStyles\n          totalStylesPrice(licenseOptions: []) {\n            amount\n          }\n        }\n        ... on Bundle {\n          totalStyles\n          totalStylesPrice(licenseOptions: []) {\n            amount\n          }\n        }\n        ... on Node {\n          __isNode: __typename\n          id\n        }\n      }\n      id\n    }\n    subtotal {\n      ...Price_price\n      amount\n      currency\n    }\n  }\n}\n\nfragment StoreModalStyleButton_fontStyle on FontStyle {\n  id\n  name\n  sku {\n    ...SKUPrice_sku\n    id\n  }\n  ...FontStyle_fontStyle\n}\n\nfragment VariableTableAmounts_option on LicenseOption {\n  amounts\n}\n\nfragment VariableTableAmounts_variable on LicenseVariable {\n  units\n}\n"
     }
   };
 }();

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

@@ -1,6 +1,7 @@
 import { ReaderFragment } from "relay-runtime";
 import { FragmentRefs } from "relay-runtime";
 export declare type StoreModalStyleButton_fontStyle = {
+    readonly id: string;
     readonly name: string;
     readonly sku: {
         readonly id: string;

package/dist/__generated__/StoreModalStyleButton_fontStyle.graphql.js

@@ -9,44 +9,52 @@ exports.default = void 0;
 
 /* eslint-disable */
 // @ts-nocheck
-const node = {
-  "argumentDefinitions": [],
-  "kind": "Fragment",
-  "metadata": null,
-  "name": "StoreModalStyleButton_fontStyle",
-  "selections": [{
+const node = function () {
+  var v0 = {
     "alias": null,
     "args": null,
     "kind": "ScalarField",
-    "name": "name",
+    "name": "id",
     "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "concreteType": "Sku",
-    "kind": "LinkedField",
-    "name": "sku",
-    "plural": false,
-    "selections": [{
+  };
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StoreModalStyleButton_fontStyle",
+    "selections": [v0
+    /*: any*/
+    , {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "id",
+      "name": "name",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "Sku",
+      "kind": "LinkedField",
+      "name": "sku",
+      "plural": false,
+      "selections": [v0
+      /*: any*/
+      , {
+        "args": null,
+        "kind": "FragmentSpread",
+        "name": "SKUPrice_sku"
+      }],
       "storageKey": null
     }, {
       "args": null,
       "kind": "FragmentSpread",
-      "name": "SKUPrice_sku"
+      "name": "FontStyle_fontStyle"
     }],
-    "storageKey": null
-  }, {
-    "args": null,
-    "kind": "FragmentSpread",
-    "name": "FontStyle_fontStyle"
-  }],
-  "type": "FontStyle",
-  "abstractKey": null
-};
-node.hash = 'd09b160f8a911647b91d0a0885d84347';
+    "type": "FontStyle",
+    "abstractKey": null
+  };
+}();
+
+node.hash = '89e85cab35cfb1e88e83fcb01ba235ac';
 var _default = node;
 exports.default = _default;

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

@@ -14,6 +14,7 @@ export declare type productState_QueryResponse = {
             };
         } | null;
         readonly fontStyles: ReadonlyArray<{
+            readonly id: string;
             readonly sku: {
                 readonly id: string;
                 readonly price: {
@@ -31,6 +32,7 @@ export declare type productState_QueryResponse = {
                 };
             } | null;
             readonly fontStyles: ReadonlyArray<{
+                readonly id: string;
                 readonly sku: {
                     readonly id: string;
                     readonly price: {
@@ -49,6 +51,7 @@ export declare type productState_QueryResponse = {
                 };
             } | null;
             readonly fontStyles: ReadonlyArray<{
+                readonly id: string;
                 readonly sku: {
                     readonly id: string;
                     readonly price: {
@@ -66,6 +69,7 @@ export declare type productState_QueryResponse = {
                     };
                 } | null;
                 readonly fontStyles: ReadonlyArray<{
+                    readonly id: string;
                     readonly sku: {
                         readonly id: string;
                         readonly price: {

package/dist/__generated__/productState_Query.graphql.js

@@ -27,13 +27,13 @@ query productState_Query(
         }
       }
       fontStyles {
+        id
         sku {
           id
           price {
             amount
           }
         }
-        id
       }
       bundles {
         id
@@ -45,13 +45,13 @@ query productState_Query(
           }
         }
         fontStyles {
+          id
           sku {
             id
             price {
               amount
             }
           }
-          id
         }
       }
       children(collectionTypes: [FAMILY]) {
@@ -64,13 +64,13 @@ query productState_Query(
           }
         }
         fontStyles {
+          id
           sku {
             id
             price {
               amount
             }
           }
-          id
         }
         bundles {
           id
@@ -82,13 +82,13 @@ query productState_Query(
             }
           }
           fontStyles {
+            id
             sku {
               id
               price {
                 amount
               }
             }
-            id
           }
         }
       }
@@ -163,7 +163,9 @@ const node = function () {
     "kind": "LinkedField",
     "name": "fontStyles",
     "plural": true,
-    "selections": [v5
+    "selections": [v3
+    /*: any*/
+    , v5
     /*: any*/
     ],
     "storageKey": null
@@ -186,31 +188,16 @@ const node = function () {
     ],
     "storageKey": null
   },
-      v8 = [{
-    "kind": "Literal",
-    "name": "collectionTypes",
-    "value": ["FAMILY"]
-  }],
-      v9 = {
-    "alias": null,
-    "args": null,
-    "concreteType": "FontStyle",
-    "kind": "LinkedField",
-    "name": "fontStyles",
-    "plural": true,
-    "selections": [v5
-    /*: any*/
-    , v3
-    /*: any*/
-    ],
-    "storageKey": null
-  },
-      v10 = {
+      v8 = {
     "alias": null,
-    "args": null,
-    "concreteType": "Bundle",
+    "args": [{
+      "kind": "Literal",
+      "name": "collectionTypes",
+      "value": ["FAMILY"]
+    }],
+    "concreteType": "FontCollection",
     "kind": "LinkedField",
-    "name": "bundles",
+    "name": "children",
     "plural": true,
     "selections": [v3
     /*: any*/
@@ -218,10 +205,12 @@ const node = function () {
     /*: any*/
     , v5
     /*: any*/
-    , v9
+    , v6
+    /*: any*/
+    , v7
     /*: any*/
     ],
-    "storageKey": null
+    "storageKey": "children(collectionTypes:[\"FAMILY\"])"
   };
   return {
     "fragment": {
@@ -254,28 +243,9 @@ const node = function () {
           /*: any*/
           , v7
           /*: any*/
-          , {
-            "alias": null,
-            "args": v8
-            /*: any*/
-            ,
-            "concreteType": "FontCollection",
-            "kind": "LinkedField",
-            "name": "children",
-            "plural": true,
-            "selections": [v3
-            /*: any*/
-            , v4
-            /*: any*/
-            , v5
-            /*: any*/
-            , v6
-            /*: any*/
-            , v7
-            /*: any*/
-            ],
-            "storageKey": "children(collectionTypes:[\"FAMILY\"])"
-          }],
+          , v8
+          /*: any*/
+          ],
           "type": "FontCollection",
           "abstractKey": null
         }],
@@ -310,32 +280,13 @@ const node = function () {
           /*: any*/
           , v5
           /*: any*/
-          , v9
+          , v6
+          /*: any*/
+          , v7
           /*: any*/
-          , v10
+          , v8
           /*: any*/
-          , {
-            "alias": null,
-            "args": v8
-            /*: any*/
-            ,
-            "concreteType": "FontCollection",
-            "kind": "LinkedField",
-            "name": "children",
-            "plural": true,
-            "selections": [v3
-            /*: any*/
-            , v4
-            /*: any*/
-            , v5
-            /*: any*/
-            , v9
-            /*: any*/
-            , v10
-            /*: any*/
-            ],
-            "storageKey": "children(collectionTypes:[\"FAMILY\"])"
-          }],
+          ],
           "type": "FontCollection",
           "abstractKey": null
         }],
@@ -343,12 +294,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "4ce2d0b31df6ab7cb7bf21b8ad5774ea",
+      "cacheID": "90025dc788ad02719883b403aa953c6d",
       "id": null,
       "metadata": {},
       "name": "productState_Query",
       "operationKind": "query",
-      "text": "query productState_Query(\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ... on FontCollection {\n      __typename\n      id\n      name\n      sku {\n        id\n        price {\n          amount\n        }\n      }\n      fontStyles {\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        id\n      }\n      bundles {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          id\n        }\n      }\n      children(collectionTypes: [FAMILY]) {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          id\n        }\n        bundles {\n          id\n          name\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n            id\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+      "text": "query productState_Query(\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ... on FontCollection {\n      __typename\n      id\n      name\n      sku {\n        id\n        price {\n          amount\n        }\n      }\n      fontStyles {\n        id\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n      }\n      bundles {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n        }\n      }\n      children(collectionTypes: [FAMILY]) {\n        id\n        name\n        sku {\n          id\n          price {\n            amount\n          }\n        }\n        fontStyles {\n          id\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n        }\n        bundles {\n          id\n          name\n          sku {\n            id\n            price {\n              amount\n            }\n          }\n          fontStyles {\n            id\n            sku {\n              id\n              price {\n                amount\n              }\n            }\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
     }
   };
 }();

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

@@ -10,6 +10,7 @@ export declare type productState_bundle = {
         };
     } | null;
     readonly fontStyles: ReadonlyArray<{
+        readonly id: string;
         readonly sku: {
             readonly id: string;
             readonly price: {

package/dist/__generated__/productState_bundle.graphql.js

@@ -68,7 +68,9 @@ const node = function () {
       "kind": "LinkedField",
       "name": "fontStyles",
       "plural": true,
-      "selections": [v1
+      "selections": [v0
+      /*: any*/
+      , v1
       /*: any*/
       ],
       "storageKey": null
@@ -78,6 +80,6 @@ const node = function () {
   };
 }();
 
-node.hash = '8137d9a4dac9894f58f99bc56752cae0';
+node.hash = 'fa38bbc9f2062a727da4f5062b362054';
 var _default = node;
 exports.default = _default;