@zonos/elements 1.3.6 → 1.3.7-alpha.0

package/dist/cjs/zonos-controller.cjs.entry.js

@@ -3,17 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const cart = require('./cart-b8bbf22d.js');
-const localization = require('./localization-2c9f5765.js');
-const zonosStore = require('./zonosStore-5d94dabb.js');
-require('./isDarkColor-168002d6.js');
-require('./getBorderRadius-b252096d.js');
+const cart = require('./cart-ecc80eb0.js');
+const zonosStore = require('./zonosStore-49d4c92a.js');
+require('./isDarkColor-924e6a7a.js');
+require('./getBorderRadius-834c321d.js');
 
 const getZonosSettings = async () => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-settings`;
-    const { errors, json } = await localization.handleFetch(url);
+    const { errors, json } = await cart.handleFetch(url);
     if (errors.length) {
-        localization.logError(`Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings`);
+        cart.logError(`Error occurred when getting zonos settings. If this is not an unauthorized error, it will use user settings or default settings`);
         return { errors, json: null };
     }
     return { errors: [], json };
@@ -33,8 +32,8 @@ const initCheckout = (config) => {
         return;
     }
     // check if checkout button anchor selector user pass in is valid
-    if (!localization.isValidSelector(config.placeOrderButtonSelector)) {
-        localization.logError(`Selector checkoutButtonAnchor "${config.placeOrderButtonSelector}" is not a valid selector`);
+    if (!cart.isValidSelector(config.placeOrderButtonSelector)) {
+        cart.logError(`Selector checkoutButtonAnchor "${config.placeOrderButtonSelector}" is not a valid selector`);
         return;
     }
     injectCheckoutElement();
@@ -51,12 +50,12 @@ const injectHelloComponent = (triggerAnchorElement) => {
 const initHello = async (helloSettings) => {
     const { anchorElementSelector } = helloSettings;
     // check if checkout button anchor selector user pass in is valid to setup hello
-    if (!anchorElementSelector || !localization.isValidSelector(anchorElementSelector)) {
-        localization.logError(`Selector anchorElementSelector "${helloSettings.anchorElementSelector}" is not a valid selector.`);
+    if (!anchorElementSelector || !cart.isValidSelector(anchorElementSelector)) {
+        cart.logError(`Selector anchorElementSelector "${helloSettings.anchorElementSelector}" is not a valid selector.`);
         return;
     }
     const triggerElement = document.querySelector(anchorElementSelector);
-    localization.log('Hello init complete');
+    cart.log('Hello init complete');
     injectHelloComponent(triggerElement);
 };
 
@@ -76,12 +75,12 @@ const ZonosController = class {
     async initCheckoutElement(stripe) {
         if (!stripe) {
             // eslint-disable-next-line no-console
-            localization.log('Stripe is not loaded yet - cannot init checkout element', 'warn');
+            cart.log('Stripe is not loaded yet - cannot init checkout element', 'warn');
             return;
         }
         cart.stripeStore.stripe = stripe;
         void initCheckout(zonosStore.zonosStore.checkoutSettings);
-        localization.log('init checkout element');
+        cart.log('init checkout element');
     }
     /**
      * Init zonos notification
@@ -106,13 +105,13 @@ const ZonosController = class {
                 // Do nothing if font is Inter, since we already inject it on start
                 return;
             }
-            localization.log(`[FONT] Just applied Inter , but no need to inject since we already inject Inter on start`, 'warn');
+            cart.log(`[FONT] Just applied Inter , but no need to inject since we already inject Inter on start`, 'warn');
             zonosStore.zonosStore.appearance = Object.assign(Object.assign({}, zonosStore.zonosStore.appearance), { fontFamily: overrideFont });
         }
         const routeUrl = "https://v1.route.js.zonos.com";
-        const { errors, json } = await localization.handleFetch(`${routeUrl}/api/zonos-elements/get-font-detail?family=${fontSelected}`);
+        const { errors, json } = await cart.handleFetch(`${routeUrl}/api/zonos-elements/get-font-detail?family=${fontSelected}`);
         if (errors.length > 0 || !json) {
-            localization.log(`Failed to load font ${fontSelected}`, 'warn');
+            cart.log(`Failed to load font ${fontSelected}`, 'warn');
             return;
         }
         const fontUrl = json.fontUrl;
@@ -121,7 +120,7 @@ const ZonosController = class {
             return;
         }
         // apply override font
-        localization.log(`[FONT] ${overrideFont} font override applied`);
+        cart.log(`[FONT] ${overrideFont} font override applied`);
         zonosStore.zonosStore.appearance = Object.assign(Object.assign({}, zonosStore.zonosStore.appearance), { fontFamily: overrideFont });
     }
     async componentWillLoad() {
@@ -131,7 +130,7 @@ const ZonosController = class {
             var _a, _b;
             const { errors, json } = await getZonosSettings();
             if (((_a = errors[0]) === null || _a === void 0 ? void 0 : _a.type.toString()) === '403') {
-                localization.log('Failed to load zonos settings. This domain may not have access', 'warn');
+                cart.log('Failed to load zonos settings. This domain may not have access', 'warn');
                 return;
             }
             // init zonos notification
@@ -147,28 +146,28 @@ const ZonosController = class {
                 void initHello(zonosStore.zonosStore.helloSettings);
             }
             // init localization store
-            await localization.initLocalizationStore();
+            await cart.initLocalizationStore();
             // checkout init
             const publishableKey = ((_b = json === null || json === void 0 ? void 0 : json.checkoutSettings) === null || _b === void 0 ? void 0 : _b.externalServiceTokens.find(item => item.type === 'STRIPE_PUBLISHABLE_TOKEN')) || null;
             if (!publishableKey || !this.stripeInitEvent) {
-                localization.log('Checkout failed to load -- missing publishable key', 'warn');
+                cart.log('Checkout failed to load -- missing publishable key', 'warn');
                 return;
             }
             if (zonosStore.zonosStore.checkoutSettings.subscriptionStatus === 'INACTIVE') {
-                localization.log('=== Checkout subscription is "INACTIVE" - Cancel initializing for Checkout ===', 'warn');
-                localization.log('zonos controller loaded');
+                cart.log('=== Checkout subscription is "INACTIVE" - Cancel initializing for Checkout ===', 'warn');
+                cart.log('zonos controller loaded');
                 return;
             }
             if (zonosStore.zonosStore.checkoutSettings.visibilityStatus === 'DISABLED') {
-                localization.log('=== Checkout is disabled by store owner ===', 'warn');
-                localization.log('zonos controller loaded');
+                cart.log('=== Checkout is disabled by store owner ===', 'warn');
+                cart.log('zonos controller loaded');
                 return;
             }
             // send publishable key out to load stripe
             this.stripeInitEvent.emit({
                 publishableKey: publishableKey.token,
             });
-            localization.log('zonos controller loaded');
+            cart.log('zonos controller loaded');
         })();
     }
     /**
@@ -177,7 +176,7 @@ const ZonosController = class {
     async showNotification(notification) {
         const notificationElement = document.querySelector('zonos-notification');
         if (!notificationElement) {
-            localization.log('Failed to show notification - zonos-notification not found', 'warn');
+            cart.log('Failed to show notification - zonos-notification not found', 'warn');
             return;
         }
         void notificationElement.showNotification(notification);
@@ -196,7 +195,7 @@ const ZonosController = class {
      * Override country code for storybook
      */
     async overrideCountry(countryCode) {
-        void localization.localizationStoreUpdateSelectedCountryCode(countryCode);
+        void cart.localizationStoreUpdateSelectedCountryCode(countryCode);
     }
     /**
      * Get appearance from setting

package/dist/cjs/zonos-country-flag.cjs.entry.js

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const localization = require('./localization-2c9f5765.js');
-const zonosStore = require('./zonosStore-5d94dabb.js');
+const cart = require('./cart-ecc80eb0.js');
+const zonosStore = require('./zonosStore-49d4c92a.js');
 const classes = require('./classes-b7918f56.js');
+require('./isDarkColor-924e6a7a.js');
+require('./getBorderRadius-834c321d.js');
 
 const zonosCountryFlagCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;
@@ -14,7 +16,7 @@ const FLAG_URL = "https://zonos-store-assets.s3.amazonaws.com/images/elements-fl
 const ZonosCountryFlag = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.countryCode = localization.localizationStore.selectedCountryCode;
+        this.countryCode = cart.localizationStore.selectedCountryCode;
         this.size = undefined;
     }
     render() {

package/dist/cjs/zonos-country-select_3.cjs.entry.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const localization = require('./localization-2c9f5765.js');
-const zonosStore = require('./zonosStore-5d94dabb.js');
-const isDarkColor = require('./isDarkColor-168002d6.js');
+const cart = require('./cart-ecc80eb0.js');
+const zonosStore = require('./zonosStore-49d4c92a.js');
+const isDarkColor = require('./isDarkColor-924e6a7a.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
+require('./getBorderRadius-834c321d.js');
 
 /**
  * Fuse.js v6.6.2 - Lightweight fuzzy-search (http://fusejs.io)
@@ -1801,7 +1802,7 @@ const ZonosCountrySelect = class {
         index.registerInstance(this, hostRef);
         this.countrySelected = (countryCode) => {
             // mutate the selected country code in store
-            void localization.localizationStoreUpdateSelectedCountryCode(countryCode);
+            void cart.localizationStoreUpdateSelectedCountryCode(countryCode);
             this.handleOnClose();
         };
         this.handleInputChange = (event) => {
@@ -1812,7 +1813,7 @@ const ZonosCountrySelect = class {
         this.inputValue = '';
     }
     render() {
-        const { shippingZoneCountries } = localization.localizationStore;
+        const { shippingZoneCountries } = cart.localizationStore;
         const countries = shippingZoneCountries
             ? Object.values(shippingZoneCountries)
             : [];
@@ -1825,7 +1826,7 @@ const ZonosCountrySelect = class {
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         return (index.h(index.Host, { key: 'fb1115a06814daaf8ebb7d9e282fdd1bd944121f', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'eb9eb7dba8f170c6190fd29e670b002ecb39a849', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '4667474f03efbad9fbb0ea4153d16b49a7f2803f', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: 'c2777f838d9d376878e1218868ed8df0d28dc5f2', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, index.h("input", { key: '1e41b3888bce97a94ff88c4b3b3389cc8d4de096', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), index.h("div", { key: 'ba89ae931e2a0e564112d9989d8074674906a297', class: "zonos--country-select-content" }, filteredCountries.map(country => (index.h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, index.h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), index.h("zonos-text", { color: "gray-800" }, country.displayName), country.code === localization.localizationStore.selectedCountryCode && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
+            } }, index.h("div", { key: 'eb9eb7dba8f170c6190fd29e670b002ecb39a849', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '4667474f03efbad9fbb0ea4153d16b49a7f2803f', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: 'c2777f838d9d376878e1218868ed8df0d28dc5f2', handleOnClose: () => this.handleOnClose(), label: "Select a country" }, index.h("input", { key: '1e41b3888bce97a94ff88c4b3b3389cc8d4de096', class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: "Search countries", value: this.inputValue }))), index.h("div", { key: 'ba89ae931e2a0e564112d9989d8074674906a297', class: "zonos--country-select-content" }, filteredCountries.map(country => (index.h("button", { class: "zonos--country-select-country", onClick: () => this.countrySelected(country.code) }, index.h("zonos-country-flag", { class: "zonos--country-flag", countryCode: country.code }), index.h("zonos-text", { color: "gray-800" }, country.displayName), country.code === cart.localizationStore.selectedCountryCode && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 20 })))))))));
     }
 };
 ZonosCountrySelect.style = ZonosCountrySelectStyle0;
@@ -1873,10 +1874,10 @@ const ZonosHelloDialogFooter = class {
         var _a, _b, _c;
         const primaryColor = (_a = this.appearanceSettings) === null || _a === void 0 ? void 0 : _a.colorPrimary;
         const footerTheme = primaryColor && isDarkColor.isDarkColor(primaryColor) ? 'DARK' : 'LIGHT';
-        const language = (_b = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
+        const language = (_b = ILanguage.languages.find(x => x.code === cart.localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
         return (index.h(index.Host, { key: 'a3a6ab0e4af4981cc83802be1433c3c41da58c19', class: "zonos--elements" }, index.h("div", { key: 'fdea45d1b4d83055a3d17918a5ae78f43a7e0042', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
                 '--primary-color': (_c = this.appearanceSettings) === null || _c === void 0 ? void 0 : _c.colorPrimary,
-            } }, index.h("a", { key: '4d4e995052049238d4c522ff8501dddbe25e29d5', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '4ca16c024473660f74cfc7a3d506b8ba4ebf7362', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), index.h("div", { key: 'dd1da686f8345431c3805898f374e5fb22e27289', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'd5c34c75c5006710ff6d0426d43f07a5ade41827', buttonColor: "gray-1200", icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: '43759ce87473b10e078f14dce529db502a5edd4d', buttonColor: "gray-1200", icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localization.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localization.localizationStore.selectedCountryCode)))));
+            } }, index.h("a", { key: '4d4e995052049238d4c522ff8501dddbe25e29d5', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '4ca16c024473660f74cfc7a3d506b8ba4ebf7362', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), index.h("div", { key: 'dd1da686f8345431c3805898f374e5fb22e27289', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'd5c34c75c5006710ff6d0426d43f07a5ade41827', buttonColor: "gray-1200", icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: '43759ce87473b10e078f14dce529db502a5edd4d', buttonColor: "gray-1200", icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: cart.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, cart.localizationStore.selectedCountryCode)))));
     }
 };
 ZonosHelloDialogFooter.style = ZonosHelloDialogFooterStyle0;

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const localization = require('./localization-2c9f5765.js');
-const zonosStore = require('./zonosStore-5d94dabb.js');
+const cart = require('./cart-ecc80eb0.js');
+const zonosStore = require('./zonosStore-49d4c92a.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
+require('./isDarkColor-924e6a7a.js');
+require('./getBorderRadius-834c321d.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();
@@ -85,37 +87,37 @@ const ZonosHelloDialog = class {
     }
     render() {
         var _a;
-        const { countryLandedCost, selectedCountryCode } = localization.localizationStore;
+        const { countryLandedCost, selectedCountryCode } = cart.localizationStore;
         // Our Robby API spells deminimis wrong here
         const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
-            ? localization.currencyFormat(countryLandedCost.dutyDeminimus)
+            ? cart.currencyFormat(countryLandedCost.dutyDeminimus)
             : null;
         // If Canada, use 40 CAD (courier duty de minimis)
-        const dutyDeminimisToUse = localization.localizationStore.selectedCountryCode === 'CA'
-            ? localization.currencyFormat(40)
+        const dutyDeminimisToUse = cart.localizationStore.selectedCountryCode === 'CA'
+            ? cart.currencyFormat(40)
             : dutyDeminimis;
         // If deminimis is undefined or null, assume it's $0
         const dutyDeMinimisMessage = dutyDeminimisToUse
-            ? `${localization.translate('Spend')} ${dutyDeminimisToUse} ${localization.translate('duty free')}`
-            : localization.translate('Duties will apply to all orders');
+            ? `${cart.translate('Spend')} ${dutyDeminimisToUse} ${cart.translate('duty free')}`
+            : cart.translate('Duties will apply to all orders');
         // Our Robby API spells deminimis wrong here
         const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
-            ? localization.currencyFormat(countryLandedCost.vatTaxDeminimus)
+            ? cart.currencyFormat(countryLandedCost.vatTaxDeminimus)
             : null;
         // If Canada, use 150 CAD (courier tax de minimis)
-        const taxDeminimisToUse = localization.localizationStore.selectedCountryCode === 'CA'
-            ? localization.currencyFormat(150)
+        const taxDeminimisToUse = cart.localizationStore.selectedCountryCode === 'CA'
+            ? cart.currencyFormat(150)
             : taxDeminimis;
         const taxDeMinimisMessage = taxDeminimisToUse
-            ? `${localization.translate('Spend')} ${taxDeminimisToUse} ${localization.translate('tax free')}`
-            : localization.translate('Taxes will apply to all orders');
+            ? `${cart.translate('Spend')} ${taxDeminimisToUse} ${cart.translate('tax free')}`
+            : cart.translate('Taxes will apply to all orders');
         const animateLeft = this.animateFromLeftOverride ||
             (this.dialogRef && getHasMoreSpaceOnRight.getHasMoreSpaceOnRight(this.dialogRef));
         const animateFromBottom = this.dialogRef && getHasMoreSpaceAbove(this.dialogRef);
-        const { customMessages } = localization.localizationStore;
-        const welcomeMessage = `${localization.translate('Welcome to')} ${zonosStore.zonosStore.organizationName}!`;
+        const { customMessages } = cart.localizationStore;
+        const welcomeMessage = `${cart.translate('Welcome to')} ${zonosStore.zonosStore.organizationName}!`;
         const defaultMessage = ((_a = customMessages.find(x => x.pageName === 'hello_default')) === null || _a === void 0 ? void 0 : _a.message) ||
-            localization.translate('Know about duties and taxes before you buy. Shop with confidence!');
+            cart.translate('Know about duties and taxes before you buy. Shop with confidence!');
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
         return (index.h(index.Host, { key: '303f914b4511500edcd8d041ccfd52f0c48a7a85', class: "zonos--elements" }, index.h("div", { key: 'f52025ee53c0cdbbf20ecbb874e5639194b6507b', "aria-hidden": "true", class: classes.classes([

package/dist/cjs/zonos-hello.cjs.entry.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-5d94dabb.js');
-const localization = require('./localization-2c9f5765.js');
+const zonosStore = require('./zonosStore-49d4c92a.js');
+const cart = require('./cart-ecc80eb0.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
+require('./isDarkColor-924e6a7a.js');
+require('./getBorderRadius-834c321d.js');
 
 var root = zonosStore._root;
 
@@ -368,9 +370,9 @@ const checkItemRestrictions = async ({ items, shipFrom, shipTo, }) => {
         shipFrom,
         shipTo,
     };
-    const { errors, json } = await localization.handleFetch(url, { body, method: 'POST' });
+    const { errors, json } = await cart.handleFetch(url, { body, method: 'POST' });
     if (errors.length || !json) {
-        localization.logError(`Error fetching item restrictions: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
+        cart.logError(`Error fetching item restrictions: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
         return [];
     }
     return json.filter(Boolean);
@@ -380,9 +382,9 @@ const detectItemRestrictions = async (newProducts) => {
     if (!newProducts.length) {
         return [];
     }
-    const { selectedCountryCode } = localization.localizationStore;
+    const { selectedCountryCode } = cart.localizationStore;
     if (!selectedCountryCode) {
-        localization.logError('Hello Could not check item restrictions - No country code selected');
+        cart.logError('Hello Could not check item restrictions - No country code selected');
         return [];
     }
     const items = newProducts.map(product => ({
@@ -426,30 +428,30 @@ const getProductsOnPage = () => {
     var _a, _b;
     const { productAddToCartElementSelector, productDescriptionElementSelector, productTitleElementSelector, restrictionBehavior, } = zonosStore.zonosStore.helloSettings;
     if (!productTitleElementSelector || !productDescriptionElementSelector) {
-        localization.logError(`Hello Could not check item restrictions - must provide title and description selectors.`);
+        cart.logError(`Hello Could not check item restrictions - must provide title and description selectors.`);
     }
     const titleNodes = (productTitleElementSelector &&
-        localization.isValidSelector(productTitleElementSelector) &&
+        cart.isValidSelector(productTitleElementSelector) &&
         document.querySelectorAll(productTitleElementSelector)) ||
         [];
     const descriptionNodes = (productDescriptionElementSelector &&
-        localization.isValidSelector(productDescriptionElementSelector) &&
+        cart.isValidSelector(productDescriptionElementSelector) &&
         document.querySelectorAll(productDescriptionElementSelector)) ||
         [];
     if (titleNodes.length !== descriptionNodes.length) {
         // If the title and description selectors don't match, kill item restrictions altogether
-        localization.logError('Hello Could not check item restrictions - Title and description selectors do not match');
+        cart.logError('Hello Could not check item restrictions - Title and description selectors do not match');
         return [];
     }
     const shouldDisableCart = restrictionBehavior === 'RESTRICT_AND_BLOCK';
     const cartButtonNodes = (shouldDisableCart &&
         productAddToCartElementSelector &&
-        localization.isValidSelector(productAddToCartElementSelector) &&
+        cart.isValidSelector(productAddToCartElementSelector) &&
         document.querySelectorAll(productAddToCartElementSelector)) ||
         [];
     if (shouldDisableCart && cartButtonNodes.length !== descriptionNodes.length) {
         // If the "add to cart" selectors don't match, log the error and continue
-        localization.logError('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
+        cart.logError('Hello could not disable "Add to cart" buttons - Title and add to cart selectors do not match');
     }
     const mergedElements = [];
     for (let i = 0; i < titleNodes.length; i++) {
@@ -480,20 +482,20 @@ const ZonosHello = class {
             const isRestrictionPage = zonosStore.zonosStore.currentHelloPage === 'productDetail' ||
                 zonosStore.zonosStore.currentHelloPage === 'productList';
             if (isRestrictionPage && this.allRestrictedItems.length) {
-                const clickMessage = localization.translate('click to learn more');
+                const clickMessage = cart.translate('click to learn more');
                 const restrictMessage = zonosStore.zonosStore.currentHelloPage === 'productDetail'
-                    ? localization.translate('Restricted item')
-                    : localization.translate('Restricted items found');
+                    ? cart.translate('Restricted item')
+                    : cart.translate('Restricted items found');
                 return `${restrictMessage} - ${clickMessage}`;
             }
             switch (zonosStore.zonosStore.currentHelloPage) {
                 case 'cart':
-                    return localization.translate(`Prepay duties and taxes at checkout`);
+                    return cart.translate(`Prepay duties and taxes at checkout`);
                 case 'productList':
                 case 'productDetail':
-                    return localization.translate(`See duty and tax thresholds`);
+                    return cart.translate(`See duty and tax thresholds`);
                 default:
-                    return `${localization.translate('Welcome to')} ${organizationName}`;
+                    return `${cart.translate('Welcome to')} ${organizationName}`;
             }
         };
         this.enableShowPeekMessage = () => {
@@ -587,9 +589,9 @@ const ZonosHello = class {
             setInterval(() => {
                 if (window.location.href !== this.initialUrl) {
                     const prevUrl = this.initialUrl && new URL(this.initialUrl);
-                    const initialZonosCountry = prevUrl && localization.getZCountryUrlParam(prevUrl.searchParams);
+                    const initialZonosCountry = prevUrl && cart.getZCountryUrlParam(prevUrl.searchParams);
                     // If the zCountry url param changes, reset current item restriction tracking
-                    if (initialZonosCountry !== localization.localizationStore.selectedCountryCode) {
+                    if (initialZonosCountry !== cart.localizationStore.selectedCountryCode) {
                         this.allFoundProducts = [];
                         this.allRestrictedItems = [];
                         this.productsOnPage = [];
@@ -597,9 +599,9 @@ const ZonosHello = class {
                     this.initialUrl = window.location.href;
                     zonosStore.zonosStore.currentHelloPage = getCurrentHelloLocalePage();
                     const currentUrl = new URL(window.location.href);
-                    const zCountry = localization.getZCountryUrlParam(currentUrl.searchParams);
+                    const zCountry = cart.getZCountryUrlParam(currentUrl.searchParams);
                     if (!zCountry) {
-                        localization.setZCountryUrlParam(localization.localizationStore.selectedCountryCode);
+                        cart.setZCountryUrlParam(cart.localizationStore.selectedCountryCode);
                         return;
                     }
                     void this.reloadHelloData();
@@ -619,13 +621,13 @@ const ZonosHello = class {
             }
         };
         this.isShippableCountry = (showLog = true) => {
-            if (!localization.localizationStore.localizationLoaded) {
+            if (!cart.localizationStore.localizationLoaded) {
                 return false;
             }
             // if localization is loaded and the localization is not a shippable country, keep the original click event
-            if (!localization.localizationStore.isShippableCountry) {
+            if (!cart.localizationStore.isShippableCountry) {
                 if (showLog) {
-                    localization.log(`Hello: not shippable country`);
+                    cart.log(`Hello: not shippable country`);
                 }
                 return false;
             }
@@ -660,33 +662,33 @@ const ZonosHello = class {
      * @returns void
      */
     async displayCurrency() {
-        if (!localization.localizationStore.exchangeRate) {
+        if (!cart.localizationStore.exchangeRate) {
             // eslint-disable-next-line no-console
             console.error('Could not display currency. Exchange rate and format data is not available.');
             return;
         }
-        localization.currencyDisplay();
+        cart.currencyDisplay();
     }
     /**
      * This method will call convert and format, and return the converted and formatted string
      * @returns string
      */
     async convertAndFormat(value) {
-        localization.currencyConvertAndFormat(value);
+        cart.currencyConvertAndFormat(value);
     }
     /**
      * This method will convert the currency and return the converted value
      * @returns number
      */
     async convert(value) {
-        localization.currencyConvert(value);
+        cart.currencyConvert(value);
     }
     /**
      * This method will format the currency and return the formatted string
      * @returns number
      */
     async format(value) {
-        localization.currencyFormat(value);
+        cart.currencyFormat(value);
     }
     handleResize() {
         debounce_1(this.render.bind(this), RESIZE_DEBOUNCE_DELAY_MS);
@@ -695,10 +697,10 @@ const ZonosHello = class {
         var _a, _b;
         const isExcludedUrl = (_a = zonosStore.zonosStore.helloSettings.excludedUrlPatterns) === null || _a === void 0 ? void 0 : _a.some(pattern => new RegExp(pattern).test(window.location.href));
         if (isExcludedUrl) {
-            localization.log('Hello is excluded on this url', 'warn');
+            cart.log('Hello is excluded on this url', 'warn');
             return null;
         }
-        const { selectedCountryCode } = localization.localizationStore;
+        const { selectedCountryCode } = cart.localizationStore;
         const mobileLocation = this.mobileLocationOverride || zonosStore.zonosStore.helloSettings.mobileLocation;
         const isMobileWindow = window.innerWidth < 768;
         const isOnLeft = this.animateFromLeftOverride ||

package/dist/cjs/zonos-logo.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-5d94dabb.js');
+const zonosStore = require('./zonosStore-49d4c92a.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosLogoCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--filter-color);filter:var(--filter-color);width:var(--width)}";

package/dist/cjs/zonos-notification.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-5d94dabb.js');
+const zonosStore = require('./zonosStore-49d4c92a.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosNotificationCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:var(--amino-space-24);gap:var(--amino-space-8);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:var(--amino-space-8);border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";

package/dist/cjs/zonos-payment.cjs.entry.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const cart = require('./cart-b8bbf22d.js');
-require('./zonosStore-5d94dabb.js');
-require('./localization-2c9f5765.js');
-require('./isDarkColor-168002d6.js');
-require('./getBorderRadius-b252096d.js');
+const cart = require('./cart-ecc80eb0.js');
+require('./zonosStore-49d4c92a.js');
+require('./isDarkColor-924e6a7a.js');
+require('./getBorderRadius-834c321d.js');
 
 const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:var(--amino-space-16)}";
 const ZonosPaymentStyle0 = zonosPaymentCss;

package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-5d94dabb.js');
+const zonosStore = require('./zonosStore-49d4c92a.js');
 const classes = require('./classes-b7918f56.js');
 
 const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-5d94dabb.js');
+const zonosStore = require('./zonosStore-49d4c92a.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-b252096d.js');
+const getBorderRadius = require('./getBorderRadius-834c321d.js');
 const isColorVariable = require('./isColorVariable-41cacd82.js');
 
 const zonosShippingRichRadioCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";

package/dist/cjs/zonos-text.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-5d94dabb.js');
+const zonosStore = require('./zonosStore-49d4c92a.js');
 const classes = require('./classes-b7918f56.js');
 
 const textOptions = {

package/dist/cjs/{zonosStore-5d94dabb.js → zonosStore-49d4c92a.js}

@@ -2843,16 +2843,16 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
     }
     zonosStore.appearance = mergeConfig(zonosStore.appearance, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.appearanceSettings) ||
         (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.appearanceSettings) ||
-        null, overrideSettings.appearance);
+        null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.appearance);
     zonosStore.checkoutSettings = mergeConfig(zonosStore.checkoutSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.checkoutSettings) ||
         (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.checkoutSettings) ||
-        null, overrideSettings.checkoutSettings);
-    zonosStore.helloSettings = mergeConfig(zonosStore.helloSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.helloSettings) || (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.helloSettings) || null, overrideSettings.helloSettings);
+        null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.checkoutSettings);
+    zonosStore.helloSettings = mergeConfig(zonosStore.helloSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.helloSettings) || (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.helloSettings) || null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.helloSettings);
     // set flag to true to indicate that config is ready
     zonosStore.loadedConfig = true;
     zonosStore.organizationName = ((_a = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _a === void 0 ? void 0 : _a.name) || '';
     zonosStore.storeId = ((_c = (_b = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _b === void 0 ? void 0 : _b.references) === null || _c === void 0 ? void 0 : _c.storeId) || null;
-    zonosStore.currencyConverter = overrideSettings.currencyConverter;
+    zonosStore.currencyConverter = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.currencyConverter;
 };
 const zonosStoreFontFamily = () => {
     const fontFamily = zonosStore.appearance.fontFamily || 'Inter';