fontdue-js 2.22.0 → 2.22.1

package/dist-cjs/components/StoreModal/StoreModalLicenseeIsBillingSelection.js

@@ -0,0 +1,30 @@
+"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({
+  disabled,
+  children
+}) {
+  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-cjs/components/StoreModal/StoreModalLoader.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+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({
+  children
+}) {
+  const cartOpen = (0, _reactRedux.useSelector)(state => state.cartOpen);
+  (0, _react.useEffect)(() => {
+    document.body.dataset.fontdueStoreModal = cartOpen ? 'open' : 'closed';
+  }, [cartOpen]);
+  if (!cartOpen) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+}
+var _default = StoreModalLoader;
+exports.default = _default;

package/dist-cjs/components/StoreModal/StoreModalOrderVariableSelection.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StoreModalOrderVariableSelection;
+var _StoreModalOrderVariableSelection_order2 = _interopRequireDefault(require("../../__generated__/StoreModalOrderVariableSelection_order.graphql"));
+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({
+  viewer: viewerKey,
+  order: orderKey,
+  onSelectionChange
+}) {
+  const viewer = (0, _reactRelay.useFragment)((_StoreModalOrderVariableSelection_viewer2.default.hash && _StoreModalOrderVariableSelection_viewer2.default.hash !== "b959e46df4274deb8a53ef227787c34a" && 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);
+  const order = (0, _reactRelay.useFragment)((_StoreModalOrderVariableSelection_order2.default.hash && _StoreModalOrderVariableSelection_order2.default.hash !== "85bc6b91bb3e9b7ee708f776acf670fd" && console.error("The definition of 'StoreModalOrderVariableSelection_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalOrderVariableSelection_order2.default), orderKey);
+
+  // Transform order variable selections for the OrderVariableSelection component
+  const selections = order.orderVariableSelections?.map(selection => ({
+    orderVariableId: selection.orderVariable.id,
+    orderVariableOptionId: selection.orderVariableOption?.id || null,
+    orderVariableOptionAmount: selection.orderVariableOption?.amount || null,
+    countryCode: selection.countryCode || null
+  }));
+  const orderVariableIds = new Set(viewer.orderVariables?.map(variable => variable.id) || []);
+
+  // Create a map of order variable ID to orderVariableDescription for active variables
+  const descriptionOverrides = order.orderVariableSelections?.reduce((acc, selection) => {
+    if (orderVariableIds.has(selection.orderVariable.id)) {
+      acc[selection.orderVariable.id] = selection.orderVariableDescription;
+    }
+    return acc;
+  }, {}) ?? {};
+
+  // Find ghost variables (variables that exist in the order but not in the available list)
+  const ghostVariables = order.orderVariableSelections?.filter(selection => !orderVariableIds.has(selection.orderVariable.id)).map(selection => ({
+    orderVariable: {
+      ...selection.orderVariable,
+      description: selection.orderVariableDescription
+    },
+    orderVariableOption: selection.orderVariableOption
+  })) ?? [];
+
+  // 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 => ({
+      orderVariableId: ghost.orderVariable.id,
+      orderVariableOptionId: ghost.orderVariableOption?.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,
+    descriptionOverrides: descriptionOverrides
+  }, {
+    label: /*#__PURE__*/_react.default.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: viewer.settings?.storeModalSelectOrderVariablesLabel ?? ''
+      }
+    })
+  });
+}

package/dist-cjs/components/StoreModal/StoreModalProduct.js

@@ -0,0 +1,154 @@
+"use strict";
+
+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");
+var _reactRedux = require("react-redux");
+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"));
+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 = ({
+  prepared
+}) => {
+  const config = (0, _react.useContext)(_ConfigContext.default);
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const initialData = (0, _reactRelay.usePreloadedQuery)((_StoreModalProductQuery2.default.hash && _StoreModalProductQuery2.default.hash !== "b2803257576691f16a283d10e53439e3" && 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 {
+    viewer
+  } = initialData;
+  const refetchVariables = (0, _react.useMemo)(() => collection?.id ? {
+    id: collection.id
+  } : undefined, [collection?.id]);
+  (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
+    environment,
+    refetch,
+    query: _StoreModalProductRefetchQuery.default,
+    variables: refetchVariables
+  });
+  const store = (0, _reactRedux.useStore)();
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const handleSelectProduct = (0, _react.useCallback)((skuId, selected) => {
+    dispatch({
+      type: 'SELECT_SKU_ID',
+      skuId,
+      selected
+    });
+  }, [dispatch]);
+  (0, _react.useEffect)(() => {
+    if (collection?.id) (0, _productState.populateProductState)(store, environment, collection.id);
+  }, [collection?.id]);
+  (0, _react.useEffect)(() => {
+    return () => {
+      // unselect the skus when this component unmounts,
+      // otherwise the user may have selected items from other products
+      // without an easy way to unselect them
+      dispatch({
+        type: 'UNSELECT_SKUS'
+      });
+    };
+  }, []);
+  const licensesPosition = 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.orderVariables?.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?.storeModalSelectLicenseeLabel ?? ''
+    }
+  });
+  const selectOrderVariablesLabel = /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: viewer.settings?.storeModalSelectOrderVariablesLabel ?? ''
+    }
+  });
+  const selectLicensesLabel = /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: viewer.settings?.storeModalSelectLicensesLabel ?? ''
+    }
+  });
+  const selectFontsLabel = /*#__PURE__*/_react.default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: viewer.settings?.storeModalSelectFontsLabel ?? ''
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_StoreModalPageContainer.default, null, {
+    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?.map(child => /*#__PURE__*/_react.default.createElement(_StoreModalFamily.default, {
+      key: child.id,
+      collection: child,
+      onSelect: handleSelectProduct
+    }))), 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", {
+      href: `${viewer.endpoint}/admin/settings/payments`,
+      target: "_blank"
+    }, "connect your Stripe account"), ' ', "to enable the cart.")
+  });
+};
+var _default = StoreModalProduct;
+exports.default = _default;

package/dist-cjs/components/StoreModal/StoreModalReviewIdentity.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StoreModalReviewIdentity;
+var _StoreModalReviewIdentity_identity2 = _interopRequireDefault(require("../../__generated__/StoreModalReviewIdentity_identity.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+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({
+  identity: identityKey
+}) {
+  const identity = (0, _reactRelay.useFragment)((_StoreModalReviewIdentity_identity2.default.hash && _StoreModalReviewIdentity_identity2.default.hash !== "4d800e664bc3400ca62ead178d97fb00" && console.error("The definition of 'StoreModalReviewIdentity_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalReviewIdentity_identity2.default), identityKey);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, identity.addressFormatted, /*#__PURE__*/_react.default.createElement("br", null), identity.email, /*#__PURE__*/_react.default.createElement("br", null), identity.phoneFormatted, identity.vatNumber && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), "VAT: ", identity.vatNumber));
+}

package/dist-cjs/components/StoreModal/StoreModalRouter.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactRelay = require("react-relay");
+var _routes = _interopRequireDefault(require("./routes"));
+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);
+  const route = _routes.default[currentRoute.name];
+  (0, _react.useEffect)(() => {}, [currentRoute]);
+  const prepared = (0, _react.useMemo)(() => {
+    // @ts-ignore
+    return _routes.default[currentRoute.name].prepare(currentRoute.variables, environment);
+  }, [currentRoute, environment]);
+  return /*#__PURE__*/_react.default.createElement(route.Component, {
+    prepared: prepared
+  });
+};
+var _default = StoreModalRouter;
+exports.default = _default;

package/dist-cjs/components/StoreModal/StoreModalStyleButton.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StoreModalStyleButton;
+var _StoreModalStyleButton_fontStyle2 = _interopRequireDefault(require("../../__generated__/StoreModalStyleButton_fontStyle.graphql"));
+var _react = _interopRequireDefault(require("react"));
+var _reactRelay = require("react-relay");
+var _reactRedux = require("react-redux");
+var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
+var _Price = require("../Price");
+var _FontStyle = _interopRequireDefault(require("../FontStyle"));
+var _reducer = require("../../reducer");
+var _StoreModalStyleButton = _interopRequireDefault(require("../elements/StoreModalStyleButton"));
+var _utils = require("../../utils");
+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 StoreModalStyleButton({
+  fontStyle: fontStyleKey,
+  onSelectSku,
+  isVariableFont,
+  ...rest
+}) {
+  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;
+    onSelectSku(fontStyle.sku.id, !selected);
+  };
+  return /*#__PURE__*/_react.default.createElement(_StoreModalStyleButton.default, _extends({}, rest, {
+    onClick: fontStyle.sku ? handleSelect : undefined,
+    selected: selected
+  }), {
+    featureGlyphs: /*#__PURE__*/_react.default.createElement(_FontStyle.default, {
+      fontStyle: fontStyle,
+      Component: "span"
+    }, isVariableFont ? fontStyle.variableInstances?.map((instance, i) => /*#__PURE__*/_react.default.createElement("span", {
+      key: instance.name,
+      style: (0, _utils.variableInstanceCSS)(instance)
+    }, i !== 0 && THIN_SPACE, (0, _utils.getFeatureGlyphs)(fontStyle.supportedLanguages))) : (0, _utils.getFeatureGlyphs)(fontStyle.supportedLanguages)),
+    // for variable fonts, only show the name of the style if there are
+    // multiple styles
+    name: isVariableFont ? fontStyle.sku ? fontStyle.name : undefined : fontStyle.name,
+    price: fontStyle.sku ? /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+      sku: fontStyle.sku,
+      format: _Price.PriceFormat.Truncated,
+      showCollectionSavings: !selected
+    }) : null
+  });
+}

package/dist-cjs/components/StoreModal/index.js

@@ -0,0 +1,39 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _StoreModalLoader = _interopRequireDefault(require("./StoreModalLoader"));
+var _StoreModalContainer = _interopRequireDefault(require("./StoreModalContainer"));
+var _StoreModalRouter = _interopRequireDefault(require("./StoreModalRouter"));
+var _reactRedux = require("react-redux");
+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 = () => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+
+  // Check for store-modal=open URL parameter and open cart automatically
+  (0, _react.useEffect)(() => {
+    if (typeof window !== 'undefined') {
+      const urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.get('cart') === 'open') {
+        dispatch({
+          type: 'STORE_MODAL_REPLACE',
+          route: 'cart'
+        });
+        dispatch({
+          type: 'OPEN_CART'
+        });
+      }
+    }
+  }, [dispatch]);
+  return /*#__PURE__*/_react.default.createElement(_StoreModalLoader.default, null, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(_StoreModalContainer.default, null, /*#__PURE__*/_react.default.createElement(_StoreModalRouter.default, null))));
+};
+var _default = StoreModal;
+exports.default = _default;

package/dist-cjs/components/StoreModal/routes.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRelay = require("react-relay");
+var _StoreModalIndex = _interopRequireDefault(require("./StoreModalIndex"));
+var _StoreModalProduct = _interopRequireDefault(require("./StoreModalProduct"));
+var _StoreModalCart = _interopRequireDefault(require("./StoreModalCart"));
+var _StoreModalCheckout = _interopRequireDefault(require("./StoreModalCheckout"));
+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"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const route = routeConfig => routeConfig;
+const routes = {
+  index: route({
+    Component: _StoreModalIndex.default,
+    prepare: (variables, environment) => ({
+      indexQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalIndexQuery.default, variables)
+    })
+  }),
+  product: route({
+    Component: _StoreModalProduct.default,
+    prepare: (variables, environment) => ({
+      productQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalProductQuery.default, {
+        ...variables,
+        licenseOptions: [],
+        orderVariables: []
+      })
+    })
+  }),
+  cart: route({
+    Component: _StoreModalCart.default,
+    prepare: (variables, environment) => ({
+      cartQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalCartQuery.default, variables, {
+        fetchPolicy: 'store-and-network'
+      })
+    })
+  }),
+  checkout: route({
+    Component: _StoreModalCheckout.default,
+    prepare: (variables, environment) => ({
+      checkoutQuery: (0, _reactRelay.loadQuery)(environment, _StoreModalCheckoutQuery.default, variables)
+    })
+  })
+};
+var _default = routes;
+exports.default = _default;

package/dist-cjs/components/StoreModal/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist-cjs/components/StoreModalProductLicenseSelection/LicenseElement.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+var _Button = _interopRequireDefault(require("../elements/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; }
+const LicenseElement = ({
+  onClick,
+  isSelected,
+  children: {
+    description,
+    name,
+    variables
+  }
+}) => {
+  const {
+    form: config
+  } = (0, _react.useContext)(_ConfigContext.default);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__license-selection__license"
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: onClick,
+    className: "store-modal__license-selection__license-button",
+    "data-selected": isSelected
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    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)), variables && variables.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__license-selection__variables"
+  }, variables) : null), description && /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__license-selection__description",
+    dangerouslySetInnerHTML: {
+      __html: description
+    }
+  }));
+};
+var _default = LicenseElement;
+exports.default = _default;

package/dist-cjs/components/StoreModalProductLicenseSelection/LicenseVariableElement.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icons = require("../Icons");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LicenseVariableElement = ({
+  value,
+  onChange,
+  options,
+  children: {
+    selectionText
+  }
+}) => /*#__PURE__*/_react.default.createElement("label", {
+  className: "store-modal__license-selection__license-label"
+}, selectionText, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
+  className: "store-modal__license-selection__license-select",
+  value: value,
+  onChange: onChange,
+  onClick: e => e.stopPropagation() /* since this thing is contained by a button */
+}, /*#__PURE__*/_react.default.createElement("option", {
+  value: "",
+  disabled: true
+}, "Select an option"), options.map(({
+  value,
+  text
+}) => /*#__PURE__*/_react.default.createElement("option", {
+  key: value,
+  value: value
+}, text))));
+var _default = LicenseVariableElement;
+exports.default = _default;

package/dist-cjs/components/StoreModalProductLicenseSelection/LicenseVariableRadioElement.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Checkbox = _interopRequireDefault(require("../Icons/Checkbox"));
+var _CheckboxChecked = _interopRequireDefault(require("../Icons/CheckboxChecked"));
+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 = ({
+  value: selectedValue,
+  onChange,
+  options
+}) => {
+  const handleChange = e => {
+    e.stopPropagation();
+    if (e.target.checked) onChange(e.target.value);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, options.map(({
+    value,
+    text,
+    help
+  }) => {
+    const selected = value === selectedValue;
+
+    // it's actually checkboxes so that we can uncheck the selected item easily
+    // but the behavior is like a radio list
+    return /*#__PURE__*/_react.default.createElement("label", {
+      key: value,
+      className: "store-modal__license-selection__radio-label",
+      "data-selected": selected
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      type: "checkbox",
+      value: value,
+      checked: selected,
+      onClick: e => e.stopPropagation(),
+      onChange: handleChange
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "store-modal__license-selection__icon-pair"
+    }, selected ? /*#__PURE__*/_react.default.createElement(_CheckboxChecked.default, null) : /*#__PURE__*/_react.default.createElement(_Checkbox.default, null), text), help);
+  }));
+};
+var _default = LicenseVariableRadioElement;
+exports.default = _default;