fontdue-js 2.14.0 → 2.15.0

package/dist/components/Cart/CartTotals.js

@@ -5,97 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CartTotals;
 var _CartTotals_order2 = _interopRequireDefault(require("../../__generated__/CartTotals_order.graphql"));
-var _CartTotalsCreateSnapshotMutation2 = _interopRequireDefault(require("../../__generated__/CartTotalsCreateSnapshotMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(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 _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}%`;
 }
-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: (_CartTotalsCreateSnapshotMutation2.default.hash && _CartTotalsCreateSnapshotMutation2.default.hash !== "97e00cf77f0cc65bb808123fe5944c02" && 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.orderSnapshot) {
-          setSnapshot(response.createOrderSnapshot.orderSnapshot);
-        } 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();
-  }, [snapshot]);
-  const timeout = (0, _react.useRef)(null);
-  const handleCopyToClipboard = () => {
-    if (snapshot !== null && snapshot !== void 0 && 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 !== null && snapshot !== void 0 && snapshot.shareUrl && snapshot !== null && snapshot !== void 0 && 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."));
-}
 function PriceBlock(_ref) {
   let {
     label,
@@ -117,7 +38,6 @@ function PriceBlock(_ref) {
   }), belowPrice));
 }
 function CartTotals(_ref2) {
-  var _order$total;
   let {
     order: orderKey,
     onRemoveDiscount,
@@ -161,7 +81,5 @@ function CartTotals(_ref2) {
     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/Download.js

@@ -8,7 +8,6 @@ var _DownloadRefetchQuery2 = _interopRequireDefault(require("../../__generated__
 var _Download_order2 = _interopRequireDefault(require("../../__generated__/Download_order.graphql"));
 var _reactRelay = require("react-relay");
 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -17,8 +16,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const DownloadBase = _ref => {
   let {
     order,
-    dismiss,
-    status
+    dismiss
   } = _ref;
   const autoDownloaded = (0, _react.useRef)(false);
   const downloadForm = (0, _react.useRef)(null);
@@ -33,11 +31,11 @@ const DownloadBase = _ref => {
     Download
   } = (0, _react.useContext)(_ComponentsContext.default);
   if (!Download) return null;
-  if (status === 'exited') {
+  if (!open) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(Download, {
-    open: status === 'entering' || status === 'entered',
+    open: true,
     dismiss: dismiss,
     order: order,
     downloadFormRef: downloadForm
@@ -55,14 +53,11 @@ const Download = _ref2 => {
       id: order.id
     });
   }, 2000);
-  return /*#__PURE__*/_react.default.createElement(_Transition.default, {
-    in: !dismissed,
-    timeout: 200
-  }, status => /*#__PURE__*/_react.default.createElement(DownloadBase, {
+  if (dismissed) return null;
+  return /*#__PURE__*/_react.default.createElement(DownloadBase, {
     dismiss: () => setDismissed(true),
-    status: status,
     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)

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

@@ -1,7 +1,6 @@
 import React from 'react';
-import { TransitionStatus } from 'react-transition-group';
 interface EmptyCart_props {
-    status: TransitionStatus;
+    open: boolean;
 }
-declare const EmptyCart: ({ status }: EmptyCart_props) => React.JSX.Element;
+declare const EmptyCart: ({ open }: EmptyCart_props) => React.JSX.Element;
 export default EmptyCart;

package/dist/components/Cart/EmptyCart.js

@@ -13,10 +13,9 @@ const closeCart = () => ({
 });
 const EmptyCart = _ref => {
   let {
-    status
+    open
   } = _ref;
   const dispatch = (0, _reactRedux.useDispatch)();
-  const open = status === 'entering' || status === 'entered';
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cart",
     "data-open": open

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ShareCart(): React.JSX.Element;

package/dist/components/Cart/ShareCart.js

@@ -0,0 +1,89 @@
+"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) => {
+        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.orderSnapshot) {
+          setSnapshot(response.createOrderSnapshot.orderSnapshot);
+        } 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();
+  }, [snapshot]);
+  const timeout = (0, _react.useRef)(null);
+  const handleCopyToClipboard = () => {
+    if (snapshot !== null && snapshot !== void 0 && 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 !== null && snapshot !== void 0 && snapshot.shareUrl && snapshot !== null && snapshot !== void 0 && 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/components/Cart/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _CartQuery2 = _interopRequireDefault(require("../../__generated__/CartQuery.graphql"));
 var _react = _interopRequireDefault(require("react"));
-var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
 var _reactRelay = require("react-relay");
 var _reactRedux = require("react-redux");
 var _CartOrder = _interopRequireDefault(require("./CartOrder"));
@@ -21,22 +20,17 @@ function Cart() {
   const {
     currentOrder
   } = viewer;
-  return /*#__PURE__*/_react.default.createElement(_Transition.default, {
-    in: cartOpen,
-    timeout: 200
-  }, status => {
-    if (!currentOrder) return /*#__PURE__*/_react.default.createElement(_EmptyCart.default, {
-      status: status
-    });
-    return /*#__PURE__*/_react.default.createElement(_StripeProvider.default, {
-      viewer: viewer,
-      providerType: "elements"
-    }, /*#__PURE__*/_react.default.createElement(_CartOrder.default, {
-      viewer: viewer,
-      order: currentOrder,
-      status: status
-    }));
+  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/components/CartButton/index.js

@@ -89,20 +89,6 @@ function CartButtonComponent(_ref) {
     // set count only on the client, because on the server it's always gonna be zero
     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();

package/dist/components/ComponentsContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { Download_order$data } from '../__generated__/Download_order.graphql';
 export interface Download_moduleProps {
     open: boolean;

package/dist/components/CookieNotification/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
 var _store = _interopRequireDefault(require("store"));
 var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -50,21 +49,18 @@ const GetComponent = _ref2 => {
 };
 const CookieNotificationBase = _ref3 => {
   let {
-    status,
     siteTitle,
-    dismiss
+    dismiss,
+    open
   } = _ref3;
-  if (status === 'exited') {
-    return null;
-  }
-  const open = status === 'entering' || status === 'entered';
   return /*#__PURE__*/_react.default.createElement(GetComponent, {
     name: "CookieNotification",
-    fallback: DefaultCookieNotification
+    fallback: DefaultCookieNotification,
+    open: open
   }, Component => /*#__PURE__*/_react.default.createElement(Component, {
     onDismiss: dismiss,
-    open: open,
-    siteTitle: siteTitle
+    siteTitle: siteTitle,
+    open: open
   }));
 };
 class CookieNotification extends _react.default.Component {
@@ -84,13 +80,11 @@ class CookieNotification extends _react.default.Component {
     const {
       dismissed
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_Transition.default, {
-      in: !dismissed,
-      timeout: 200
-    }, status => /*#__PURE__*/_react.default.createElement(CookieNotificationBase, _extends({
+    if (dismissed) return null;
+    return /*#__PURE__*/_react.default.createElement(CookieNotificationBase, _extends({
       dismiss: this.dismiss,
-      status: status
-    }, this.props)));
+      open: true
+    }, this.props));
   }
 }
 exports.default = CookieNotification;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { FontStyle_fontStyle$key } from '../../__generated__/FontStyle_fontStyle.graphql';
 interface FontStyleProps {
     fontStyle: FontStyle_fontStyle$key;

package/dist/components/SKUPrice/index.js

@@ -20,7 +20,7 @@ const getSavingsMultiplier = (state, options) => {
 
   // we make it a multiplier since the `collectionSkuIdsDifference`
   // helper doesnt take license multiplication into account
-  if (collectionWithSavings) {
+  if (collectionWithSavings && baseSkuPrice > 0) {
     return savingsAmount / baseSkuPrice;
   }
   return 1;

package/dist/components/SelectField/index.js

@@ -10,7 +10,8 @@ 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); }
-const Input = props => /*#__PURE__*/_react.default.createElement(_reactSelect.components.Input, _extends({}, props, {
+const InputComponent = _reactSelect.components.Input;
+const Input = props => /*#__PURE__*/_react.default.createElement(InputComponent, _extends({}, props, {
   autoComplete: "go-away"
 }));
 const SelectField = _ref => {

package/dist/components/StoreModal/StoreModalCart.js

@@ -18,6 +18,7 @@ var _StoreModalOrderVariableSelection = _interopRequireDefault(require("./StoreM
 var _StoreModalUnifiedCheckout = _interopRequireDefault(require("../elements/StoreModalUnifiedCheckout"));
 var _StripeProvider = _interopRequireDefault(require("../StripeProvider"));
 var _utils = require("../Cart/utils");
+var _ShareCart = _interopRequireDefault(require("../Cart/ShareCart"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // @ts-ignore
 
@@ -26,7 +27,7 @@ const StoreModalCart = _ref => {
   let {
     prepared
   } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalCartQuery2.default.hash && _StoreModalCartQuery2.default.hash !== "a52c45ea8135e2cdae562683dcbfefdf" && console.error("The definition of 'StoreModalCartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCartQuery2.default), prepared.cartQuery);
+  const data = (0, _reactRelay.usePreloadedQuery)((_StoreModalCartQuery2.default.hash && _StoreModalCartQuery2.default.hash !== "01df757f83a8740dcfa4ed706347ab35" && console.error("The definition of 'StoreModalCartQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _StoreModalCartQuery2.default), prepared.cartQuery);
   const order = data.viewer.currentOrder;
   const orderHasItems = ((order === null || order === void 0 ? void 0 : (_order$orderItems = order.orderItems) === null || _order$orderItems === void 0 ? void 0 : _order$orderItems.length) ?? 0) > 0;
   const checkoutEnabled = (0, _utils.textVariablesAllHaveText)(order);
@@ -34,7 +35,7 @@ const StoreModalCart = _ref => {
     body: order && orderHasItems ? /*#__PURE__*/_react.default.createElement(_CartState.default, {
       order: order
     }, _ref2 => {
-      var _order$orderItems2;
+      var _order$orderItems2, _order$total;
       let {
         onUpdateOrderVariableSelections,
         onRemoveDiscount,
@@ -58,6 +59,9 @@ const StoreModalCart = _ref => {
           });
         }),
         couponCodeInput: !(order && order.discount) && /*#__PURE__*/_react.default.createElement(_CouponCodeInput.default, null),
+        shareCart: /*#__PURE__*/_react.default.createElement(_ShareCart.default, {
+          key: (_order$total = order.total) === null || _order$total === void 0 ? void 0 : _order$total.amount
+        }),
         totals: /*#__PURE__*/_react.default.createElement(_CartTotals.default, {
           order: order,
           onRemoveDiscount: onRemoveDiscount,

package/dist/components/StoreModal/index.js

@@ -9,10 +9,28 @@ var _react = _interopRequireWildcard(require("react"));
 var _StoreModalLoader = _interopRequireDefault(require("./StoreModalLoader"));
 var _StoreModalContainer = _interopRequireDefault(require("./StoreModalContainer"));
 var _StoreModalRouter = _interopRequireDefault(require("./StoreModalRouter"));
+var _reactRedux = require("react-redux");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const StoreModal = () => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+
+  // Check for store-modal=open URL parameter and open cart automatically
+  (0, _react.useEffect)(() => {
+    if (typeof window !== 'undefined') {
+      const urlParams = new URLSearchParams(window.location.search);
+      if (urlParams.get('cart') === 'open') {
+        dispatch({
+          type: 'STORE_MODAL_REPLACE',
+          route: 'cart'
+        });
+        dispatch({
+          type: 'OPEN_CART'
+        });
+      }
+    }
+  }, [dispatch]);
   return /*#__PURE__*/_react.default.createElement(_StoreModalLoader.default, null, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null
   }, /*#__PURE__*/_react.default.createElement(_StoreModalContainer.default, null, /*#__PURE__*/_react.default.createElement(_StoreModalRouter.default, null))));

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { type JSX } from 'react';
 import { StripeProvider_viewer$key } from '../../__generated__/StripeProvider_viewer.graphql';
 interface StripeProvider_props {
     viewer: StripeProvider_viewer$key;
@@ -6,5 +6,5 @@ interface StripeProvider_props {
     providerType: 'checkout' | 'elements';
     requireClientSecret?: boolean;
 }
-declare const StripeProvider: ({ viewer, providerType, children, requireClientSecret, }: StripeProvider_props) => React.JSX.Element | null;
+declare const StripeProvider: ({ viewer, providerType, children, requireClientSecret, }: StripeProvider_props) => JSX.Element | null;
 export default StripeProvider;

package/dist/components/TypeTester/useTypeTesterStyler.d.ts

@@ -23,7 +23,7 @@ export interface UseTypeTesterStylerProps {
     variableSettings: VariableSettings | null;
 }
 declare const useTypeTesterStyler: ({ size, autofit, autofitOnChange, features, setSize, min, max, truncate, focused, lineHeight, letterSpacing, fontStyles, content, contentEdited, alignment, variableSettings, }: UseTypeTesterStylerProps) => {
-    ref: import("react").RefObject<HTMLDivElement>;
+    ref: import("react").RefObject<HTMLDivElement | null>;
     style: import("react").CSSProperties;
 };
 export default useTypeTesterStyler;

package/dist/components/elements/StoreModalCartLayout/index.d.ts

@@ -4,6 +4,7 @@ interface StoreModalCartLayout {
     children: {
         items: React.ReactNode;
         couponCodeInput: React.ReactNode;
+        shareCart: React.ReactNode;
         totals: React.ReactNode;
         checkout: React.ReactNode;
         orderVariables?: React.ReactNode;

package/dist/components/elements/StoreModalCartLayout/index.js

@@ -14,7 +14,8 @@ const StoreModalCartLayout = _ref => {
       couponCodeInput,
       totals,
       checkout,
-      orderVariables
+      orderVariables,
+      shareCart
     }
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -28,6 +29,8 @@ const StoreModalCartLayout = _ref => {
   }, items), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__cart__coupon-code-input"
   }, couponCodeInput), /*#__PURE__*/_react.default.createElement("div", {
+    className: "store-modal__cart__share"
+  }, shareCart), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__cart__totals"
   }, totals)), /*#__PURE__*/_react.default.createElement("div", {
     className: "store-modal__cart__checkout",

package/dist/components/elements/StoreModalFamily/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 interface StoreModalFamilyProps {
     children: {
-        stylesheet: React.ReactElement | null;
+        stylesheet: React.ReactElement<any> | null;
         title: React.ReactNode;
-        familyButton: React.ReactElement;
-        bundles?: React.ReactElement[] | null;
-        styleGroups?: React.ReactElement[][] | null;
+        familyButton: React.ReactElement<any>;
+        bundles?: React.ReactElement<any>[] | null;
+        styleGroups?: React.ReactElement<any>[][] | null;
     };
 }
 declare const StoreModalFamily: React.FunctionComponent<StoreModalFamilyProps>;

package/dist/components/useInterval.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 const useInterval = (callback, delay) => {
-  const savedCallback = (0, _react.useRef)();
+  const savedCallback = (0, _react.useRef)(undefined);
 
   // Remember the latest callback.
   (0, _react.useEffect)(() => {

package/dist/fontdue.css

@@ -1289,6 +1289,10 @@ body[data-fontdue-store-modal=open] {
   margin-bottom: 30px;
 }
 
+.store-modal__cart__totals {
+  grid-column: 2/span 1;
+}
+
 .store-modal__container__overlay {
   position: fixed;
   top: 0;
@@ -2156,6 +2160,8 @@ body[data-fontdue-store-modal=open] {
   border: 1px solid var(--button_border_color);
   color: var(--button_text_color);
   padding: 10px 20px;
+  width: 100%;
+  text-align: center;
 }
 .cart-additions__expand-button:active, .cart-additions__expand-button:focus {
   outline: none;
@@ -2552,13 +2558,8 @@ body[data-fontdue-store-modal=open] {
   font-size: 22px;
 }
 
-/* Share URL section */
 .cart__share {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  padding-top: 20px;
   width: 100%;
-  border-top: 1px solid var(--horizontal_rule_color);
 }
 
 .cart__share-title {
@@ -2639,7 +2640,6 @@ body[data-fontdue-store-modal=open] {
 .cart__share__share-button {
   display: block;
   width: 100%;
-  margin-bottom: 60px;
 }
 
 .cart__share__copy-button {

package/dist/hooks.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const useNewPortalElement: () => import("react").MutableRefObject<HTMLDivElement>;
+export declare const useNewPortalElement: () => import("react").RefObject<HTMLDivElement>;

package/dist/reducer.d.ts

@@ -97,5 +97,5 @@ export type FontdueAction = {
 };
 export declare const collectionSkuIdWithDiscount: (state: FontdueState, skuId: string) => [string, number] | [null, null];
 declare const reducer: Reducer<FontdueState, FontdueAction>;
-export declare function createDefaultStore(config: Config | undefined): import("redux").Store<FontdueState, FontdueAction>;
+export declare function createDefaultStore(config: Config | undefined): import("redux").Store<FontdueState, FontdueAction, unknown>;
 export default reducer;