fontdue-js 2.10.0 → 2.11.0

package/dist/components/TypeTesters/index.js

@@ -11,6 +11,7 @@ var _TypeTestersSlugQuery2 = _interopRequireDefault(require("../../__generated__
 var _TypeTestersIDQuery2 = _interopRequireDefault(require("../../__generated__/TypeTestersIDQuery.graphql"));
 var _TypeTesters_viewer2 = _interopRequireDefault(require("../../__generated__/TypeTesters_viewer.graphql"));
 var _TypeTesters_collection2 = _interopRequireDefault(require("../../__generated__/TypeTesters_collection.graphql"));
+var _TypeTestersChangedStylesQuery2 = _interopRequireDefault(require("../../__generated__/TypeTestersChangedStylesQuery.graphql"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
@@ -18,13 +19,16 @@ var _PriceBar = _interopRequireDefault(require("../PriceBar"));
 var _utils = require("../../utils");
 var _TypeTesterContext = _interopRequireDefault(require("../TypeTester/TypeTesterContext"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChanges");
+var _TypeTestersRefetchQuery = _interopRequireDefault(require("../../__generated__/TypeTestersRefetchQuery.graphql"));
 var _TypeTester = _interopRequireDefault(require("../TypeTester"));
 var _TypeTesterFloatingToolbar = _interopRequireDefault(require("../TypeTester/TypeTesterFloatingToolbar"));
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-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 _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); }
+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 }; }
+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 findPriceBarCollection = (collection, familyId) => {
   if (collection.id === familyId) return collection;
   if (!collection.families) return null;
@@ -51,6 +55,7 @@ const getTypeTesterGroups = collection => {
     return acc.concat([[typeTester]]);
   }, []);
 };
+const changedStylesQuery = (_TypeTestersChangedStylesQuery2.default.hash && _TypeTestersChangedStylesQuery2.default.hash !== "8bfe3f55f542c9c1cac867aa05f7be53" && console.error("The definition of 'TypeTestersChangedStylesQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersChangedStylesQuery2.default);
 function TypeTestersComponent(_ref) {
   var _collection$typeTeste2, _collection$typeTeste3, _collection$typeTeste4, _collection$typeTeste5;
   let {
@@ -61,14 +66,58 @@ function TypeTestersComponent(_ref) {
     onFocus,
     onBlur,
     onToolbarOpenClose,
+    tags,
+    excludeTags,
     ...rest
   } = _ref;
-  const collection = (0, _reactRelay.useFragment)((_TypeTesters_collection2.default.hash && _TypeTesters_collection2.default.hash !== "4e661d9d957e3a3f4a7b23f3665cadf9" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection2.default), collectionKey);
-  const viewer = (0, _reactRelay.useFragment)((_TypeTesters_viewer2.default.hash && _TypeTesters_viewer2.default.hash !== "8fbadb67d6506fee0f3ccc09624517c6" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer2.default), viewerKey);
-  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const [changedStyles, setChangedStyles] = (0, _react.useState)({});
+  const [changedStylesFetchKey, setChangedStylesFetchKey] = (0, _react.useState)(0);
   const {
     typeTester: config
   } = (0, _react.useContext)(_ConfigContext.default);
+  const {
+    licenseOptionsSpecs,
+    orderVariableSelections
+  } = (0, _useLicenseAndOrderVariables.useLicenseAndOrderVariables)();
+  const [collection, refetch] = (0, _reactRelay.useRefetchableFragment)((_TypeTesters_collection2.default.hash && _TypeTesters_collection2.default.hash !== "4304ae7b554a9365ab05ba8b984c1bea" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection2.default), collectionKey);
+  const handleStyleSelect = (0, _react.useCallback)((testerId, fontStyleId) => {
+    const newChangedStyles = {
+      ...changedStyles,
+      [testerId]: fontStyleId
+    };
+    (0, _reactRelay.fetchQuery)(environment, _TypeTestersChangedStylesQuery2.default, {
+      ids: Object.values(newChangedStyles),
+      licenseOptions: licenseOptionsSpecs,
+      orderVariables: orderVariableSelections
+    }).subscribe({
+      complete: () => {
+        setChangedStyles(newChangedStyles);
+        setChangedStylesFetchKey(prev => prev + 1);
+      }
+    });
+  }, [environment, changedStyles, licenseOptionsSpecs, orderVariableSelections]);
+  const viewer = (0, _reactRelay.useFragment)((_TypeTesters_viewer2.default.hash && _TypeTesters_viewer2.default.hash !== "8fbadb67d6506fee0f3ccc09624517c6" && console.error("The definition of 'TypeTesters_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_viewer2.default), viewerKey);
+  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
+  const refetchVariables = (0, _react.useMemo)(() => collection !== null && collection !== void 0 && collection.id ? {
+    id: collection.id,
+    excludeTags,
+    tags
+  } : undefined, [collection === null || collection === void 0 ? void 0 : collection.id, excludeTags, tags]);
+  (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
+    environment,
+    refetch,
+    query: _TypeTestersRefetchQuery.default,
+    variables: refetchVariables
+  });
+  const changedStylesData = (0, _reactRelay.useLazyLoadQuery)(changedStylesQuery, {
+    ids: Object.values(changedStyles).filter(Boolean),
+    licenseOptions: licenseOptionsSpecs,
+    orderVariables: orderVariableSelections
+  }, {
+    fetchKey: changedStylesFetchKey,
+    fetchPolicy: 'store-only'
+  });
   if (!collection) return null;
   const testers = (_collection$typeTeste2 = collection.typeTesters) === null || _collection$typeTeste2 === void 0 ? void 0 : (_collection$typeTeste3 = _collection$typeTeste2.edges) === null || _collection$typeTeste3 === void 0 ? void 0 : _collection$typeTeste3.reduce((acc, edge) => {
     var _node$variableSetting, _node$featureSettings;
@@ -117,19 +166,29 @@ function TypeTestersComponent(_ref) {
       key: i
     }, config.priceBar && precartOpen && currentFamilyId && /*#__PURE__*/_react.default.createElement(_PriceBar.default, {
       node: findPriceBarCollection(collection, currentFamilyId) ?? null
-    }), typeTesterGroup.map((node, j) => /*#__PURE__*/_react.default.createElement(_TypeTester.default, _extends({}, rest, {
-      id: node.id,
-      fontStyle: node.fontStyle,
-      key: j,
-      productId: productId,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      features: collection.typeTesterFeatures,
-      axes: collection.typeTesterAxes,
-      viewer: viewer
-    }))));
+    }), typeTesterGroup.map((node, j) => {
+      const defaultStyle = node.fontStyle;
+      const changedStyleId = changedStyles[node.id];
+
+      // Use changed style from query if it exists
+      const fontStyle = changedStyleId && changedStylesData !== null && changedStylesData !== void 0 && changedStylesData.nodes ? changedStylesData.nodes.find(style => (style === null || style === void 0 ? void 0 : style.id) === changedStyleId && 'id' in style) ?? defaultStyle : defaultStyle;
+      return /*#__PURE__*/_react.default.createElement(_TypeTester.default, _extends({}, rest, {
+        id: node.id,
+        fontStyle: fontStyle,
+        onStyleSelect: fontStyleId => handleStyleSelect(node.id, fontStyleId),
+        key: j,
+        productId: productId,
+        features: collection.typeTesterFeatures,
+        axes: collection.typeTesterAxes,
+        viewer: viewer
+      }));
+    }));
   }));
 }
+
+// TODO: add a new component that will be used to query the changed styles, then the base component can call usePreloadedQuery
+// https://relay.dev/docs/api-reference/use-query-loader/
+
 const idQuery = (_TypeTestersIDQuery2.default.hash && _TypeTestersIDQuery2.default.hash !== "918c212b46e9aaaceeebe47935bb65d7" && console.error("The definition of 'TypeTestersIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersIDQuery2.default);
 function TypeTestersPreloadedIDQueryRenderer(_ref3) {
   let {
@@ -156,7 +215,10 @@ function TypeTestersIDQueryRenderer(_ref4) {
     excludeTags,
     selectable: config.selectable
   });
-  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest));
+  return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({}, data, rest, {
+    tags: tags,
+    excludeTags: excludeTags
+  }));
 }
 const slugQuery = (_TypeTestersSlugQuery2.default.hash && _TypeTestersSlugQuery2.default.hash !== "6182a027996d13aaa03264bae680252c" && console.error("The definition of 'TypeTestersSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTestersSlugQuery2.default);
 function TypeTestersPreloadedSlugQueryRenderer(_ref5) {
@@ -192,7 +254,10 @@ function TypeTestersSlugQueryRenderer(_ref6) {
   return /*#__PURE__*/_react.default.createElement(TypeTestersComponent, _extends({
     collection: ((_data$viewer$slug2 = data.viewer.slug) === null || _data$viewer$slug2 === void 0 ? void 0 : _data$viewer$slug2.collection) ?? null,
     viewer: data.viewer
-  }, rest));
+  }, rest, {
+    tags: tags,
+    excludeTags: excludeTags
+  }));
 }
 function TypeTesters(_ref7) {
   let {

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

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TypeTesters;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
 var _index = require("./index");
 var _TypeTestersIDQuery = _interopRequireDefault(require("../../__generated__/TypeTestersIDQuery.graphql"));
 var _TypeTestersSlugQuery = _interopRequireDefault(require("../../__generated__/TypeTestersSlugQuery.graphql"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-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 _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); }
 async function TypeTesters(_ref) {
   let {
     collectionId,
@@ -22,15 +19,12 @@ async function TypeTesters(_ref) {
     excludeTags,
     ...rest
   } = _ref;
-  const {
-    typeTester: config
-  } = (0, _react.useContext)(_ConfigContext.default);
   if (collectionId) {
     const preloadedQuery = await (0, _loadSerializableQuery.default)(_TypeTestersIDQuery.default, {
       collectionId,
       tags,
       excludeTags,
-      selectable: config.selectable
+      selectable: true
     });
     return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedIDQueryRenderer, _extends({
       preloadedQuery: preloadedQuery
@@ -41,7 +35,7 @@ async function TypeTesters(_ref) {
       collectionSlug,
       tags,
       excludeTags,
-      selectable: config.selectable
+      selectable: true
     });
     return /*#__PURE__*/_react.default.createElement(_index.TypeTestersPreloadedSlugQueryRenderer, _extends({
       preloadedQuery: preloadedQuery

package/dist/components/VariableTableAmounts/index.js

@@ -8,7 +8,7 @@ var _VariableTableAmounts_option2 = _interopRequireDefault(require("../../__gene
 var _VariableTableAmounts_variable2 = _interopRequireDefault(require("../../__generated__/VariableTableAmounts_variable.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function VariableTableAmounts(_ref) {
   var _variable$units;
   let {

package/dist/components/elements/Button/index.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-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); }
 function Button(_ref) {
   let {
     type,

package/dist/components/elements/EmptyCart/index.js

@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _reactRedux = require("react-redux");
 var _ConfigContext = _interopRequireDefault(require("../../ConfigContext"));
-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 EmptyCart = () => {
   const dispatch = (0, _reactRedux.useDispatch)();
   const config = (0, _react.useContext)(_ConfigContext.default);

package/dist/components/elements/StoreModalCartLayout/index.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 interface StoreModalCartLayout {
-    onClickCheckoutButton: () => void;
-    checkoutDisabled: boolean;
+    checkoutEnabled: boolean;
     children: {
         items: React.ReactNode;
         couponCodeInput: React.ReactNode;
         totals: React.ReactNode;
-        checkoutText: React.ReactNode;
+        checkout: React.ReactNode;
+        orderVariables?: React.ReactNode;
     };
 }
 declare const StoreModalCartLayout: React.FunctionComponent<StoreModalCartLayout>;

package/dist/components/elements/StoreModalCartLayout/index.js

@@ -5,36 +5,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Button = _interopRequireDefault(require("../Button"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StoreModalCartLayout = _ref => {
   let {
-    onClickCheckoutButton,
-    checkoutDisabled,
+    checkoutEnabled,
     children: {
       items,
       couponCodeInput,
       totals,
-      checkoutText
+      checkout,
+      orderVariables
     }
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__cart__container"
   }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__review"
+  }, orderVariables && /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__order-variables"
+  }, orderVariables), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__cart__items"
   }, items), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__cart__coupon-code-input"
   }, couponCodeInput), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__cart__totals"
-  }, totals), /*#__PURE__*/_react.default.createElement("div", {
-    className: "store-modal__cart__checkout"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: "store-modal__cart__checkout-button",
-    onClick: onClickCheckoutButton,
-    disabled: checkoutDisabled
-  }, checkoutText, /*#__PURE__*/_react.default.createElement("span", {
-    className: "store-modal__cart__arrow"
-  }, " \u2192"))));
+  }, totals)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__checkout",
+    "data-disabled": !checkoutEnabled
+  }, checkout));
 };
 var _default = StoreModalCartLayout;
 exports.default = _default;

package/dist/components/elements/StoreModalContainer/StoreModalContainerContext.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-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({});
 exports.default = _default;

package/dist/components/elements/StoreModalContainer/index.d.ts

@@ -10,6 +10,7 @@ interface StoreModalContainerProps {
     onClickCart?: () => void;
     showCartButton?: boolean;
     orderItemCount: number;
+    routeName: string;
     fonts: {
         regular: FontData | null;
         bold: FontData | null;

package/dist/components/elements/StoreModalContainer/index.js

@@ -9,9 +9,9 @@ var _Icons = require("../../Icons");
 var _StoreModalContainerContext = _interopRequireDefault(require("./StoreModalContainerContext"));
 var _Stylesheet = _interopRequireDefault(require("../../Stylesheet"));
 var _utils = require("../../../utils");
-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 StoreModalContainer = _ref => {
   let {
     onClickBackground,
@@ -21,6 +21,7 @@ const StoreModalContainer = _ref => {
     showCartButton,
     orderItemCount,
     fonts,
+    routeName,
     children: {
       backText,
       pageTitle,
@@ -40,7 +41,8 @@ const StoreModalContainer = _ref => {
       scrollToTop: handleScrollToTop
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "store-modal__container__overlay"
+    className: "store-modal__container__overlay",
+    "data-route": routeName
   }, [fonts.regular, fonts.bold].filter(_utils.notEmpty).map(font => /*#__PURE__*/_react.default.createElement(_Stylesheet.default, {
     key: font.name,
     href: font.cssUrl

package/dist/components/elements/StoreModalDownloadLayout/index.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 StoreModalDownloadLayout = _ref => {
   let {
     archiveUrl,

package/dist/components/elements/StoreModalFamily/index.js

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

package/dist/components/elements/StoreModalFamilyButton/index.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Button = _interopRequireDefault(require("../../elements/Button"));
 var _Icons = require("../../Icons");
-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 StoreModalFamilyButton = _ref => {
   let {
     selected,

package/dist/components/elements/StoreModalIndexItem/index.js

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

package/dist/components/elements/StoreModalLicenseeIsBillingIdentityElement.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    disabled: boolean;
+    value: boolean | null;
+    onChange: (value: boolean) => void;
+    children: {
+        label: React.ReactNode;
+    };
+}
+export default function StoreModalLicenseeIsBillingIdentityElement({ disabled, onChange, value, children: { label }, }: Props): React.JSX.Element;
+export {};

package/dist/components/elements/StoreModalLicenseeIsBillingIdentityElement.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StoreModalLicenseeIsBillingIdentityElement;
+var _react = _interopRequireWildcard(require("react"));
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+var _Button = _interopRequireDefault(require("./Button"));
+var _Icons = require("../Icons");
+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 CheckboxButton(_ref) {
+  let {
+    label,
+    selected,
+    onClick
+  } = _ref;
+  const {
+    form: config
+  } = (0, _react.useContext)(_ConfigContext.default);
+  return /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: "store-modal__order-variable-selection__button",
+    onClick: onClick,
+    "data-selected": selected
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__order-variable-selection__label"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "store-modal__order-variable-selection__icon-pair"
+  }, selected === true ? config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.CheckboxChecked, null) : /*#__PURE__*/_react.default.createElement(_Icons.CheckboxCrossed, null) : /*#__PURE__*/_react.default.createElement(_Icons.Checkbox, null), label)));
+}
+function StoreModalLicenseeIsBillingIdentityElement(_ref2) {
+  let {
+    disabled,
+    onChange,
+    value,
+    children: {
+      label
+    }
+  } = _ref2;
+  const handleClick = (0, _react.useCallback)(licenseeIsBilling => () => {
+    onChange(licenseeIsBilling);
+  }, [onChange]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__licensee-is-billing-identity__container",
+    "data-disabled": disabled
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    className: "store-modal__licensee-is-billing-identity__title"
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__licensee-is-billing-identity__buttons"
+  }, /*#__PURE__*/_react.default.createElement(CheckboxButton, {
+    label: "Yourself",
+    selected: value === true,
+    onClick: handleClick(true)
+  }), /*#__PURE__*/_react.default.createElement(CheckboxButton, {
+    label: "Your client",
+    selected: value === false,
+    onClick: handleClick(false)
+  })));
+}

package/dist/components/elements/StoreModalLoadingScreen/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _StoreModalPageContainer = _interopRequireDefault(require("../StoreModalPageContainer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StoreModalLoadingScreen = () => /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
   body: 'Loading...'
 });

package/dist/components/elements/StoreModalPageContainer/index.js

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

package/dist/components/elements/StoreModalStyleButton/index.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _Icons = require("../../Icons");
-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 StoreModalStyleButton = _ref => {
   let {
     selected,

package/dist/components/elements/StoreModalUnifiedCheckout.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StoreModalUnifiedCheckout_viewer$key } from '__generated__/StoreModalUnifiedCheckout_viewer.graphql';
+import { StoreModalUnifiedCheckout_order$key } from '__generated__/StoreModalUnifiedCheckout_order.graphql';
+interface Props {
+    order: StoreModalUnifiedCheckout_order$key;
+    viewer: StoreModalUnifiedCheckout_viewer$key;
+    onScrollToTop: () => void;
+}
+export default function StoreModalUnifiedCheckout({ order: orderKey, viewer: viewerKey, onScrollToTop, }: Props): React.JSX.Element;
+export {};