merchi_cart 0.0.4 → 0.0.5-c

package/lib/Cart.js

@@ -1,35 +1,58 @@
-"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");
+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";
 function CartComponents() {
-    const { domainId, includeTheme, initialiseCart } = (0, CartProvider_1.useCartContext)();
-    const { activeTab, cartSettingsInvalid, fetchingCart, } = (0, react_redux_1.useSelector)((s) => s.stateCart);
-    React.useEffect(() => {
-        if (initialiseCart && domainId) {
-            if (includeTheme) {
-                (0, store_2.actionFetchTheme)(domainId);
-            }
-            (0, store_2.initMerchiCart)(domainId);
-        }
-    }, [domainId, includeTheme, initialiseCart]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(CartHeader_1.default, {}), (0, jsx_runtime_1.jsx)(CartAlert_1.default, {}), (0, jsx_runtime_1.jsx)(CartNav_1.default, {}), fetchingCart ? ((0, jsx_runtime_1.jsx)(components_1.LoadingTemplate, {})) : cartSettingsInvalid ? ((0, jsx_runtime_1.jsx)(components_1.CartPaymentSettingsInvalid, {})) : ((0, jsx_runtime_1.jsxs)("div", { className: 'merchi-tab-pane', children: [(0, jsx_runtime_1.jsx)(panels_1.PanelClearCart, {}), (0, jsx_runtime_1.jsx)(panels_1.PanelEditCartItem, {}), (0, jsx_runtime_1.jsx)(panels_1.PanelCartItems, {}), (0, jsx_runtime_1.jsx)(panels_1.PanelCartShipment, {}), (0, jsx_runtime_1.jsx)(panels_1.PanelClientCheckout, {}), (0, jsx_runtime_1.jsx)(panels_1.PanelPaymentSuccess, {}), ![sliceCart_1.tabIdItem, sliceCart_1.tabIdClearCart, sliceCart_1.tabIdPaymentSuccess].includes(activeTab) &&
-                        (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.CartFooter, { children: (0, jsx_runtime_1.jsx)(CartTotals_1.default, {}) }), (0, jsx_runtime_1.jsxs)(components_1.CartFooter, { children: [(0, jsx_runtime_1.jsx)(buttons_1.ButtonClearCart, {}), (0, jsx_runtime_1.jsx)(buttons_1.ButtonBack, {}), (0, jsx_runtime_1.jsx)(buttons_1.ButtonNextDynamic, {})] })] })] }))] }));
+  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, {})]
+        })]
+      })]
+    })]
+  });
 }
-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;
+export default function Cart(props) {
+  return /*#__PURE__*/_jsx(CartProvider, {
+    ...props,
+    children: /*#__PURE__*/_jsx(Provider, {
+      store: store,
+      children: /*#__PURE__*/_jsx(CartComponents, {})
+    })
+  });
+}

package/lib/CartAlert.js

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

package/lib/CartHeader.js

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

package/lib/CartProvider.js

@@ -1,168 +1,239 @@
-"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,
+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
 });
-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);
-            };
-        }
+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);
+      };
     }
-    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 }));
+  }
+  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
+  });
 };
-exports.default = CartProvider;
+export default CartProvider;