merchi_cart 0.0.4-a → 0.0.4-b

package/lib/Cart.d.ts

@@ -0,0 +1,3 @@
+import { PropsCart } from './CartProvider';
+import './styles/globals.css';
+export default function Cart(props: PropsCart): import("react/jsx-runtime").JSX.Element;

package/lib/Cart.js

@@ -1,35 +1,43 @@
-"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");
-require("./styles/globals.css");
+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';
 function CartComponents() {
-    const { domainId, includeTheme, initialiseCart } = (0, CartProvider_1.useCartContext)();
-    const { activeTab, cartSettingsInvalid, fetchingCart, } = (0, react_redux_1.useSelector)((s) => s.stateCart);
-    React.useEffect(() => {
+    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) {
-                (0, store_2.actionFetchTheme)(domainId);
+                actionFetchTheme(domainId);
             }
-            (0, store_2.initMerchiCart)(domainId);
+            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, {})] })] })] }))] }));
+    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, {})] })] })] }))] }));
 }
-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, {}) }) }));
+export default function Cart(props) {
+    return (_jsx(CartProvider, __assign({}, props, { children: _jsx(Provider, { store: store, children: _jsx(CartComponents, {}) }) })));
 }
-exports.default = Cart;

package/lib/CartAlert.d.ts

@@ -0,0 +1,2 @@
+declare function CartAlert(): import("react/jsx-runtime").JSX.Element;
+export default CartAlert;

package/lib/CartAlert.js

@@ -1,17 +1,15 @@
-"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");
+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';
 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 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 }) })] })) }));
 }
-exports.default = CartAlert;
+export default CartAlert;

package/lib/CartHeader.d.ts

@@ -0,0 +1,2 @@
+declare function CartHeader(): import("react/jsx-runtime").JSX.Element;
+export default CartHeader;

package/lib/CartHeader.js

@@ -1,11 +1,9 @@
-"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");
+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';
 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 _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 }) })] }));
 }
-exports.default = CartHeader;
+export default CartHeader;

package/lib/CartProvider.d.ts

@@ -0,0 +1,147 @@
+import { ReactNode } from 'react';
+export interface PropsCart {
+    classNameAlertError?: string;
+    classNameAlertInfo?: string;
+    classNameAlertSuccess?: string;
+    classNameAlertWarning?: string;
+    classNameBtn?: string;
+    classNameBtnBack?: string;
+    classNameBtnCartClear?: string;
+    classNameBtnClose?: string;
+    classNameBtnDanger?: string;
+    classNameBtnDefault?: string;
+    classNameBtnDownloadInvoice?: string;
+    classNameBtnPrimary?: string;
+    classNameBtnLink?: string;
+    classNameBtnNext?: string;
+    classNameBtnNextComplete?: string;
+    classNameBtnPay?: string;
+    classNameCartBody?: string;
+    classNameCartFooter?: string;
+    classNameCartFormCheckbox?: string;
+    classNameCartFormGroup?: string;
+    classNameCartFormGroupCheckbox?: string;
+    classNameCartFormInput?: string;
+    classNameCartFormLabelCheckbox?: string;
+    classNameCartInputError?: string;
+    classNameCartNav?: string;
+    classNameCartRow?: string;
+    classNameCartRowColumn?: string;
+    classNameCartTabItem?: string;
+    classNameCartTabItemLink?: string;
+    classNameCartGoogleSuggestList?: string;
+    classNameCartGoogleSuggestListItem?: string;
+    classNameCartHeader?: string;
+    classNameCartItemFeatureImage?: string;
+    classNameCartItemInfo?: string;
+    classNameCartItemInfoCell?: string;
+    classNameCartItemInfoCellRight?: string;
+    classNameCartItemInfoContainer?: string;
+    classNameCartTab?: string;
+    classNameCartTabPanel?: string;
+    classNameCartTitle?: string;
+    classNameCartTotalContainer?: string;
+    classNameCartTotalItem?: string;
+    classNameCartTotalItemPrice?: string;
+    classNameClearCartContainer?: string;
+    classNameClearCartText?: string;
+    classNameListClientInfo?: string;
+    classNameListContainer?: string;
+    classNameListItem?: string;
+    classNameList?: string;
+    classNameListInline?: string;
+    classNameListUnstyled?: string;
+    classNameLoadingTemplate?: string;
+    classNameLoadingTemplateContainer?: string;
+    classNameNoItems?: string;
+    classNameShipmentOption?: string;
+    classNameTable?: string;
+    classNameTableContainer?: string;
+    classNameVariationsList?: string;
+    customSuccessMessage?: string;
+    domainId?: number;
+    googlePlacesLoaded?: boolean;
+    includeTheme?: boolean;
+    initialiseCart?: boolean;
+    onClickClose?: () => void;
+    showUserTermsAndConditions?: boolean;
+    productFormClassNames?: any;
+    urlApi?: string;
+    urlFrontend?: string;
+    urlTrackingPage?: string;
+}
+export declare const useCartContext: () => PropsCart;
+interface PropsCartProvider {
+    children: ReactNode;
+    classNameAlertError?: string;
+    classNameAlertInfo?: string;
+    classNameAlertSuccess?: string;
+    classNameAlertWarning?: string;
+    classNameBtn?: string;
+    classNameBtnBack?: string;
+    classNameBtnCartClear?: string;
+    classNameBtnClose?: string;
+    classNameBtnDanger?: string;
+    classNameBtnDefault?: string;
+    classNameBtnDownloadInvoice?: string;
+    classNameBtnPrimary?: string;
+    classNameBtnNext?: string;
+    classNameBtnNextComplete?: string;
+    classNameBtnLink?: string;
+    classNameBtnPay?: string;
+    classNameCartBody?: string;
+    classNameCartFooter?: string;
+    classNameCartFormCheckbox?: string;
+    classNameCartFormGroup?: string;
+    classNameCartFormGroupCheckbox?: string;
+    classNameCartFormInput?: string;
+    classNameCartFormLabelCheckbox?: string;
+    classNameCartInputError?: string;
+    classNameCartRow?: string;
+    classNameCartRowColumn?: string;
+    classNameCartTabItem?: string;
+    classNameCartTabItemLink?: string;
+    classNameCartGoogleSuggestList?: string;
+    classNameCartGoogleSuggestListItem?: string;
+    classNameCartHeader?: string;
+    classNameCartItemFeatureImage?: string;
+    classNameCartItemInfo?: string;
+    classNameCartItemInfoCell?: string;
+    classNameCartItemInfoCellRight?: string;
+    classNameCartNav?: string;
+    classNameCartTab?: string;
+    classNameCartTabPanel?: string;
+    classNameCartTitle?: string;
+    classNameCartTotalContainer?: string;
+    classNameCartTotalItem?: string;
+    classNameCartTotalItemPrice?: string;
+    classNameClearCartContainer?: string;
+    classNameClearCartText?: string;
+    classNameListClientInfo?: string;
+    classNameCartItemInfoContainer?: string;
+    classNameList?: string;
+    classNameListInline?: string;
+    classNameListContainer?: string;
+    classNameListItem?: string;
+    classNameListUnstyled?: string;
+    classNameLoadingTemplate?: string;
+    classNameLoadingTemplateContainer?: string;
+    classNameNoItems?: string;
+    classNameShipmentOption?: string;
+    classNameTable?: string;
+    classNameTableContainer?: string;
+    classNameVariationsList?: string;
+    customSuccessMessage?: string;
+    domainId?: number;
+    googlePlacesLoaded?: boolean;
+    includeTheme?: boolean;
+    initialiseCart?: boolean;
+    onClickClose?: () => void;
+    productFormClassNames?: any;
+    showUserTermsAndConditions?: boolean;
+    urlApi?: string;
+    urlFrontend?: string;
+    urlTrackingPage?: string;
+}
+declare const CartProvider: ({ children, classNameAlertError, classNameAlertInfo, classNameAlertSuccess, classNameAlertWarning, classNameBtn, classNameBtnBack, classNameBtnCartClear, classNameBtnClose, classNameBtnDanger, classNameBtnDefault, classNameBtnDownloadInvoice, classNameBtnPrimary, classNameBtnLink, classNameBtnNext, classNameBtnNextComplete, classNameBtnPay, classNameCartBody, classNameCartFooter, classNameCartFormCheckbox, classNameCartFormGroup, classNameCartFormGroupCheckbox, classNameCartFormInput, classNameCartFormLabelCheckbox, classNameCartInputError, classNameCartNav, classNameCartRow, classNameCartRowColumn, classNameCartTabItem, classNameCartTabItemLink, classNameCartGoogleSuggestList, classNameCartGoogleSuggestListItem, classNameCartHeader, classNameCartItemFeatureImage, classNameCartItemInfo, classNameCartItemInfoCell, classNameCartItemInfoCellRight, classNameCartItemInfoContainer, classNameCartTab, classNameCartTabPanel, classNameCartTitle, classNameCartTotalContainer, classNameCartTotalItem, classNameCartTotalItemPrice, classNameClearCartContainer, classNameClearCartText, classNameListClientInfo, classNameList, classNameListInline, classNameListUnstyled, classNameListContainer, classNameListItem, classNameLoadingTemplate, classNameLoadingTemplateContainer, classNameNoItems, classNameShipmentOption, classNameTable, classNameTableContainer, classNameVariationsList, customSuccessMessage, domainId, includeTheme, initialiseCart, onClickClose, productFormClassNames, showUserTermsAndConditions, urlApi, urlFrontend, urlTrackingPage, }: PropsCartProvider) => import("react/jsx-runtime").JSX.Element;
+export default CartProvider;

package/lib/CartProvider.js

@@ -1,9 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCartContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const CartContext = (0, react_1.createContext)({
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from 'react';
+var CartContext = createContext({
     classNameAlertError: undefined,
     classNameAlertInfo: undefined,
     classNameAlertSuccess: undefined,
@@ -74,95 +87,102 @@ const CartContext = (0, react_1.createContext)({
     urlFrontend: undefined,
     urlTrackingPage: undefined,
 });
-const useCartContext = () => (0, react_1.useContext)(CartContext);
-exports.useCartContext = useCartContext;
-const CartProvider = ({ children, classNameAlertError = 'alert alert-danger', classNameAlertInfo = 'alert alert-info', classNameAlertSuccess = 'alert alert-success', classNameAlertWarning = 'alert alert-warning', classNameBtn = 'btn', classNameBtnBack = 'btn-lg btn-default pull-left', classNameBtnCartClear = 'btn-lg btn-danger mr-auto', classNameBtnClose = 'btn-close', classNameBtnDanger = 'btn btn-md btn-danger', classNameBtnDefault = 'btn btn-md btn-default', classNameBtnDownloadInvoice = 'btn btn-lg btn-primary', classNameBtnPrimary = 'btn btn-md btn-primary', classNameBtnLink = 'btn-md btn-link', classNameBtnNext = 'btn-lg btn-primary', classNameBtnNextComplete = 'btn-lg btn-success', classNameBtnPay = 'btn-lg btn-primary width-full', classNameCartBody = 'merchi-cart-body', classNameCartFooter = 'merchi-cart-footer', // add to sass
-classNameCartFormCheckbox = 'form-check-input', classNameCartFormGroup = 'form-group', classNameCartFormGroupCheckbox = 'form-check', classNameCartFormInput = 'form-control', classNameCartFormLabelCheckbox = '', classNameCartInputError = 'text-danger', classNameCartNav = 'nav merchi-nav-tabs merchi-nav merchi-nav-fill merchi-nav-pills', classNameCartRow = 'merchi-row', classNameCartRowColumn = 'merchi-column', classNameCartTabItem = 'nav-item merchi-nav-item', classNameCartTabItemLink = 'merchi-nav-link', classNameCartGoogleSuggestList = 'list-group m-b-0', classNameCartGoogleSuggestListItem = 'list-group-item cursor-pointer', classNameCartHeader = 'merchi-cart-header', // add to sass
-classNameCartItemFeatureImage = 'img-rounded m-10', classNameCartItemInfo = 'text-muted font-weight-normal font-italic', classNameCartItemInfoCell = 'border-0 align-middle', classNameCartItemInfoCellRight = 'border-0 align-middle text-right', classNameCartItemInfoContainer = 'ml-3 d-inline-block align-middle', classNameCartTab = 'merchi-tab-content', classNameCartTabPanel = 'merchi-tab-panel', classNameCartTitle = 'merchi-cart-title', // add to sass // paddingBottom: '0.5rem', paddingTop: '0.5rem', textAlign: 'center',
-classNameCartTotalContainer = 'merchi-cart-total-container', // add to sass
-classNameCartTotalItem = 'merchi-cart-total-item', // add to sass; original text-right cart-cell-width-subtotal
-classNameCartTotalItemPrice = 'merchi-cart-total-item-price', // add to sass: original text-right
-classNameClearCartContainer = 'merchi-cart-clear-container', classNameClearCartText = 'merchi-cart-clear-text', classNameListClientInfo = 'merchi-cart-client-info-list', // add to sass: original className='list-unstyled text-center' fontSize: '15px', listStyle: 'none', paddingBottom: '0px', paddingLeft: '0px'
-classNameList = 'list-group', classNameListInline = 'list-inline', classNameListUnstyled = 'list-unstyled', classNameListContainer = 'pb-2', classNameListItem = 'list-group-item', classNameLoadingTemplate = 'merchi-loading-template', classNameLoadingTemplateContainer = 'merchi-loading-template-container', classNameNoItems = 'merchi-no-cart-items', classNameShipmentOption = 'merchi-shipment-option', classNameTable = 'table table-bordered', classNameTableContainer = 'table-responsive', classNameVariationsList = 'list-unstyled list-inline', customSuccessMessage, domainId, includeTheme = false, initialiseCart = true, onClickClose = () => console.log('close merchi cart!'), productFormClassNames = {}, showUserTermsAndConditions = true, urlApi = 'https://api.merchi.co/v6/', urlFrontend = 'https://merchi.co/', urlTrackingPage, }) => {
-    const [googlePlacesLoaded, setGoogleMapsLoaded] = (0, react_1.useState)(false);
+export var useCartContext = function () { return useContext(CartContext); };
+var CartProvider = function (_a) {
+    var children = _a.children, _b = _a.classNameAlertError, classNameAlertError = _b === void 0 ? 'alert alert-danger' : _b, _c = _a.classNameAlertInfo, classNameAlertInfo = _c === void 0 ? 'alert alert-info' : _c, _d = _a.classNameAlertSuccess, classNameAlertSuccess = _d === void 0 ? 'alert alert-success' : _d, _e = _a.classNameAlertWarning, classNameAlertWarning = _e === void 0 ? 'alert alert-warning' : _e, _f = _a.classNameBtn, classNameBtn = _f === void 0 ? 'btn' : _f, _g = _a.classNameBtnBack, classNameBtnBack = _g === void 0 ? 'btn-lg btn-default pull-left' : _g, _h = _a.classNameBtnCartClear, classNameBtnCartClear = _h === void 0 ? 'btn-lg btn-danger mr-auto' : _h, _j = _a.classNameBtnClose, classNameBtnClose = _j === void 0 ? 'btn-close' : _j, _k = _a.classNameBtnDanger, classNameBtnDanger = _k === void 0 ? 'btn btn-md btn-danger' : _k, _l = _a.classNameBtnDefault, classNameBtnDefault = _l === void 0 ? 'btn btn-md btn-default' : _l, _m = _a.classNameBtnDownloadInvoice, classNameBtnDownloadInvoice = _m === void 0 ? 'btn btn-lg btn-primary' : _m, _o = _a.classNameBtnPrimary, classNameBtnPrimary = _o === void 0 ? 'btn btn-md btn-primary' : _o, _p = _a.classNameBtnLink, classNameBtnLink = _p === void 0 ? 'btn-md btn-link' : _p, _q = _a.classNameBtnNext, classNameBtnNext = _q === void 0 ? 'btn-lg btn-primary' : _q, _r = _a.classNameBtnNextComplete, classNameBtnNextComplete = _r === void 0 ? 'btn-lg btn-success' : _r, _s = _a.classNameBtnPay, classNameBtnPay = _s === void 0 ? 'btn-lg btn-primary width-full' : _s, _t = _a.classNameCartBody, classNameCartBody = _t === void 0 ? 'merchi-cart-body' : _t, _u = _a.classNameCartFooter, classNameCartFooter = _u === void 0 ? 'merchi-cart-footer' : _u, // add to sass
+    _v = _a.classNameCartFormCheckbox, // add to sass
+    classNameCartFormCheckbox = _v === void 0 ? 'form-check-input' : _v, _w = _a.classNameCartFormGroup, classNameCartFormGroup = _w === void 0 ? 'form-group' : _w, _x = _a.classNameCartFormGroupCheckbox, classNameCartFormGroupCheckbox = _x === void 0 ? 'form-check' : _x, _y = _a.classNameCartFormInput, classNameCartFormInput = _y === void 0 ? 'form-control' : _y, _z = _a.classNameCartFormLabelCheckbox, classNameCartFormLabelCheckbox = _z === void 0 ? '' : _z, _0 = _a.classNameCartInputError, classNameCartInputError = _0 === void 0 ? 'text-danger' : _0, _1 = _a.classNameCartNav, classNameCartNav = _1 === void 0 ? 'nav merchi-nav-tabs merchi-nav merchi-nav-fill merchi-nav-pills' : _1, _2 = _a.classNameCartRow, classNameCartRow = _2 === void 0 ? 'merchi-row' : _2, _3 = _a.classNameCartRowColumn, classNameCartRowColumn = _3 === void 0 ? 'merchi-column' : _3, _4 = _a.classNameCartTabItem, classNameCartTabItem = _4 === void 0 ? 'nav-item merchi-nav-item' : _4, _5 = _a.classNameCartTabItemLink, classNameCartTabItemLink = _5 === void 0 ? 'merchi-nav-link' : _5, _6 = _a.classNameCartGoogleSuggestList, classNameCartGoogleSuggestList = _6 === void 0 ? 'list-group m-b-0' : _6, _7 = _a.classNameCartGoogleSuggestListItem, classNameCartGoogleSuggestListItem = _7 === void 0 ? 'list-group-item cursor-pointer' : _7, _8 = _a.classNameCartHeader, classNameCartHeader = _8 === void 0 ? 'merchi-cart-header' : _8, // add to sass
+    _9 = _a.classNameCartItemFeatureImage, // add to sass
+    classNameCartItemFeatureImage = _9 === void 0 ? 'img-rounded m-10' : _9, _10 = _a.classNameCartItemInfo, classNameCartItemInfo = _10 === void 0 ? 'text-muted font-weight-normal font-italic' : _10, _11 = _a.classNameCartItemInfoCell, classNameCartItemInfoCell = _11 === void 0 ? 'border-0 align-middle' : _11, _12 = _a.classNameCartItemInfoCellRight, classNameCartItemInfoCellRight = _12 === void 0 ? 'border-0 align-middle text-right' : _12, _13 = _a.classNameCartItemInfoContainer, classNameCartItemInfoContainer = _13 === void 0 ? 'ml-3 d-inline-block align-middle' : _13, _14 = _a.classNameCartTab, classNameCartTab = _14 === void 0 ? 'merchi-tab-content' : _14, _15 = _a.classNameCartTabPanel, classNameCartTabPanel = _15 === void 0 ? 'merchi-tab-panel' : _15, _16 = _a.classNameCartTitle, classNameCartTitle = _16 === void 0 ? 'merchi-cart-title' : _16, // add to sass // paddingBottom: '0.5rem', paddingTop: '0.5rem', textAlign: 'center',
+    _17 = _a.classNameCartTotalContainer, // add to sass // paddingBottom: '0.5rem', paddingTop: '0.5rem', textAlign: 'center',
+    classNameCartTotalContainer = _17 === void 0 ? 'merchi-cart-total-container' : _17, // add to sass
+    _18 = _a.classNameCartTotalItem, // add to sass
+    classNameCartTotalItem = _18 === void 0 ? 'merchi-cart-total-item' : _18, // add to sass; original text-right cart-cell-width-subtotal
+    _19 = _a.classNameCartTotalItemPrice, // add to sass; original text-right cart-cell-width-subtotal
+    classNameCartTotalItemPrice = _19 === void 0 ? 'merchi-cart-total-item-price' : _19, // add to sass: original text-right
+    _20 = _a.classNameClearCartContainer, // add to sass: original text-right
+    classNameClearCartContainer = _20 === void 0 ? 'merchi-cart-clear-container' : _20, _21 = _a.classNameClearCartText, classNameClearCartText = _21 === void 0 ? 'merchi-cart-clear-text' : _21, _22 = _a.classNameListClientInfo, classNameListClientInfo = _22 === void 0 ? 'merchi-cart-client-info-list' : _22, // add to sass: original className='list-unstyled text-center' fontSize: '15px', listStyle: 'none', paddingBottom: '0px', paddingLeft: '0px'
+    _23 = _a.classNameList, // add to sass: original className='list-unstyled text-center' fontSize: '15px', listStyle: 'none', paddingBottom: '0px', paddingLeft: '0px'
+    classNameList = _23 === void 0 ? 'list-group' : _23, _24 = _a.classNameListInline, classNameListInline = _24 === void 0 ? 'list-inline' : _24, _25 = _a.classNameListUnstyled, classNameListUnstyled = _25 === void 0 ? 'list-unstyled' : _25, _26 = _a.classNameListContainer, classNameListContainer = _26 === void 0 ? 'pb-2' : _26, _27 = _a.classNameListItem, classNameListItem = _27 === void 0 ? 'list-group-item' : _27, _28 = _a.classNameLoadingTemplate, classNameLoadingTemplate = _28 === void 0 ? 'merchi-loading-template' : _28, _29 = _a.classNameLoadingTemplateContainer, classNameLoadingTemplateContainer = _29 === void 0 ? 'merchi-loading-template-container' : _29, _30 = _a.classNameNoItems, classNameNoItems = _30 === void 0 ? 'merchi-no-cart-items' : _30, _31 = _a.classNameShipmentOption, classNameShipmentOption = _31 === void 0 ? 'merchi-shipment-option' : _31, _32 = _a.classNameTable, classNameTable = _32 === void 0 ? 'table table-bordered' : _32, _33 = _a.classNameTableContainer, classNameTableContainer = _33 === void 0 ? 'table-responsive' : _33, _34 = _a.classNameVariationsList, classNameVariationsList = _34 === void 0 ? 'list-unstyled list-inline' : _34, customSuccessMessage = _a.customSuccessMessage, domainId = _a.domainId, _35 = _a.includeTheme, includeTheme = _35 === void 0 ? false : _35, _36 = _a.initialiseCart, initialiseCart = _36 === void 0 ? true : _36, _37 = _a.onClickClose, onClickClose = _37 === void 0 ? function () { return console.log('close merchi cart!'); } : _37, _38 = _a.productFormClassNames, productFormClassNames = _38 === void 0 ? {} : _38, _39 = _a.showUserTermsAndConditions, showUserTermsAndConditions = _39 === void 0 ? true : _39, _40 = _a.urlApi, urlApi = _40 === void 0 ? 'https://api.merchi.co/v6/' : _40, _41 = _a.urlFrontend, urlFrontend = _41 === void 0 ? 'https://merchi.co/' : _41, urlTrackingPage = _a.urlTrackingPage;
+    var _42 = __read(useState(false), 2), googlePlacesLoaded = _42[0], setGoogleMapsLoaded = _42[1];
     // Persistent callback setup
     if (typeof window !== 'undefined') {
         if (!window.googleMapsScriptLoaded) {
-            window.googleMapsScriptLoaded = () => {
+            window.googleMapsScriptLoaded = function () {
                 setGoogleMapsLoaded(true);
             };
         }
     }
-    return ((0, jsx_runtime_1.jsx)(CartContext.Provider, { value: {
-            classNameAlertError,
-            classNameAlertInfo,
-            classNameAlertSuccess,
-            classNameAlertWarning,
-            classNameBtn,
-            classNameBtnBack,
-            classNameBtnCartClear,
-            classNameBtnClose,
-            classNameBtnDanger,
-            classNameBtnDefault,
-            classNameBtnDownloadInvoice,
-            classNameBtnPrimary,
-            classNameBtnLink,
-            classNameBtnNext,
-            classNameBtnNextComplete,
-            classNameBtnPay,
-            classNameCartBody,
-            classNameCartFooter,
-            classNameCartFormCheckbox,
-            classNameCartFormGroup,
-            classNameCartFormGroupCheckbox,
-            classNameCartFormInput,
-            classNameCartFormLabelCheckbox,
-            classNameCartInputError,
-            classNameCartNav,
-            classNameCartRow,
-            classNameCartRowColumn,
-            classNameCartTabItem,
-            classNameCartTabItemLink,
-            classNameCartGoogleSuggestList,
-            classNameCartGoogleSuggestListItem,
-            classNameCartHeader,
-            classNameCartItemFeatureImage,
-            classNameCartItemInfo,
-            classNameCartItemInfoCell,
-            classNameCartItemInfoCellRight,
-            classNameCartItemInfoContainer,
-            classNameCartTab,
-            classNameCartTabPanel,
-            classNameCartTitle,
-            classNameCartTotalContainer,
-            classNameCartTotalItem,
-            classNameCartTotalItemPrice,
-            classNameClearCartContainer,
-            classNameClearCartText,
-            classNameListClientInfo,
-            classNameList,
-            classNameListInline,
-            classNameListContainer,
-            classNameListItem,
-            classNameListUnstyled,
-            classNameLoadingTemplate,
-            classNameLoadingTemplateContainer,
-            classNameNoItems,
-            classNameShipmentOption,
-            classNameTable,
-            classNameTableContainer,
-            classNameVariationsList,
-            customSuccessMessage,
-            domainId,
-            googlePlacesLoaded,
-            includeTheme,
-            initialiseCart,
-            onClickClose,
-            productFormClassNames,
-            showUserTermsAndConditions,
-            urlApi,
-            urlFrontend,
-            urlTrackingPage,
+    return (_jsx(CartContext.Provider, { value: {
+            classNameAlertError: classNameAlertError,
+            classNameAlertInfo: classNameAlertInfo,
+            classNameAlertSuccess: classNameAlertSuccess,
+            classNameAlertWarning: classNameAlertWarning,
+            classNameBtn: classNameBtn,
+            classNameBtnBack: classNameBtnBack,
+            classNameBtnCartClear: classNameBtnCartClear,
+            classNameBtnClose: classNameBtnClose,
+            classNameBtnDanger: classNameBtnDanger,
+            classNameBtnDefault: classNameBtnDefault,
+            classNameBtnDownloadInvoice: classNameBtnDownloadInvoice,
+            classNameBtnPrimary: classNameBtnPrimary,
+            classNameBtnLink: classNameBtnLink,
+            classNameBtnNext: classNameBtnNext,
+            classNameBtnNextComplete: classNameBtnNextComplete,
+            classNameBtnPay: classNameBtnPay,
+            classNameCartBody: classNameCartBody,
+            classNameCartFooter: classNameCartFooter,
+            classNameCartFormCheckbox: classNameCartFormCheckbox,
+            classNameCartFormGroup: classNameCartFormGroup,
+            classNameCartFormGroupCheckbox: classNameCartFormGroupCheckbox,
+            classNameCartFormInput: classNameCartFormInput,
+            classNameCartFormLabelCheckbox: classNameCartFormLabelCheckbox,
+            classNameCartInputError: classNameCartInputError,
+            classNameCartNav: classNameCartNav,
+            classNameCartRow: classNameCartRow,
+            classNameCartRowColumn: classNameCartRowColumn,
+            classNameCartTabItem: classNameCartTabItem,
+            classNameCartTabItemLink: classNameCartTabItemLink,
+            classNameCartGoogleSuggestList: classNameCartGoogleSuggestList,
+            classNameCartGoogleSuggestListItem: classNameCartGoogleSuggestListItem,
+            classNameCartHeader: classNameCartHeader,
+            classNameCartItemFeatureImage: classNameCartItemFeatureImage,
+            classNameCartItemInfo: classNameCartItemInfo,
+            classNameCartItemInfoCell: classNameCartItemInfoCell,
+            classNameCartItemInfoCellRight: classNameCartItemInfoCellRight,
+            classNameCartItemInfoContainer: classNameCartItemInfoContainer,
+            classNameCartTab: classNameCartTab,
+            classNameCartTabPanel: classNameCartTabPanel,
+            classNameCartTitle: classNameCartTitle,
+            classNameCartTotalContainer: classNameCartTotalContainer,
+            classNameCartTotalItem: classNameCartTotalItem,
+            classNameCartTotalItemPrice: classNameCartTotalItemPrice,
+            classNameClearCartContainer: classNameClearCartContainer,
+            classNameClearCartText: classNameClearCartText,
+            classNameListClientInfo: classNameListClientInfo,
+            classNameList: classNameList,
+            classNameListInline: classNameListInline,
+            classNameListContainer: classNameListContainer,
+            classNameListItem: classNameListItem,
+            classNameListUnstyled: classNameListUnstyled,
+            classNameLoadingTemplate: classNameLoadingTemplate,
+            classNameLoadingTemplateContainer: classNameLoadingTemplateContainer,
+            classNameNoItems: classNameNoItems,
+            classNameShipmentOption: classNameShipmentOption,
+            classNameTable: classNameTable,
+            classNameTableContainer: classNameTableContainer,
+            classNameVariationsList: classNameVariationsList,
+            customSuccessMessage: customSuccessMessage,
+            domainId: domainId,
+            googlePlacesLoaded: googlePlacesLoaded,
+            includeTheme: includeTheme,
+            initialiseCart: initialiseCart,
+            onClickClose: onClickClose,
+            productFormClassNames: productFormClassNames,
+            showUserTermsAndConditions: showUserTermsAndConditions,
+            urlApi: urlApi,
+            urlFrontend: urlFrontend,
+            urlTrackingPage: urlTrackingPage,
         }, children: children }));
 };
-exports.default = CartProvider;
+export default CartProvider;

package/lib/CartTotals.d.ts

@@ -0,0 +1,2 @@
+declare function CartTotals(): import("react/jsx-runtime").JSX.Element;
+export default CartTotals;

package/lib/CartTotals.js

@@ -1,38 +1,49 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_redux_1 = require("react-redux");
-const currency_1 = require("./utilities/currency");
-const cart_1 = require("./utilities/cart");
-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 CartProvider_1 = require("./CartProvider");
-function CartTotal({ attribute }) {
-    const { cart, fetchingCart, loading, } = (0, react_redux_1.useSelector)((s) => s.stateCart);
-    const { fetchingShipmentGroups, fetchingShipmentQuote, } = (0, react_redux_1.useSelector)((s) => s.stateCartShipment);
-    const { domain } = cart;
-    const company = domain ? domain.company : null;
-    const currency = company ? company.defaultCurrency : 'AUD';
-    const isLoading = fetchingCart ||
+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 } from "react/jsx-runtime";
+import { useSelector } from 'react-redux';
+import { formatCurrency } from './utilities/currency';
+import { cartRequiresShipment } from './utilities/cart';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons';
+import { Table } from './components';
+import { useCartContext } from './CartProvider';
+function CartTotal(_a) {
+    var attribute = _a.attribute;
+    var _b = useSelector(function (s) { return s.stateCart; }), cart = _b.cart, fetchingCart = _b.fetchingCart, loading = _b.loading;
+    var _c = useSelector(function (s) { return s.stateCartShipment; }), fetchingShipmentGroups = _c.fetchingShipmentGroups, fetchingShipmentQuote = _c.fetchingShipmentQuote;
+    var domain = cart.domain;
+    var company = domain ? domain.company : null;
+    var currency = company ? company.defaultCurrency : 'AUD';
+    var isLoading = fetchingCart ||
         fetchingShipmentGroups ||
         fetchingShipmentQuote ||
         loading;
-    const money = cart[attribute] ? cart[attribute] : 0;
-    return ((0, jsx_runtime_1.jsx)("div", { style: { paddingRight: 8 }, children: isLoading ?
-            (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCircleNotch, spin: true })
+    var money = cart[attribute] ? cart[attribute] : 0;
+    return (_jsx("div", { style: { paddingRight: 8 }, children: isLoading ?
+            _jsx(FontAwesomeIcon, { icon: faCircleNotch, spin: true })
             :
-                `${currency} ${(0, currency_1.formatCurrency)(money, { currency })}` }));
+                "".concat(currency, " ").concat(formatCurrency(money, { currency: currency })) }));
 }
-function CostsTableRow({ attr, name }) {
-    const { classNameCartTotalItem, classNameCartTotalItemPrice, } = (0, CartProvider_1.useCartContext)();
-    return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: classNameCartTotalItem, children: name }), (0, jsx_runtime_1.jsx)("th", { className: classNameCartTotalItemPrice, children: (0, jsx_runtime_1.jsx)(CartTotal, { attribute: attr }) })] }));
+function CostsTableRow(_a) {
+    var attr = _a.attr, name = _a.name;
+    var _b = useCartContext(), classNameCartTotalItem = _b.classNameCartTotalItem, classNameCartTotalItemPrice = _b.classNameCartTotalItemPrice;
+    return (_jsxs("tr", { children: [_jsx("td", { className: classNameCartTotalItem, children: name }), _jsx("th", { className: classNameCartTotalItemPrice, children: _jsx(CartTotal, { attribute: attr }) })] }));
 }
 function CartTotals() {
-    const { classNameCartTotalContainer, classNameCartTotalItemPrice } = (0, CartProvider_1.useCartContext)();
-    const { cart } = (0, react_redux_1.useSelector)((s) => s.stateCart);
-    const cartItems = cart.cartItems ? cart.cartItems : [];
-    return ((0, jsx_runtime_1.jsx)("div", { className: classNameCartTotalContainer, children: (0, jsx_runtime_1.jsx)(components_1.Table, { children: (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsx)(CostsTableRow, { attr: 'cartItemsTotalCost', name: 'Subtotal' }), (0, cart_1.cartRequiresShipment)({ ...cart, cartItems }) &&
-                        (0, jsx_runtime_1.jsx)(CostsTableRow, { attr: 'shipmentTotalCost', name: 'Shipping' }), (0, jsx_runtime_1.jsx)(CostsTableRow, { attr: 'totalCost', name: 'Total' }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", {}), (0, jsx_runtime_1.jsx)("td", { className: classNameCartTotalItemPrice, children: "Total price includes taxes" })] })] }) }) }));
+    var _a = useCartContext(), classNameCartTotalContainer = _a.classNameCartTotalContainer, classNameCartTotalItemPrice = _a.classNameCartTotalItemPrice;
+    var cart = useSelector(function (s) { return s.stateCart; }).cart;
+    var cartItems = cart.cartItems ? cart.cartItems : [];
+    return (_jsx("div", { className: classNameCartTotalContainer, children: _jsx(Table, { children: _jsxs("tbody", { children: [_jsx(CostsTableRow, { attr: 'cartItemsTotalCost', name: 'Subtotal' }), cartRequiresShipment(__assign(__assign({}, cart), { cartItems: cartItems })) &&
+                        _jsx(CostsTableRow, { attr: 'shipmentTotalCost', name: 'Shipping' }), _jsx(CostsTableRow, { attr: 'totalCost', name: 'Total' }), _jsxs("tr", { children: [_jsx("td", {}), _jsx("td", { className: classNameCartTotalItemPrice, children: "Total price includes taxes" })] })] }) }) }));
 }
-exports.default = CartTotals;
+export default CartTotals;