merchi_cart 0.0.4-b → 0.0.4-d

package/lib/Cart.js

@@ -1,43 +1,64 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import { Provider, useSelector } from 'react-redux';
-import { store } from './store';
-import CartAlert from './CartAlert';
-import CartHeader from './CartHeader';
-import CartNav from './tabs/CartNav';
-import CartTotals from './CartTotals';
-import CartProvider, { useCartContext } from './CartProvider';
-import { ButtonBack, ButtonClearCart, ButtonNextDynamic, } from './buttons';
-import { CartFooter, CartPaymentSettingsInvalid, LoadingTemplate, } from './components';
-import { PanelCartItems, PanelCartShipment, PanelClearCart, PanelClientCheckout, PanelEditCartItem, PanelPaymentSuccess, } from './panels';
-import { tabIdClearCart, tabIdItem, tabIdPaymentSuccess, } from './slices/sliceCart';
-import { actionFetchTheme, initMerchiCart, } from './store';
-import './styles/globals.css';
+"use strict";
+
+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 (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 CartComponents() {
-    var _a = useCartContext(), domainId = _a.domainId, includeTheme = _a.includeTheme, initialiseCart = _a.initialiseCart;
-    var _b = useSelector(function (s) { return s.stateCart; }), activeTab = _b.activeTab, cartSettingsInvalid = _b.cartSettingsInvalid, fetchingCart = _b.fetchingCart;
-    React.useEffect(function () {
-        if (initialiseCart && domainId) {
-            if (includeTheme) {
-                actionFetchTheme(domainId);
-            }
-            initMerchiCart(domainId);
-        }
-    }, [domainId, includeTheme, initialiseCart]);
-    return (_jsxs(_Fragment, { children: [_jsx(CartHeader, {}), _jsx(CartAlert, {}), _jsx(CartNav, {}), fetchingCart ? (_jsx(LoadingTemplate, {})) : cartSettingsInvalid ? (_jsx(CartPaymentSettingsInvalid, {})) : (_jsxs("div", { className: 'merchi-tab-pane', children: [_jsx(PanelClearCart, {}), _jsx(PanelEditCartItem, {}), _jsx(PanelCartItems, {}), _jsx(PanelCartShipment, {}), _jsx(PanelClientCheckout, {}), _jsx(PanelPaymentSuccess, {}), ![tabIdItem, tabIdClearCart, tabIdPaymentSuccess].includes(activeTab) &&
-                        _jsxs(_Fragment, { children: [_jsx(CartFooter, { children: _jsx(CartTotals, {}) }), _jsxs(CartFooter, { children: [_jsx(ButtonClearCart, {}), _jsx(ButtonBack, {}), _jsx(ButtonNextDynamic, {})] })] })] }))] }));
-}
-export default function Cart(props) {
-    return (_jsx(CartProvider, __assign({}, props, { children: _jsx(Provider, { store: store, children: _jsx(CartComponents, {}) }) })));
+  const {
+    domainId,
+    includeTheme,
+    initialiseCart
+  } = (0, _CartProvider.useCartContext)();
+  const {
+    activeTab,
+    cartSettingsInvalid,
+    fetchingCart
+  } = (0, _reactRedux.useSelector)(s => s.stateCart);
+  React.useEffect(() => {
+    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 /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartProvider.default, {
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRedux.Provider, {
+      store: _store.store,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CartComponents, {})
+    })
+  });
+}

package/lib/CartAlert.js

@@ -1,15 +1,47 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useSelector } from 'react-redux';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faTimes } from '@fortawesome/free-solid-svg-icons';
-import { Alert } from './components';
-import { closeAlert } from './store';
-import { useCartContext } from './CartProvider';
+"use strict";
+
+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() {
-    var classNameBtnClose = useCartContext().classNameBtnClose;
-    var alert = useSelector(function (s) { return s.stateCartAlert; }).alert;
-    var icon = alert.icon, message = alert.message, show = alert.show, title = alert.title;
-    return (_jsx(_Fragment, { children: show && (_jsxs(Alert, { alertType: alert.type, children: [icon &&
-                    _jsx(FontAwesomeIcon, { icon: icon }), " ", _jsx("strong", { children: title }), " ", message, _jsx("button", { type: "button", className: classNameBtnClose, "data-bs-dismiss": "alert", "aria-label": "Close", onClick: closeAlert, children: _jsx(FontAwesomeIcon, { icon: faTimes }) })] })) }));
+  const {
+    classNameBtnClose
+  } = (0, _CartProvider.useCartContext)();
+  const {
+    alert
+  } = (0, _reactRedux.useSelector)(s => s.stateCartAlert);
+  const {
+    icon,
+    message,
+    show,
+    title
+  } = alert;
+  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
+        })
+      })]
+    })
+  });
 }
-export default CartAlert;
+var _default = exports.default = CartAlert;

package/lib/CartHeader.js

@@ -1,9 +1,35 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faShoppingCart, faTimes } from '@fortawesome/free-solid-svg-icons';
-import { useCartContext } from './CartProvider';
+"use strict";
+
+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 (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() {
-    var _a = useCartContext(), classNameCartHeader = _a.classNameCartHeader, classNameBtnClose = _a.classNameBtnClose, onClickClose = _a.onClickClose;
-    return (_jsxs("div", { className: classNameCartHeader, children: [_jsx(FontAwesomeIcon, { icon: faShoppingCart }), " Shopping cart", _jsx("button", { type: "button", className: classNameBtnClose, "aria-label": "Close", onClick: onClickClose, children: _jsx(FontAwesomeIcon, { icon: faTimes }) })] }));
+  const {
+    classNameCartHeader,
+    classNameBtnClose,
+    onClickClose
+  } = (0, _CartProvider.useCartContext)();
+  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
+      })
+    })]
+  });
 }
-export default CartHeader;
+var _default = exports.default = CartHeader;