merchi_cart 0.0.4-a → 0.0.4-c

package/lib/Cart.js

@@ -1,35 +1,69 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = require("react");
-const react_redux_1 = require("react-redux");
-const store_1 = require("./store");
-const CartAlert_1 = require("./CartAlert");
-const CartHeader_1 = require("./CartHeader");
-const CartNav_1 = require("./tabs/CartNav");
-const CartTotals_1 = require("./CartTotals");
-const CartProvider_1 = require("./CartProvider");
-const buttons_1 = require("./buttons");
-const components_1 = require("./components");
-const panels_1 = require("./panels");
-const sliceCart_1 = require("./slices/sliceCart");
-const store_2 = require("./store");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Cart;
+var React = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _store = require("./store");
+var _CartAlert = _interopRequireDefault(require("./CartAlert"));
+var _CartHeader = _interopRequireDefault(require("./CartHeader"));
+var _CartNav = _interopRequireDefault(require("./tabs/CartNav"));
+var _CartTotals = _interopRequireDefault(require("./CartTotals"));
+var _CartProvider = _interopRequireWildcard(require("./CartProvider"));
+var _buttons = require("./buttons");
+var _components = require("./components");
+var _panels = require("./panels");
+var _sliceCart = require("./slices/sliceCart");
 require("./styles/globals.css");
+var _jsxRuntime = require("react/jsx-runtime");
+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 _getRequireWildcardCache(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 && Object.prototype.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 _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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 CartComponents() {
-    const { domainId, includeTheme, initialiseCart } = (0, CartProvider_1.useCartContext)();
-    const { activeTab, cartSettingsInvalid, fetchingCart, } = (0, react_redux_1.useSelector)((s) => s.stateCart);
-    React.useEffect(() => {
-        if (initialiseCart && domainId) {
-            if (includeTheme) {
-                (0, store_2.actionFetchTheme)(domainId);
-            }
-            (0, store_2.initMerchiCart)(domainId);
-        }
-    }, [domainId, includeTheme, initialiseCart]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(CartHeader_1.default, {}), (0, jsx_runtime_1.jsx)(CartAlert_1.default, {}), (0, jsx_runtime_1.jsx)(CartNav_1.default, {}), fetchingCart ? ((0, jsx_runtime_1.jsx)(components_1.LoadingTemplate, {})) : cartSettingsInvalid ? ((0, jsx_runtime_1.jsx)(components_1.CartPaymentSettingsInvalid, {})) : ((0, jsx_runtime_1.jsxs)("div", { className: 'merchi-tab-pane', children: [(0, jsx_runtime_1.jsx)(panels_1.PanelClearCart, {}), (0, jsx_runtime_1.jsx)(panels_1.PanelEditCartItem, {}), (0, jsx_runtime_1.jsx)(panels_1.PanelCartItems, {}), (0, jsx_runtime_1.jsx)(panels_1.PanelCartShipment, {}), (0, jsx_runtime_1.jsx)(panels_1.PanelClientCheckout, {}), (0, jsx_runtime_1.jsx)(panels_1.PanelPaymentSuccess, {}), ![sliceCart_1.tabIdItem, sliceCart_1.tabIdClearCart, sliceCart_1.tabIdPaymentSuccess].includes(activeTab) &&
-                        (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.CartFooter, { children: (0, jsx_runtime_1.jsx)(CartTotals_1.default, {}) }), (0, jsx_runtime_1.jsxs)(components_1.CartFooter, { children: [(0, jsx_runtime_1.jsx)(buttons_1.ButtonClearCart, {}), (0, jsx_runtime_1.jsx)(buttons_1.ButtonBack, {}), (0, jsx_runtime_1.jsx)(buttons_1.ButtonNextDynamic, {})] })] })] }))] }));
+  var _useCartContext = (0, _CartProvider.useCartContext)(),
+    domainId = _useCartContext.domainId,
+    includeTheme = _useCartContext.includeTheme,
+    initialiseCart = _useCartContext.initialiseCart;
+  var _useSelector = (0, _reactRedux.useSelector)(function (s) {
+      return s.stateCart;
+    }),
+    activeTab = _useSelector.activeTab,
+    cartSettingsInvalid = _useSelector.cartSettingsInvalid,
+    fetchingCart = _useSelector.fetchingCart;
+  React.useEffect(function () {
+    if (initialiseCart && domainId) {
+      if (includeTheme) {
+        (0, _store.actionFetchTheme)(domainId);
+      }
+      (0, _store.initMerchiCart)(domainId);
+    }
+  }, [domainId, includeTheme, initialiseCart]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CartHeader["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartAlert["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartNav["default"], {}), fetchingCart ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.LoadingTemplate, {}) : cartSettingsInvalid ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CartPaymentSettingsInvalid, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "merchi-tab-pane",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_panels.PanelClearCart, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panels.PanelEditCartItem, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panels.PanelCartItems, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panels.PanelCartShipment, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panels.PanelClientCheckout, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_panels.PanelPaymentSuccess, {}), ![_sliceCart.tabIdItem, _sliceCart.tabIdClearCart, _sliceCart.tabIdPaymentSuccess].includes(activeTab) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CartFooter, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartTotals["default"], {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.CartFooter, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_buttons.ButtonClearCart, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttons.ButtonBack, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttons.ButtonNextDynamic, {})]
+        })]
+      })]
+    })]
+  });
 }
 function Cart(props) {
-    return ((0, jsx_runtime_1.jsx)(CartProvider_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(react_redux_1.Provider, { store: store_1.store, children: (0, jsx_runtime_1.jsx)(CartComponents, {}) }) }));
-}
-exports.default = Cart;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartProvider["default"], _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRedux.Provider, {
+      store: _store.store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CartComponents, {})
+    })
+  }));
+}

package/lib/CartAlert.js

@@ -1,17 +1,45 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_redux_1 = require("react-redux");
-const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-const components_1 = require("./components");
-const store_1 = require("./store");
-const CartProvider_1 = require("./CartProvider");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _reactRedux = require("react-redux");
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+var _components = require("./components");
+var _store = require("./store");
+var _CartProvider = require("./CartProvider");
+var _jsxRuntime = require("react/jsx-runtime");
 function CartAlert() {
-    const { classNameBtnClose } = (0, CartProvider_1.useCartContext)();
-    const { alert } = (0, react_redux_1.useSelector)((s) => s.stateCartAlert);
-    const { icon, message, show, title } = alert;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: show && ((0, jsx_runtime_1.jsxs)(components_1.Alert, { alertType: alert.type, children: [icon &&
-                    (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: icon }), " ", (0, jsx_runtime_1.jsx)("strong", { children: title }), " ", message, (0, jsx_runtime_1.jsx)("button", { type: "button", className: classNameBtnClose, "data-bs-dismiss": "alert", "aria-label": "Close", onClick: store_1.closeAlert, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faTimes }) })] })) }));
+  var _useCartContext = (0, _CartProvider.useCartContext)(),
+    classNameBtnClose = _useCartContext.classNameBtnClose;
+  var _useSelector = (0, _reactRedux.useSelector)(function (s) {
+      return s.stateCartAlert;
+    }),
+    alert = _useSelector.alert;
+  var icon = alert.icon,
+    message = alert.message,
+    show = alert.show,
+    title = alert.title;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: show && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Alert, {
+      alertType: alert.type,
+      children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+        icon: icon
+      }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+        children: title
+      }), " ", message, /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        className: classNameBtnClose,
+        "data-bs-dismiss": "alert",
+        "aria-label": "Close",
+        onClick: _store.closeAlert,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+          icon: _freeSolidSvgIcons.faTimes
+        })
+      })]
+    })
+  });
 }
-exports.default = CartAlert;
+var _default = exports["default"] = CartAlert;

package/lib/CartHeader.js

@@ -1,11 +1,35 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
-const CartProvider_1 = require("./CartProvider");
+
+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 _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
+var _CartProvider = require("./CartProvider");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 && Object.prototype.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 CartHeader() {
-    const { classNameCartHeader, classNameBtnClose, onClickClose, } = (0, CartProvider_1.useCartContext)();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classNameCartHeader, children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faShoppingCart }), " Shopping cart", (0, jsx_runtime_1.jsx)("button", { type: "button", className: classNameBtnClose, "aria-label": "Close", onClick: onClickClose, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faTimes }) })] }));
+  var _useCartContext = (0, _CartProvider.useCartContext)(),
+    classNameCartHeader = _useCartContext.classNameCartHeader,
+    classNameBtnClose = _useCartContext.classNameBtnClose,
+    onClickClose = _useCartContext.onClickClose;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classNameCartHeader,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+      icon: _freeSolidSvgIcons.faShoppingCart
+    }), " Shopping cart", /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      type: "button",
+      className: classNameBtnClose,
+      "aria-label": "Close",
+      onClick: onClickClose,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
+        icon: _freeSolidSvgIcons.faTimes
+      })
+    })]
+  });
 }
-exports.default = CartHeader;
+var _default = exports["default"] = CartHeader;