fontdue-js 2.10.0 → 2.11.0

package/dist/components/StoreModal/StoreModalProduct.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _StoreModalProductContent_collection2 = _interopRequireDefault(require("../../__generated__/StoreModalProductContent_collection.graphql"));
 var _StoreModalProductQuery2 = _interopRequireDefault(require("../../__generated__/StoreModalProductQuery.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
@@ -12,25 +13,40 @@ var _StoreModalFamily = _interopRequireDefault(require("./StoreModalFamily"));
 var _StoreModalProductSummary = _interopRequireDefault(require("../StoreModalProductSummary"));
 var _StoreModalPageContainer = _interopRequireDefault(require("../elements/StoreModalPageContainer"));
 var _StoreModalProductLicenseSelection = _interopRequireDefault(require("../StoreModalProductLicenseSelection"));
+var _OrderVariableSelectionRedux = _interopRequireDefault(require("../OrderVariableSelection/OrderVariableSelectionRedux"));
 var _productState = require("../Root/productState");
+var _StoreModalProductRefetchQuery = _interopRequireDefault(require("../../__generated__/StoreModalProductRefetchQuery.graphql"));
 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 }; }
+var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChanges");
+var _StoreModalLicenseeIsBillingSelection = _interopRequireDefault(require("./StoreModalLicenseeIsBillingSelection"));
+var _useLicenseAndOrderVariables = require("../../hooks/useLicenseAndOrderVariables");
+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 StoreModalProduct = _ref => {
-  var _config$storeModal, _collection$children;
+  var _config$storeModal, _viewer$orderVariable, _viewer$settings, _viewer$settings2, _viewer$settings3, _viewer$settings4, _collection$children;
   let {
     prepared
   } = _ref;
   const config = (0, _react.useContext)(_ConfigContext.default);
-  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalProductQuery2.default.hash && _StoreModalProductQuery2.default.hash !== "d9a141adc8aa9c28676b0c311c79644d" && console.error("The definition of 'StoreModalProductQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductQuery2.default), prepared.productQuery);
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const initialData = (0, _reactRelay.usePreloadedQuery)((_StoreModalProductQuery2.default.hash && _StoreModalProductQuery2.default.hash !== "82a6352ac1eeaab3d25c315793f97a9c" && console.error("The definition of 'StoreModalProductQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductQuery2.default), prepared.productQuery);
+  const [data, refetch] = (0, _reactRelay.useRefetchableFragment)((_StoreModalProductContent_collection2.default.hash && _StoreModalProductContent_collection2.default.hash !== "0684ec2633ccc5d4d0866e7780df28cc" && console.error("The definition of 'StoreModalProductContent_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductContent_collection2.default), initialData.collection);
+  const collection = data;
   const {
-    collection,
     viewer
-  } = data;
+  } = initialData;
+  const refetchVariables = (0, _react.useMemo)(() => collection !== null && collection !== void 0 && collection.id ? {
+    id: collection.id
+  } : undefined, [collection === null || collection === void 0 ? void 0 : collection.id]);
+  (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
+    environment,
+    refetch,
+    query: _StoreModalProductRefetchQuery.default,
+    variables: refetchVariables
+  });
   const store = (0, _reactRedux.useStore)();
   const dispatch = (0, _reactRedux.useDispatch)();
-  const environment = (0, _reactRelay.useRelayEnvironment)();
   const handleSelectProduct = (0, _react.useCallback)((skuId, selected) => {
     dispatch({
       type: 'SELECT_SKU_ID',
@@ -51,26 +67,83 @@ const StoreModalProduct = _ref => {
       });
     };
   }, []);
-  const licensesPosition = (config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.productLicensesPosition) ?? 'bottom';
+  const licensesPosition = config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.productLicensesPosition;
+  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions, _reactRedux.shallowEqual);
+  const anyLicenseOptionsSelected = licenseOptions.length > 0;
+  const selectedSkuIds = (0, _reactRedux.useSelector)(state => state.selectedSkuIds, _reactRedux.shallowEqual);
+  const anySkusSelected = Object.keys(selectedSkuIds).filter(skuId => selectedSkuIds[skuId]).length > 0;
+  const licenseeIsBillingIdentity = (0, _reactRedux.useSelector)(state => state.licenseeIsBillingIdentity);
+  const hasSelectionForLicenseeIsBillingIdentity = licenseeIsBillingIdentity !== null;
+  const {
+    orderVariableSelections
+  } = (0, _useLicenseAndOrderVariables.useLicenseAndOrderVariables)();
+  const requiredOrderVariablesNotYetSelected = (_viewer$orderVariable = viewer.orderVariables) === null || _viewer$orderVariable === void 0 ? void 0 : _viewer$orderVariable.filter(variable => variable.variableType === 'select').find(variable => !orderVariableSelections.find(selection => selection.orderVariableId === variable.id));
   if (!collection) {
     return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
       body: 'Collection not found'
     });
   }
+  const selectLicenseeLabel = /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: ((_viewer$settings = viewer.settings) === null || _viewer$settings === void 0 ? void 0 : _viewer$settings.storeModalSelectLicenseeLabel) ?? ''
+    }
+  });
+  const selectOrderVariablesLabel = /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: ((_viewer$settings2 = viewer.settings) === null || _viewer$settings2 === void 0 ? void 0 : _viewer$settings2.storeModalSelectOrderVariablesLabel) ?? ''
+    }
+  });
+  const selectLicensesLabel = /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: ((_viewer$settings3 = viewer.settings) === null || _viewer$settings3 === void 0 ? void 0 : _viewer$settings3.storeModalSelectLicensesLabel) ?? ''
+    }
+  });
+  const selectFontsLabel = /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: ((_viewer$settings4 = viewer.settings) === null || _viewer$settings4 === void 0 ? void 0 : _viewer$settings4.storeModalSelectFontsLabel) ?? ''
+    }
+  });
   return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
-    body: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, licensesPosition === 'top' && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicenseSelection.default, {
-      collection: collection
-    }), /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, {
-      title: "Select fonts",
+    body: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, licensesPosition === 'top' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingSelection.default, {
+      disabled: false
+    }, {
+      label: selectLicenseeLabel
+    }), /*#__PURE__*/_react.default.createElement(_OrderVariableSelectionRedux.default, {
+      viewer: viewer,
+      disabled: !hasSelectionForLicenseeIsBillingIdentity
+    }, {
+      label: selectOrderVariablesLabel
+    }), /*#__PURE__*/_react.default.createElement(_StoreModalProductLicenseSelection.default, {
+      collection: collection,
+      disabled: !hasSelectionForLicenseeIsBillingIdentity || Boolean(requiredOrderVariablesNotYetSelected)
+    }, {
+      label: selectLicensesLabel
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "store-modal__families",
+      "data-disabled": licensesPosition === 'top' ? !anyLicenseOptionsSelected || !hasSelectionForLicenseeIsBillingIdentity || !!requiredOrderVariablesNotYetSelected : false
+    }, /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, {
+      title: selectFontsLabel,
       collection: collection,
       onSelect: handleSelectProduct
     }), (_collection$children = collection.children) === null || _collection$children === void 0 ? void 0 : _collection$children.map(child => /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, {
       key: child.id,
       collection: child,
       onSelect: handleSelectProduct
-    })), licensesPosition === 'bottom' && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicenseSelection.default, {
-      collection: collection
-    })),
+    }))), licensesPosition === 'bottom' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StoreModalLicenseeIsBillingSelection.default, {
+      disabled: !anySkusSelected
+    }, {
+      label: selectLicenseeLabel
+    }), /*#__PURE__*/_react.default.createElement(_OrderVariableSelectionRedux.default, {
+      viewer: viewer,
+      disabled: !anySkusSelected || !hasSelectionForLicenseeIsBillingIdentity
+    }, {
+      label: selectOrderVariablesLabel
+    }), /*#__PURE__*/_react.default.createElement(_StoreModalProductLicenseSelection.default, {
+      collection: collection,
+      disabled: !anySkusSelected || !hasSelectionForLicenseeIsBillingIdentity || Boolean(requiredOrderVariablesNotYetSelected)
+    }, {
+      label: selectLicensesLabel
+    }))),
     stickyFooter: viewer.stripeAccountId ? /*#__PURE__*/_react.default.createElement(_StoreModalProductSummary.default, {
       viewer: viewer
     }) : /*#__PURE__*/_react.default.createElement("div", null, "Please", ' ', /*#__PURE__*/_react.default.createElement("a", {

package/dist/components/StoreModal/StoreModalReviewIdentity.js

@@ -7,9 +7,9 @@ exports.default = StoreModalReviewIdentity;
 var _StoreModalReviewIdentity_identity2 = _interopRequireDefault(require("../../__generated__/StoreModalReviewIdentity_identity.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
-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 }; }
 function StoreModalReviewIdentity(_ref) {
   let {
     identity: identityKey

package/dist/components/StoreModal/StoreModalRouter.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 var _reactRelay = require("react-relay");
 var _routes = _interopRequireDefault(require("./routes"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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(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; }
 const StoreModalRouter = () => {
   const environment = (0, _reactRelay.useRelayEnvironment)();
   const currentRoute = (0, _reactRedux.useSelector)(state => state.storeModalRoute);

package/dist/components/StoreModal/StoreModalStyleButton.js

@@ -14,8 +14,8 @@ var _FontStyle = _interopRequireDefault(require("../FontStyle"));
 var _reducer = require("../../reducer");
 var _StoreModalStyleButton = _interopRequireDefault(require("../elements/StoreModalStyleButton"));
 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 THIN_SPACE = '\u2009';
 function getFeatureGlyphs(supportedLanguages) {
   if (supportedLanguages !== null && supportedLanguages !== void 0 && supportedLanguages.includes('en')) return 'Aa';
@@ -32,7 +32,7 @@ function StoreModalStyleButton(_ref) {
     isVariableFont,
     ...rest
   } = _ref;
-  const fontStyle = (0, _reactRelay.useFragment)((_StoreModalStyleButton_fontStyle2.default.hash && _StoreModalStyleButton_fontStyle2.default.hash !== "fbd48cde23a47f24790292b085647714" && console.error("The definition of 'StoreModalStyleButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalStyleButton_fontStyle2.default), fontStyleKey);
+  const fontStyle = (0, _reactRelay.useFragment)((_StoreModalStyleButton_fontStyle2.default.hash && _StoreModalStyleButton_fontStyle2.default.hash !== "3497be385e11b764fa6795bc3f3a0f1f" && console.error("The definition of 'StoreModalStyleButton_fontStyle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalStyleButton_fontStyle2.default), fontStyleKey);
   const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(fontStyle.sku ? fontStyle.sku.id : fontStyle.id));
   const handleSelect = () => {
     if (!fontStyle.sku) return;

package/dist/components/StoreModal/index.js

@@ -9,9 +9,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _StoreModalLoader = _interopRequireDefault(require("./StoreModalLoader"));
 var _StoreModalContainer = _interopRequireDefault(require("./StoreModalContainer"));
 var _StoreModalRouter = _interopRequireDefault(require("./StoreModalRouter"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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(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; }
 const StoreModal = () => {
   return /*#__PURE__*/_react.default.createElement(_StoreModalLoader.default, null, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null

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

@@ -5,7 +5,6 @@ import { StoreModalIndexQuery } from '../../__generated__/StoreModalIndexQuery.g
 import { StoreModalProductQuery } from '../../__generated__/StoreModalProductQuery.graphql';
 import { StoreModalCartQuery } from '../../__generated__/StoreModalCartQuery.graphql';
 import { StoreModalCheckoutQuery } from '../../__generated__/StoreModalCheckoutQuery.graphql';
-import { StoreModalReviewQuery } from '../../__generated__/StoreModalReviewQuery.graphql';
 export interface Route<TOperation extends OperationType> {
     Component: React.ComponentType<any>;
     render?: (props: TOperation['response']) => React.ReactElement<any>;
@@ -18,7 +17,6 @@ declare const routes: {
     product: Route<StoreModalProductQuery>;
     cart: Route<StoreModalCartQuery>;
     checkout: Route<StoreModalCheckoutQuery>;
-    review: Route<StoreModalReviewQuery>;
 };
 export type RouteConfig = typeof routes;
 type RouteKeys = keyof RouteConfig;

package/dist/components/StoreModal/routes.js

@@ -9,13 +9,11 @@ var _StoreModalIndex = _interopRequireDefault(require("./StoreModalIndex"));
 var _StoreModalProduct = _interopRequireDefault(require("./StoreModalProduct"));
 var _StoreModalCart = _interopRequireDefault(require("./StoreModalCart"));
 var _StoreModalCheckout = _interopRequireDefault(require("./StoreModalCheckout"));
-var _StoreModalReview = _interopRequireDefault(require("./StoreModalReview"));
 var _StoreModalIndexQuery = _interopRequireDefault(require("../../__generated__/StoreModalIndexQuery.graphql"));
 var _StoreModalProductQuery = _interopRequireDefault(require("../../__generated__/StoreModalProductQuery.graphql"));
 var _StoreModalCartQuery = _interopRequireDefault(require("../../__generated__/StoreModalCartQuery.graphql"));
 var _StoreModalCheckoutQuery = _interopRequireDefault(require("../../__generated__/StoreModalCheckoutQuery.graphql"));
-var _StoreModalReviewQuery = _interopRequireDefault(require("../../__generated__/StoreModalReviewQuery.graphql"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const route = routeConfig => routeConfig;
 const routes = {
   index: route({
@@ -27,7 +25,11 @@ const routes = {
   product: route({
     Component: _StoreModalProduct.default,
     prepare: (variables, environment) => ({
-      productQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalProductQuery.default, variables)
+      productQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalProductQuery.default, {
+        ...variables,
+        licenseOptions: [],
+        orderVariables: []
+      })
     })
   }),
   cart: route({
@@ -43,14 +45,6 @@ const routes = {
     prepare: (variables, environment) => ({
       checkoutQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalCheckoutQuery.default, variables)
     })
-  }),
-  review: route({
-    Component: _StoreModalReview.default,
-    prepare: (variables, environment) => ({
-      reviewQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalReviewQuery.default, variables, {
-        fetchPolicy: 'store-and-network'
-      })
-    })
   })
 };
 var _default = routes;

package/dist/components/StoreModalProductLicenseSelection/LicenseElement.d.ts

@@ -5,7 +5,7 @@ interface LicenseElementProps {
     children: {
         description: string | null;
         name: React.ReactNode;
-        variables: React.ReactNode;
+        variables: React.ReactNode[] | null;
     };
 }
 declare const LicenseElement: React.FunctionComponent<LicenseElementProps>;

package/dist/components/StoreModalProductLicenseSelection/LicenseElement.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 var _Button = _interopRequireDefault(require("../elements/Button"));
 var _Icons = require("../Icons");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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(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; }
 const LicenseElement = _ref => {
   let {
     onClick,
@@ -34,9 +34,9 @@ const LicenseElement = _ref => {
     className: "store-modal__license-selection__license-button-label"
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "store-modal__license-selection__icon-pair"
-  }, isSelected ? config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.CheckboxChecked, null) : /*#__PURE__*/_react.default.createElement(_Icons.CheckboxCrossed, null) : /*#__PURE__*/_react.default.createElement(_Icons.Checkbox, null), name)), /*#__PURE__*/_react.default.createElement("div", {
+  }, isSelected ? config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.CheckboxChecked, null) : /*#__PURE__*/_react.default.createElement(_Icons.CheckboxCrossed, null) : /*#__PURE__*/_react.default.createElement(_Icons.Checkbox, null), name)), variables && variables.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__license-selection__variables"
-  }, variables)), description && /*#__PURE__*/_react.default.createElement("div", {
+  }, variables) : null), description && /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__license-selection__description",
     dangerouslySetInnerHTML: {
       __html: description

package/dist/components/StoreModalProductLicenseSelection/LicenseVariableElement.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Icons = require("../Icons");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const LicenseVariableElement = _ref => {
   let {
     value,

package/dist/components/StoreModalProductLicenseSelection/LicenseVariableRadioElement.js

@@ -7,9 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Checkbox = _interopRequireDefault(require("../Icons/Checkbox"));
 var _CheckboxChecked = _interopRequireDefault(require("../Icons/CheckboxChecked"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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(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; }
 const LicenseVariableRadioElement = _ref => {
   let {
     value: selectedValue,

package/dist/components/StoreModalProductLicenseSelection/StoreModalProductLicense.js

@@ -12,9 +12,9 @@ var _LicenseElement = _interopRequireDefault(require("./LicenseElement"));
 var _LicenseVariableElement = _interopRequireDefault(require("./LicenseVariableElement"));
 var _VariableTableAmounts = _interopRequireDefault(require("../VariableTableAmounts"));
 var _LicenseVariableRadioElement = _interopRequireDefault(require("./LicenseVariableRadioElement"));
-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 specFromLicense = license => {
   let licenseOptionSpec = {
     licenseId: license.id
@@ -38,6 +38,7 @@ const specFromLicense = license => {
   return licenseOptionSpec;
 };
 function StoreModalProduceLicense(_ref) {
+  var _license$variables;
   let {
     license: licenseKey
   } = _ref;
@@ -91,7 +92,7 @@ function StoreModalProduceLicense(_ref) {
   }, {
     name: license.name,
     description: license.description,
-    variables: license.variables && license.variables.map(variable => {
+    variables: ((_license$variables = license.variables) === null || _license$variables === void 0 ? void 0 : _license$variables.map(variable => {
       if (variable.variableType === 'text') return null;
       if (!variable.options) return null;
       const selectedLicenseOption = selectedOptions && selectedOptions.licenseOptions[variable.id];
@@ -136,6 +137,6 @@ function StoreModalProduceLicense(_ref) {
         });
       }
       return null;
-    }).filter(Boolean)
+    }).filter(Boolean)) ?? null
   });
 }

package/dist/components/StoreModalProductLicenseSelection/index.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 import { StoreModalProductLicenseSelection_collection$key } from '__generated__/StoreModalProductLicenseSelection_collection.graphql';
 interface StoreModalProductLicenseSelectionProps {
     collection: StoreModalProductLicenseSelection_collection$key;
+    disabled: boolean;
+    children: {
+        label: React.ReactNode;
+    };
 }
-export default function StoreModalProductLicenseSelection({ collection: collectionKey, }: StoreModalProductLicenseSelectionProps): React.JSX.Element;
+export default function StoreModalProductLicenseSelection({ collection: collectionKey, disabled, children: { label }, }: StoreModalProductLicenseSelectionProps): React.JSX.Element;
 export {};

package/dist/components/StoreModalProductLicenseSelection/index.js

@@ -8,19 +8,26 @@ var _StoreModalProductLicenseSelection_collection2 = _interopRequireDefault(requ
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
 var _StoreModalProductLicense = _interopRequireDefault(require("./StoreModalProductLicense"));
-var _ContainerElement = _interopRequireDefault(require("./ContainerElement"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function StoreModalProductLicenseSelection(_ref) {
   var _collection$licenses;
   let {
-    collection: collectionKey
+    collection: collectionKey,
+    disabled,
+    children: {
+      label
+    }
   } = _ref;
   const collection = (0, _reactRelay.useFragment)((_StoreModalProductLicenseSelection_collection2.default.hash && _StoreModalProductLicenseSelection_collection2.default.hash !== "2767ff3f8ddb4354051074bc3d0312e6" && console.error("The definition of 'StoreModalProductLicenseSelection_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalProductLicenseSelection_collection2.default), collectionKey);
-  return /*#__PURE__*/_react.default.createElement(_ContainerElement.default, null, {
-    title: 'Select licenses',
-    licenses: collection === null || collection === void 0 ? void 0 : (_collection$licenses = collection.licenses) === null || _collection$licenses === void 0 ? void 0 : _collection$licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
-      key: license.id,
-      license: license
-    }))
-  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__license-selection__container",
+    "data-disabled": disabled
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    className: "store-modal__license-selection__title"
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__license-selection__licenses"
+  }, collection === null || collection === void 0 ? void 0 : (_collection$licenses = collection.licenses) === null || _collection$licenses === void 0 ? void 0 : _collection$licenses.map(license => license && /*#__PURE__*/_react.default.createElement(_StoreModalProductLicense.default, {
+    key: license.id,
+    license: license
+  }))));
 }

package/dist/components/StoreModalProductSummary/index.d.ts

@@ -1,8 +1,7 @@
-import { RelayRefetchProp } from 'react-relay';
-import { StoreModalProductSummary_viewer$data } from '../../__generated__/StoreModalProductSummary_viewer.graphql';
+import React from 'react';
+import { StoreModalProductSummary_viewer$key } from '../../__generated__/StoreModalProductSummary_viewer.graphql';
 interface StoreModalProductSummaryProps {
-    viewer: StoreModalProductSummary_viewer$data;
-    relay: RelayRefetchProp;
+    viewer: StoreModalProductSummary_viewer$key;
 }
-declare const _default: import("react-relay").Container<Omit<StoreModalProductSummaryProps, "relay">>;
-export default _default;
+declare const StoreModalProductSummary: React.FunctionComponent<StoreModalProductSummaryProps>;
+export default StoreModalProductSummary;