fontdue-js 2.10.1 → 2.12.0

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

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
 var _index = require("./index");
 var _NewsletterSignupQuery = _interopRequireDefault(require("../../__generated__/NewsletterSignupQuery.graphql"));
-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); }
 async function NewsletterSignup(props) {
   const preloadedQuery = await (0, _loadSerializableQuery.default)(_NewsletterSignupQuery.default, {});
   return /*#__PURE__*/_react.default.createElement(_index.NewsletterSignupPreloadedQueryRenderer, _extends({}, props, {

package/dist/components/NodePasswordForm/index.js

@@ -11,10 +11,10 @@ var _NodePasswordFormAccessNodeMutation2 = _interopRequireDefault(require("../..
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _TextField = _interopRequireDefault(require("../TextField"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _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 accessNodeMutation = (_NodePasswordFormAccessNodeMutation2.default.hash && _NodePasswordFormAccessNodeMutation2.default.hash !== "d0beeb729c358ef4eebd1c8be47ec68e" && console.error("The definition of 'NodePasswordFormAccessNodeMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormAccessNodeMutation2.default);
 function NodePasswordFormComponent(props) {
   const [password, setPassword] = (0, _react.useState)('');
@@ -83,7 +83,7 @@ function NodePasswordFormIDQueryRenderer(_ref) {
 }
 const slugQuery = (_NodePasswordFormSlugQuery2.default.hash && _NodePasswordFormSlugQuery2.default.hash !== "c40faf067007027fa9ba6673350c7202" && console.error("The definition of 'NodePasswordFormSlugQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormSlugQuery2.default);
 function NodePasswordFormSlugQueryRenderer(_ref2) {
-  var _data$viewer$slug, _data$viewer$slug2, _data$viewer$slug3;
+  var _data$viewer$slug;
   let {
     collectionSlug,
     ...rest
@@ -92,8 +92,7 @@ function NodePasswordFormSlugQueryRenderer(_ref2) {
     collectionSlug
   });
   // see note in NodePasswordFormIDQueryRenderer
-  console.log((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection, ((_data$viewer$slug2 = data.viewer.slug) === null || _data$viewer$slug2 === void 0 ? void 0 : _data$viewer$slug2.collection.ok) === false);
-  if (((_data$viewer$slug3 = data.viewer.slug) === null || _data$viewer$slug3 === void 0 ? void 0 : _data$viewer$slug3.collection.ok) === false) return /*#__PURE__*/_react.default.createElement(NodePasswordFormComponent, _extends({}, rest, {
+  if (((_data$viewer$slug = data.viewer.slug) === null || _data$viewer$slug === void 0 ? void 0 : _data$viewer$slug.collection.ok) === false) return /*#__PURE__*/_react.default.createElement(NodePasswordFormComponent, _extends({}, rest, {
     collectionSlug: collectionSlug
   }));
   return null;

package/dist/components/OrderVariableSelection/OrderVariableSelectionMutation.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { OrderVariableSelectionMutation_viewer$key } from '__generated__/OrderVariableSelectionMutation_viewer.graphql';
+interface Props {
+    viewer: OrderVariableSelectionMutation_viewer$key;
+}
+export default function OrderVariableSelectionMutation({ viewer: viewerKey }: Props): React.JSX.Element;
+export {};

package/dist/components/OrderVariableSelection/OrderVariableSelectionRedux.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { OrderVariableSelectionRedux_viewer$key } from '__generated__/OrderVariableSelectionRedux_viewer.graphql';
+interface Props {
+    viewer: OrderVariableSelectionRedux_viewer$key;
+    disabled: boolean;
+    children: {
+        label: React.ReactNode;
+    };
+}
+export default function OrderVariableSelectionRedux({ viewer: viewerKey, disabled, children, }: Props): React.JSX.Element;
+export {};

package/dist/components/OrderVariableSelection/OrderVariableSelectionRedux.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = OrderVariableSelectionRedux;
+var _OrderVariableSelectionRedux_viewer2 = _interopRequireDefault(require("../../__generated__/OrderVariableSelectionRedux_viewer.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+var _reactRedux = require("react-redux");
+var _index = _interopRequireDefault(require("./index"));
+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 OrderVariableSelectionRedux(_ref) {
+  let {
+    viewer: viewerKey,
+    disabled,
+    children
+  } = _ref;
+  const viewer = (0, _reactRelay.useFragment)((_OrderVariableSelectionRedux_viewer2.default.hash && _OrderVariableSelectionRedux_viewer2.default.hash !== "7d07b06f69f3c216f916b8da7c604cd5" && console.error("The definition of 'OrderVariableSelectionRedux_viewer' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelectionRedux_viewer2.default), viewerKey);
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const selections = (0, _reactRedux.useSelector)(state => state.orderVariableSelections);
+  const handleSelectionChange = (0, _react.useCallback)(newSelections => {
+    dispatch({
+      type: 'UPDATE_ORDER_VARIABLE_SELECTIONS',
+      selections: newSelections
+    });
+  }, [dispatch]);
+  return /*#__PURE__*/_react.default.createElement(_index.default, {
+    variables: viewer,
+    selections: selections,
+    onSelectionChange: handleSelectionChange,
+    disabled: disabled,
+    children: children
+  });
+}

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { OrderVariableSelection_variables$key } from '__generated__/OrderVariableSelection_variables.graphql';
+export interface OrderVariableSelectionInput {
+    orderVariableId: string;
+    orderVariableOptionId: string | null;
+}
+export type GhostVariable = {
+    orderVariable: {
+        id: string;
+        name: string;
+        variableType: string;
+        description: string | null;
+    };
+    orderVariableOption: {
+        id: string;
+        amount: string | null;
+    } | null;
+};
+interface OrderVariableSelectionProps {
+    variables: OrderVariableSelection_variables$key;
+    selections: (OrderVariableSelectionInput & {
+        orderVariableOptionAmount?: string | null;
+    })[];
+    onSelectionChange: (selections: OrderVariableSelectionInput[]) => void;
+    disabled: boolean;
+    ghostVariables?: GhostVariable[];
+    onRemoveGhostVariable?: (orderVariableId: string) => void;
+    children: {
+        label: React.ReactNode;
+    };
+}
+export default function OrderVariableSelection({ variables: variablesKey, selections, onSelectionChange, disabled, ghostVariables, onRemoveGhostVariable, children: { label }, }: OrderVariableSelectionProps): React.JSX.Element | null;
+export {};

package/dist/components/OrderVariableSelection/index.js

@@ -0,0 +1,189 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = OrderVariableSelection;
+var _OrderVariableSelection_variables2 = _interopRequireDefault(require("../../__generated__/OrderVariableSelection_variables.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+var _Button = _interopRequireDefault(require("../elements/Button"));
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+var _Icons = require("../Icons");
+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 }; }
+// Ghost variable type
+
+// Component props
+
+function Variable(_ref) {
+  var _variable$orderVariab2, _options, _options2;
+  let {
+    variable,
+    selection,
+    onToggle,
+    ghost = false,
+    onRemoveGhost
+  } = _ref;
+  const {
+    form: config
+  } = (0, _react.useContext)(_ConfigContext.default);
+  const isSelected = Boolean(selection);
+  const handleClickVariable = (0, _react.useCallback)(() => {
+    var _variable$orderVariab;
+    // Only toggle boolean variables when clicked
+    if (variable.variableType === 'boolean') {
+      onToggle(variable.id, null);
+    } else if (variable.variableType === 'select' && !isSelected && (_variable$orderVariab = variable.orderVariableOptions) !== null && _variable$orderVariab !== void 0 && _variable$orderVariab.length) {
+      // For unselected select variables, select the first option by default
+      onToggle(variable.id, variable.orderVariableOptions[0].id);
+    }
+    // Do nothing when clicking an already selected select variable
+  }, [variable, isSelected, onToggle]);
+  const handleChangeVariableOption = (0, _react.useCallback)(e => {
+    onToggle(variable.id, e.target.value);
+  }, [variable.id, onToggle]);
+  let options = (_variable$orderVariab2 = variable.orderVariableOptions) === null || _variable$orderVariab2 === void 0 ? void 0 : _variable$orderVariab2.map(option => ({
+    ...option,
+    disabled: false
+  }));
+
+  // if there are any selections NOT present in viewer.orderVariables.orderVariableOptions,
+  // but they ARE present in the selection, it means they've been soft-deleted in the backend.
+  // but we can include it in the list of options in a disabled state. the user can still
+  // checkout with the option they previoulsy selected if they want to
+  if (selection !== null && selection !== void 0 && selection.orderVariableOptionId && options && !options.find(option => (selection === null || selection === void 0 ? void 0 : selection.orderVariableOptionId) == option.id)) {
+    options = options.concat({
+      id: selection.orderVariableOptionId,
+      amount: selection.orderVariableOptionAmount ?? null,
+      disabled: true
+    });
+  }
+  const selectedOption = (_options = options) === null || _options === void 0 ? void 0 : _options.find(o => o.id === (selection === null || selection === void 0 ? void 0 : selection.orderVariableOptionId));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__order-variable-selection__item",
+    "data-variable-type": variable.variableType,
+    "data-ghost": ghost
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: "store-modal__order-variable-selection__button",
+    onClick: handleClickVariable,
+    "data-selected": isSelected
+  }, /*#__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"
+  }, variable.variableType === 'boolean' ? 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) : null, variable.name)), variable.variableType === 'select' ? /*#__PURE__*/_react.default.createElement("label", {
+    className: "store-modal__order-variable-selection__select-label"
+  }, selectedOption ? selectedOption.amount : `Select an option`, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
+    className: "store-modal__order-variable-selection__select",
+    value: (selection === null || selection === void 0 ? void 0 : selection.orderVariableOptionId) || '',
+    onChange: handleChangeVariableOption,
+    onClick: e => e.stopPropagation()
+  }, /*#__PURE__*/_react.default.createElement("option", {
+    value: "",
+    disabled: true
+  }, "Select an option"), (_options2 = options) === null || _options2 === void 0 ? void 0 : _options2.map(_ref2 => {
+    let {
+      id,
+      amount,
+      disabled
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement("option", {
+      key: id,
+      value: id,
+      disabled: disabled
+    }, amount, " ", disabled ? '(Deprecated)' : null);
+  }))) : null), variable.description ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__order-variable-selection__description",
+    dangerouslySetInnerHTML: {
+      __html: variable.description
+    }
+  }) : null, ghost && /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__order-variable-selection__ghost-container"
+  }, "This variable has been removed from our system and is deprecated", ' ', /*#__PURE__*/_react.default.createElement("button", {
+    className: "store-modal__order-variable-selection__ghost-remove",
+    onClick: onRemoveGhost
+  }, "Remove")));
+}
+function OrderVariableSelection(_ref3) {
+  let {
+    variables: variablesKey,
+    selections,
+    onSelectionChange,
+    disabled,
+    ghostVariables = [],
+    onRemoveGhostVariable,
+    children: {
+      label
+    }
+  } = _ref3;
+  const variables = (0, _reactRelay.useFragment)((_OrderVariableSelection_variables2.default.hash && _OrderVariableSelection_variables2.default.hash !== "791f9f19a96e680b9fa2b1ad81e8aa2f" && console.error("The definition of 'OrderVariableSelection_variables' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _OrderVariableSelection_variables2.default), variablesKey);
+  const handleSelectionChange = (0, _react.useCallback)((variableId, optionId) => {
+    var _variables$orderVaria;
+    // Update the selections with the new value
+    const newSelections = selections.map(selection => ({
+      orderVariableId: selection.orderVariableId,
+      orderVariableOptionId: selection.orderVariableOptionId
+    }));
+    const existingIndex = newSelections.findIndex(s => s.orderVariableId === variableId);
+
+    // Find the variable to determine its type
+    const variable = (_variables$orderVaria = variables.orderVariables) === null || _variables$orderVaria === void 0 ? void 0 : _variables$orderVaria.find(v => v.id === variableId);
+    const isBoolean = (variable === null || variable === void 0 ? void 0 : variable.variableType) === 'boolean';
+    if (existingIndex >= 0) {
+      // For boolean variables, if it's already selected, remove it entirely
+      if (isBoolean && newSelections[existingIndex].orderVariableOptionId === optionId) {
+        newSelections.splice(existingIndex, 1);
+      } else {
+        // Update existing selection
+        newSelections[existingIndex] = {
+          ...newSelections[existingIndex],
+          orderVariableOptionId: optionId
+        };
+      }
+    } else {
+      // Add new selection
+      newSelections.push({
+        orderVariableId: variableId,
+        orderVariableOptionId: optionId
+      });
+    }
+    onSelectionChange(newSelections);
+  }, [selections, onSelectionChange, variables.orderVariables]);
+  if (!variables.orderVariables || variables.orderVariables.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__order-variable-selection__container",
+    "data-disabled": disabled
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    className: "store-modal__order-variable-selection__title"
+  }, label), variables.orderVariables.map(variable => {
+    const currentSelection = selections.find(s => s.orderVariableId === variable.id);
+    return /*#__PURE__*/_react.default.createElement(Variable, {
+      key: variable.id,
+      variable: variable,
+      selection: currentSelection,
+      onToggle: (orderVariableId, orderVariableOptionId) => handleSelectionChange(orderVariableId, orderVariableOptionId !== undefined ? orderVariableOptionId : null)
+    });
+  }), ghostVariables.map(ghost => {
+    var _ghost$orderVariableO, _ghost$orderVariableO2;
+    return /*#__PURE__*/_react.default.createElement(Variable, {
+      key: ghost.orderVariable.id,
+      variable: {
+        ...ghost.orderVariable,
+        orderVariableOptions: ghost.orderVariableOption ? [ghost.orderVariableOption] : null
+      },
+      selection: {
+        orderVariableId: ghost.orderVariable.id,
+        orderVariableOptionId: ((_ghost$orderVariableO = ghost.orderVariableOption) === null || _ghost$orderVariableO === void 0 ? void 0 : _ghost$orderVariableO.id) ?? null,
+        orderVariableOptionAmount: ((_ghost$orderVariableO2 = ghost.orderVariableOption) === null || _ghost$orderVariableO2 === void 0 ? void 0 : _ghost$orderVariableO2.amount) ?? null
+      },
+      ghost: true,
+      onToggle: () => {} // Ghost variables don't toggle
+      ,
+      onRemoveGhost: onRemoveGhostVariable ? () => onRemoveGhostVariable(ghost.orderVariable.id) : undefined
+    });
+  }));
+}

package/dist/components/Precart/License.js

@@ -9,7 +9,7 @@ var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
 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 License = _ref => {
   let {
     node: nodeKey,

package/dist/components/Precart/index.js

@@ -16,10 +16,10 @@ var _License = _interopRequireDefault(require("./License"));
 var _Price = require("../Price");
 var _utils = require("../../utils");
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-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); }
+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); }
 function skuName(sku) {
   if (sku.product && 'name' in sku.product) return sku.product.name;
   return null;

package/dist/components/Price/index.js

@@ -8,8 +8,8 @@ exports.default = exports.PriceFormat = void 0;
 var _Price_price2 = _interopRequireDefault(require("../../__generated__/Price_price.graphql"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRelay = require("react-relay");
-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); }
 let PriceFormat;
 exports.PriceFormat = PriceFormat;
 (function (PriceFormat) {

package/dist/components/PriceBar/PriceBarSection.js

@@ -8,38 +8,19 @@ var _PriceBarSection_node2 = _interopRequireDefault(require("../../__generated__
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
-var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
 var _Price = _interopRequireWildcard(require("../Price"));
 var _SelectButton = _interopRequireDefault(require("../SelectButton"));
 var _utils = require("../../utils");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function PriceBarSection(_ref) {
   var _node$sku;
   let {
     node: nodeKey
   } = _ref;
-  const licenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
-  const licenseOptionsSpecs = licenseOptions.map(spec => ({
-    licenseId: spec.licenseId,
-    licenseOptionIds: Object.values(spec.licenseOptions).filter(Boolean)
-  }));
-  const [isPending, startTransition] = (0, _react.useTransition)();
-  const [node, refetch] = (0, _reactRelay.useRefetchableFragment)((_PriceBarSection_node2.default.hash && _PriceBarSection_node2.default.hash !== "f14d864fde8de83db89ce6cd68487f98" && console.error("The definition of 'PriceBarSection_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBarSection_node2.default), nodeKey);
+  const node = (0, _reactRelay.useFragment)((_PriceBarSection_node2.default.hash && _PriceBarSection_node2.default.hash !== "f7d785b4599958bb699c2a706ab763cc" && console.error("The definition of 'PriceBarSection_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBarSection_node2.default), nodeKey);
   const selected = (0, _reactRedux.useSelector)((0, _utils.isSelected)(((_node$sku = node.sku) === null || _node$sku === void 0 ? void 0 : _node$sku.id) ?? null));
-  const prevLicenseOptionsSpecs = (0, _react.useRef)(licenseOptionsSpecs);
-  (0, _react.useEffect)(() => {
-    if (!(0, _fastDeepEqual.default)(prevLicenseOptionsSpecs.current, licenseOptionsSpecs)) {
-      startTransition(() => {
-        refetch({
-          id: node.id,
-          licenseOptionsSpecs
-        });
-      });
-    }
-    prevLicenseOptionsSpecs.current = licenseOptionsSpecs;
-  }, [node.id, licenseOptionsSpecs]);
   const dispatch = (0, _reactRedux.useDispatch)();
   const onSelectSkuId = (skuId, selected) => {
     if (!skuId) return;
@@ -65,15 +46,14 @@ function PriceBarSection(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", null, node.name, " ", node.collectionType), "\xA0", /*#__PURE__*/_react.default.createElement("span", {
     className: "price-bar-section__name__styles"
   }, "(", node.totalStyles, " styles)")), /*#__PURE__*/_react.default.createElement("div", {
-    className: "price-bar-section__price",
-    "data-loading": isPending
+    className: "price-bar-section__price"
   }, !selected && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "price-bar-section__price__full"
   }, /*#__PURE__*/_react.default.createElement(_Price.default, {
     price: node.totalStylesPrice,
     format: _Price.PriceFormat.Truncated
-  })), "\xA0", /*#__PURE__*/_react.default.createElement("div", null, node.sku && node.sku.price && /*#__PURE__*/_react.default.createElement(_Price.default, {
-    price: node.sku.price,
+  })), "\xA0", /*#__PURE__*/_react.default.createElement("div", null, node.sku && node.sku.priceWithLicenseOptions && /*#__PURE__*/_react.default.createElement(_Price.default, {
+    price: node.sku.priceWithLicenseOptions,
     format: _Price.PriceFormat.Truncated
   })))), node.sku && /*#__PURE__*/_react.default.createElement("div", {
     className: "price-bar-section__select-button"

package/dist/components/PriceBar/index.js

@@ -8,14 +8,14 @@ var _PriceBar_node2 = _interopRequireDefault(require("../../__generated__/PriceB
 var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _PriceBarSection = _interopRequireDefault(require("./PriceBarSection"));
-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 PriceBar(_ref) {
   let {
     node: nodeKey
   } = _ref;
-  const node = (0, _reactRelay.useFragment)((_PriceBar_node2.default.hash && _PriceBar_node2.default.hash !== "4a2e7a54397986a901a103fbbf554c4e" && console.error("The definition of 'PriceBar_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBar_node2.default), nodeKey);
+  const node = (0, _reactRelay.useFragment)((_PriceBar_node2.default.hash && _PriceBar_node2.default.hash !== "60c5de3c786db43860478f1b0e00f3df" && console.error("The definition of 'PriceBar_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _PriceBar_node2.default), nodeKey);
   const [visible, setVisible] = (0, _react.useState)(false);
   const $pricebar = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {

package/dist/components/Root/index.js

@@ -11,10 +11,10 @@ var _uuid = require("uuid");
 var _reducer = require("../../reducer");
 var _utils = require("../../utils");
 var _FontdueProvider = _interopRequireDefault(require("../FontdueProvider"));
-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 _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 _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 _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 customElementMap = {
   // @ts-ignore
   'fontdue-add-to-cart-banner': /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../AddToCartBanner')))),
@@ -65,10 +65,17 @@ const renderCustomElement = (element, key) => {
   })))), element);
 };
 const customElementTags = Object.keys(customElementMap);
-const allFontdueElements = element => customElementTags.flatMap(elementName => Array.from(element.querySelectorAll(elementName)));
+const SINGLETONS = ['fontdue-store-modal'];
+const allFontdueElements = element => customElementTags.flatMap(elementName => {
+  if (SINGLETONS.includes(elementName)) {
+    return [element.querySelector(elementName)];
+  } else {
+    return Array.from(element.querySelectorAll(elementName));
+  }
+});
 const getInitialElements = () => {
   const map = new Map();
-  allFontdueElements(document.body).forEach(element => map.set(element, (0, _uuid.v4)()));
+  allFontdueElements(document.body).filter(_utils.notEmpty).forEach(element => map.set(element, (0, _uuid.v4)()));
   return map;
 };
 const Root = props => {
@@ -88,7 +95,7 @@ const Root = props => {
           if (customElementTags.includes(node.nodeName.toLowerCase())) {
             newElements.push(node);
           }
-          newElements = newElements.concat(allFontdueElements(node));
+          newElements = newElements.concat(allFontdueElements(node).filter(_utils.notEmpty));
           if (newElements.length > 0) {
             setElements(elements => {
               const newMap = new Map(elements);
@@ -103,7 +110,7 @@ const Root = props => {
           if (customElementTags.includes(node.nodeName.toLowerCase())) {
             removedElements.push(node);
           }
-          removedElements = removedElements.concat(allFontdueElements(node));
+          removedElements = removedElements.concat(allFontdueElements(node).filter(_utils.notEmpty));
           if (removedElements.length > 0) {
             setElements(elements => {
               const newMap = new Map(elements);

package/dist/components/Root/productState.js

@@ -11,7 +11,7 @@ var _productState_collection2 = _interopRequireDefault(require("../../__generate
 var _productState_sku2 = _interopRequireDefault(require("../../__generated__/productState_sku.graphql"));
 var _reactRelay = require("react-relay");
 var _utils = require("../../utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 _productState_sku2.default.hash && _productState_sku2.default.hash !== "2cee6ddddc85699f0c90e2607c0634ef" && console.error("The definition of 'productState_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_sku2.default;
 _productState_collection2.default.hash && _productState_collection2.default.hash !== "90e56933f956c6773c0958284de81884" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection2.default;
 _productState_bundle2.default.hash && _productState_bundle2.default.hash !== "fa38bbc9f2062a727da4f5062b362054" && console.error("The definition of 'productState_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_bundle2.default;