fontdue-js 2.8.0 → 2.8.2

package/dist/components/Cart/CartOrder.js

@@ -67,10 +67,10 @@ const orderChangeInput = (order, orderItem) => {
 //   want to reset the cart back to empty).
 // but here we want to keep displaying the order that they
 // just paid for
-const submitCompleteMutation = (_CartOrderCompleteOrderMutation2.default.hash && _CartOrderCompleteOrderMutation2.default.hash !== "86f8fe7e3a867ae234cb381df186c107" && console.error("The definition of 'CartOrderCompleteOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderCompleteOrderMutation);
-_CartOrder_UpdateErrors2.default.hash && _CartOrder_UpdateErrors2.default.hash !== "0bc5cd4fa568238d362a545367f9c306" && console.error("The definition of 'CartOrder_UpdateErrors' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_UpdateErrors;
-const orderChangeMutation = (_CartOrderUpdateMutation2.default.hash && _CartOrderUpdateMutation2.default.hash !== "9f208ec36dbea5d90eeae4574b48bd15" && console.error("The definition of 'CartOrderUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderUpdateMutation);
-const removeDiscountMutation = (_CartOrderRemoveDiscountMutation2.default.hash && _CartOrderRemoveDiscountMutation2.default.hash !== "8a84a9135f1406fa9c4cc16dc2e11d30" && console.error("The definition of 'CartOrderRemoveDiscountMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderRemoveDiscountMutation);
+const submitCompleteMutation = (_CartOrderCompleteOrderMutation2.default.hash && _CartOrderCompleteOrderMutation2.default.hash !== "86f8fe7e3a867ae234cb381df186c107" && console.error("The definition of 'CartOrderCompleteOrderMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderCompleteOrderMutation2.default);
+_CartOrder_UpdateErrors2.default.hash && _CartOrder_UpdateErrors2.default.hash !== "0bc5cd4fa568238d362a545367f9c306" && console.error("The definition of 'CartOrder_UpdateErrors' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_UpdateErrors2.default;
+const orderChangeMutation = (_CartOrderUpdateMutation2.default.hash && _CartOrderUpdateMutation2.default.hash !== "9f208ec36dbea5d90eeae4574b48bd15" && console.error("The definition of 'CartOrderUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderUpdateMutation2.default);
+const removeDiscountMutation = (_CartOrderRemoveDiscountMutation2.default.hash && _CartOrderRemoveDiscountMutation2.default.hash !== "8a84a9135f1406fa9c4cc16dc2e11d30" && console.error("The definition of 'CartOrderRemoveDiscountMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrderRemoveDiscountMutation2.default);
 const CartOrder = _ref2 => {
   var _order$stripePaymentM, _viewer$settings;
   let {
@@ -81,8 +81,8 @@ const CartOrder = _ref2 => {
   const environment = (0, _reactRelay.useRelayEnvironment)();
   const stripe = (0, _reactStripeJs.useStripe)();
   const dispatch = (0, _reactRedux.useDispatch)();
-  const order = (0, _reactRelay.useFragment)((_CartOrder_order2.default.hash && _CartOrder_order2.default.hash !== "84f966e53ef1100c2ea2bb6ef7aa6c54" && console.error("The definition of 'CartOrder_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_order), orderKey);
-  const viewer = (0, _reactRelay.useFragment)((_CartOrder_viewer2.default.hash && _CartOrder_viewer2.default.hash !== "13e1fb5c61670fcdf4add0214ea88ea5" && console.error("The definition of 'CartOrder_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_viewer), viewerKey);
+  const order = (0, _reactRelay.useFragment)((_CartOrder_order2.default.hash && _CartOrder_order2.default.hash !== "84f966e53ef1100c2ea2bb6ef7aa6c54" && console.error("The definition of 'CartOrder_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_order2.default), orderKey);
+  const viewer = (0, _reactRelay.useFragment)((_CartOrder_viewer2.default.hash && _CartOrder_viewer2.default.hash !== "13e1fb5c61670fcdf4add0214ea88ea5" && console.error("The definition of 'CartOrder_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartOrder_viewer2.default), viewerKey);
 
   // errors is from the payload, typically user errors,
   // whereas 'error' refers to schema/network/catastrophic errors

package/dist/components/Cart/CartState.js

@@ -10,14 +10,14 @@ var _CartStateUpdateMutation2 = _interopRequireDefault(require("../../__generate
 var _react = require("react");
 var _reactRelay = require("react-relay");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const orderChangeMutation = (_CartStateUpdateMutation2.default.hash && _CartStateUpdateMutation2.default.hash !== "0074879fb29466e5a947a8776a86c5f6" && console.error("The definition of 'CartStateUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateUpdateMutation);
-const removeDiscountMutation = (_CartStateRemoveDiscountMutation2.default.hash && _CartStateRemoveDiscountMutation2.default.hash !== "a1ce9ee438492737524704a36bbf6713" && console.error("The definition of 'CartStateRemoveDiscountMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateRemoveDiscountMutation);
+const orderChangeMutation = (_CartStateUpdateMutation2.default.hash && _CartStateUpdateMutation2.default.hash !== "0074879fb29466e5a947a8776a86c5f6" && console.error("The definition of 'CartStateUpdateMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateUpdateMutation2.default);
+const removeDiscountMutation = (_CartStateRemoveDiscountMutation2.default.hash && _CartStateRemoveDiscountMutation2.default.hash !== "a1ce9ee438492737524704a36bbf6713" && console.error("The definition of 'CartStateRemoveDiscountMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartStateRemoveDiscountMutation2.default);
 function CartState(_ref) {
   let {
     order: orderKey,
     children
   } = _ref;
-  const order = (0, _reactRelay.useFragment)((_CartState_order2.default.hash && _CartState_order2.default.hash !== "a4267a6dccade27c1af1b1a71922a10f" && 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_order), orderKey);
+  const order = (0, _reactRelay.useFragment)((_CartState_order2.default.hash && _CartState_order2.default.hash !== "a4267a6dccade27c1af1b1a71922a10f" && 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.js

@@ -44,7 +44,7 @@ function CartTotals(_ref2) {
     allowDiscountRemoval = true,
     hideTotal = false
   } = _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_order), orderKey);
+  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),

package/dist/components/Cart/Checkout.js

@@ -28,10 +28,10 @@ const DESKTOP = 'desktop';
 // countryData will take care of knowing which address fields
 // are required
 const IDENTITY_REQUIRED_FIELDS = ['name', 'email', 'phone', 'country'];
-_Checkout_identity2.default.hash && _Checkout_identity2.default.hash !== "e69fe84d0b5b4a205aa52d5eefe1048d" && 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 = (_CheckoutUpdateCustomerMutation2.default.hash && _CheckoutUpdateCustomerMutation2.default.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);
-_Checkout_UpdateOrderErrors2.default.hash && _Checkout_UpdateOrderErrors2.default.hash !== "d76073037a16138de572dbb22d72da8f" && 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 = (_CheckoutUpdateOrderMutation2.default.hash && _CheckoutUpdateOrderMutation2.default.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);
+_Checkout_identity2.default.hash && _Checkout_identity2.default.hash !== "e69fe84d0b5b4a205aa52d5eefe1048d" && 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_identity2.default;
+const updateCustomerMutation = (_CheckoutUpdateCustomerMutation2.default.hash && _CheckoutUpdateCustomerMutation2.default.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."), _CheckoutUpdateCustomerMutation2.default);
+_Checkout_UpdateOrderErrors2.default.hash && _Checkout_UpdateOrderErrors2.default.hash !== "d76073037a16138de572dbb22d72da8f" && 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_UpdateOrderErrors2.default;
+const updateOrderMutation = (_CheckoutUpdateOrderMutation2.default.hash && _CheckoutUpdateOrderMutation2.default.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."), _CheckoutUpdateOrderMutation2.default);
 const Checkout = _ref => {
   let {
     order,
@@ -45,8 +45,8 @@ const Checkout = _ref => {
     onCancel,
     skipPaymentMethod = false
   } = _ref;
-  const orderData = (0, _reactRelay.useFragment)((_Checkout_order2.default.hash && _Checkout_order2.default.hash !== "693ae9c7f2c7fe9a179bad7b86c16928" && console.error("The definition of 'Checkout_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_order), order);
-  const viewerData = (0, _reactRelay.useFragment)((_Checkout_viewer2.default.hash && _Checkout_viewer2.default.hash !== "be63ce5562013aa6a1439e6259c80e2f" && console.error("The definition of 'Checkout_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_viewer), viewer);
+  const orderData = (0, _reactRelay.useFragment)((_Checkout_order2.default.hash && _Checkout_order2.default.hash !== "693ae9c7f2c7fe9a179bad7b86c16928" && console.error("The definition of 'Checkout_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_order2.default), order);
+  const viewerData = (0, _reactRelay.useFragment)((_Checkout_viewer2.default.hash && _Checkout_viewer2.default.hash !== "be63ce5562013aa6a1439e6259c80e2f" && console.error("The definition of 'Checkout_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Checkout_viewer2.default), viewer);
   const identity = {
     name: '',
     organization: '',

package/dist/components/Cart/CouponCodeInput.js

@@ -26,14 +26,14 @@ function useDebounce(value, delay) {
   }, [value, delay]);
   return debouncedValue;
 }
-const applyCouponMutation = (_CouponCodeInputApplyCouponMutation2.default.hash && _CouponCodeInputApplyCouponMutation2.default.hash !== "7090ef11a30d00dbaea37589166dc1a9" && console.error("The definition of 'CouponCodeInputApplyCouponMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInputApplyCouponMutation);
+const applyCouponMutation = (_CouponCodeInputApplyCouponMutation2.default.hash && _CouponCodeInputApplyCouponMutation2.default.hash !== "7090ef11a30d00dbaea37589166dc1a9" && console.error("The definition of 'CouponCodeInputApplyCouponMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInputApplyCouponMutation2.default);
 const CouponCodeInput = _ref => {
   var _viewer$coupon, _viewer$coupon2, _viewer$coupon3, _viewer$coupon4;
   let {
     viewer: viewerKey
   } = _ref;
   const environment = (0, _reactRelay.useRelayEnvironment)();
-  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_CouponCodeInput_viewer2.default.hash && _CouponCodeInput_viewer2.default.hash !== "06207af721d062f5fb4c32dc2a260e74" && console.error("The definition of 'CouponCodeInput_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInput_viewer), viewerKey);
+  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_CouponCodeInput_viewer2.default.hash && _CouponCodeInput_viewer2.default.hash !== "06207af721d062f5fb4c32dc2a260e74" && console.error("The definition of 'CouponCodeInput_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInput_viewer2.default), viewerKey);
   const [submitting, setSubmitting] = (0, _react.useState)(false);
   const [expanded, setExpanded] = (0, _react.useState)(false);
   const [value, setValue] = (0, _react.useState)('');

package/dist/components/Cart/Download.js

@@ -65,6 +65,6 @@ const Download = _ref2 => {
   }));
 };
 var _default = (0, _reactRelay.createRefetchContainer)(Download, {
-  order: (_Download_order2.default.hash && _Download_order2.default.hash !== "818f18e6bd304c38233be849d75f36a5" && console.error("The definition of 'Download_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Download_order)
-}, (_DownloadRefetchQuery2.default.hash && _DownloadRefetchQuery2.default.hash !== "fe555b125ad4154333f80fd69075e0c8" && console.error("The definition of 'DownloadRefetchQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _DownloadRefetchQuery));
+  order: (_Download_order2.default.hash && _Download_order2.default.hash !== "818f18e6bd304c38233be849d75f36a5" && console.error("The definition of 'Download_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Download_order2.default)
+}, (_DownloadRefetchQuery2.default.hash && _DownloadRefetchQuery2.default.hash !== "fe555b125ad4154333f80fd69075e0c8" && console.error("The definition of 'DownloadRefetchQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _DownloadRefetchQuery2.default));
 exports.default = _default;

package/dist/components/Cart/IdentityBox.js

@@ -17,7 +17,7 @@ function IdentityBox(_ref) {
       icon
     }
   } = _ref;
-  const identity = (0, _reactRelay.useFragment)((_IdentityBox_identity2.default.hash && _IdentityBox_identity2.default.hash !== "d93d9cb6f2c86580fb57b4de6782ec9d" && console.error("The definition of 'IdentityBox_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _IdentityBox_identity), identityKey);
+  const identity = (0, _reactRelay.useFragment)((_IdentityBox_identity2.default.hash && _IdentityBox_identity2.default.hash !== "d93d9cb6f2c86580fb57b4de6782ec9d" && console.error("The definition of 'IdentityBox_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _IdentityBox_identity2.default), identityKey);
   return /*#__PURE__*/_react.default.createElement("button", {
     className: "cart__review__button",
     type: "button",

package/dist/components/Cart/index.js

@@ -16,7 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function Cart() {
   const {
     viewer
-  } = (0, _reactRelay.useLazyLoadQuery)((_CartQuery2.default.hash && _CartQuery2.default.hash !== "b74f61f6b7a71c169b202770100937ca" && console.error("The definition of 'CartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartQuery), {});
+  } = (0, _reactRelay.useLazyLoadQuery)((_CartQuery2.default.hash && _CartQuery2.default.hash !== "b74f61f6b7a71c169b202770100937ca" && console.error("The definition of 'CartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartQuery2.default), {});
   const cartOpen = (0, _reactRedux.useSelector)(state => state.cartOpen);
   const {
     currentOrder

package/dist/components/CartButton/index.js

@@ -23,7 +23,7 @@ function getOrderCount(order) {
 }
 const cartButtonCount = order => {
   if (!order) return 0;
-  return getOrderCount(order); // TODO: add a `count` field to schema
+  return getOrderCount(order);
 };
 const openCart = () => ({
   type: 'OPEN_CART'
@@ -35,7 +35,7 @@ function CartButtonComponent(_ref) {
     order: orderKey,
     children
   } = _ref;
-  const order = (0, _reactRelay.useFragment)((_CartButton_order2.default.hash && _CartButton_order2.default.hash !== "fe52953705bed993f9f94c1ae33d801a" && 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 order = (0, _reactRelay.useFragment)((_CartButton_order2.default.hash && _CartButton_order2.default.hash !== "fe52953705bed993f9f94c1ae33d801a" && 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_order2.default), orderKey);
   const [count, setCount] = (0, _react.useState)(0);
   const dispatch = (0, _reactRedux.useDispatch)();
   const handleClick = (0, _react.useCallback)(() => {
@@ -68,7 +68,7 @@ function CartButtonComponent(_ref) {
     className: "cart-button__label"
   }, label || 'Cart')));
 }
-const query = (_CartButtonQuery2.default.hash && _CartButtonQuery2.default.hash !== "5c0da5849bf1215a9d1f264831830f71" && console.error("The definition of 'CartButtonQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartButtonQuery);
+const query = (_CartButtonQuery2.default.hash && _CartButtonQuery2.default.hash !== "5c0da5849bf1215a9d1f264831830f71" && console.error("The definition of 'CartButtonQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartButtonQuery2.default);
 function CartButtonPreloadedQueryRenderer(_ref2) {
   var _data$viewer;
   let {

package/dist/components/CharacterViewer/StyleSelect.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { VariableSettings } from '../../utils';
+interface StyleSelect_props {
+    collections: {
+        name: string;
+        isVariableFont: boolean;
+        fontStyles: readonly {
+            id: string;
+            name: string;
+            variableInstances: readonly {
+                name: string;
+                coordinates: readonly {
+                    axis: string;
+                    value: number;
+                }[];
+            }[] | null;
+        }[] | null;
+    }[];
+    value: {
+        fontStyleId: string | null;
+        variableSettings?: VariableSettings;
+    };
+    onChange: (value: {
+        fontStyleId: string;
+        variableSettings?: VariableSettings;
+    }) => void;
+}
+export default function StyleSelect({ collections, value, onChange }: StyleSelect_props): React.JSX.Element;
+export {};

package/dist/components/CharacterViewer/StyleSelect.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StyleSelect;
+var _react = _interopRequireDefault(require("react"));
+var _Select = _interopRequireDefault(require("../Select"));
+var _utils = require("../../utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function StyleSelect(_ref) {
+  let {
+    collections,
+    value,
+    onChange
+  } = _ref;
+  const handleChange = e => {
+    const value = e.target.value;
+    if (value.includes(':::')) {
+      var _fontStyle$variableIn;
+      const [fontStyleId, variableInstanceName] = value.split(':::');
+      const fontStyle = collections.flatMap(coll => coll.fontStyles).find(style => style.id === fontStyleId);
+      const instance = fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$variableIn = fontStyle.variableInstances) === null || _fontStyle$variableIn === void 0 ? void 0 : _fontStyle$variableIn.find(_ref2 => {
+        let {
+          name
+        } = _ref2;
+        return name === variableInstanceName;
+      });
+      let variableSettings;
+      if (instance) variableSettings = (0, _utils.variableInstanceSettings)(instance);
+      onChange({
+        fontStyleId,
+        variableSettings
+      });
+    } else {
+      onChange({
+        fontStyleId: value
+      });
+    }
+  };
+  let selectValue = value.fontStyleId;
+  if (value.variableSettings) {
+    var _fontStyle$variableIn2;
+    const fontStyle = collections.flatMap(coll => coll.fontStyles).find(style => style.id === value.fontStyleId);
+    const instance = fontStyle === null || fontStyle === void 0 ? void 0 : (_fontStyle$variableIn2 = fontStyle.variableInstances) === null || _fontStyle$variableIn2 === void 0 ? void 0 : _fontStyle$variableIn2.find(instance => (0, _utils.compareVariableSettings)(instance, value.variableSettings));
+    if (instance) {
+      selectValue = `${value.fontStyleId}:::${instance.name}`;
+    }
+  }
+  return /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: collections.flatMap(coll => {
+      var _coll$fontStyles2;
+      if (coll.isVariableFont) {
+        var _coll$fontStyles;
+        return ((_coll$fontStyles = coll.fontStyles) === null || _coll$fontStyles === void 0 ? void 0 : _coll$fontStyles.flatMap(style => {
+          var _style$variableInstan;
+          return (_style$variableInstan = style.variableInstances) === null || _style$variableInstan === void 0 ? void 0 : _style$variableInstan.map(instance => ({
+            value: `${style.id}:::${instance.name}`,
+            text: `${coll.name} ${instance.name}`
+          })).filter(_utils.notEmpty);
+        }).filter(_utils.notEmpty)) ?? [];
+      }
+      return ((_coll$fontStyles2 = coll.fontStyles) === null || _coll$fontStyles2 === void 0 ? void 0 : _coll$fontStyles2.map(style => ({
+        value: style.id,
+        text: `${coll.name} ${style.name}`
+      })).filter(_utils.notEmpty)) ?? [];
+    }),
+    value: selectValue,
+    onChange: handleChange
+  });
+}

package/dist/components/CharacterViewer/index.js

@@ -141,7 +141,7 @@ function CharacterViewerComponent(_ref3) {
   let {
     collection: collectionKey
   } = _ref3;
-  const collection = (0, _reactRelay.useFragment)((_CharacterViewer_collection2.default.hash && _CharacterViewer_collection2.default.hash !== "2f49d241268129a888942889cad0bebb" && console.error("The definition of 'CharacterViewer_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_collection), collectionKey);
+  const collection = (0, _reactRelay.useFragment)((_CharacterViewer_collection2.default.hash && _CharacterViewer_collection2.default.hash !== "2f49d241268129a888942889cad0bebb" && console.error("The definition of 'CharacterViewer_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_collection2.default), collectionKey);
   const allCollections = [collectionInfo(collection)].concat(((_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.map(collectionInfo)) ?? []);
   const unicodeData = useUnicodeData();
   const initialFontStyle = collection.featureStyle ?? ((_collection$fontStyle = collection.fontStyles) === null || _collection$fontStyle === void 0 ? void 0 : _collection$fontStyle[0]) ?? ((_collection$children2 = collection.children) === null || _collection$children2 === void 0 ? void 0 : (_collection$children3 = _collection$children2[0]) === null || _collection$children3 === void 0 ? void 0 : (_collection$children4 = _collection$children3.fontStyles) === null || _collection$children4 === void 0 ? void 0 : _collection$children4[0]);
@@ -422,8 +422,8 @@ function CharacterViewerComponent(_ref3) {
     }, chars));
   }))) : null)) : null);
 }
-_CharacterViewer_family2.default.hash && _CharacterViewer_family2.default.hash !== "d940cabe9ed658d5cbed547287f2de0e" && console.error("The definition of 'CharacterViewer_family' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_family;
-const idQuery = (_CharacterViewerIDQuery2.default.hash && _CharacterViewerIDQuery2.default.hash !== "f90b09a4df6d95307b0a5d5fda487cdc" && console.error("The definition of 'CharacterViewerIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewerIDQuery);
+_CharacterViewer_family2.default.hash && _CharacterViewer_family2.default.hash !== "d940cabe9ed658d5cbed547287f2de0e" && console.error("The definition of 'CharacterViewer_family' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewer_family2.default;
+const idQuery = (_CharacterViewerIDQuery2.default.hash && _CharacterViewerIDQuery2.default.hash !== "f90b09a4df6d95307b0a5d5fda487cdc" && console.error("The definition of 'CharacterViewerIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewerIDQuery2.default);
 function CharacterViewerIdQueryRenderer(_ref11) {
   let {
     collectionId
@@ -453,7 +453,7 @@ function CharacterViewerSlugQueryRenderer(_ref13) {
   let {
     collectionSlug
   } = _ref13;
-  const data = (0, _reactRelay.useLazyLoadQuery)((_CharacterViewerSlugQuery2.default.hash && _CharacterViewerSlugQuery2.default.hash !== "afa08a8f050e0434308892fea6e3c267" && console.error("The definition of 'CharacterViewerSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewerSlugQuery), {
+  const data = (0, _reactRelay.useLazyLoadQuery)((_CharacterViewerSlugQuery2.default.hash && _CharacterViewerSlugQuery2.default.hash !== "afa08a8f050e0434308892fea6e3c267" && console.error("The definition of 'CharacterViewerSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CharacterViewerSlugQuery2.default), {
     collectionSlug
   });
   const collection = data === null || data === void 0 ? void 0 : (_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$slug = _data$viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.fontCollection;

package/dist/components/CollectionAa/index.js

@@ -14,7 +14,7 @@ const CollectionAa = _ref => {
   let {
     product: productKey
   } = _ref;
-  const product = (0, _reactRelay.useFragment)((_CollectionAa_product2.default.hash && _CollectionAa_product2.default.hash !== "c6b0113fe8474166dab3649c41880d84" && console.error("The definition of 'CollectionAa_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CollectionAa_product), productKey);
+  const product = (0, _reactRelay.useFragment)((_CollectionAa_product2.default.hash && _CollectionAa_product2.default.hash !== "c6b0113fe8474166dab3649c41880d84" && console.error("The definition of 'CollectionAa_product' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CollectionAa_product2.default), productKey);
   let fontStyle;
   if ((product === null || product === void 0 ? void 0 : product.__typename) === 'Bundle') {
     var _product$fontStyles;
@@ -32,7 +32,7 @@ function CollectionAaQueryRenderer(_ref2) {
   let {
     collectionId
   } = _ref2;
-  const data = (0, _reactRelay.useLazyLoadQuery)((_CollectionAa_Query2.default.hash && _CollectionAa_Query2.default.hash !== "fbe1f59d074d964464c71ea00d2bd90f" && console.error("The definition of 'CollectionAa_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CollectionAa_Query), {
+  const data = (0, _reactRelay.useLazyLoadQuery)((_CollectionAa_Query2.default.hash && _CollectionAa_Query2.default.hash !== "fbe1f59d074d964464c71ea00d2bd90f" && console.error("The definition of 'CollectionAa_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CollectionAa_Query2.default), {
     collectionId
   });
   return /*#__PURE__*/_react.default.createElement(CollectionAa, data);

package/dist/components/CouponText/index.js

@@ -16,7 +16,7 @@ function CouponText(_ref) {
     coupon: couponKey,
     subtract = 0
   } = _ref;
-  const coupon = (0, _reactRelay.useFragment)((_CouponText_coupon2.default.hash && _CouponText_coupon2.default.hash !== "1d8116645b5f96a820af21db9e15f375" && console.error("The definition of 'CouponText_coupon' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponText_coupon), couponKey);
+  const coupon = (0, _reactRelay.useFragment)((_CouponText_coupon2.default.hash && _CouponText_coupon2.default.hash !== "1d8116645b5f96a820af21db9e15f375" && console.error("The definition of 'CouponText_coupon' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponText_coupon2.default), couponKey);
   if (coupon.type === 'credit') {
     const amountRemaining = {
       ...coupon.creditAmountRemaining,

package/dist/components/CustomerLoginForm/index.js

@@ -12,7 +12,7 @@ var _TextField = _interopRequireDefault(require("../TextField"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const loginMutation = (_CustomerLoginFormLoginMutation2.default.hash && _CustomerLoginFormLoginMutation2.default.hash !== "975b639fac1e0d88e0f0c9c55acd8b9c" && console.error("The definition of 'CustomerLoginFormLoginMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormLoginMutation);
+const loginMutation = (_CustomerLoginFormLoginMutation2.default.hash && _CustomerLoginFormLoginMutation2.default.hash !== "975b639fac1e0d88e0f0c9c55acd8b9c" && console.error("The definition of 'CustomerLoginFormLoginMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormLoginMutation2.default);
 const CustomerLoginFormSubmitted = () => /*#__PURE__*/_react.default.createElement("div", {
   className: "login-form__submitted"
 }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "Submitted!"), /*#__PURE__*/_react.default.createElement("p", null, "Please check your email inbox for a link to log in."), /*#__PURE__*/_react.default.createElement("p", null, "If you don't receive an email, please contact us to retrieve your order information.")));

package/dist/components/Family/FamilyList.js

@@ -19,7 +19,7 @@ function FamilyList(_ref) {
     node: nodeKey,
     text
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_FamilyList_node2.default.hash && _FamilyList_node2.default.hash !== "d52770ab2e7aaa83f392a5d80340f3ad" && console.error("The definition of 'FamilyList_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FamilyList_node), nodeKey);
+  const node = (0, _reactRelay.useFragment)((_FamilyList_node2.default.hash && _FamilyList_node2.default.hash !== "d52770ab2e7aaa83f392a5d80340f3ad" && console.error("The definition of 'FamilyList_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FamilyList_node2.default), nodeKey);
   return /*#__PURE__*/_react.default.createElement("ul", {
     className: "font-family-block__list",
     style: {

package/dist/components/Family/index.js

@@ -24,7 +24,7 @@ function Family(_ref) {
     node: nodeKey,
     size
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_Family_node2.default.hash && _Family_node2.default.hash !== "2fecc4fd332a593d28387a3a87559fe4" && console.error("The definition of 'Family_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Family_node), nodeKey);
+  const node = (0, _reactRelay.useFragment)((_Family_node2.default.hash && _Family_node2.default.hash !== "2fecc4fd332a593d28387a3a87559fe4" && console.error("The definition of 'Family_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Family_node2.default), nodeKey);
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
   const selector = node.sku ? (0, _reducer.isSelected)(node.sku.id) : () => false;
   const selected = (0, _reactRedux.useSelector)(selector);

package/dist/components/FontFamilies/index.js

@@ -28,7 +28,7 @@ function FontFamilies(_ref) {
   }, [collectionId, store, environment]);
   const {
     node
-  } = (0, _reactRelay.useLazyLoadQuery)((_FontFamiliesQuery2.default.hash && _FontFamiliesQuery2.default.hash !== "191c350df0d719005af0d73c96884d40" && console.error("The definition of 'FontFamiliesQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontFamiliesQuery), {
+  } = (0, _reactRelay.useLazyLoadQuery)((_FontFamiliesQuery2.default.hash && _FontFamiliesQuery2.default.hash !== "191c350df0d719005af0d73c96884d40" && console.error("The definition of 'FontFamiliesQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontFamiliesQuery2.default), {
     collectionId
   });
   if (!node) return null;

package/dist/components/FontStyle/index.js

@@ -17,7 +17,7 @@ function FontStyle(_ref) {
     children,
     ...rest
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)((_FontStyle_fontStyle2.default.hash && _FontStyle_fontStyle2.default.hash !== "c745ef2ecf5b7f3d0793bea2024d1e69" && console.error("The definition of 'FontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontStyle_fontStyle), fontStyleKey);
+  const fontStyle = (0, _reactRelay.useFragment)((_FontStyle_fontStyle2.default.hash && _FontStyle_fontStyle2.default.hash !== "c745ef2ecf5b7f3d0793bea2024d1e69" && console.error("The definition of 'FontStyle_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _FontStyle_fontStyle2.default), fontStyleKey);
   const {
     cssFamily,
     name

package/dist/components/FontdueProvider/index.server.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, "FontdueProvider_props", {
 exports.default = FontdueProvider;
 var _react = _interopRequireDefault(require("react"));
 var _Stylesheet = require("../Stylesheet");
-var _index = _interopRequireDefault(require("../TestModeBanner/index.server"));
-var _index2 = _interopRequireDefault(require("../ThemeConfig/index.server"));
+var _TestModeBanner = _interopRequireDefault(require("../TestModeBanner"));
+var _index = _interopRequireDefault(require("../ThemeConfig/index.server"));
 var _FontdueProviderClientComponent = _interopRequireWildcard(require("./FontdueProviderClientComponent"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -23,5 +23,5 @@ async function FontdueProvider(_ref) {
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_FontdueProviderClientComponent.default, rest, /*#__PURE__*/_react.default.createElement(_Stylesheet.StylesheetContainer, null), /*#__PURE__*/_react.default.createElement(_index.default, null), /*#__PURE__*/_react.default.createElement(_index2.default, null), children);
+  return /*#__PURE__*/_react.default.createElement(_FontdueProviderClientComponent.default, rest, /*#__PURE__*/_react.default.createElement(_Stylesheet.StylesheetContainer, null), /*#__PURE__*/_react.default.createElement(_TestModeBanner.default, null), /*#__PURE__*/_react.default.createElement(_index.default, null), children);
 }

package/dist/components/NewsletterSignup/index.js

@@ -17,8 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const updateCustomerMutation = (_NewsletterSignupUpdateCustomerMutation2.default.hash && _NewsletterSignupUpdateCustomerMutation2.default.hash !== "769087891b6f263122bbb630b3f2ca6c" && console.error("The definition of 'NewsletterSignupUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupUpdateCustomerMutation);
-const query = (_NewsletterSignupQuery2.default.hash && _NewsletterSignupQuery2.default.hash !== "16f0b6d7ed420ec5857c972b77805e4c" && console.error("The definition of 'NewsletterSignupQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupQuery);
+const updateCustomerMutation = (_NewsletterSignupUpdateCustomerMutation2.default.hash && _NewsletterSignupUpdateCustomerMutation2.default.hash !== "769087891b6f263122bbb630b3f2ca6c" && console.error("The definition of 'NewsletterSignupUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupUpdateCustomerMutation2.default);
+const query = (_NewsletterSignupQuery2.default.hash && _NewsletterSignupQuery2.default.hash !== "16f0b6d7ed420ec5857c972b77805e4c" && console.error("The definition of 'NewsletterSignupQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupQuery2.default);
 function NewsletterSignupComponent(_ref) {
   var _data$viewer, _data$viewer$settings, _data$viewer2, _data$viewer2$setting;
   let {

package/dist/components/NodePasswordForm/index.js

@@ -12,7 +12,7 @@ var _TextField = _interopRequireDefault(require("../TextField"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const accessNodeMutation = (_NodePasswordFormAccessNodeMutation2.default.hash && _NodePasswordFormAccessNodeMutation2.default.hash !== "d0beeb729c358ef4eebd1c8be47ec68e" && console.error("The definition of 'NodePasswordFormAccessNodeMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormAccessNodeMutation);
+const accessNodeMutation = (_NodePasswordFormAccessNodeMutation2.default.hash && _NodePasswordFormAccessNodeMutation2.default.hash !== "d0beeb729c358ef4eebd1c8be47ec68e" && console.error("The definition of 'NodePasswordFormAccessNodeMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormAccessNodeMutation2.default);
 function NodePasswordForm(props) {
   const [password, setPassword] = (0, _react.useState)('');
   const [error, setError] = (0, _react.useState)(null);

package/dist/components/Precart/License.js

@@ -17,7 +17,7 @@ const License = _ref => {
     onSelectLicense,
     onSelectLicenseOption
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_License_node2.default.hash && _License_node2.default.hash !== "1550b152731d8412ffc55716cb536407" && console.error("The definition of 'License_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _License_node), nodeKey);
+  const node = (0, _reactRelay.useFragment)((_License_node2.default.hash && _License_node2.default.hash !== "1550b152731d8412ffc55716cb536407" && console.error("The definition of 'License_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _License_node2.default), nodeKey);
   if (!node) return null;
   const selectedLicenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
   const selectedOptions = selectedLicenseOptions.find(spec => spec.licenseId === node.id);

package/dist/components/Precart/index.js

@@ -80,7 +80,7 @@ const specFromLicense = license => {
   }
   return licenseOptionSpec;
 };
-_Precart_license2.default.hash && _Precart_license2.default.hash !== "0a642f10f28ca7d3857db23cf645895a" && console.error("The definition of 'Precart_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_license;
+_Precart_license2.default.hash && _Precart_license2.default.hash !== "0a642f10f28ca7d3857db23cf645895a" && console.error("The definition of 'Precart_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_license2.default;
 function Precart(_ref3) {
   var _viewer$precart2, _collection$licenses3;
   let {
@@ -88,8 +88,8 @@ function Precart(_ref3) {
     collection: collectionKey,
     isLoading
   } = _ref3;
-  const viewer = (0, _reactRelay.useFragment)((_Precart_viewer2.default.hash && _Precart_viewer2.default.hash !== "fe66a5cdbee38cae7bfb11922f945fd5" && console.error("The definition of 'Precart_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_viewer), viewerKey);
-  const collection = (0, _reactRelay.useFragment)((_Precart_collection2.default.hash && _Precart_collection2.default.hash !== "dd2c3385a0fc5149dbfa230cfa5e3e99" && console.error("The definition of 'Precart_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_collection), collectionKey);
+  const viewer = (0, _reactRelay.useFragment)((_Precart_viewer2.default.hash && _Precart_viewer2.default.hash !== "fe66a5cdbee38cae7bfb11922f945fd5" && console.error("The definition of 'Precart_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_viewer2.default), viewerKey);
+  const collection = (0, _reactRelay.useFragment)((_Precart_collection2.default.hash && _Precart_collection2.default.hash !== "dd2c3385a0fc5149dbfa230cfa5e3e99" && console.error("The definition of 'Precart_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Precart_collection2.default), collectionKey);
   const environment = (0, _reactRelay.useRelayEnvironment)();
   const subtotal = viewer === null || viewer === void 0 ? void 0 : (_viewer$precart2 = viewer.precart) === null || _viewer$precart2 === void 0 ? void 0 : _viewer$precart2.subtotal;
   const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
@@ -148,7 +148,7 @@ function Precart(_ref3) {
         licenseSelections: licenseSelectionsArray()
       }
     };
-    const mutation = (_PrecartAddToCartMutation2.default.hash && _PrecartAddToCartMutation2.default.hash !== "c5ead46ecc07099bee68d4f4f1ecb5bf" && console.error("The definition of 'PrecartAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartAddToCartMutation);
+    const mutation = (_PrecartAddToCartMutation2.default.hash && _PrecartAddToCartMutation2.default.hash !== "c5ead46ecc07099bee68d4f4f1ecb5bf" && console.error("The definition of 'PrecartAddToCartMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartAddToCartMutation2.default);
     (0, _reactRelay.commitMutation)(environment, {
       mutation,
       variables,
@@ -310,7 +310,7 @@ function PrecartQueryRenderer(_ref6) {
   // useDeferredValue allows us to show the stale data instead of falling back
   // to the Suspense fallback in the parent, basically unmounting everything
   const deferredLicenseOptionsSpecs = (0, _react.useDeferredValue)(licenseOptionsSpecs);
-  const data = (0, _reactRelay.useLazyLoadQuery)((_PrecartQuery2.default.hash && _PrecartQuery2.default.hash !== "517fbe407b2c13334c4101126038982d" && console.error("The definition of 'PrecartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartQuery), {
+  const data = (0, _reactRelay.useLazyLoadQuery)((_PrecartQuery2.default.hash && _PrecartQuery2.default.hash !== "517fbe407b2c13334c4101126038982d" && console.error("The definition of 'PrecartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PrecartQuery2.default), {
     licenseOptionsSpecs: deferredLicenseOptionsSpecs,
     selectedSkuIds: deferredSelectedSkuIds,
     collectionId

package/dist/components/Price/index.js

@@ -93,7 +93,7 @@ function RelayPrice(_ref3) {
     price: priceKey,
     ...rest
   } = _ref3;
-  const price = (0, _reactRelay.useFragment)((_Price_price2.default.hash && _Price_price2.default.hash !== "7d3425945fe5f6df382005630e30ce86" && console.error("The definition of 'Price_price' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Price_price), priceKey);
+  const price = (0, _reactRelay.useFragment)((_Price_price2.default.hash && _Price_price2.default.hash !== "7d3425945fe5f6df382005630e30ce86" && console.error("The definition of 'Price_price' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Price_price2.default), priceKey);
   return /*#__PURE__*/_react.default.createElement(Price, _extends({
     price: price
   }, rest));

package/dist/components/PriceBar/PriceBarSection.js

@@ -26,7 +26,7 @@ function PriceBarSection(_ref) {
     licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
   }));
   const [isPending, startTransition] = (0, _react.useTransition)();
-  const [node, refetch] = (0, _reactRelay.useRefetchableFragment)((_PriceBarSection_node2.default.hash && _PriceBarSection_node2.default.hash !== "f14d864fde8de83db89ce6cd68487f98" && console.error("The definition of 'PriceBarSection_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBarSection_node), nodeKey);
+  const [node, refetch] = (0, _reactRelay.useRefetchableFragment)((_PriceBarSection_node2.default.hash && _PriceBarSection_node2.default.hash !== "f14d864fde8de83db89ce6cd68487f98" && console.error("The definition of 'PriceBarSection_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBarSection_node2.default), nodeKey);
   const selected = (0, _reactRedux.useSelector)((0, _utils.isSelected)(((_node$sku = node.sku) === null || _node$sku === void 0 ? void 0 : _node$sku.id) ?? null));
   const prevLicenseOptionsSpecs = (0, _react.useRef)(licenseOptionsSpecs);
   (0, _react.useEffect)(() => {

package/dist/components/PriceBar/index.js

@@ -15,7 +15,7 @@ function PriceBar(_ref) {
   let {
     node: nodeKey
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_PriceBar_node2.default.hash && _PriceBar_node2.default.hash !== "4a2e7a54397986a901a103fbbf554c4e" && console.error("The definition of 'PriceBar_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBar_node), nodeKey);
+  const node = (0, _reactRelay.useFragment)((_PriceBar_node2.default.hash && _PriceBar_node2.default.hash !== "4a2e7a54397986a901a103fbbf554c4e" && console.error("The definition of 'PriceBar_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBar_node2.default), nodeKey);
   const [visible, setVisible] = (0, _react.useState)(false);
   const $pricebar = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {

package/dist/components/Root/productState.js

@@ -12,11 +12,11 @@ var _productState_sku2 = _interopRequireDefault(require("../../__generated__/pro
 var _reactRelay = require("react-relay");
 var _utils = require("../../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-_productState_sku2.default.hash && _productState_sku2.default.hash !== "2cee6ddddc85699f0c90e2607c0634ef" && console.error("The definition of 'productState_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_sku;
-_productState_collection2.default.hash && _productState_collection2.default.hash !== "90e56933f956c6773c0958284de81884" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection;
-_productState_bundle2.default.hash && _productState_bundle2.default.hash !== "fa38bbc9f2062a727da4f5062b362054" && console.error("The definition of 'productState_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_bundle;
-_productState_node2.default.hash && _productState_node2.default.hash !== "aab1ef07e0192a0d22a4c300084d9d05" && console.error("The definition of 'productState_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_node;
-const query = (_productState_Query2.default.hash && _productState_Query2.default.hash !== "ac3292bae9a274139d5a525fd0162711" && console.error("The definition of 'productState_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_Query);
+_productState_sku2.default.hash && _productState_sku2.default.hash !== "2cee6ddddc85699f0c90e2607c0634ef" && console.error("The definition of 'productState_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_sku2.default;
+_productState_collection2.default.hash && _productState_collection2.default.hash !== "90e56933f956c6773c0958284de81884" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection2.default;
+_productState_bundle2.default.hash && _productState_bundle2.default.hash !== "fa38bbc9f2062a727da4f5062b362054" && console.error("The definition of 'productState_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_bundle2.default;
+_productState_node2.default.hash && _productState_node2.default.hash !== "aab1ef07e0192a0d22a4c300084d9d05" && console.error("The definition of 'productState_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_node2.default;
+const query = (_productState_Query2.default.hash && _productState_Query2.default.hash !== "ac3292bae9a274139d5a525fd0162711" && console.error("The definition of 'productState_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_Query2.default);
 const populateProductState = (store, environment, id) => {
   const existingState = store.getState().fetchedCollectionIds;
   if (existingState && existingState.indexOf(id) >= 0) return;

package/dist/components/SKUPrice/index.js

@@ -35,7 +35,7 @@ function SKUPrice(_ref) {
     ...rest
   } = _ref;
   const [isPending, startTransition] = (0, _react.useTransition)();
-  const [sku, refetch] = (0, _reactRelay.useRefetchableFragment)((_SKUPrice_sku2.default.hash && _SKUPrice_sku2.default.hash !== "9792a6074c64fb4bb018e42df5045514" && console.error("The definition of 'SKUPrice_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SKUPrice_sku), skuKey);
+  const [sku, refetch] = (0, _reactRelay.useRefetchableFragment)((_SKUPrice_sku2.default.hash && _SKUPrice_sku2.default.hash !== "9792a6074c64fb4bb018e42df5045514" && console.error("The definition of 'SKUPrice_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SKUPrice_sku2.default), skuKey);
   const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(sku.id));
   const savingsMultiplier = (0, _reactRedux.useSelector)(state => getSavingsMultiplier(state, {
     showCollectionSavings,

package/dist/components/SelectButton/index.js

@@ -52,7 +52,7 @@ function SelectButton(_ref2) {
     sku: skuKey,
     ...rest
   } = _ref2;
-  const sku = (0, _reactRelay.useFragment)((_SelectButton_sku2.default.hash && _SelectButton_sku2.default.hash !== "f4052dc18c36cb8486c8ac985820a108" && console.error("The definition of 'SelectButton_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SelectButton_sku), skuKey);
+  const sku = (0, _reactRelay.useFragment)((_SelectButton_sku2.default.hash && _SelectButton_sku2.default.hash !== "f4052dc18c36cb8486c8ac985820a108" && console.error("The definition of 'SelectButton_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SelectButton_sku2.default), skuKey);
   const dispatch = (0, _reactRedux.useDispatch)();
   const components = (0, _react.useContext)(_ComponentsContext.default);
   const ButtonComponent = components.SelectButton || DefaultSelectButton;