fontdue-js 2.10.0 → 2.11.0

package/dist/components/StoreModal/StoreModalCart.js

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _StoreModalCartQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalCartQuery.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
 var _CartItem = _interopRequireDefault(require("../Cart/CartItem"));
 var _StoreModalPageContainer = _interopRequireDefault(require("../elements/StoreModalPageContainer"));
 var _CartState = _interopRequireDefault(require("../Cart/CartState"));
@@ -15,51 +14,65 @@ var _CartTotals = _interopRequireDefault(require("../Cart/CartTotals"));
 var _CouponCodeInput = _interopRequireDefault(require("../Cart/CouponCodeInput"));
 var _StoreModalCartLayout = _interopRequireDefault(require("../elements/StoreModalCartLayout"));
 var _EmptyCart = _interopRequireDefault(require("../elements/EmptyCart"));
+var _StoreModalOrderVariableSelection = _interopRequireDefault(require("./StoreModalOrderVariableSelection"));
+var _StoreModalUnifiedCheckout = _interopRequireDefault(require("../elements/StoreModalUnifiedCheckout"));
+var _StripeProvider = _interopRequireDefault(require("../StripeProvider"));
 var _utils = require("../Cart/utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // @ts-ignore
 
 const StoreModalCart = _ref => {
-  var _order$stripePaymentM, _order$orderItems;
+  var _order$orderItems;
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalCartQuery2.default.hash && _StoreModalCartQuery2.default.hash !== "c2a74cf58c190aae40a36ad75c88bbfb" && console.error("The definition of 'StoreModalCartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCartQuery2.default), prepared.cartQuery);
-  const dispatch = (0, _reactRedux.useDispatch)();
+  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalCartQuery2.default.hash && _StoreModalCartQuery2.default.hash !== "93e2e176a9d9e14f49d28bbc0a239928" && console.error("The definition of 'StoreModalCartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCartQuery2.default), prepared.cartQuery);
   const order = data.viewer.currentOrder;
-  const canSkipCheckout = Boolean(order === null || order === void 0 ? void 0 : (_order$stripePaymentM = order.stripePaymentMethod) === null || _order$stripePaymentM === void 0 ? void 0 : _order$stripePaymentM.id);
-  const checkoutEnabled = (0, _utils.textVariablesAllHaveText)(order);
   const orderHasItems = ((order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.length) ?? 0) > 0;
+  const checkoutEnabled = (0, _utils.textVariablesAllHaveText)(order);
   return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
     body: order && orderHasItems ? /*#__PURE__*/_react.default.createElement(_CartState.default, {
       order: order
     }, _ref2 => {
       var _order$orderItems2;
       let {
-        onUpdateOrder,
-        onRemoveDiscount
+        onUpdateOrderVariableSelections,
+        onRemoveDiscount,
+        onUpdateOrderItem,
+        errors
       } = _ref2;
       return /*#__PURE__*/_react.default.createElement(_StoreModalCartLayout.default, {
-        onClickCheckoutButton: () => dispatch({
-          type: 'STORE_MODAL_NAVIGATE',
-          route: canSkipCheckout ? 'review' : 'checkout'
-        }),
-        checkoutDisabled: !checkoutEnabled
+        checkoutEnabled: checkoutEnabled
       }, {
-        items: order === null || order === void 0 ? void 0 : (_order$orderItems2 = order.orderItems) === null || _order$orderItems2 === void 0 ? void 0 : _order$orderItems2.map(item => /*#__PURE__*/_react.default.createElement(_CartItem.default, {
-          node: item,
-          key: item.id,
-          onChange: onUpdateOrder
-        })),
+        orderVariables: Boolean((order === null || order === void 0 ? void 0 : order.orderItems) && order.orderItems.length > 0) && /*#__PURE__*/_react.default.createElement(_StoreModalOrderVariableSelection.default, {
+          viewer: data.viewer,
+          onSelectionChange: onUpdateOrderVariableSelections
+        }),
+        items: order === null || order === void 0 ? void 0 : (_order$orderItems2 = order.orderItems) === null || _order$orderItems2 === void 0 ? void 0 : _order$orderItems2.map((item, i) => {
+          var _errors$orderItems;
+          return /*#__PURE__*/_react.default.createElement(_CartItem.default, {
+            node: item,
+            key: item.id,
+            onChange: onUpdateOrderItem,
+            errors: errors === null || errors === void 0 ? void 0 : (_errors$orderItems = errors.orderItems) === null || _errors$orderItems === void 0 ? void 0 : _errors$orderItems[i]
+          });
+        }),
         couponCodeInput: !(order && order.discount) && /*#__PURE__*/_react.default.createElement(_CouponCodeInput.default, {
           viewer: data.viewer
         }),
         totals: /*#__PURE__*/_react.default.createElement(_CartTotals.default, {
           order: order,
           onRemoveDiscount: onRemoveDiscount,
-          hideTotal: true
+          hideTotal: !order.billingIdentity
         }),
-        checkoutText: canSkipCheckout ? 'Review' : 'Checkout'
+        checkout: /*#__PURE__*/_react.default.createElement(_StripeProvider.default, {
+          viewer: data.viewer,
+          providerType: "elements"
+        }, /*#__PURE__*/_react.default.createElement(_StoreModalUnifiedCheckout.default, {
+          viewer: data.viewer,
+          order: order,
+          onScrollToTop: () => {}
+        }))
       });
     }) : /*#__PURE__*/_react.default.createElement(_EmptyCart.default, null)
   });

package/dist/components/StoreModal/StoreModalCheckout.js

@@ -5,61 +5,58 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _StoreModalCheckoutQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalCheckoutQuery.graphql"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _Checkout = _interopRequireDefault(require("../Cart/Checkout"));
-var _StoreModalPageContainer = _interopRequireDefault(require("../elements/StoreModalPageContainer"));
-var _StoreModalCheckoutContext = _interopRequireDefault(require("./StoreModalCheckoutContext"));
-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 }; }
+var _StripeProvider = _interopRequireDefault(require("../StripeProvider"));
+var _reactStripeJs = require("@stripe/react-stripe-js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StoreModalCheckout = _ref => {
-  var _viewer$currentOrder, _viewer$currentOrder$;
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalCheckoutQuery2.default.hash && _StoreModalCheckoutQuery2.default.hash !== "25edafb70407a579c912a9f078f65534" && console.error("The definition of 'StoreModalCheckoutQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCheckoutQuery2.default), prepared.checkoutQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalCheckoutQuery2.default.hash && _StoreModalCheckoutQuery2.default.hash !== "70ae58665e32b49a33ffd9d27ff5e0cc" && console.error("The definition of 'StoreModalCheckoutQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCheckoutQuery2.default), prepared.checkoutQuery);
   const viewer = data.viewer;
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const {
-    checkoutStep,
-    setCheckoutStep,
-    checkoutError,
-    setCheckoutError
-  } = (0, _react.useContext)(_StoreModalCheckoutContext.default);
-  const handleComplete = () => {
-    dispatch({
-      type: 'STORE_MODAL_NAVIGATE',
-      route: 'review'
-    });
-  };
-  const canSkipCheckout = Boolean((_viewer$currentOrder = viewer.currentOrder) === null || _viewer$currentOrder === void 0 ? void 0 : (_viewer$currentOrder$ = _viewer$currentOrder.stripePaymentMethod) === null || _viewer$currentOrder$ === void 0 ? void 0 : _viewer$currentOrder$.id);
-  const handleSetCheckoutStep = step => {
-    setCheckoutError === null || setCheckoutError === void 0 ? void 0 : setCheckoutError(null);
-    if (canSkipCheckout) {
-      dispatch({
-        type: 'STORE_MODAL_NAVIGATE',
-        route: 'review'
-      });
-      return;
-    }
-    setCheckoutStep === null || setCheckoutStep === void 0 ? void 0 : setCheckoutStep(step);
-  };
-  return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    body: /*#__PURE__*/_react.default.createElement(_Checkout.default, {
-      checkoutStep: checkoutStep,
-      setCheckoutStep: handleSetCheckoutStep,
-      viewer: viewer,
-      order: viewer.currentOrder,
-      onScrollToTop: () => {},
-      onCancel: () => {},
-      onComplete: handleComplete,
-      saveText: canSkipCheckout ? 'Save' : 'Next',
-      error: checkoutError,
-      skipPaymentMethod: true
-    })
-  });
+  /* const dispatch = useDispatch();
+   * const { checkoutStep, setCheckoutStep, checkoutError, setCheckoutError } = useContext(
+   *   StoreModalCheckoutContext,
+   * );
+   * const handleComplete = () => {
+   *   dispatch({ type: 'STORE_MODAL_NAVIGATE', route: 'review' });
+   * };
+    * const canSkipCheckout = Boolean(viewer.currentOrder?.stripePaymentMethod?.id);
+    * const handleSetCheckoutStep = (step: CheckoutSteps) => {
+   *   setCheckoutError?.(null);
+    *   if (canSkipCheckout) {
+   *     dispatch({ type: 'STORE_MODAL_NAVIGATE', route: 'review' });
+   *     return;
+   *   }
+    *   setCheckoutStep?.(step);
+   * };
+    * return (
+   *   <StoreModalPageContainer>
+   *     {{
+   *       body: (
+   *         <Checkout
+   *           checkoutStep={checkoutStep}
+   *           setCheckoutStep={handleSetCheckoutStep}
+   *           viewer={viewer}
+   *           order={viewer.currentOrder}
+   *           onScrollToTop={() => {}}
+   *           onCancel={() => {}}
+   *           onComplete={handleComplete}
+   *           saveText={canSkipCheckout ? 'Save' : 'Next'}
+   *           error={checkoutError}
+   *           skipPaymentMethod
+   *         />
+   *       ),
+   *     }}
+   *   </StoreModalPageContainer>
+   * ); */
+
+  return /*#__PURE__*/_react.default.createElement(_StripeProvider.default, {
+    viewer: viewer,
+    providerType: "checkout"
+  }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.EmbeddedCheckout, null));
 };
 var _default = StoreModalCheckout;
 exports.default = _default;

package/dist/components/StoreModal/StoreModalCheckoutContext.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CheckoutSteps = _interopRequireDefault(require("../Cart/CheckoutSteps"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _default = /*#__PURE__*/_react.default.createContext({
   checkoutStep: _CheckoutSteps.default.Customer
 });

package/dist/components/StoreModal/StoreModalContainer.js

@@ -14,9 +14,9 @@ var _StoreModalCheckoutContext = _interopRequireDefault(require("./StoreModalChe
 var _CheckoutSteps = _interopRequireDefault(require("../Cart/CheckoutSteps"));
 var _StoreModalLoadingScreen = _interopRequireDefault(require("../elements/StoreModalLoadingScreen"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-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 }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getPageTitle = name => {
   switch (name) {
     case 'index':
@@ -107,7 +107,8 @@ const StoreModalContainer = _ref => {
     fonts: {
       regular: getFontData((_settings = data.viewer.settings) === null || _settings === void 0 ? void 0 : _settings.uiFontStyle),
       bold: getFontData((_settings2 = data.viewer.settings) === null || _settings2 === void 0 ? void 0 : _settings2.uiFontStyleBold)
-    }
+    },
+    routeName: currentRoute
   }, {
     backText: link,
     pageTitle: getPageTitle(currentRoute),

package/dist/components/StoreModal/StoreModalDownload.js

@@ -11,9 +11,9 @@ var _reactRelay = require("react-relay");
 var _StoreModalPageContainer = _interopRequireDefault(require("../elements/StoreModalPageContainer"));
 var _StoreModalDownloadLayout = _interopRequireDefault(require("../elements/StoreModalDownloadLayout"));
 var _useInterval = _interopRequireDefault(require("../useInterval"));
-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 }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StoreModalDownload = _ref => {
   let {
     order,

package/dist/components/StoreModal/StoreModalFamily.js

@@ -12,9 +12,9 @@ var _StoreModalStyleButton = _interopRequireDefault(require("./StoreModalStyleBu
 var _Stylesheet = _interopRequireDefault(require("../Stylesheet"));
 var _StoreModalFamily = _interopRequireDefault(require("../elements/StoreModalFamily"));
 var _StoreModalBundleButton = _interopRequireDefault(require("./StoreModalBundleButton"));
-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 }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // chunk items if they match condition, but only chunk if they match in
 // consecutive order. this prevents the list from being reordered
 function chunkConsecutiveBy(collection, compare) {
@@ -37,7 +37,7 @@ function StoreModalFamily(_ref) {
     onSelect,
     title
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_StoreModalFamily_collection2.default.hash && _StoreModalFamily_collection2.default.hash !== "f0e4764ace2386cb64ef3f8d85128268" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection2.default), collectionKey);
+  const collection = (0, _reactRelay.useFragment)((_StoreModalFamily_collection2.default.hash && _StoreModalFamily_collection2.default.hash !== "51b251c104458b299f057eaacf85ae52" && console.error("The definition of 'StoreModalFamily_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamily_collection2.default), collectionKey);
   const fontStyles = (0, _react.useMemo)(() => stylesGrouped(collection), [collection]);
   if ((fontStyles === null || fontStyles === void 0 ? void 0 : fontStyles.length) === 0 && collection.collectionType === 'superfamily' && !collection.sku) return null;
   return /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, null, {

package/dist/components/StoreModal/StoreModalFamilyButton.js

@@ -15,8 +15,8 @@ var _StoreModalFamilyButton = _interopRequireDefault(require("../elements/StoreM
 var _FontStyle = _interopRequireDefault(require("../FontStyle"));
 var _useTotalStyles = _interopRequireDefault(require("../useTotalStyles"));
 var _utils = require("../../utils");
-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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const getFamilyType = collection => {
   if (collection.collectionType === 'superfamily') return 'Collection';
   return 'Family';
@@ -32,7 +32,7 @@ function FamilyButton(_ref) {
     onSelectSku,
     ...rest
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_StoreModalFamilyButton_collection2.default.hash && _StoreModalFamilyButton_collection2.default.hash !== "549693eba1e4875152ef2f3023668d0f" && console.error("The definition of 'StoreModalFamilyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamilyButton_collection2.default), collectionKey);
+  const collection = (0, _reactRelay.useFragment)((_StoreModalFamilyButton_collection2.default.hash && _StoreModalFamilyButton_collection2.default.hash !== "3ca5466b4680374b74cf161a9bdef313" && console.error("The definition of 'StoreModalFamilyButton_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalFamilyButton_collection2.default), collectionKey);
   const selector = collection.sku ? (0, _reducer.isSelected)(collection.sku.id) : () => false;
   const selected = (0, _reactRedux.useSelector)(selector);
   const handleClick = () => {

package/dist/components/StoreModal/StoreModalIndex.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _StoreModalPageContainer = _interopRequireDefault(require("../elements/StoreModalPageContainer"));
 var _StoreModalIndexItem = _interopRequireDefault(require("./StoreModalIndexItem"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StoreModalIndex = _ref => {
   var _viewer$rootCollectio;
   let {

package/dist/components/StoreModal/StoreModalIndexItem.js

@@ -14,9 +14,9 @@ var _FontStyle = _interopRequireDefault(require("../FontStyle"));
 var _Stylesheet = _interopRequireDefault(require("../Stylesheet"));
 var _useTotalStyles = _interopRequireDefault(require("../useTotalStyles"));
 var _utils = require("../../utils");
-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 }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StoreModalIndexItem = _ref => {
   var _data$featureStyle$fa, _data$featureStyle$fa2;
   let {

package/dist/components/StoreModal/StoreModalLicenseeIsBillingSelection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export default function StoreModalLicenseeIsBillingSelection({ disabled, children, }: {
+    disabled: boolean;
+    children: {
+        label: React.ReactNode;
+    };
+}): React.JSX.Element;

package/dist/components/StoreModal/StoreModalLicenseeIsBillingSelection.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StoreModalLicenseeIsBillingSelection;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _StoreModalLicenseeIsBillingIdentityElement = _interopRequireDefault(require("../elements/StoreModalLicenseeIsBillingIdentityElement"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function StoreModalLicenseeIsBillingSelection(_ref) {
+  let {
+    disabled,
+    children
+  } = _ref;
+  const licenseeIsBillingIdentity = (0, _reactRedux.useSelector)(state => state.licenseeIsBillingIdentity);
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const handleChange = (0, _react.useCallback)(licenseeIsBilling => {
+    dispatch({
+      type: 'UPDATE_LICENSEE_IS_BILLING_IDENTITY',
+      value: licenseeIsBilling
+    });
+  }, [dispatch]);
+  return /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingIdentityElement.default, {
+    disabled: disabled,
+    value: licenseeIsBillingIdentity,
+    onChange: handleChange
+  }, children);
+}

package/dist/components/StoreModal/StoreModalLoader.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function StoreModalLoader(_ref) {
   let {
     children

package/dist/components/StoreModal/StoreModalOrderVariableSelection.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StoreModalOrderVariableSelection_viewer$key } from '__generated__/StoreModalOrderVariableSelection_viewer.graphql';
+import { OrderVariableSelectionInput } from '../OrderVariableSelection';
+interface StoreModalOrderVariableSelectionProps {
+    viewer: StoreModalOrderVariableSelection_viewer$key;
+    onSelectionChange: (selections: OrderVariableSelectionInput[]) => void;
+}
+export default function StoreModalOrderVariableSelection({ viewer: viewerKey, onSelectionChange, }: StoreModalOrderVariableSelectionProps): React.JSX.Element;
+export {};

package/dist/components/StoreModal/StoreModalOrderVariableSelection.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StoreModalOrderVariableSelection;
+var _StoreModalOrderVariableSelection_viewer2 = _interopRequireDefault(require("../../__generated__/StoreModalOrderVariableSelection_viewer.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+var _OrderVariableSelection = _interopRequireDefault(require("../OrderVariableSelection"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function StoreModalOrderVariableSelection(_ref) {
+  var _viewer$currentOrder, _viewer$currentOrder$, _viewer$orderVariable, _viewer$currentOrder2, _viewer$currentOrder3, _viewer$settings;
+  let {
+    viewer: viewerKey,
+    onSelectionChange
+  } = _ref;
+  const viewer = (0, _reactRelay.useFragment)((_StoreModalOrderVariableSelection_viewer2.default.hash && _StoreModalOrderVariableSelection_viewer2.default.hash !== "6c2f30b0ff62d54822aad2c955b0a579" && console.error("The definition of 'StoreModalOrderVariableSelection_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalOrderVariableSelection_viewer2.default), viewerKey);
+
+  // Transform order variable selections for the OrderVariableSelection component
+  const selections = (_viewer$currentOrder = viewer.currentOrder) === null || _viewer$currentOrder === void 0 ? void 0 : (_viewer$currentOrder$ = _viewer$currentOrder.orderVariableSelections) === null || _viewer$currentOrder$ === void 0 ? void 0 : _viewer$currentOrder$.map(selection => {
+    var _selection$orderVaria, _selection$orderVaria2;
+    return {
+      orderVariableId: selection.orderVariable.id,
+      orderVariableOptionId: ((_selection$orderVaria = selection.orderVariableOption) === null || _selection$orderVaria === void 0 ? void 0 : _selection$orderVaria.id) || null,
+      orderVariableOptionAmount: ((_selection$orderVaria2 = selection.orderVariableOption) === null || _selection$orderVaria2 === void 0 ? void 0 : _selection$orderVaria2.amount) || null
+    };
+  });
+  const orderVariableIds = new Set(((_viewer$orderVariable = viewer.orderVariables) === null || _viewer$orderVariable === void 0 ? void 0 : _viewer$orderVariable.map(variable => variable.id)) || []);
+
+  // Find ghost variables (variables that exist in the order but not in the available list)
+  const ghostVariables = ((_viewer$currentOrder2 = viewer.currentOrder) === null || _viewer$currentOrder2 === void 0 ? void 0 : (_viewer$currentOrder3 = _viewer$currentOrder2.orderVariableSelections) === null || _viewer$currentOrder3 === void 0 ? void 0 : _viewer$currentOrder3.filter(selection => !orderVariableIds.has(selection.orderVariable.id))) ?? [];
+
+  // Handle updating the order when selections change
+  const handleSelectionChange = (0, _react.useCallback)(newSelections => {
+    if (!selections) return;
+    // Combine new selections with ghost variables (we want to keep the ghost variables)
+
+    const ghostVariableSelections = ghostVariables.map(ghost => {
+      var _ghost$orderVariableO;
+      return {
+        orderVariableId: ghost.orderVariable.id,
+        orderVariableOptionId: ((_ghost$orderVariableO = ghost.orderVariableOption) === null || _ghost$orderVariableO === void 0 ? void 0 : _ghost$orderVariableO.id) ?? null
+      };
+    });
+
+    // Get existing ghost variable IDs that are in the selections
+    const existingGhostIds = selections.filter(selection => ghostVariables.some(ghost => ghost.orderVariable.id === selection.orderVariableId)).map(selection => selection.orderVariableId);
+    // Only add ghost variables that are not already in the selections
+    const newGhostSelections = ghostVariableSelections.filter(selection => !existingGhostIds.includes(selection.orderVariableId));
+    const combinedSelections = [...newSelections, ...newGhostSelections];
+    onSelectionChange(combinedSelections);
+  }, [onSelectionChange, ghostVariables, selections]);
+
+  // Handle removing a ghost variable
+  const handleRemoveGhostVariable = (0, _react.useCallback)(ghostVariableId => {
+    if (!selections) return;
+    // Create a new array of selections without the removed ghost variable
+    const filteredSelections = selections.filter(selection => selection.orderVariableId !== ghostVariableId);
+    onSelectionChange(filteredSelections);
+  }, [onSelectionChange, selections]);
+  return /*#__PURE__*/_react.default.createElement(_OrderVariableSelection.default, {
+    disabled: false,
+    variables: viewer,
+    selections: selections ?? [],
+    onSelectionChange: handleSelectionChange,
+    ghostVariables: ghostVariables,
+    onRemoveGhostVariable: handleRemoveGhostVariable
+  }, {
+    label: /*#__PURE__*/_react.default.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: ((_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.storeModalSelectOrderVariablesLabel) ?? ''
+      }
+    })
+  });
+}