merchi_cart 0.0.4-q → 0.0.4

package/lib/Cart.js

@@ -1,58 +1,35 @@
-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";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+"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");
 function CartComponents() {
-  const {
-    domainId,
-    includeTheme,
-    initialiseCart
-  } = useCartContext();
-  const {
-    activeTab,
-    cartSettingsInvalid,
-    fetchingCart
-  } = useSelector(s => s.stateCart);
-  React.useEffect(() => {
-    if (initialiseCart && domainId) {
-      if (includeTheme) {
-        actionFetchTheme(domainId);
-      }
-      initMerchiCart(domainId);
-    }
-  }, [domainId, includeTheme, initialiseCart]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(CartHeader, {}), /*#__PURE__*/_jsx(CartAlert, {}), /*#__PURE__*/_jsx(CartNav, {}), fetchingCart ? /*#__PURE__*/_jsx(LoadingTemplate, {}) : cartSettingsInvalid ? /*#__PURE__*/_jsx(CartPaymentSettingsInvalid, {}) : /*#__PURE__*/_jsxs("div", {
-      className: "merchi-tab-pane",
-      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, {
-        children: [/*#__PURE__*/_jsx(CartFooter, {
-          children: /*#__PURE__*/_jsx(CartTotals, {})
-        }), /*#__PURE__*/_jsxs(CartFooter, {
-          children: [/*#__PURE__*/_jsx(ButtonClearCart, {}), /*#__PURE__*/_jsx(ButtonBack, {}), /*#__PURE__*/_jsx(ButtonNextDynamic, {})]
-        })]
-      })]
-    })]
-  });
+    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, {})] })] })] }))] }));
 }
-export default function Cart(props) {
-  return /*#__PURE__*/_jsx(CartProvider, {
-    ...props,
-    children: /*#__PURE__*/_jsx(Provider, {
-      store: store,
-      children: /*#__PURE__*/_jsx(CartComponents, {})
-    })
-  });
-}
+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;

package/lib/CartAlert.js

@@ -1,43 +1,17 @@
-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";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+"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");
 function CartAlert() {
-  const {
-    classNameBtnClose
-  } = useCartContext();
-  const {
-    alert
-  } = useSelector(s => s.stateCartAlert);
-  const {
-    icon,
-    message,
-    show,
-    title
-  } = alert;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: show && /*#__PURE__*/_jsxs(Alert, {
-      alertType: alert.type,
-      children: [icon && /*#__PURE__*/_jsx(FontAwesomeIcon, {
-        icon: icon
-      }), " ", /*#__PURE__*/_jsx("strong", {
-        children: title
-      }), " ", message, /*#__PURE__*/_jsx("button", {
-        type: "button",
-        className: classNameBtnClose,
-        "data-bs-dismiss": "alert",
-        "aria-label": "Close",
-        onClick: closeAlert,
-        children: /*#__PURE__*/_jsx(FontAwesomeIcon, {
-          icon: faTimes
-        })
-      })]
-    })
-  });
+    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 }) })] })) }));
 }
-export default CartAlert;
+exports.default = CartAlert;

package/lib/CartHeader.js

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

package/lib/CartProvider.js

@@ -1,239 +1,168 @@
-import * as React from 'react';
-import { createContext, useContext, useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const CartContext = /*#__PURE__*/createContext({
-  classNameAlertError: undefined,
-  classNameAlertInfo: undefined,
-  classNameAlertSuccess: undefined,
-  classNameAlertWarning: undefined,
-  classNameBtn: undefined,
-  classNameBtnBack: undefined,
-  classNameBtnCartClear: undefined,
-  classNameBtnClose: undefined,
-  classNameBtnDanger: undefined,
-  classNameBtnDefault: undefined,
-  classNameBtnDownloadInvoice: undefined,
-  classNameBtnPrimary: undefined,
-  classNameBtnLink: undefined,
-  classNameBtnNext: undefined,
-  classNameBtnNextComplete: undefined,
-  classNameBtnPay: undefined,
-  classNameCartBody: undefined,
-  classNameCartFooter: undefined,
-  classNameCartFormCheckbox: undefined,
-  classNameCartFormGroup: undefined,
-  classNameCartFormGroupCheckbox: undefined,
-  classNameCartFormInput: undefined,
-  classNameCartInputError: undefined,
-  classNameCartFormLabelCheckbox: undefined,
-  classNameCartRow: undefined,
-  classNameCartRowColumn: undefined,
-  classNameCartTabItem: undefined,
-  classNameCartTabItemLink: undefined,
-  classNameCartGoogleSuggestList: undefined,
-  classNameCartGoogleSuggestListItem: undefined,
-  classNameCartHeader: undefined,
-  classNameCartItemFeatureImage: undefined,
-  classNameCartItemInfo: undefined,
-  classNameCartItemInfoCell: undefined,
-  classNameCartItemInfoCellRight: undefined,
-  classNameCartItemInfoContainer: undefined,
-  classNameCartNav: undefined,
-  classNameCartTab: undefined,
-  classNameCartTabPanel: undefined,
-  classNameCartTitle: undefined,
-  classNameCartTotalContainer: undefined,
-  classNameCartTotalItem: undefined,
-  classNameCartTotalItemPrice: undefined,
-  classNameClearCartContainer: undefined,
-  classNameClearCartText: undefined,
-  classNameListClientInfo: undefined,
-  classNameListContainer: undefined,
-  classNameListItem: undefined,
-  classNameList: undefined,
-  classNameListInline: undefined,
-  classNameListUnstyled: undefined,
-  classNameLoadingTemplate: undefined,
-  classNameLoadingTemplateContainer: undefined,
-  classNameNoItems: undefined,
-  classNameShipmentOption: undefined,
-  classNameTable: undefined,
-  classNameTableContainer: undefined,
-  classNameVariationsList: undefined,
-  customSuccessMessage: undefined,
-  domainId: undefined,
-  googlePlacesLoaded: false,
-  includeTheme: false,
-  initialiseCart: true,
-  onClickClose: undefined,
-  productFormClassNames: {},
-  showUserTermsAndConditions: undefined,
-  urlApi: undefined,
-  urlFrontend: undefined,
-  urlTrackingPage: undefined
+"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)({
+    classNameAlertError: undefined,
+    classNameAlertInfo: undefined,
+    classNameAlertSuccess: undefined,
+    classNameAlertWarning: undefined,
+    classNameBtn: undefined,
+    classNameBtnBack: undefined,
+    classNameBtnCartClear: undefined,
+    classNameBtnClose: undefined,
+    classNameBtnDanger: undefined,
+    classNameBtnDefault: undefined,
+    classNameBtnDownloadInvoice: undefined,
+    classNameBtnPrimary: undefined,
+    classNameBtnLink: undefined,
+    classNameBtnNext: undefined,
+    classNameBtnNextComplete: undefined,
+    classNameBtnPay: undefined,
+    classNameCartBody: undefined,
+    classNameCartFooter: undefined,
+    classNameCartFormCheckbox: undefined,
+    classNameCartFormGroup: undefined,
+    classNameCartFormGroupCheckbox: undefined,
+    classNameCartFormInput: undefined,
+    classNameCartInputError: undefined,
+    classNameCartFormLabelCheckbox: undefined,
+    classNameCartRow: undefined,
+    classNameCartRowColumn: undefined,
+    classNameCartTabItem: undefined,
+    classNameCartTabItemLink: undefined,
+    classNameCartGoogleSuggestList: undefined,
+    classNameCartGoogleSuggestListItem: undefined,
+    classNameCartHeader: undefined,
+    classNameCartItemFeatureImage: undefined,
+    classNameCartItemInfo: undefined,
+    classNameCartItemInfoCell: undefined,
+    classNameCartItemInfoCellRight: undefined,
+    classNameCartItemInfoContainer: undefined,
+    classNameCartNav: undefined,
+    classNameCartTab: undefined,
+    classNameCartTabPanel: undefined,
+    classNameCartTitle: undefined,
+    classNameCartTotalContainer: undefined,
+    classNameCartTotalItem: undefined,
+    classNameCartTotalItemPrice: undefined,
+    classNameClearCartContainer: undefined,
+    classNameClearCartText: undefined,
+    classNameListClientInfo: undefined,
+    classNameListContainer: undefined,
+    classNameListItem: undefined,
+    classNameList: undefined,
+    classNameListInline: undefined,
+    classNameListUnstyled: undefined,
+    classNameLoadingTemplate: undefined,
+    classNameLoadingTemplateContainer: undefined,
+    classNameNoItems: undefined,
+    classNameShipmentOption: undefined,
+    classNameTable: undefined,
+    classNameTableContainer: undefined,
+    classNameVariationsList: undefined,
+    customSuccessMessage: undefined,
+    domainId: undefined,
+    googlePlacesLoaded: false,
+    includeTheme: false,
+    initialiseCart: true,
+    onClickClose: undefined,
+    productFormClassNames: {},
+    showUserTermsAndConditions: undefined,
+    urlApi: undefined,
+    urlFrontend: undefined,
+    urlTrackingPage: undefined,
 });
-export const useCartContext = () => useContext(CartContext);
-const CartProvider = _ref => {
-  let {
-    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
-  } = _ref;
-  const [googlePlacesLoaded, setGoogleMapsLoaded] = useState(false);
-  // Persistent callback setup
-  if (typeof window !== 'undefined') {
-    if (!window.googleMapsScriptLoaded) {
-      window.googleMapsScriptLoaded = () => {
-        setGoogleMapsLoaded(true);
-      };
+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);
+    // Persistent callback setup
+    if (typeof window !== 'undefined') {
+        if (!window.googleMapsScriptLoaded) {
+            window.googleMapsScriptLoaded = () => {
+                setGoogleMapsLoaded(true);
+            };
+        }
     }
-  }
-  return /*#__PURE__*/_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
-    },
-    children: children
-  });
+    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,
+        }, children: children }));
 };
-export default CartProvider;
+exports.default = CartProvider;