fontdue-js 2.22.0 → 2.22.1

package/dist-cjs/components/Cart/CouponCodeInput.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _CouponCodeInputApplyCouponMutation2 = _interopRequireDefault(require("../../__generated__/CouponCodeInputApplyCouponMutation.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+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 }; }
+const applyCouponMutation = (_CouponCodeInputApplyCouponMutation2.default.hash && _CouponCodeInputApplyCouponMutation2.default.hash !== "c53b64e200d60a461b3f47f15578e34e" && console.error("The definition of 'CouponCodeInputApplyCouponMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponCodeInputApplyCouponMutation2.default);
+function CouponCodeInput() {
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const [submitting, setSubmitting] = (0, _react.useState)(false);
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const [value, setValue] = (0, _react.useState)('');
+  const [error, setError] = (0, _react.useState)(null);
+  const inputRef = (0, _react.useRef)(null);
+  const applyCoupon = () => {
+    if (submitting) return;
+    setSubmitting(true);
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation: applyCouponMutation,
+      variables: {
+        input: {
+          code: value
+        }
+      },
+      onCompleted: (_result, errors) => {
+        setSubmitting(false);
+        if (errors?.[0]) {
+          setError(errors?.[0].message);
+        }
+      }
+    });
+  };
+  const handleSubmit = e => {
+    e.preventDefault();
+    applyCoupon();
+  };
+  const handleIconClick = () => {
+    if (error) {
+      setValue('');
+      setError(null);
+      inputRef.current?.focus();
+    }
+  };
+  if (!expanded) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "cart-additions"
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      type: "button",
+      onClick: () => setExpanded(true),
+      className: "cart-additions__expand-button"
+    }, "Add a coupon code"));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart-additions",
+    "data-status": error ? 'error' : 'idle'
+  }, /*#__PURE__*/_react.default.createElement("form", {
+    onSubmit: handleSubmit,
+    className: "cart-additions__form"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart-additions__field-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    ref: inputRef,
+    type: "text",
+    value: value,
+    onChange: e => {
+      setValue(e.target.value);
+      setError(null);
+    },
+    placeholder: "Enter code",
+    size: 21,
+    className: "cart-additions__field"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart-additions__state-icon",
+    onClick: handleIconClick
+  }, error ? /*#__PURE__*/_react.default.createElement(_Icons.X, null) : null)), /*#__PURE__*/_react.default.createElement("button", {
+    type: "submit",
+    className: "cart-additions__button"
+  }, "Apply")), error && /*#__PURE__*/_react.default.createElement("p", {
+    className: "cart-additions__error"
+  }, error));
+}
+var _default = CouponCodeInput;
+exports.default = _default;

package/dist-cjs/components/Cart/CustomerFields.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _User = _interopRequireDefault(require("../Icons/User"));
+var _Check = _interopRequireDefault(require("../Icons/Check"));
+var _X = _interopRequireDefault(require("../Icons/X"));
+var _TextField = _interopRequireDefault(require("../TextField"));
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+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 notEmpty = value => value != null;
+const CustomerFields = ({
+  title,
+  value,
+  onChange,
+  optInLabel,
+  errors
+}) => {
+  const {
+    form: config
+  } = (0, _react.useContext)(_ConfigContext.default);
+  const getErrors = field => errors?.[field]?.filter(notEmpty);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__section"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__customer-info-message"
+  }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_User.default, null), " ", title)))) : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__section"
+  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    label: "Name *",
+    placeholder: "Your name",
+    autocomplete: "name",
+    value: value.name || '',
+    onChange: v => onChange({
+      name: v
+    }),
+    errors: getErrors('name')
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__section"
+  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    label: "Email *",
+    placeholder: "Your email",
+    type: "email",
+    autocomplete: "email",
+    value: value.email || '',
+    onChange: v => onChange({
+      email: v
+    }),
+    errors: getErrors('email')
+  })), optInLabel && /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__section"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkout-modal__checkbox-field"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkbox"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: "checkbox",
+    id: "customer-newsletter-opt-in",
+    checked: value.newsletterOptIn ?? false,
+    onChange: e => onChange({
+      newsletterOptIn: e.target.checked
+    })
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkbox__icon"
+  }, config.checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Check.default, null) : /*#__PURE__*/_react.default.createElement(_X.default, null))), /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: "customer-newsletter-opt-in",
+    dangerouslySetInnerHTML: {
+      __html: optInLabel
+    }
+  }))));
+};
+var _default = CustomerFields;
+exports.default = _default;

package/dist-cjs/components/Cart/Download.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DownloadRefetchQuery2 = _interopRequireDefault(require("../../__generated__/DownloadRefetchQuery.graphql"));
+var _Download_order2 = _interopRequireDefault(require("../../__generated__/Download_order.graphql"));
+var _reactRelay = require("react-relay");
+var _react = _interopRequireWildcard(require("react"));
+var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
+var _useInterval = _interopRequireDefault(require("../useInterval"));
+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 DownloadBase = ({
+  order,
+  dismiss
+}) => {
+  const autoDownloaded = (0, _react.useRef)(false);
+  const downloadForm = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (order.archiveUrl && !autoDownloaded.current) {
+      autoDownloaded.current = true;
+      downloadForm.current?.submit();
+    }
+  }, [order.archiveUrl]);
+  const {
+    Download
+  } = (0, _react.useContext)(_ComponentsContext.default);
+  if (!Download) return null;
+  if (!open) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(Download, {
+    open: true,
+    dismiss: dismiss,
+    order: order,
+    downloadFormRef: downloadForm
+  });
+};
+const Download = ({
+  order,
+  relay
+}) => {
+  const [dismissed, setDismissed] = (0, _react.useState)(false);
+  (0, _useInterval.default)(() => {
+    if (order.archiveUrl) return;
+    relay.refetch({
+      id: order.id
+    });
+  }, 2000);
+  if (dismissed) return null;
+  return /*#__PURE__*/_react.default.createElement(DownloadBase, {
+    dismiss: () => setDismissed(true),
+    order: order
+  });
+};
+var _default = (0, _reactRelay.createRefetchContainer)(Download, {
+  order: (_Download_order2.default.hash && _Download_order2.default.hash !== "818f18e6bd304c38233be849d75f36a5" && console.error("The definition of 'Download_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _Download_order2.default)
+}, (_DownloadRefetchQuery2.default.hash && _DownloadRefetchQuery2.default.hash !== "fe555b125ad4154333f80fd69075e0c8" && console.error("The definition of 'DownloadRefetchQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _DownloadRefetchQuery2.default));
+exports.default = _default;

package/dist-cjs/components/Cart/EmptyCart.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRedux = require("react-redux");
+var _Icons = require("../Icons");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const closeCart = () => ({
+  type: 'CLOSE_CART'
+});
+const EmptyCart = ({
+  open
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart",
+    "data-open": open
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__scroller"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__top"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__nav"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: "cart__nav__back",
+    type: "button",
+    onClick: () => dispatch(closeCart())
+  }, /*#__PURE__*/_react.default.createElement(_Icons.X, null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__nav__title"
+  }, "Your cart"))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__middle"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "cart__message"
+  }, "Your cart is empty", /*#__PURE__*/_react.default.createElement("span", {
+    className: "cart__message__frowney"
+  }, ".\u2002", /*#__PURE__*/_react.default.createElement(_Icons.FrowningFace, null))))));
+};
+var _default = EmptyCart;
+exports.default = _default;

package/dist-cjs/components/Cart/IdentityBox.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = IdentityBox;
+var _IdentityBox_identity2 = _interopRequireDefault(require("../../__generated__/IdentityBox_identity.graphql"));
+var _reactRelay = require("react-relay");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function IdentityBox({
+  identity: identityKey,
+  title,
+  onClick,
+  children: {
+    icon
+  }
+}) {
+  const identity = (0, _reactRelay.useFragment)((_IdentityBox_identity2.default.hash && _IdentityBox_identity2.default.hash !== "d93d9cb6f2c86580fb57b4de6782ec9d" && console.error("The definition of 'IdentityBox_identity' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _IdentityBox_identity2.default), identityKey);
+  return /*#__PURE__*/_react.default.createElement("button", {
+    className: "cart__review__button",
+    type: "button",
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__label"
+  }, icon, title, " ", /*#__PURE__*/_react.default.createElement("span", {
+    className: "cart__review__label__text"
+  }, "Edit")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, /*#__PURE__*/_react.default.createElement("pre", null, identity.addressFormatted)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, identity.email), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, identity.phoneFormatted), identity.vatNumber && /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__review__section"
+  }, "VAT: ", identity.vatNumber));
+}

package/dist-cjs/components/Cart/ShareCart.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ShareCart;
+var _ShareCartCreateSnapshotMutation2 = _interopRequireDefault(require("../../__generated__/ShareCartCreateSnapshotMutation.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+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 }; }
+function ShareCart() {
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const [isSharing, setIsSharing] = (0, _react.useState)(false);
+  const [snapshot, setSnapshot] = (0, _react.useState)(null);
+  const [shareError, setShareError] = (0, _react.useState)(null);
+  const [copied, setCopied] = (0, _react.useState)(false);
+  const inputRef = (0, _react.useRef)(null);
+  const handleShareCart = () => {
+    setIsSharing(true);
+    setShareError(null);
+    (0, _reactRelay.commitMutation)(environment, {
+      mutation: (_ShareCartCreateSnapshotMutation2.default.hash && _ShareCartCreateSnapshotMutation2.default.hash !== "320cfd27011ff030005b0ca1cf90adf7" && console.error("The definition of 'ShareCartCreateSnapshotMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ShareCartCreateSnapshotMutation2.default),
+      variables: {},
+      onCompleted: (response, errors) => {
+        setIsSharing(false);
+        if (errors && errors.length > 0) {
+          setShareError(errors[0].message);
+        } else if (response.createOrderSnapshot?.orderSnapshot) {
+          setSnapshot(response.createOrderSnapshot.orderSnapshot);
+        } else {
+          setShareError('Failed to create shareable link');
+        }
+      },
+      onError: error => {
+        setIsSharing(false);
+        setShareError(error.message);
+      }
+    });
+  };
+  (0, _react.useEffect)(() => {
+    inputRef.current?.select();
+  }, [snapshot]);
+  const timeout = (0, _react.useRef)(null);
+  const handleCopyToClipboard = () => {
+    if (snapshot?.shareUrl) {
+      navigator.clipboard.writeText(snapshot.shareUrl);
+      setCopied(true);
+      if (timeout.current) clearTimeout(timeout.current);
+      timeout.current = setTimeout(() => {
+        setCopied(false);
+      }, 1000);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, snapshot?.shareUrl && snapshot?.quotePdfUrl ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__share"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__share-title"
+  }, "Share your cart"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__share-url-input-container"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    className: "cart__share-url-input",
+    ref: inputRef,
+    value: snapshot.shareUrl ?? '',
+    readOnly: true,
+    onClick: e => e.currentTarget.select()
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "cart__share__button cart__share__copy-button",
+    onClick: handleCopyToClipboard,
+    "data-copied": copied
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Copy"), /*#__PURE__*/_react.default.createElement(_Icons.Check, null))), /*#__PURE__*/_react.default.createElement("a", {
+    href: snapshot.quotePdfUrl,
+    className: "cart__share__button cart__share__pdf-button",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, "Download PDF quote")) : /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "cart__share__button cart__share__share-button",
+    onClick: handleShareCart,
+    disabled: isSharing
+  }, isSharing ? 'Loading...' : 'Share cart'), shareError && /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__share-error"
+  }, "Cannot share your cart right now. Please try again later."));
+}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _CartQuery2 = _interopRequireDefault(require("../../__generated__/CartQuery.graphql"));
+var _react = _interopRequireDefault(require("react"));
+var _reactRelay = require("react-relay");
+var _reactRedux = require("react-redux");
+var _CartOrder = _interopRequireDefault(require("./CartOrder"));
+var _EmptyCart = _interopRequireDefault(require("./EmptyCart"));
+var _StripeProvider = _interopRequireDefault(require("../StripeProvider"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Cart() {
+  const {
+    viewer
+  } = (0, _reactRelay.useLazyLoadQuery)((_CartQuery2.default.hash && _CartQuery2.default.hash !== "b74f61f6b7a71c169b202770100937ca" && console.error("The definition of 'CartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartQuery2.default), {});
+  const cartOpen = (0, _reactRedux.useSelector)(state => state.cartOpen);
+  const {
+    currentOrder
+  } = viewer;
+  if (!currentOrder) return /*#__PURE__*/_react.default.createElement(_EmptyCart.default, {
+    open: cartOpen
+  });
+  return /*#__PURE__*/_react.default.createElement(_StripeProvider.default, {
+    viewer: viewer,
+    providerType: "elements"
+  }, /*#__PURE__*/_react.default.createElement(_CartOrder.default, {
+    viewer: viewer,
+    order: currentOrder,
+    open: cartOpen
+  }));
+}
+var _default = Cart;
+exports.default = _default;

package/dist-cjs/components/Cart/injectRelayEnvironment.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRelay = require("react-relay");
+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 injectRelayEnvironment = Component => {
+  const InjectRelayEnvironmentComponent = props => {
+    const environment = (0, _reactRelay.useRelayEnvironment)();
+    return /*#__PURE__*/_react.default.createElement(Component, _extends({
+      environment: environment
+    }, props));
+  };
+  return InjectRelayEnvironmentComponent;
+};
+var _default = injectRelayEnvironment;
+exports.default = _default;

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

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

package/dist-cjs/components/Cart/utils.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textVariablesAllHaveText = void 0;
+const textVariablesAllHaveText = order => order?.orderItems?.every(item => item?.licenseSelections?.every(selection => selection?.licenseVariable?.variableType === 'text' ? Boolean(selection?.variableText) : true)) ?? true;
+exports.textVariablesAllHaveText = textVariablesAllHaveText;

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

@@ -0,0 +1,127 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CartButtonPreloadedQueryRenderer = CartButtonPreloadedQueryRenderer;
+exports.default = CartButton;
+var _CartButtonQuery2 = _interopRequireDefault(require("../../__generated__/CartButtonQuery.graphql"));
+var _CartButton_order2 = _interopRequireDefault(require("../../__generated__/CartButton_order.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactRelay = require("react-relay");
+var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
+var _Icons = require("../Icons");
+var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
+var _Price = _interopRequireWildcard(require("../Price"));
+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 getOrderCount(order) {
+  return order.orderItems ? order.orderItems.length : 0;
+}
+const cartButtonCount = order => {
+  if (!order) return 0;
+  return getOrderCount(order);
+};
+const openCart = () => ({
+  type: 'OPEN_CART'
+});
+function CartButtonComponent({
+  label,
+  buttonStyle,
+  order: orderKey,
+  children,
+  suffix
+}) {
+  const orderData = (0, _reactRelay.useFragment)((_CartButton_order2.default.hash && _CartButton_order2.default.hash !== "26a092d7efb579c98adda18413349b3b" && console.error("The definition of 'CartButton_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartButton_order2.default), orderKey);
+  const [count, setCount] = (0, _react.useState)(0);
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const formatSuffix = (0, _react.useCallback)(() => {
+    if (!suffix) return null;
+
+    // Check if the suffix contains any substitutions
+    const hasSubstitutions = /\{(count|subtotal)\}/.test(suffix);
+
+    // Hide if there are substitutions and cart is empty
+    if (hasSubstitutions && count === 0) return null;
+
+    // Split into parts: ['text', '{placeholder}', 'text', '{placeholder}', 'text']
+    const parts = suffix.split(/(\{[^}]+\})/);
+
+    // Transform each part based on whether it's a placeholder or text
+    const nodes = parts.map((part, index) => {
+      const match = part.match(/^\{([^}]+)\}$/);
+      if (!match) return part || null; // Regular text
+
+      // Handle placeholder
+      const placeholder = match[1];
+      switch (placeholder) {
+        case 'count':
+          return count > 0 ? count.toString() : null;
+        case 'subtotal':
+          return orderData?.subtotal ? /*#__PURE__*/_react.default.createElement(_Price.default, {
+            key: `price-${index}`,
+            price: orderData.subtotal,
+            format: _Price.PriceFormat.Truncated
+          }) : null;
+        default:
+          return part;
+        // Keep unknown placeholders as-is
+      }
+    }).filter(Boolean); // Remove null/empty parts
+
+    return nodes.length > 0 ? nodes : null;
+  }, [suffix, count, orderData?.subtotal]);
+  const handleClick = (0, _react.useCallback)(() => {
+    if (count > 0) {
+      dispatch({
+        type: 'STORE_MODAL_REPLACE',
+        route: 'cart'
+      });
+    }
+    dispatch(openCart());
+  }, [count, dispatch]);
+  (0, _react.useEffect)(() => {
+    // set count only on the client, because on the server it's always gonna be zero
+    setCount(cartButtonCount(orderData));
+  }, [orderData, setCount]);
+  if (!orderData) return null;
+  if (orderData.stripeCharge && orderData.stripeCharge.paid) return null;
+  const suffixNodes = formatSuffix();
+  return /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Consumer, null, components => components.CartButton ? /*#__PURE__*/_react.default.createElement(components.CartButton, {
+    count: count,
+    innerProps: {
+      onClick: handleClick
+    }
+  }) : /*#__PURE__*/_react.default.createElement("button", {
+    className: "cart-button",
+    onClick: handleClick,
+    "data-count": count,
+    "data-active": count >= 1,
+    "data-button-style": buttonStyle
+  }, children ? children : buttonStyle === 'icon' ? /*#__PURE__*/_react.default.createElement(_Icons.CartNew, null) : /*#__PURE__*/_react.default.createElement("span", {
+    className: "cart-button__label"
+  }, label || 'Cart', suffixNodes && /*#__PURE__*/_react.default.createElement("span", {
+    className: "cart-button__suffix"
+  }, suffixNodes))));
+}
+const query = (_CartButtonQuery2.default.hash && _CartButtonQuery2.default.hash !== "5c0da5849bf1215a9d1f264831830f71" && console.error("The definition of 'CartButtonQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartButtonQuery2.default);
+function CartButtonPreloadedQueryRenderer({
+  preloadedQuery,
+  ...rest
+}) {
+  const queryRef = (0, _useSerializablePreloadedQuery.default)(preloadedQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)(query, queryRef);
+  return /*#__PURE__*/_react.default.createElement(CartButtonComponent, _extends({}, rest, {
+    order: data.viewer?.currentOrder ?? null
+  }));
+}
+function CartButton(props) {
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  return /*#__PURE__*/_react.default.createElement(CartButtonComponent, _extends({}, props, {
+    order: data.viewer?.currentOrder ?? null
+  }));
+}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CartButton;
+var _react = _interopRequireDefault(require("react"));
+var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSerializableQuery"));
+var _index = require("./index");
+var _CartButtonQuery = _interopRequireDefault(require("../../__generated__/CartButtonQuery.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 CartButton(props) {
+  const preloadedQuery = await (0, _loadSerializableQuery.default)(_CartButtonQuery.default, {});
+  return /*#__PURE__*/_react.default.createElement(_index.CartButtonPreloadedQueryRenderer, _extends({
+    preloadedQuery: preloadedQuery
+  }, props));
+}