@merchi/cart 1.4.4

package/lib/components/CartTabPanel.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CartTabPanel;
+var _CartProvider = require("../CartProvider");
+var _jsxRuntime = require("react/jsx-runtime");
+function CartTabPanel(_ref) {
+  var children = _ref.children,
+    tabId = _ref.tabId;
+  var _useCartContext = (0, _CartProvider.useCartContext)(),
+    activeTabIndex = _useCartContext.activeTabIndex,
+    classNameCartTabPanel = _useCartContext.classNameCartTabPanel,
+    tabs = _useCartContext.tabs;
+  var currentTabIndex = tabs.findIndex(function (t) {
+    return t.tabId === activeTabIndex;
+  });
+  var activeTabValues = tabs[currentTabIndex];
+  var isActive = tabId === -1 && activeTabIndex === -1 || tabId === -2 && activeTabIndex === -2 || !!(activeTabValues && tabId === activeTabValues.tabId);
+
+  // Unmount inactive tabs so heavy children (payments, product form) stay out of the tree.
+  if (!isActive) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classNameCartTabPanel,
+    style: {
+      display: 'block'
+    },
+    children: children
+  });
+}

package/lib/components/CartTableContainer.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface Props {
+    children: any;
+}
+export default function CartTableContainer({ children }: Props): React.JSX.Element;
+export {};

package/lib/components/CartTableContainer.js

@@ -0,0 +1,20 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CartTableContainer;
+var React = _interopRequireWildcard(require("react"));
+var _CartProvider = require("../CartProvider");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function CartTableContainer(_ref) {
+  var children = _ref.children;
+  var _useCartContext = (0, _CartProvider.useCartContext)(),
+    classNameTableContainer = _useCartContext.classNameTableContainer;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classNameTableContainer,
+    children: children
+  });
+}

package/lib/components/CartTitle.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function Title({ icon, title }: any): React.JSX.Element;

package/lib/components/CartTitle.js

@@ -0,0 +1,34 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Title;
+var React = _interopRequireWildcard(require("react"));
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _CartProvider = require("../CartProvider");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function Title(_ref) {
+  var icon = _ref.icon,
+    title = _ref.title;
+  var _useCartContext = (0, _CartProvider.useCartContext)(),
+    classNameCartTitle = _useCartContext.classNameCartTitle;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classNameCartTitle,
+    children: [typeof icon === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+      className: "".concat(icon, " fa-2x")
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+      icon: icon,
+      size: "2x"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        marginTop: '1rem'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+        children: title
+      })
+    })]
+  });
+}

package/lib/components/CartTotalsListGroup.d.ts

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

package/lib/components/CartTotalsListGroup.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _CartProvider = require("../CartProvider");
+var _cart = require("../utilities/cart");
+var _CartTotals = require("../CartTotals");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function CostsListItem(_ref) {
+  var attr = _ref.attr,
+    name = _ref.name;
+  var _useCartContext = (0, _CartProvider.useCartContext)(),
+    classNameCartTotalItem = _useCartContext.classNameCartTotalItem,
+    classNameCartTotalItemPrice = _useCartContext.classNameCartTotalItemPrice,
+    classNameListItemCartTotals = _useCartContext.classNameListItemCartTotals;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+    className: classNameListItemCartTotals,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: classNameCartTotalItem,
+      children: name
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: classNameCartTotalItemPrice,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartTotals.CartTotal, {
+        attribute: attr
+      })
+    })]
+  });
+}
+function CartTotalsListGroup() {
+  var _useCartContext2 = (0, _CartProvider.useCartContext)(),
+    cart = _useCartContext2.cart,
+    classNameCartTotaListContainer = _useCartContext2.classNameCartTotaListContainer,
+    classNameCartTotalItemPrice = _useCartContext2.classNameCartTotalItemPrice,
+    classNameList = _useCartContext2.classNameList,
+    classNameListItem = _useCartContext2.classNameListItem;
+  var cartItems = cart.cartItems ? cart.cartItems : [];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classNameCartTotaListContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+      className: classNameList,
+      children: [!!Number(cart.discountedAmount) && /*#__PURE__*/(0, _jsxRuntime.jsx)(CostsListItem, {
+        attr: "discountedAmount",
+        name: "Discount"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CostsListItem, {
+        attr: "cartItemsSubtotalCost",
+        name: "Subtotal"
+      }), (0, _cart.cartRequiresShipment)(_objectSpread(_objectSpread({}, cart), {}, {
+        cartItems: cartItems
+      })) && /*#__PURE__*/(0, _jsxRuntime.jsx)(CostsListItem, {
+        attr: "shipmentTotalCost",
+        name: "Shipping"
+      }), !!cart.taxAmount && /*#__PURE__*/(0, _jsxRuntime.jsx)(CostsListItem, {
+        attr: "taxAmount",
+        name: "Tax"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CostsListItem, {
+        attr: "totalCost",
+        name: "Total"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+        className: classNameListItem,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: classNameCartTotalItemPrice,
+          children: "Total price includes taxes"
+        })
+      })]
+    })
+  });
+}
+var _default = exports["default"] = CartTotalsListGroup;

package/lib/components/Collapse.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Collapse({ isOpen, children }: any): React.JSX.Element;
+export default Collapse;

package/lib/components/Collapse.js

@@ -0,0 +1,40 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function Collapse(_ref) {
+  var isOpen = _ref.isOpen,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(isOpen ? 'auto' : '0'),
+    _useState2 = _slicedToArray(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    setHeight(isOpen ? "".concat(ref.current.scrollHeight, "px") : '0');
+  }, [isOpen]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "merchi-collapse ".concat(isOpen ? 'show' : ''),
+    ref: ref,
+    style: {
+      transition: 'height 0.35s ease',
+      overflow: 'hidden',
+      height: height
+    },
+    children: children
+  });
+}
+var _default = exports["default"] = Collapse;

package/lib/components/CustomCartProductForm.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface Props {
+    product: any;
+    /** Current cart item used to hydrate quantity / selections. */
+    initialJob: any;
+    apiUrl?: string;
+    onSave: (job: any) => void;
+    /** Rendered when there is no published bundle or load/runtime fails. */
+    fallback: React.ReactNode;
+    /** Notifies the host when the custom form is actively rendering. */
+    onActiveChange?: (active: boolean) => void;
+}
+/**
+ * Loads a product's published custom form for cart-item edit. On any failure
+ * renders `fallback` (the default @merchi/product-form) so the cart stays usable.
+ */
+export declare function CustomCartProductForm({ product, initialJob, apiUrl, onSave, fallback, onActiveChange, }: Props): React.JSX.Element;
+export default CustomCartProductForm;

package/lib/components/CustomCartProductForm.js

@@ -0,0 +1,136 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomCartProductForm = CustomCartProductForm;
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _productFormSdkExternals = require("./product-form-sdk-externals");
+var _customForm = require("../utilities/customForm");
+var _LoadingTemplate = require("./LoadingTemplate");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/**
+ * Loads a product's published custom form for cart-item edit. On any failure
+ * renders `fallback` (the default @merchi/product-form) so the cart stays usable.
+ */
+function CustomCartProductForm(_ref) {
+  var _publishedFormBundle$, _publishedFormBundle;
+  var product = _ref.product,
+    initialJob = _ref.initialJob,
+    apiUrl = _ref.apiUrl,
+    onSave = _ref.onSave,
+    fallback = _ref.fallback,
+    onActiveChange = _ref.onActiveChange;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    Loaded = _useState2[0],
+    setLoaded = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    failed = _useState4[0],
+    setFailed = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var onSaveRef = (0, _react.useRef)(onSave);
+  onSaveRef.current = onSave;
+  var onActiveChangeRef = (0, _react.useRef)(onActiveChange);
+  onActiveChangeRef.current = onActiveChange;
+  var bundleKey = (_publishedFormBundle$ = (_publishedFormBundle = (0, _customForm.publishedFormBundle)(product)) === null || _publishedFormBundle === void 0 ? void 0 : _publishedFormBundle.url) !== null && _publishedFormBundle$ !== void 0 ? _publishedFormBundle$ : '';
+  (0, _react.useEffect)(function () {
+    var active = true;
+    setLoaded(null);
+    setFailed(false);
+    setLoading(true);
+    var bundle = (0, _customForm.publishedFormBundle)(product);
+    if (!bundle) {
+      setFailed(true);
+      setLoading(false);
+      return;
+    }
+    var w = window;
+    w.React = _react["default"];
+    w.MerchiProductFormSdk = _productFormSdkExternals.MerchiProductFormSdkExternals;
+    (0, _customForm.loadFormBundle)(bundle).then(function (Component) {
+      if (active) {
+        setLoaded(function () {
+          return Component;
+        });
+        setLoading(false);
+      }
+    })["catch"](function (e) {
+      console.error('[merchi_cart] custom form load failed', e);
+      if (active) {
+        setFailed(true);
+        setLoading(false);
+      }
+    });
+    return function () {
+      active = false;
+    };
+  }, [product, bundleKey]);
+  var props = (0, _react.useMemo)(function () {
+    try {
+      var runtime = _productFormSdkExternals.MerchiProductFormSdkExternals.createProductFormRuntime({
+        apiUrl: apiUrl || '',
+        product: product,
+        onAddToCart: function onAddToCart(job) {
+          var _onSaveRef$current;
+          return (_onSaveRef$current = onSaveRef.current) === null || _onSaveRef$current === void 0 ? void 0 : _onSaveRef$current.call(onSaveRef, job);
+        }
+      });
+      return {
+        product: product,
+        pricing: runtime.pricing,
+        actions: runtime.actions,
+        helpers: runtime.helpers
+      };
+    } catch (e) {
+      console.error('[merchi_cart] custom form props build failed', e);
+      return null;
+    }
+  }, [product, apiUrl]);
+  var isActive = !failed && !loading && !!Loaded && !!props;
+  (0, _react.useEffect)(function () {
+    var _onActiveChangeRef$cu;
+    (_onActiveChangeRef$cu = onActiveChangeRef.current) === null || _onActiveChangeRef$cu === void 0 || _onActiveChangeRef$cu.call(onActiveChangeRef, isActive);
+    return function () {
+      var _onActiveChangeRef$cu2;
+      return (_onActiveChangeRef$cu2 = onActiveChangeRef.current) === null || _onActiveChangeRef$cu2 === void 0 ? void 0 : _onActiveChangeRef$cu2.call(onActiveChangeRef, false);
+    };
+  }, [isActive]);
+  if (loading) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingTemplate.LoadingTemplateSm, {});
+  if (failed || !Loaded || !props) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: fallback
+  });
+  var Shell = _productFormSdkExternals.MerchiProductFormSdkExternals.ProductFormShell;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: Shell ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Shell, {
+      product: props.product,
+      pricing: props.pricing,
+      actions: props.actions,
+      helpers: props.helpers,
+      initialJob: initialJob,
+      actionLabels: {
+        addToCart: 'Save'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Loaded, _objectSpread({}, props))
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Loaded, _objectSpread({}, props))
+  });
+}
+var _default = exports["default"] = CustomCartProductForm;

package/lib/components/CustomerCheckoutMethodTabs.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface CustomerCheckoutMethodTabsProps {
+    whatsappEnabled?: boolean;
+}
+export default function CustomerCheckoutMethodTabs({ whatsappEnabled, }: CustomerCheckoutMethodTabsProps): React.JSX.Element;
+export {};

package/lib/components/CustomerCheckoutMethodTabs.js

@@ -0,0 +1,103 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = CustomerCheckoutMethodTabs;
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _bi = require("react-icons/bi");
+var _fa = require("react-icons/fa");
+var _FormNewCustomer = _interopRequireDefault(require("../forms/FormNewCustomer"));
+var _FormReturningCustomer = _interopRequireDefault(require("../forms/FormReturningCustomer"));
+var _FormWhatsappCustomer = _interopRequireDefault(require("../forms/FormWhatsappCustomer"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function renderSectionIcon(iconType) {
+  if (iconType === 'whatsapp') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_fa.FaWhatsapp, {
+      className: "merchi-customer-checkout-option__icon-svg merchi-customer-checkout-option__icon-svg--whatsapp"
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bi.BiUser, {
+    className: "merchi-customer-checkout-option__icon-svg"
+  });
+}
+function CustomerCheckoutMethodTabs(_ref) {
+  var _ref$whatsappEnabled = _ref.whatsappEnabled,
+    whatsappEnabled = _ref$whatsappEnabled === void 0 ? false : _ref$whatsappEnabled;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeMethod = _useState2[0],
+    setActiveMethod = _useState2[1];
+  var sections = [{
+    id: 'returning',
+    label: 'Returning customer',
+    iconType: 'user',
+    form: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormReturningCustomer["default"], {})
+  }, {
+    id: 'new',
+    label: 'New customer',
+    iconType: 'user',
+    form: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormNewCustomer["default"], {})
+  }];
+  if (whatsappEnabled) {
+    sections.push({
+      id: 'whatsapp',
+      label: 'WhatsApp checkout',
+      iconType: 'whatsapp',
+      form: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormWhatsappCustomer["default"], {})
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      className: "merchi-customer-checkout__heading",
+      children: "Choose a checkout option"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "merchi-customer-checkout-options",
+      role: "radiogroup",
+      "aria-label": "Choose a checkout option",
+      children: sections.map(function (section) {
+        var isSelected = activeMethod === section.id;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "merchi-customer-checkout-option".concat(isSelected ? ' is-selected' : ''),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+            type: "button",
+            role: "radio",
+            "aria-checked": isSelected,
+            "aria-expanded": isSelected,
+            className: "merchi-customer-checkout-option__header",
+            onClick: function onClick() {
+              return setActiveMethod(section.id);
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+              className: "merchi-customer-checkout-option__title",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "merchi-customer-checkout-option__icon",
+                children: renderSectionIcon(section.iconType)
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "merchi-customer-checkout-option__label",
+                children: section.label
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "merchi-customer-checkout-option__checkbox",
+              "aria-hidden": true,
+              children: isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_bi.BiCheck, {})
+            })]
+          }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "merchi-customer-checkout-option__body",
+            children: section.form
+          })]
+        }, section.id);
+      })
+    })]
+  });
+}

package/lib/components/DiscountInputGroup.d.ts

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