fontdue-js 2.10.1 → 2.12.0

package/dist/components/Cart/CartTotals.js

@@ -5,19 +5,110 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CartTotals;
 var _CartTotals_order2 = _interopRequireDefault(require("../../__generated__/CartTotals_order.graphql"));
-var _react = _interopRequireDefault(require("react"));
+var _CartTotalsCreateSnapshotMutation2 = _interopRequireDefault(require("../../__generated__/CartTotalsCreateSnapshotMutation.graphql"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactRelay = require("react-relay");
 var _relayRuntime = require("relay-runtime");
 var _Price = _interopRequireDefault(require("../Price"));
 var _CouponText = _interopRequireDefault(require("../CouponText"));
 var _Icons = require("../Icons");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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 percentage(decimalValue) {
   if (!decimalValue) return null;
   return `${parseFloat(decimalValue) * 100}%`;
 }
-const PriceBlock = _ref => {
+const getSnapshotIdFromShareUrl = url => {
+  const urlParts = url.split('/');
+  return urlParts[urlParts.length - 1] || null;
+};
+const getPdfUrl = (snapshotId, token) => {
+  return `/quotes/${snapshotId}${token ? `?token=${token}` : ''}`;
+};
+function ShareCart() {
+  const environment = (0, _reactRelay.useRelayEnvironment)();
+  const [isSharing, setIsSharing] = (0, _react.useState)(false);
+  const [shareUrl, setShareUrl] = (0, _react.useState)(null);
+  const [shareError, setShareError] = (0, _react.useState)(null);
+  const [snapshotToken, setSnapshotToken] = (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: (_CartTotalsCreateSnapshotMutation2.default.hash && _CartTotalsCreateSnapshotMutation2.default.hash !== "4640000ea27c292e94b3770d21cb5092" && console.error("The definition of 'CartTotalsCreateSnapshotMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartTotalsCreateSnapshotMutation2.default),
+      variables: {},
+      onCompleted: (response, errors) => {
+        var _response$createOrder;
+        setIsSharing(false);
+        if (errors && errors.length > 0) {
+          setShareError(errors[0].message);
+        } else if ((_response$createOrder = response.createOrderSnapshot) !== null && _response$createOrder !== void 0 && _response$createOrder.shareUrl) {
+          var _response$createOrder2;
+          setShareUrl(response.createOrderSnapshot.shareUrl);
+          if ((_response$createOrder2 = response.createOrderSnapshot.orderSnapshot) !== null && _response$createOrder2 !== void 0 && _response$createOrder2.token) {
+            setSnapshotToken(response.createOrderSnapshot.orderSnapshot.token);
+          }
+        } else {
+          setShareError('Failed to create shareable link');
+        }
+      },
+      onError: error => {
+        setIsSharing(false);
+        setShareError(error.message);
+      }
+    });
+  };
+  (0, _react.useEffect)(() => {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.select();
+  }, [shareUrl]);
+  const timeout = (0, _react.useRef)(null);
+  const handleCopyToClipboard = () => {
+    if (shareUrl) {
+      navigator.clipboard.writeText(shareUrl);
+      setCopied(true);
+      if (timeout.current) clearTimeout(timeout.current);
+      timeout.current = setTimeout(() => {
+        setCopied(false);
+      }, 1000);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shareUrl ? /*#__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: 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: getPdfUrl(getSnapshotIdFromShareUrl(shareUrl) || '', snapshotToken),
+    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 ? 'Sharing...' : 'Share cart'), shareError && /*#__PURE__*/_react.default.createElement("div", {
+    className: "cart__share-error"
+  }, "Cannot share your cart right now. Please try again later."));
+}
+function PriceBlock(_ref) {
   let {
     label,
     belowPrice,
@@ -36,8 +127,9 @@ const PriceBlock = _ref => {
     price: price,
     invert: invert
   }), belowPrice));
-};
+}
 function CartTotals(_ref2) {
+  var _order$total;
   let {
     order: orderKey,
     onRemoveDiscount,
@@ -50,11 +142,11 @@ function CartTotals(_ref2) {
     "data-has-discount": Boolean(order.discount),
     "data-hide-total": hideTotal
   }, /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: "Subtotal:",
+    label: "Subtotal",
     price: order.subtotal,
     "data-line": "subtotal"
   }), order.discount && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: "Discount applied:",
+    label: "Discount applied",
     price: order.discount.amount,
     invert: true,
     belowPrice: allowDiscountRemoval && /*#__PURE__*/_react.default.createElement("button", {
@@ -70,16 +162,18 @@ function CartTotals(_ref2) {
     coupon: order.discount.coupon,
     subtract: order.discount.amount ? order.discount.amount.amount : 0
   }), ')'), /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: "Discounted subtotal:",
+    label: "Discounted subtotal",
     price: order.discountedSubtotal,
     "data-line": "discounted-subtotal"
   })), order.taxes && /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: order.taxName ? `${order.taxName} (${percentage(order.taxRate)}):` : `Taxes ${percentage(order.taxRate)}:`,
+    label: order.taxName ? `${order.taxName} (${percentage(order.taxRate)})` : `Taxes ${percentage(order.taxRate)}`,
     price: order.taxes,
     "data-line": "taxes"
   }), /*#__PURE__*/_react.default.createElement(PriceBlock, {
-    label: `Total${order.gstIncluded ? ' including GST' : ''}:`,
+    label: `Total${order.gstIncluded ? ' including GST' : ''}`,
     price: order.total,
     "data-line": "total"
+  }), /*#__PURE__*/_react.default.createElement(ShareCart, {
+    key: (_order$total = order.total) === null || _order$total === void 0 ? void 0 : _order$total.amount
   }));
 }

package/dist/components/Cart/Checkout.js

@@ -19,9 +19,9 @@ var _CustomerFields = _interopRequireDefault(require("./CustomerFields"));
 var _CheckoutSteps = _interopRequireDefault(require("./CheckoutSteps"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
 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 }; }
 const MOBILE = 'mobile';
 const DESKTOP = 'desktop';
 
@@ -346,9 +346,8 @@ const Checkout = _ref => {
         viewer: viewerData,
         value: billingIdentity,
         onChange: handleBillingChange,
-        requireAtLeast: IDENTITY_REQUIRED_FIELDS,
         errorsObject: errorsObject === null || errorsObject === void 0 ? void 0 : errorsObject.billingIdentity,
-        onRequiredFieldsChange: setBillingRequired
+        identityType: "billing"
       }));
     }
     const billingBreadcrumb = /*#__PURE__*/_react.default.createElement("div", {
@@ -387,9 +386,8 @@ const Checkout = _ref => {
         viewer: viewerData,
         value: licenseeIdentity,
         onChange: handleLicenseeChange,
-        requireAtLeast: IDENTITY_REQUIRED_FIELDS,
         errorsObject: errorsObject === null || errorsObject === void 0 ? void 0 : errorsObject.licenseeIdentity,
-        onRequiredFieldsChange: setLicenseeRequired
+        identityType: "licensee"
       }));
     }
     const licenseeBreadcrumb = /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Cart/CouponCodeInput.js

@@ -11,9 +11,9 @@ var _reactRelay = require("react-relay");
 var _Icons = require("../Icons");
 var _CouponText = _interopRequireDefault(require("../CouponText"));
 var _CouponCodeRefetchQuery = _interopRequireDefault(require("../../__generated__/CouponCodeRefetchQuery.graphql"));
-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 useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = (0, _react.useState)(value);
   (0, _react.useEffect)(() => {
@@ -26,7 +26,7 @@ function useDebounce(value, delay) {
   }, [value, delay]);
   return debouncedValue;
 }
-const applyCouponMutation = (_CouponCodeInputApplyCouponMutation2.default.hash && _CouponCodeInputApplyCouponMutation2.default.hash !== "7090ef11a30d00dbaea37589166dc1a9" && 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);
+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);
 const CouponCodeInput = _ref => {
   var _viewer$coupon, _viewer$coupon2, _viewer$coupon3, _viewer$coupon4;
   let {
@@ -102,7 +102,7 @@ const CouponCodeInput = _ref => {
       type: "button",
       onClick: () => setExpanded(true),
       className: "cart-additions__expand-button"
-    }, "+ Add a coupon code"));
+    }, "Add a coupon code"));
   }
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cart-additions",
@@ -131,7 +131,7 @@ const CouponCodeInput = _ref => {
     type: "submit",
     className: "cart-additions__button",
     disabled: !isValid
-  }, "Apply coupon")), isError && ((_viewer$coupon3 = viewer.coupon) === null || _viewer$coupon3 === void 0 ? void 0 : _viewer$coupon3.__typename) === 'Error' && /*#__PURE__*/_react.default.createElement("p", {
+  }, "Apply")), isError && ((_viewer$coupon3 = viewer.coupon) === null || _viewer$coupon3 === void 0 ? void 0 : _viewer$coupon3.__typename) === 'Error' && /*#__PURE__*/_react.default.createElement("p", {
     className: "cart-additions__error"
   }, viewer.coupon.message), ((_viewer$coupon4 = viewer.coupon) === null || _viewer$coupon4 === void 0 ? void 0 : _viewer$coupon4.__typename) === 'Coupon' && /*#__PURE__*/_react.default.createElement("p", {
     className: "cart-additions__valid-text"

package/dist/components/Cart/CustomerFields.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Customer } from './types';
 interface CustomerFields_props {
-    title: string;
+    title?: string;
     value: Customer;
     onChange: (value: Partial<Customer>) => void;
     optInLabel: string | null | undefined;

package/dist/components/Cart/CustomerFields.js

@@ -10,9 +10,9 @@ var _Check = _interopRequireDefault(require("../Icons/Check"));
 var _X = _interopRequireDefault(require("../Icons/X"));
 var _TextField = _interopRequireDefault(require("../TextField"));
 var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const CustomerFields = _ref => {
   let {
     title,
@@ -23,13 +23,13 @@ const CustomerFields = _ref => {
   const {
     form: config
   } = (0, _react.useContext)(_ConfigContext.default);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  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)))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__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 *",

package/dist/components/Cart/Download.js

@@ -11,9 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _useInterval = _interopRequireDefault(require("../useInterval"));
-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 }; }
 const DownloadBase = _ref => {
   let {
     order,

package/dist/components/Cart/EmptyCart.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactRedux = require("react-redux");
 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 closeCart = () => ({
   type: 'CLOSE_CART'
 });

package/dist/components/Cart/IdentityBox.js

@@ -7,7 +7,7 @@ exports.default = IdentityBox;
 var _IdentityBox_identity2 = _interopRequireDefault(require("../../__generated__/IdentityBox_identity.graphql"));
 var _reactRelay = require("react-relay");
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function IdentityBox(_ref) {
   let {
     identity: identityKey,

package/dist/components/Cart/index.js

@@ -12,7 +12,7 @@ var _reactRedux = require("react-redux");
 var _CartOrder = _interopRequireDefault(require("./CartOrder"));
 var _EmptyCart = _interopRequireDefault(require("./EmptyCart"));
 var _StripeProvider = _interopRequireDefault(require("../StripeProvider"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Cart() {
   const {
     viewer
@@ -30,7 +30,7 @@ function Cart() {
     });
     return /*#__PURE__*/_react.default.createElement(_StripeProvider.default, {
       viewer: viewer,
-      requireClientSecret: false
+      providerType: "elements"
     }, /*#__PURE__*/_react.default.createElement(_CartOrder.default, {
       viewer: viewer,
       order: currentOrder,

package/dist/components/Cart/injectRelayEnvironment.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 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); }
 const injectRelayEnvironment = Component => {
   const InjectRelayEnvironmentComponent = props => {
     const environment = (0, _reactRelay.useRelayEnvironment)();

package/dist/components/Cart/types.d.ts

@@ -18,13 +18,14 @@ export interface Identity {
     vatNumber: string | null;
 }
 export type UpdateOrderErrors = Omit<Checkout_UpdateOrderErrors$data, ' $fragmentType'>;
-export interface CartItemChangeInput {
-    id: string;
-    licenseSelections: SelectionInput[];
-}
 export interface SelectionInput {
+    id?: string;
     licenseId: string;
     licenseVariableId?: string | null;
     licenseOptionId?: string | null;
     variableText?: string | null;
 }
+export interface CartItemChangeInput {
+    id: string;
+    licenseSelections: SelectionInput[];
+}

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

@@ -5,6 +5,7 @@ export interface CartButton_props {
     label?: string;
     buttonStyle?: string;
     children?: React.ReactNode;
+    suffix?: string;
 }
 type PreloadedQuery = SerializablePreloadedQuery<CartButtonQuery>;
 export declare function CartButtonPreloadedQueryRenderer({ preloadedQuery, ...rest }: CartButton_props & {

package/dist/components/CartButton/index.js

@@ -14,10 +14,11 @@ var _reactRelay = require("react-relay");
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 var _Icons = require("../Icons");
 var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay/useSerializablePreloadedQuery"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _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;
 }
@@ -33,11 +34,48 @@ function CartButtonComponent(_ref) {
     label,
     buttonStyle,
     order: orderKey,
-    children
+    children,
+    suffix
   } = _ref;
-  const order = (0, _reactRelay.useFragment)((_CartButton_order2.default.hash && _CartButton_order2.default.hash !== "fe52953705bed993f9f94c1ae33d801a" && 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 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 !== null && orderData !== void 0 && 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 === null || orderData === void 0 ? void 0 : orderData.subtotal]);
   const handleClick = (0, _react.useCallback)(() => {
     if (count > 0) {
       dispatch({
@@ -49,10 +87,25 @@ function CartButtonComponent(_ref) {
   }, [count, dispatch]);
   (0, _react.useEffect)(() => {
     // set count only on the client, because on the server it's always gonna be zero
-    setCount(cartButtonCount(order));
-  }, [order, setCount]);
-  if (!order) return null;
-  if (order.stripeCharge && order.stripeCharge.paid) return null;
+    setCount(cartButtonCount(orderData));
+  }, [orderData, setCount]);
+
+  // Check for store-modal=open URL parameter and open cart automatically
+  (0, _react.useEffect)(() => {
+    if (typeof window !== 'undefined') {
+      const urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.get('cart') === 'open') {
+        dispatch({
+          type: 'STORE_MODAL_REPLACE',
+          route: 'cart'
+        });
+        dispatch(openCart());
+      }
+    }
+  }, [dispatch]);
+  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: {
@@ -66,7 +119,9 @@ function CartButtonComponent(_ref) {
     "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')));
+  }, 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(_ref2) {

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

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

package/dist/components/CharacterViewer/StyleSelect.js

@@ -7,7 +7,7 @@ exports.default = StyleSelect;
 var _react = _interopRequireDefault(require("react"));
 var _Select = _interopRequireDefault(require("../Select"));
 var _utils = require("../../utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function StyleSelect(_ref) {
   let {
     collections,

package/dist/components/CharacterViewer/index.js

@@ -22,10 +22,10 @@ var _useSerializablePreloadedQuery = _interopRequireDefault(require("../../relay
 var _StyleSelect = _interopRequireDefault(require("./StyleSelect"));
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _CharacterViewerStyleRefetchQuery = _interopRequireDefault(require("../../__generated__/CharacterViewerStyleRefetchQuery.graphql"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _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 _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 useSize() {
   const ref = (0, _react.useRef)(null);
   const [size, setSize] = _react.default.useState();
@@ -107,7 +107,7 @@ function fromCharCode(code) {
   return String.fromCharCode(code);
 }
 function flattenCharacterList(charSet, glyphNames) {
-  if (!glyphNames) return null;
+  if (!glyphNames || !charSet || !charSet.characters) return null;
   return {
     features: charSet.features,
     characters: charSet.characters.reduce((acc, item) => {
@@ -274,7 +274,7 @@ function CharacterViewerComponent(_ref3) {
       } = _ref5;
       return {
         name,
-        characterSets: characterSets.map(set => flattenCharacterList(set, fontStyle.glyphNames)).filter(_utils.notEmpty)
+        characterSets: characterSets === null || characterSets === void 0 ? void 0 : characterSets.map(charSet => flattenCharacterList(charSet, fontStyle.glyphNames)).filter(_utils.notEmpty)
       };
     });
   }, [collection, fontStyle]);
@@ -343,7 +343,7 @@ function CharacterViewerComponent(_ref3) {
       className: "character-viewer__block__characters",
       style: style,
       onMouseLeave: handleMouseLeave
-    }, characterSets.map((set, j) => /*#__PURE__*/_react.default.createElement("div", {
+    }, characterSets === null || characterSets === void 0 ? void 0 : characterSets.map((set, j) => /*#__PURE__*/_react.default.createElement("div", {
       key: j,
       className: "character-viewer__block__character-list",
       style: {

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

@@ -9,8 +9,8 @@ var _loadSerializableQuery = _interopRequireDefault(require("../../relay/loadSer
 var _index = require("./index");
 var _CharacterViewerIDQuery = _interopRequireDefault(require("../../__generated__/CharacterViewerIDQuery.graphql"));
 var _CharacterViewerSlugQuery = _interopRequireDefault(require("../../__generated__/CharacterViewerSlugQuery.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 CharacterViewer(_ref) {
   let {
     collectionId,