merchi_cart 0.0.6-h → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Cart.js +33 -39
- package/lib/CartAlert.js +20 -24
- package/lib/CartHeader.js +14 -22
- package/lib/CartProvider.js +9 -18
- package/lib/CartTotals.js +32 -37
- package/lib/assets/merchi-monster-loader.gif +0 -0
- package/lib/assets/merchi-swipe-outline.png +0 -0
- package/lib/assets/product-not-found.png +0 -0
- package/lib/buttons/Button.js +6 -15
- package/lib/buttons/ButtonBack.js +16 -25
- package/lib/buttons/ButtonClearCart.js +9 -16
- package/lib/buttons/ButtonInvoiceDownload.js +24 -30
- package/lib/buttons/ButtonNext.js +19 -28
- package/lib/buttons/ButtonNextDynamic.js +14 -23
- package/lib/buttons/ButtonPay.js +12 -21
- package/lib/buttons/ButtonShipmentTabNext.js +17 -26
- package/lib/buttons/index.js +7 -48
- package/lib/components/Alert.js +6 -15
- package/lib/components/CartBody.js +6 -15
- package/lib/components/CartClient.js +29 -39
- package/lib/components/CartFooter.js +6 -15
- package/lib/components/CartItemRow.js +47 -55
- package/lib/components/CartPaymentSettingsInvalid.js +7 -15
- package/lib/components/CartShipment.js +25 -31
- package/lib/components/CartTabContent.js +6 -15
- package/lib/components/CartTabPanel.js +7 -13
- package/lib/components/CartTableContainer.js +6 -15
- package/lib/components/Collapse.js +8 -17
- package/lib/components/LoadingTemplate.js +8 -15
- package/lib/components/NoCartItems.js +11 -20
- package/lib/components/ShipmentGroupCard.js +49 -57
- package/lib/components/Table.js +5 -11
- package/lib/components/Title.js +12 -20
- package/lib/components/containers.js +6 -16
- package/lib/components/index.js +14 -106
- package/lib/forms/FormNewCustomer.js +35 -44
- package/lib/forms/FormReturningCustomer.js +21 -27
- package/lib/forms/FormShipmentAddressAndNotes.js +33 -40
- package/lib/forms/FormSquarePayment.js +8 -14
- package/lib/forms/FormStripePayment.js +8 -14
- package/lib/forms/InputAcceptUserTermsAndConditions.js +10 -15
- package/lib/forms/InputError.js +6 -15
- package/lib/forms/InputSelect.js +15 -21
- package/lib/forms/InputText.js +12 -18
- package/lib/forms/InputsAddress.js +54 -59
- package/lib/index.js +3 -32
- package/lib/panels/PanelCartItems.js +23 -29
- package/lib/panels/PanelCartShipment.js +30 -34
- package/lib/panels/PanelClearCart.js +26 -31
- package/lib/panels/PanelClientCheckout.js +43 -48
- package/lib/panels/PanelEditCartItem.js +23 -29
- package/lib/panels/PanelPaymentSuccess.js +34 -39
- package/lib/panels/index.js +7 -48
- package/lib/slices/sliceCart.js +14 -21
- package/lib/slices/sliceCartAlert.js +6 -12
- package/lib/slices/sliceCartItem.js +3 -9
- package/lib/slices/sliceCartPayment.js +2 -8
- package/lib/slices/sliceCartShipment.js +3 -9
- package/lib/slices/sliceFormReturningCustomer.js +3 -9
- package/lib/slices/sliceNewCustomerForm.js +3 -9
- package/lib/square/SquareCard.js +19 -26
- package/lib/square/actions.js +8 -16
- package/lib/square/slices/reducersSquare.js +5 -12
- package/lib/square/slices/sliceSquareAlerts.js +3 -9
- package/lib/square/slices/sliceSquareForm.js +3 -9
- package/lib/store.js +118 -147
- package/lib/stripe/StripeCardFields.js +33 -40
- package/lib/stripe/StripeCardForm.js +35 -41
- package/lib/stripe/StripePaymentButtons.js +14 -23
- package/lib/stripe/actions.js +3 -11
- package/lib/stripe/slices/sliceStripeAlerts.js +3 -9
- package/lib/stripe/slices/sliceStripeCardForm.js +5 -12
- package/lib/stripe/slices/sliceStripeForm.js +3 -9
- package/lib/stripe/utils.js +2 -9
- package/lib/styles/globals.css +208 -0
- package/lib/styles/globals.css.map +1 -0
- package/lib/tabs/CartNav.js +13 -22
- package/lib/tabs/NavTab.js +15 -23
- package/lib/utilities/address.js +6 -15
- package/lib/utilities/cart.js +14 -26
- package/lib/utilities/company.js +2 -9
- package/lib/utilities/cookie.js +8 -16
- package/lib/utilities/currency.js +5 -15
- package/lib/utilities/helpers.js +8 -19
- package/lib/utilities/invoice.js +1 -7
- package/lib/utilities/product.js +3 -10
- package/lib/utilities/user.js +9 -19
- package/lib/utilities/variations.js +3 -11
- package/package.json +5 -13
package/lib/Cart.js
CHANGED
|
@@ -1,38 +1,32 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = Cart;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactRedux = require("react-redux");
|
|
9
|
-
var _store = require("./store");
|
|
10
|
-
var _CartAlert = _interopRequireDefault(require("./CartAlert"));
|
|
11
|
-
var _CartHeader = _interopRequireDefault(require("./CartHeader"));
|
|
12
|
-
var _CartNav = _interopRequireDefault(require("./tabs/CartNav"));
|
|
13
|
-
var _CartTotals = _interopRequireDefault(require("./CartTotals"));
|
|
14
|
-
var _CartProvider = _interopRequireWildcard(require("./CartProvider"));
|
|
15
|
-
var _buttons = require("./buttons");
|
|
16
|
-
var _components = require("./components");
|
|
17
|
-
var _panels = require("./panels");
|
|
18
|
-
var _sliceCart = require("./slices/sliceCart");
|
|
19
|
-
require("./styles/globals.css");
|
|
20
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
22
|
-
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); }
|
|
23
|
-
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; }
|
|
24
1
|
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); }
|
|
25
2
|
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; }
|
|
26
3
|
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; }
|
|
27
4
|
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; }
|
|
28
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
29
6
|
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); }
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { Provider, useSelector } from 'react-redux';
|
|
9
|
+
import { store } from './store';
|
|
10
|
+
import CartAlert from './CartAlert';
|
|
11
|
+
import CartHeader from './CartHeader';
|
|
12
|
+
import CartNav from './tabs/CartNav';
|
|
13
|
+
import CartTotals from './CartTotals';
|
|
14
|
+
import CartProvider, { useCartContext } from './CartProvider';
|
|
15
|
+
import { ButtonBack, ButtonClearCart, ButtonNextDynamic } from './buttons';
|
|
16
|
+
import { CartFooter, CartPaymentSettingsInvalid, LoadingTemplate } from './components';
|
|
17
|
+
import { PanelCartItems, PanelCartShipment, PanelClearCart, PanelClientCheckout, PanelEditCartItem, PanelPaymentSuccess } from './panels';
|
|
18
|
+
import { tabIdClearCart, tabIdItem, tabIdPaymentSuccess } from './slices/sliceCart';
|
|
19
|
+
import { actionFetchTheme, initMerchiCart } from './store';
|
|
20
|
+
import './styles/globals.css';
|
|
21
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
22
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
30
24
|
function CartComponents() {
|
|
31
|
-
var _useCartContext =
|
|
25
|
+
var _useCartContext = useCartContext(),
|
|
32
26
|
domainId = _useCartContext.domainId,
|
|
33
27
|
includeTheme = _useCartContext.includeTheme,
|
|
34
28
|
initialiseCart = _useCartContext.initialiseCart;
|
|
35
|
-
var _useSelector =
|
|
29
|
+
var _useSelector = useSelector(function (s) {
|
|
36
30
|
return s.stateCart;
|
|
37
31
|
}),
|
|
38
32
|
activeTab = _useSelector.activeTab,
|
|
@@ -41,29 +35,29 @@ function CartComponents() {
|
|
|
41
35
|
React.useEffect(function () {
|
|
42
36
|
if (initialiseCart && domainId) {
|
|
43
37
|
if (includeTheme) {
|
|
44
|
-
|
|
38
|
+
actionFetchTheme(domainId);
|
|
45
39
|
}
|
|
46
|
-
|
|
40
|
+
initMerchiCart(domainId);
|
|
47
41
|
}
|
|
48
42
|
}, [domainId, includeTheme, initialiseCart]);
|
|
49
|
-
return /*#__PURE__*/(
|
|
50
|
-
children: [/*#__PURE__*/(
|
|
43
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
44
|
+
children: [/*#__PURE__*/_jsx(CartHeader, {}), /*#__PURE__*/_jsx(CartAlert, {}), /*#__PURE__*/_jsx(CartNav, {}), fetchingCart ? /*#__PURE__*/_jsx(LoadingTemplate, {}) : cartSettingsInvalid ? /*#__PURE__*/_jsx(CartPaymentSettingsInvalid, {}) : /*#__PURE__*/_jsxs("div", {
|
|
51
45
|
className: "merchi-tab-pane",
|
|
52
|
-
children: [/*#__PURE__*/(
|
|
53
|
-
children: [/*#__PURE__*/(
|
|
54
|
-
children: /*#__PURE__*/(
|
|
55
|
-
}), /*#__PURE__*/(
|
|
56
|
-
children: [/*#__PURE__*/(
|
|
46
|
+
children: [/*#__PURE__*/_jsx(PanelClearCart, {}), /*#__PURE__*/_jsx(PanelEditCartItem, {}), /*#__PURE__*/_jsx(PanelCartItems, {}), /*#__PURE__*/_jsx(PanelCartShipment, {}), /*#__PURE__*/_jsx(PanelClientCheckout, {}), /*#__PURE__*/_jsx(PanelPaymentSuccess, {}), ![tabIdItem, tabIdClearCart, tabIdPaymentSuccess].includes(activeTab) && /*#__PURE__*/_jsxs(_Fragment, {
|
|
47
|
+
children: [/*#__PURE__*/_jsx(CartFooter, {
|
|
48
|
+
children: /*#__PURE__*/_jsx(CartTotals, {})
|
|
49
|
+
}), /*#__PURE__*/_jsxs(CartFooter, {
|
|
50
|
+
children: [/*#__PURE__*/_jsx(ButtonClearCart, {}), /*#__PURE__*/_jsx(ButtonBack, {}), /*#__PURE__*/_jsx(ButtonNextDynamic, {})]
|
|
57
51
|
})]
|
|
58
52
|
})]
|
|
59
53
|
})]
|
|
60
54
|
});
|
|
61
55
|
}
|
|
62
|
-
function Cart(props) {
|
|
63
|
-
return /*#__PURE__*/(
|
|
64
|
-
children: /*#__PURE__*/(
|
|
65
|
-
store:
|
|
66
|
-
children: /*#__PURE__*/(
|
|
56
|
+
export default function Cart(props) {
|
|
57
|
+
return /*#__PURE__*/_jsx(CartProvider, _objectSpread(_objectSpread({}, props), {}, {
|
|
58
|
+
children: /*#__PURE__*/_jsx(Provider, {
|
|
59
|
+
store: store,
|
|
60
|
+
children: /*#__PURE__*/_jsx(CartComponents, {})
|
|
67
61
|
})
|
|
68
62
|
}));
|
|
69
63
|
}
|
package/lib/CartAlert.js
CHANGED
|
@@ -1,20 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _components = require("./components");
|
|
11
|
-
var _store = require("./store");
|
|
12
|
-
var _CartProvider = require("./CartProvider");
|
|
13
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
1
|
+
import { useSelector } from 'react-redux';
|
|
2
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
3
|
+
import { faTimes } from '@fortawesome/free-solid-svg-icons';
|
|
4
|
+
import { Alert } from './components';
|
|
5
|
+
import { closeAlert } from './store';
|
|
6
|
+
import { useCartContext } from './CartProvider';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
14
10
|
function CartAlert() {
|
|
15
|
-
var _useCartContext =
|
|
11
|
+
var _useCartContext = useCartContext(),
|
|
16
12
|
classNameBtnClose = _useCartContext.classNameBtnClose;
|
|
17
|
-
var _useSelector =
|
|
13
|
+
var _useSelector = useSelector(function (s) {
|
|
18
14
|
return s.stateCartAlert;
|
|
19
15
|
}),
|
|
20
16
|
alert = _useSelector.alert;
|
|
@@ -22,24 +18,24 @@ function CartAlert() {
|
|
|
22
18
|
message = alert.message,
|
|
23
19
|
show = alert.show,
|
|
24
20
|
title = alert.title;
|
|
25
|
-
return /*#__PURE__*/(
|
|
26
|
-
children: show && /*#__PURE__*/(
|
|
21
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
22
|
+
children: show && /*#__PURE__*/_jsxs(Alert, {
|
|
27
23
|
alertType: alert.type,
|
|
28
|
-
children: [icon && /*#__PURE__*/(
|
|
24
|
+
children: [icon && /*#__PURE__*/_jsx(FontAwesomeIcon, {
|
|
29
25
|
icon: icon
|
|
30
|
-
}), " ", /*#__PURE__*/(
|
|
26
|
+
}), " ", /*#__PURE__*/_jsx("strong", {
|
|
31
27
|
children: title
|
|
32
|
-
}), " ", message, /*#__PURE__*/(
|
|
28
|
+
}), " ", message, /*#__PURE__*/_jsx("button", {
|
|
33
29
|
type: "button",
|
|
34
30
|
className: classNameBtnClose,
|
|
35
31
|
"data-bs-dismiss": "alert",
|
|
36
32
|
"aria-label": "Close",
|
|
37
|
-
onClick:
|
|
38
|
-
children: /*#__PURE__*/(
|
|
39
|
-
icon:
|
|
33
|
+
onClick: closeAlert,
|
|
34
|
+
children: /*#__PURE__*/_jsx(FontAwesomeIcon, {
|
|
35
|
+
icon: faTimes
|
|
40
36
|
})
|
|
41
37
|
})]
|
|
42
38
|
})
|
|
43
39
|
});
|
|
44
40
|
}
|
|
45
|
-
|
|
41
|
+
export default CartAlert;
|
package/lib/CartHeader.js
CHANGED
|
@@ -1,35 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _reactFontawesome = require("@fortawesome/react-fontawesome");
|
|
10
|
-
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
|
|
11
|
-
var _CartProvider = require("./CartProvider");
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
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); }
|
|
14
|
-
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; }
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
3
|
+
import { faShoppingCart, faTimes } from '@fortawesome/free-solid-svg-icons';
|
|
4
|
+
import { useCartContext } from './CartProvider';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
7
|
function CartHeader() {
|
|
16
|
-
var _useCartContext =
|
|
8
|
+
var _useCartContext = useCartContext(),
|
|
17
9
|
classNameCartHeader = _useCartContext.classNameCartHeader,
|
|
18
10
|
classNameBtnClose = _useCartContext.classNameBtnClose,
|
|
19
11
|
onClickClose = _useCartContext.onClickClose;
|
|
20
|
-
return /*#__PURE__*/(
|
|
12
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
21
13
|
className: classNameCartHeader,
|
|
22
|
-
children: [/*#__PURE__*/(
|
|
23
|
-
icon:
|
|
24
|
-
}), " Shopping cart", /*#__PURE__*/(
|
|
14
|
+
children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
|
|
15
|
+
icon: faShoppingCart
|
|
16
|
+
}), " Shopping cart", /*#__PURE__*/_jsx("button", {
|
|
25
17
|
type: "button",
|
|
26
18
|
className: classNameBtnClose,
|
|
27
19
|
"aria-label": "Close",
|
|
28
20
|
onClick: onClickClose,
|
|
29
|
-
children: /*#__PURE__*/(
|
|
30
|
-
icon:
|
|
21
|
+
children: /*#__PURE__*/_jsx(FontAwesomeIcon, {
|
|
22
|
+
icon: faTimes
|
|
31
23
|
})
|
|
32
24
|
})]
|
|
33
25
|
});
|
|
34
26
|
}
|
|
35
|
-
|
|
27
|
+
export default CartHeader;
|
package/lib/CartProvider.js
CHANGED
|
@@ -1,22 +1,13 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.useCartContext = exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var React = _react;
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
14
2
|
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."); }
|
|
15
3
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
16
4
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
17
5
|
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; } }
|
|
18
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
|
-
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { createContext, useContext, useState } from 'react';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
var CartContext = /*#__PURE__*/createContext({
|
|
20
11
|
classNameAlertError: undefined,
|
|
21
12
|
classNameAlertInfo: undefined,
|
|
22
13
|
classNameAlertSuccess: undefined,
|
|
@@ -87,8 +78,8 @@ var CartContext = /*#__PURE__*/(0, _react.createContext)({
|
|
|
87
78
|
urlFrontend: undefined,
|
|
88
79
|
urlTrackingPage: undefined
|
|
89
80
|
});
|
|
90
|
-
var useCartContext =
|
|
91
|
-
return
|
|
81
|
+
export var useCartContext = function useCartContext() {
|
|
82
|
+
return useContext(CartContext);
|
|
92
83
|
};
|
|
93
84
|
var CartProvider = function CartProvider(_ref) {
|
|
94
85
|
var children = _ref.children,
|
|
@@ -227,7 +218,7 @@ var CartProvider = function CartProvider(_ref) {
|
|
|
227
218
|
_ref$urlFrontend = _ref.urlFrontend,
|
|
228
219
|
urlFrontend = _ref$urlFrontend === void 0 ? 'https://merchi.co/' : _ref$urlFrontend,
|
|
229
220
|
urlTrackingPage = _ref.urlTrackingPage;
|
|
230
|
-
var _useState =
|
|
221
|
+
var _useState = useState(false),
|
|
231
222
|
_useState2 = _slicedToArray(_useState, 2),
|
|
232
223
|
googlePlacesLoaded = _useState2[0],
|
|
233
224
|
setGoogleMapsLoaded = _useState2[1];
|
|
@@ -239,7 +230,7 @@ var CartProvider = function CartProvider(_ref) {
|
|
|
239
230
|
};
|
|
240
231
|
}
|
|
241
232
|
}
|
|
242
|
-
return /*#__PURE__*/(
|
|
233
|
+
return /*#__PURE__*/_jsx(CartContext.Provider, {
|
|
243
234
|
value: {
|
|
244
235
|
classNameAlertError: classNameAlertError,
|
|
245
236
|
classNameAlertInfo: classNameAlertInfo,
|
|
@@ -314,4 +305,4 @@ var CartProvider = function CartProvider(_ref) {
|
|
|
314
305
|
children: children
|
|
315
306
|
});
|
|
316
307
|
};
|
|
317
|
-
|
|
308
|
+
export default CartProvider;
|
package/lib/CartTotals.js
CHANGED
|
@@ -1,32 +1,27 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _reactRedux = require("react-redux");
|
|
8
|
-
var _currency = require("./utilities/currency");
|
|
9
|
-
var _cart = require("./utilities/cart");
|
|
10
|
-
var _reactFontawesome = require("@fortawesome/react-fontawesome");
|
|
11
|
-
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
|
|
12
|
-
var _components = require("./components");
|
|
13
|
-
var _CartProvider = require("./CartProvider");
|
|
14
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
1
|
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); }
|
|
16
2
|
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; }
|
|
17
3
|
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; }
|
|
18
4
|
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; }
|
|
19
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
20
6
|
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); }
|
|
7
|
+
import { useSelector } from 'react-redux';
|
|
8
|
+
import { formatCurrency } from './utilities/currency';
|
|
9
|
+
import { cartRequiresShipment } from './utilities/cart';
|
|
10
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
11
|
+
import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
|
|
12
|
+
import { Table } from './components';
|
|
13
|
+
import { useCartContext } from './CartProvider';
|
|
14
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
21
16
|
function CartTotal(_ref) {
|
|
22
17
|
var attribute = _ref.attribute;
|
|
23
|
-
var _useSelector =
|
|
18
|
+
var _useSelector = useSelector(function (s) {
|
|
24
19
|
return s.stateCart;
|
|
25
20
|
}),
|
|
26
21
|
cart = _useSelector.cart,
|
|
27
22
|
fetchingCart = _useSelector.fetchingCart,
|
|
28
23
|
loading = _useSelector.loading;
|
|
29
|
-
var _useSelector2 =
|
|
24
|
+
var _useSelector2 = useSelector(function (s) {
|
|
30
25
|
return s.stateCartShipment;
|
|
31
26
|
}),
|
|
32
27
|
fetchingShipmentGroups = _useSelector2.fetchingShipmentGroups,
|
|
@@ -36,14 +31,14 @@ function CartTotal(_ref) {
|
|
|
36
31
|
var currency = company ? company.defaultCurrency : 'AUD';
|
|
37
32
|
var isLoading = fetchingCart || fetchingShipmentGroups || fetchingShipmentQuote || loading;
|
|
38
33
|
var money = cart[attribute] ? cart[attribute] : 0;
|
|
39
|
-
return /*#__PURE__*/(
|
|
34
|
+
return /*#__PURE__*/_jsx("div", {
|
|
40
35
|
style: {
|
|
41
36
|
paddingRight: 8
|
|
42
37
|
},
|
|
43
|
-
children: isLoading ? /*#__PURE__*/(
|
|
44
|
-
icon:
|
|
38
|
+
children: isLoading ? /*#__PURE__*/_jsx(FontAwesomeIcon, {
|
|
39
|
+
icon: faCircleNotch,
|
|
45
40
|
spin: true
|
|
46
|
-
}) : "".concat(currency, " ").concat(
|
|
41
|
+
}) : "".concat(currency, " ").concat(formatCurrency(money, {
|
|
47
42
|
currency: currency
|
|
48
43
|
}))
|
|
49
44
|
});
|
|
@@ -51,47 +46,47 @@ function CartTotal(_ref) {
|
|
|
51
46
|
function CostsTableRow(_ref2) {
|
|
52
47
|
var attr = _ref2.attr,
|
|
53
48
|
name = _ref2.name;
|
|
54
|
-
var _useCartContext =
|
|
49
|
+
var _useCartContext = useCartContext(),
|
|
55
50
|
classNameCartTotalItem = _useCartContext.classNameCartTotalItem,
|
|
56
51
|
classNameCartTotalItemPrice = _useCartContext.classNameCartTotalItemPrice;
|
|
57
|
-
return /*#__PURE__*/(
|
|
58
|
-
children: [/*#__PURE__*/(
|
|
52
|
+
return /*#__PURE__*/_jsxs("tr", {
|
|
53
|
+
children: [/*#__PURE__*/_jsx("td", {
|
|
59
54
|
className: classNameCartTotalItem,
|
|
60
55
|
children: name
|
|
61
|
-
}), /*#__PURE__*/(
|
|
56
|
+
}), /*#__PURE__*/_jsx("th", {
|
|
62
57
|
className: classNameCartTotalItemPrice,
|
|
63
|
-
children: /*#__PURE__*/(
|
|
58
|
+
children: /*#__PURE__*/_jsx(CartTotal, {
|
|
64
59
|
attribute: attr
|
|
65
60
|
})
|
|
66
61
|
})]
|
|
67
62
|
});
|
|
68
63
|
}
|
|
69
64
|
function CartTotals() {
|
|
70
|
-
var _useCartContext2 =
|
|
65
|
+
var _useCartContext2 = useCartContext(),
|
|
71
66
|
classNameCartTotalContainer = _useCartContext2.classNameCartTotalContainer,
|
|
72
67
|
classNameCartTotalItemPrice = _useCartContext2.classNameCartTotalItemPrice;
|
|
73
|
-
var _useSelector3 =
|
|
68
|
+
var _useSelector3 = useSelector(function (s) {
|
|
74
69
|
return s.stateCart;
|
|
75
70
|
}),
|
|
76
71
|
cart = _useSelector3.cart;
|
|
77
72
|
var cartItems = cart.cartItems ? cart.cartItems : [];
|
|
78
|
-
return /*#__PURE__*/(
|
|
73
|
+
return /*#__PURE__*/_jsx("div", {
|
|
79
74
|
className: classNameCartTotalContainer,
|
|
80
|
-
children: /*#__PURE__*/(
|
|
81
|
-
children: /*#__PURE__*/(
|
|
82
|
-
children: [/*#__PURE__*/(
|
|
75
|
+
children: /*#__PURE__*/_jsx(Table, {
|
|
76
|
+
children: /*#__PURE__*/_jsxs("tbody", {
|
|
77
|
+
children: [/*#__PURE__*/_jsx(CostsTableRow, {
|
|
83
78
|
attr: "cartItemsTotalCost",
|
|
84
79
|
name: "Subtotal"
|
|
85
|
-
}),
|
|
80
|
+
}), cartRequiresShipment(_objectSpread(_objectSpread({}, cart), {}, {
|
|
86
81
|
cartItems: cartItems
|
|
87
|
-
})) && /*#__PURE__*/(
|
|
82
|
+
})) && /*#__PURE__*/_jsx(CostsTableRow, {
|
|
88
83
|
attr: "shipmentTotalCost",
|
|
89
84
|
name: "Shipping"
|
|
90
|
-
}), /*#__PURE__*/(
|
|
85
|
+
}), /*#__PURE__*/_jsx(CostsTableRow, {
|
|
91
86
|
attr: "totalCost",
|
|
92
87
|
name: "Total"
|
|
93
|
-
}), /*#__PURE__*/(
|
|
94
|
-
children: [/*#__PURE__*/(
|
|
88
|
+
}), /*#__PURE__*/_jsxs("tr", {
|
|
89
|
+
children: [/*#__PURE__*/_jsx("td", {}), /*#__PURE__*/_jsx("td", {
|
|
95
90
|
className: classNameCartTotalItemPrice,
|
|
96
91
|
children: "Total price includes taxes"
|
|
97
92
|
})]
|
|
@@ -100,4 +95,4 @@ function CartTotals() {
|
|
|
100
95
|
})
|
|
101
96
|
});
|
|
102
97
|
}
|
|
103
|
-
|
|
98
|
+
export default CartTotals;
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/lib/buttons/Button.js
CHANGED
|
@@ -1,16 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = Button;
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _CartProvider = require("../CartProvider");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
function Button(_ref) {
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useCartContext } from "../CartProvider";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
export default function Button(_ref) {
|
|
14
5
|
var children = _ref.children,
|
|
15
6
|
_ref$className = _ref.className,
|
|
16
7
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
@@ -19,9 +10,9 @@ function Button(_ref) {
|
|
|
19
10
|
onClick = _ref.onClick,
|
|
20
11
|
_ref$type = _ref.type,
|
|
21
12
|
type = _ref$type === void 0 ? 'button' : _ref$type;
|
|
22
|
-
var _useCartContext =
|
|
13
|
+
var _useCartContext = useCartContext(),
|
|
23
14
|
classNameBtn = _useCartContext.classNameBtn;
|
|
24
|
-
return /*#__PURE__*/(
|
|
15
|
+
return /*#__PURE__*/_jsx("button", {
|
|
25
16
|
className: "".concat(classNameBtn, " ").concat(className),
|
|
26
17
|
disabled: disabled,
|
|
27
18
|
form: form,
|
|
@@ -1,27 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _CartProvider = require("../CartProvider");
|
|
11
|
-
var _store = require("../store");
|
|
12
|
-
var _reactFontawesome = require("@fortawesome/react-fontawesome");
|
|
13
|
-
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
|
|
14
|
-
var _Button = _interopRequireDefault(require("./Button"));
|
|
15
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
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); }
|
|
18
|
-
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; }
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useSelector } from 'react-redux';
|
|
3
|
+
import { useCartContext } from '../CartProvider';
|
|
4
|
+
import { setActiveTab } from '../store';
|
|
5
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
6
|
+
import { faArrowLeft } from '@fortawesome/free-solid-svg-icons';
|
|
7
|
+
import Button from './Button';
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
19
10
|
function ButtonBack(_ref) {
|
|
20
11
|
var text = _ref.text;
|
|
21
|
-
var _useCartContext =
|
|
12
|
+
var _useCartContext = useCartContext(),
|
|
22
13
|
classNameBtnBack = _useCartContext.classNameBtnBack,
|
|
23
14
|
onClickClose = _useCartContext.onClickClose;
|
|
24
|
-
var _useSelector =
|
|
15
|
+
var _useSelector = useSelector(function (s) {
|
|
25
16
|
return s.stateCart;
|
|
26
17
|
}),
|
|
27
18
|
activeTab = _useSelector.activeTab,
|
|
@@ -34,14 +25,14 @@ function ButtonBack(_ref) {
|
|
|
34
25
|
nextTab = tabs[currentTabIndex - 1];
|
|
35
26
|
}
|
|
36
27
|
var nextTabId = nextTab ? nextTab.tabId : 0;
|
|
37
|
-
return /*#__PURE__*/(
|
|
28
|
+
return /*#__PURE__*/_jsxs(Button, {
|
|
38
29
|
className: classNameBtnBack,
|
|
39
30
|
onClick: activeTab === 0 ? onClickClose : function () {
|
|
40
|
-
return
|
|
31
|
+
return setActiveTab(nextTabId);
|
|
41
32
|
},
|
|
42
|
-
children: [/*#__PURE__*/(
|
|
43
|
-
icon:
|
|
33
|
+
children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
|
|
34
|
+
icon: faArrowLeft
|
|
44
35
|
}), text ? " ".concat(text) : '']
|
|
45
36
|
});
|
|
46
37
|
}
|
|
47
|
-
|
|
38
|
+
export default ButtonBack;
|
|
@@ -1,24 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _CartProvider = require("../CartProvider");
|
|
8
|
-
var _sliceCart = require("../slices/sliceCart");
|
|
9
|
-
var _store = require("../store");
|
|
10
|
-
var _Button = _interopRequireDefault(require("./Button"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
|
+
import { useCartContext } from '../CartProvider';
|
|
2
|
+
import { tabIdClearCart } from '../slices/sliceCart';
|
|
3
|
+
import { setActiveTab } from '../store';
|
|
4
|
+
import Button from './Button';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
6
|
function ButtonClearCart() {
|
|
14
|
-
var _useCartContext =
|
|
7
|
+
var _useCartContext = useCartContext(),
|
|
15
8
|
classNameBtnCartClear = _useCartContext.classNameBtnCartClear;
|
|
16
|
-
return /*#__PURE__*/(
|
|
9
|
+
return /*#__PURE__*/_jsx(Button, {
|
|
17
10
|
className: classNameBtnCartClear,
|
|
18
11
|
onClick: function onClick() {
|
|
19
|
-
return
|
|
12
|
+
return setActiveTab(tabIdClearCart);
|
|
20
13
|
},
|
|
21
14
|
children: "Clear cart"
|
|
22
15
|
});
|
|
23
16
|
}
|
|
24
|
-
|
|
17
|
+
export default ButtonClearCart;
|