fontdue-js 2.22.1 → 2.22.2

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

@@ -1,192 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NewsletterSignupPreloadedQueryRenderer = NewsletterSignupPreloadedQueryRenderer;
-exports.default = NewsletterSignup;
-var _NewsletterSignupQuery2 = _interopRequireDefault(require("../../__generated__/NewsletterSignupQuery.graphql"));
-var _NewsletterSignupUpdateCustomerMutation2 = _interopRequireDefault(require("../../__generated__/NewsletterSignupUpdateCustomerMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _reactGoogleRecaptcha = _interopRequireDefault(require("react-google-recaptcha"));
-var _TextField = _interopRequireDefault(require("../TextField"));
-var _Check = _interopRequireDefault(require("../Icons/Check"));
-var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-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 updateCustomerMutation = (_NewsletterSignupUpdateCustomerMutation2.default.hash && _NewsletterSignupUpdateCustomerMutation2.default.hash !== "769087891b6f263122bbb630b3f2ca6c" && console.error("The definition of 'NewsletterSignupUpdateCustomerMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupUpdateCustomerMutation2.default);
-const query = (_NewsletterSignupQuery2.default.hash && _NewsletterSignupQuery2.default.hash !== "24b303198a6038318723fc0124548862" && console.error("The definition of 'NewsletterSignupQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NewsletterSignupQuery2.default);
-function NewsletterSignupComponent({
-  optInLabel: optInLabelProp,
-  successLabel: successLabelProp,
-  buttonLabel = 'Subscribe',
-  optInCheckboxChecked = false,
-  title,
-  intro,
-  data
-}) {
-  const [name, setName] = (0, _react.useState)('');
-  const [email, setEmail] = (0, _react.useState)('');
-  const [newsletterOptIn, setNewsletterOptIn] = (0, _react.useState)(optInCheckboxChecked);
-  const [error, setError] = (0, _react.useState)(null);
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const [submitted, setSubmitted] = (0, _react.useState)(false);
-  const [recaptchaToken, setRecaptchaToken] = (0, _react.useState)(null);
-  const [pendingSubmit, setPendingSubmit] = (0, _react.useState)(false);
-  const recaptchaRef = (0, _react.useRef)(null);
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const recaptchaEnabled = data.viewer?.settings?.recaptchaEnabled ?? false;
-  const recaptchaSiteKey = data.viewer?.settings?.recaptchaSiteKey;
-  const submitForm = (0, _react.useCallback)(token => {
-    setSubmitting(true);
-    setPendingSubmit(false);
-    setError(null);
-    (0, _reactRelay.commitMutation)(environment, {
-      mutation: updateCustomerMutation,
-      variables: {
-        input: {
-          name,
-          email,
-          newsletterOptIn,
-          recaptchaToken: token ?? undefined
-        }
-      },
-      onCompleted: (_res, errors) => {
-        if (errors && errors.length > 0) {
-          setError(errors[0].message);
-          setSubmitting(false);
-          // Reset reCAPTCHA on error so user can retry
-          recaptchaRef.current?.reset();
-          setRecaptchaToken(null);
-        } else {
-          setSubmitted(true);
-          setSubmitting(false);
-          setError(null);
-        }
-      },
-      onError: ({
-        message
-      }) => {
-        setError(message);
-        setSubmitting(false);
-        // Reset reCAPTCHA on error so user can retry
-        recaptchaRef.current?.reset();
-        setRecaptchaToken(null);
-      }
-    });
-  }, [environment, name, email, newsletterOptIn]);
-  const handleRecaptchaChange = (0, _react.useCallback)(token => {
-    setRecaptchaToken(token);
-    // If we were waiting for a token to submit, do it now
-    if (token && pendingSubmit) {
-      submitForm(token);
-    }
-  }, [pendingSubmit, submitForm]);
-  const handleRecaptchaExpired = (0, _react.useCallback)(() => {
-    setRecaptchaToken(null);
-  }, []);
-  const handleSubmit = e => {
-    e.preventDefault();
-
-    // If reCAPTCHA is enabled but no token, execute it and wait for callback
-    if (recaptchaEnabled && recaptchaSiteKey && !recaptchaToken) {
-      setPendingSubmit(true);
-      setError(null);
-      recaptchaRef.current?.execute();
-      return;
-    }
-    submitForm(recaptchaToken);
-  };
-
-  // Button is disabled only while actively submitting or waiting for reCAPTCHA
-  const disabled = !newsletterOptIn || !email || !name;
-  const optInLabel = optInLabelProp || data.viewer?.settings?.newsletterOptInLabel;
-  const successLabel = (successLabelProp || data.viewer?.settings?.newsletterSuccessLabel) ?? 'Success!';
-  if (submitted) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "newsletter-signup"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "newsletter-signup__success",
-      dangerouslySetInnerHTML: {
-        __html: successLabel
-      }
-    }));
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "newsletter-signup"
-  }, /*#__PURE__*/_react.default.createElement("h2", {
-    className: "newsletter-signup__title"
-  }, title), /*#__PURE__*/_react.default.createElement("p", {
-    className: "newsletter-signup__intro"
-  }, intro), error && /*#__PURE__*/_react.default.createElement("p", {
-    className: "newsletter-signup__error"
-  }, error), /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: handleSubmit
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "newsletter-signup__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: "Name *",
-    placeholder: "Your name",
-    autocomplete: "name",
-    value: name,
-    onChange: value => setName(value)
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "newsletter-signup__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: "Email *",
-    placeholder: "Your email",
-    type: "email",
-    autocomplete: "email",
-    value: email,
-    onChange: value => setEmail(value)
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "newsletter-signup__section newsletter-signup__checkbox-field"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkbox"
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    type: "checkbox",
-    id: "customer-newsletter-opt-in",
-    checked: newsletterOptIn,
-    onChange: e => setNewsletterOptIn(e.target.checked)
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "checkbox__icon"
-  }, /*#__PURE__*/_react.default.createElement(_Check.default, null))), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "customer-newsletter-opt-in",
-    dangerouslySetInnerHTML: {
-      __html: optInLabel ?? ''
-    }
-  })), recaptchaEnabled && recaptchaSiteKey && /*#__PURE__*/_react.default.createElement(_reactGoogleRecaptcha.default, {
-    ref: recaptchaRef,
-    sitekey: recaptchaSiteKey,
-    size: "invisible",
-    onChange: handleRecaptchaChange,
-    onExpired: handleRecaptchaExpired
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "newsletter-signup__section"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: "submit-button",
-    disabled: submitting || pendingSubmit || disabled
-  }, submitting || pendingSubmit ? 'Submitting...' : buttonLabel, ' ', /*#__PURE__*/_react.default.createElement("span", {
-    className: "submit-button__arrow"
-  }, ' →')))));
-}
-function NewsletterSignupPreloadedQueryRenderer({
-  preloadedQuery,
-  ...props
-}) {
-  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
-  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
-  return /*#__PURE__*/_react.default.createElement(NewsletterSignupComponent, _extends({
-    data: data
-  }, props));
-}
-function NewsletterSignup(props) {
-  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
-  return /*#__PURE__*/_react.default.createElement(NewsletterSignupComponent, _extends({}, props, {
-    data: data
-  }));
-}

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

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = NewsletterSignup;
-var _react = _interopRequireDefault(require("react"));
-var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
-var _index = require("./index");
-var _NewsletterSignupQuery = _interopRequireDefault(require("../../__generated__/NewsletterSignupQuery.graphql"));
-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, {
-    preloadedQuery: preloadedQuery
-  }));
-}

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

@@ -1,114 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = NodePasswordForm;
-var _NodePasswordFormSlugQuery2 = _interopRequireDefault(require("../../__generated__/NodePasswordFormSlugQuery.graphql"));
-var _NodePasswordFormIDQuery2 = _interopRequireDefault(require("../../__generated__/NodePasswordFormIDQuery.graphql"));
-var _NodePasswordFormAccessNodeMutation2 = _interopRequireDefault(require("../../__generated__/NodePasswordFormAccessNodeMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _TextField = _interopRequireDefault(require("../TextField"));
-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)('');
-  const [error, setError] = (0, _react.useState)(null);
-  const [commitMutation, submitting] = (0, _reactRelay.useMutation)(accessNodeMutation);
-  const disabled = submitting || !password;
-  const handleSubmit = e => {
-    e.preventDefault();
-    setError(null);
-    commitMutation({
-      variables: {
-        input: {
-          password,
-          id: props.collectionId,
-          slug: props.collectionSlug
-        }
-      },
-      onCompleted: res => {
-        if (res.accessNode?.success) {
-          location.reload();
-        }
-      },
-      onError: error => {
-        setError(error.message);
-      }
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: handleSubmit,
-    className: "node-password-form"
-  }, error && /*#__PURE__*/_react.default.createElement("p", {
-    className: "node-password-form__error"
-  }, error), /*#__PURE__*/_react.default.createElement("div", {
-    className: "node-password-form__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-    label: "Password *",
-    placeholder: "Enter password",
-    autocomplete: "off",
-    type: "password",
-    value: password,
-    onChange: value => setPassword(value)
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "node-password-form__section"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    disabled: disabled,
-    className: "submit-button"
-  }, "Submit")));
-}
-const idQuery = (_NodePasswordFormIDQuery2.default.hash && _NodePasswordFormIDQuery2.default.hash !== "2af86f8f6df3d2e6061ea1c9dd777a26" && console.error("The definition of 'NodePasswordFormIDQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _NodePasswordFormIDQuery2.default);
-function NodePasswordFormIDQueryRenderer({
-  collectionId,
-  ...rest
-}) {
-  const data = (0, _reactRelay.useLazyLoadQuery)(idQuery, {
-    collectionId
-  });
-  // this is counterintuitive, but we've added the @catch directive on the collection,
-  // and we're expecting it to respond with an error if the node is inaccessible due to being
-  // password-protected. so, when we encounter the error we're safe to render the password form.
-  // (we don't want to show the form if the user has already gained access)
-  if (data.collection.ok === false) return /*#__PURE__*/_react.default.createElement(NodePasswordFormComponent, _extends({}, rest, {
-    collectionId: collectionId
-  }));
-}
-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({
-  collectionSlug,
-  ...rest
-}) {
-  const data = (0, _reactRelay.useLazyLoadQuery)(slugQuery, {
-    collectionSlug
-  });
-  // see note in NodePasswordFormIDQueryRenderer
-  if (data.viewer.slug?.collection.ok === false) return /*#__PURE__*/_react.default.createElement(NodePasswordFormComponent, _extends({}, rest, {
-    collectionSlug: collectionSlug
-  }));
-  return null;
-}
-
-// default client export
-function NodePasswordForm({
-  collectionId,
-  collectionSlug,
-  ...rest
-}) {
-  if (collectionId) {
-    return /*#__PURE__*/_react.default.createElement(NodePasswordFormIDQueryRenderer, _extends({
-      collectionId: collectionId
-    }, rest));
-  }
-  if (collectionSlug) {
-    return /*#__PURE__*/_react.default.createElement(NodePasswordFormSlugQueryRenderer, _extends({
-      collectionSlug: collectionSlug
-    }, rest));
-  }
-  throw new Error('NodePasswordForm expected either a collectionId or collectionSlug prop');
-}

package/dist-cjs/components/OrderVariableSelection/OrderVariableSelectionRedux.js

@@ -1,66 +0,0 @@
-"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"));
-var _OrderVariableSelectionReduxRefetchQuery = _interopRequireDefault(require("../../__generated__/OrderVariableSelectionReduxRefetchQuery.graphql"));
-var _useRefetchOnLicenseChanges = require("../../hooks/useRefetchOnLicenseChanges");
-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({
-  viewer: viewerKey,
-  disabled,
-  children
-}) {
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const [viewer, refetch] = (0, _reactRelay.useRefetchableFragment)((_OrderVariableSelectionRedux_viewer2.default.hash && _OrderVariableSelectionRedux_viewer2.default.hash !== "eaa5e1fdf47cb582dd3c7bdea0a5e6b2" && 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 refetchVariables = (0, _react.useMemo)(() => ({}), []);
-  (0, _useRefetchOnLicenseChanges.useRefetchOnLicenseChanges)({
-    environment,
-    refetch,
-    query: _OrderVariableSelectionReduxRefetchQuery.default,
-    variables: refetchVariables
-  });
-  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]);
-
-  // Auto-populate Redux state with detected country for country-type variables
-  (0, _react.useEffect)(() => {
-    if (!viewer.detectedCountry || !viewer.orderVariables) return;
-
-    // Find country-type variables that don't have a selection yet
-    const countryVariablesNeedingSelection = viewer.orderVariables.filter(v => v.variableType === 'country').filter(v => !selections.find(s => s.orderVariableId === v.id));
-    if (countryVariablesNeedingSelection.length === 0) return;
-
-    // Pre-populate with detected country
-    const newSelections = [...selections, ...countryVariablesNeedingSelection.map(v => ({
-      orderVariableId: v.id,
-      orderVariableOptionId: null,
-      countryCode: viewer.detectedCountry
-    }))];
-    dispatch({
-      type: 'UPDATE_ORDER_VARIABLE_SELECTIONS',
-      selections: newSelections
-    });
-  }, [viewer.detectedCountry, viewer.orderVariables, selections, dispatch]);
-  return /*#__PURE__*/_react.default.createElement(_index.default, {
-    variables: viewer,
-    selections: selections,
-    onSelectionChange: handleSelectionChange,
-    disabled: disabled,
-    children: children
-  });
-}

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

@@ -1,199 +0,0 @@
-"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({
-  variable,
-  selection,
-  onToggle,
-  ghost = false,
-  onRemoveGhost,
-  countries
-}) {
-  const {
-    form: config
-  } = (0, _react.useContext)(_ConfigContext.default);
-  const isSelected = Boolean(selection);
-  const handleClickVariable = (0, _react.useCallback)(() => {
-    // Only toggle boolean variables when clicked
-    if (variable.variableType === 'boolean') {
-      onToggle(variable.id, null);
-    } else if (variable.variableType === 'select' && !isSelected && variable.orderVariableOptions?.length) {
-      // For unselected select variables, select the first option by default
-      onToggle(variable.id, variable.orderVariableOptions[0].id);
-    }
-    // Country variables are now static (non-editable)
-  }, [variable, isSelected, onToggle]);
-  const handleChangeVariableOption = (0, _react.useCallback)(e => {
-    onToggle(variable.id, e.target.value);
-  }, [variable.id, onToggle]);
-  let options = variable.orderVariableOptions?.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?.orderVariableOptionId && options && !options.find(option => selection?.orderVariableOptionId == option.id)) {
-    options = options.concat({
-      id: selection.orderVariableOptionId,
-      amount: selection.orderVariableOptionAmount ?? null,
-      disabled: true
-    });
-  }
-  const selectedOption = options?.find(o => o.id === selection?.orderVariableOptionId);
-  const selectedCountry = countries?.find(c => c.code === selection?.countryCode);
-  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?.orderVariableOptionId || '',
-    onChange: handleChangeVariableOption,
-    onClick: e => e.stopPropagation()
-  }, /*#__PURE__*/_react.default.createElement("option", {
-    value: "",
-    disabled: true
-  }, "Select an option"), options?.map(({
-    id,
-    amount,
-    disabled
-  }) => /*#__PURE__*/_react.default.createElement("option", {
-    key: id,
-    value: id,
-    disabled: disabled
-  }, amount, " ", disabled ? '(Deprecated)' : null)))) : null, variable.variableType === 'country' && selectedCountry ? /*#__PURE__*/_react.default.createElement("span", {
-    className: "store-modal__order-variable-selection__country-value"
-  }, selectedCountry.name) : 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({
-  variables: variablesKey,
-  selections,
-  onSelectionChange,
-  disabled,
-  ghostVariables = [],
-  onRemoveGhostVariable,
-  descriptionOverrides,
-  children: {
-    label
-  }
-}) {
-  const variables = (0, _reactRelay.useFragment)((_OrderVariableSelection_variables2.default.hash && _OrderVariableSelection_variables2.default.hash !== "b73b43b61cd5edd5face7d4a5615b2f5" && 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, countryCode) => {
-    // Update the selections with the new value
-    const newSelections = selections.map(selection => ({
-      orderVariableId: selection.orderVariableId,
-      orderVariableOptionId: selection.orderVariableOptionId,
-      countryCode: selection.countryCode
-    }));
-    const existingIndex = newSelections.findIndex(s => s.orderVariableId === variableId);
-
-    // Find the variable to determine its type
-    const variable = variables.orderVariables?.find(v => v.id === variableId);
-    const isBoolean = 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
-        // For country variables: clear orderVariableOptionId when setting countryCode
-        // For select/boolean variables: clear countryCode when setting orderVariableOptionId
-        const isCountryVariable = variable?.variableType === 'country';
-        newSelections[existingIndex] = {
-          ...newSelections[existingIndex],
-          orderVariableOptionId: isCountryVariable ? null : optionId,
-          countryCode: isCountryVariable ? countryCode ?? newSelections[existingIndex].countryCode : null
-        };
-      }
-    } else {
-      // Add new selection
-      newSelections.push({
-        orderVariableId: variableId,
-        orderVariableOptionId: optionId,
-        countryCode: countryCode
-      });
-    }
-    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);
-
-    // Use description override if provided, otherwise use the variable's description
-    const effectiveVariable = descriptionOverrides?.[variable.id] !== undefined ? {
-      ...variable,
-      description: descriptionOverrides[variable.id]
-    } : variable;
-    return /*#__PURE__*/_react.default.createElement(Variable, {
-      key: variable.id,
-      variable: effectiveVariable,
-      selection: currentSelection,
-      countries: variables.countries?.filter(c => c !== null) ?? null,
-      onToggle: (orderVariableId, orderVariableOptionId, countryCode) => handleSelectionChange(orderVariableId, orderVariableOptionId !== undefined ? orderVariableOptionId : null, countryCode)
-    });
-  }), ghostVariables.map(ghost => {
-    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.orderVariableOption?.id ?? null,
-        orderVariableOptionAmount: ghost.orderVariableOption?.amount ?? null
-      },
-      countries: variables.countries?.filter(c => c !== null) ?? null,
-      ghost: true,
-      onToggle: () => {} // Ghost variables don't toggle
-      ,
-      onRemoveGhost: onRemoveGhostVariable ? () => onRemoveGhostVariable(ghost.orderVariable.id) : undefined
-    });
-  }));
-}

package/dist-cjs/components/Precart/License.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _License_node2 = _interopRequireDefault(require("../../__generated__/License_node.graphql"));
-var _reactRelay = require("react-relay");
-var _reactRedux = require("react-redux");
-var _react = _interopRequireDefault(require("react"));
-var _Icons = require("../Icons");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const License = ({
-  node: nodeKey,
-  selected,
-  onSelectLicense,
-  onSelectLicenseOption
-}) => {
-  const node = (0, _reactRelay.useFragment)((_License_node2.default.hash && _License_node2.default.hash !== "1550b152731d8412ffc55716cb536407" && console.error("The definition of 'License_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _License_node2.default), nodeKey);
-  if (!node) return null;
-  const selectedLicenseOptions = (0, _reactRedux.useSelector)(state => state.licenseOptions);
-  const selectedOptions = selectedLicenseOptions.find(spec => spec.licenseId === node.id);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "pre-cart__license-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pre-cart__license",
-    "data-selected": selected
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pre-cart__license__name-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("label", {
-    className: "pre-cart__license__name"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pre-cart__license__checkbox"
-  }, selected && /*#__PURE__*/_react.default.createElement(_Icons.Check, null)), node.name, /*#__PURE__*/_react.default.createElement("input", {
-    type: "checkbox",
-    checked: selected,
-    value: node.id,
-    onChange: e => onSelectLicense(node.id, e.target.checked)
-  })), selected && /*#__PURE__*/_react.default.createElement("a", {
-    href: node.url,
-    "aria-label": "Info",
-    className: "pre-cart__license__icon",
-    "data-label": "info"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.CircledInfo, null))), selected && /*#__PURE__*/_react.default.createElement("ul", null, node.variables && node.variables.map(variable => {
-    const selectedLicenseOption = selectedOptions?.licenseOptions[variable.id];
-    if (variable.variableType === 'text') return null;
-    const selectedLicenseAmount = variable?.options?.find(option => option.id === selectedLicenseOption)?.amount;
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: variable.id
-    }, /*#__PURE__*/_react.default.createElement("label", {
-      className: "pre-cart__license__option"
-    }, "\u21B3 ", selectedLicenseAmount, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), /*#__PURE__*/_react.default.createElement("select", {
-      value: selectedLicenseOption || '',
-      onChange: e => onSelectLicenseOption(node.id, variable.id, e.target.value)
-    }, /*#__PURE__*/_react.default.createElement("option", {
-      value: "",
-      disabled: true
-    }, "Select one"), variable.options && variable.options.map(option => /*#__PURE__*/_react.default.createElement("option", {
-      key: option.id,
-      value: option.id
-    }, option.amount)))));
-  }))), node.description && /*#__PURE__*/_react.default.createElement("div", {
-    className: "pre-cart__license__description",
-    dangerouslySetInnerHTML: {
-      __html: node.description
-    }
-  }));
-};
-var _default = License;
-exports.default = _default;