@zonos/elements 1.3.240 → 1.3.242

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
 const throttle = require('./throttle-7dd64984.js');
-const cart = require('./cart-7af808b1.js');
-const localization = require('./localization-08aa03da.js');
+const cart = require('./cart-4246c004.js');
+const localization = require('./localization-ec5a6780.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-eda13ef8.js');
@@ -328,11 +328,11 @@ const ZonosAddress = class {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '7762b1dbeeff9d45721bf7a2efbe4bf4c2c29551', class: classes.classes([
+        return (index.h(index.Host, { key: 'b02889c4677a27a8c54a411d66fb31e15af78e1a', class: classes.classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (index.h("zonos-text", { key: '5f266b4562eb78eb8f5b1374f195501abc44c9f7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("slot", { key: 'bfcee78353455a66c6dec12432bfeff69dc9a10b', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), index.h("div", { key: 'd005a517dc93439d13f38750df8e09f884ad898c', class: "zonos--address-component" })));
+            ]) }, this.titleText && (index.h("zonos-text", { key: 'f52beb7ed6699ec1c73ee35a3436798a1fea38c7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("slot", { key: '7c9602892de932e8a3f90a37b53a936f39082916', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), index.h("div", { key: '8ea6698f5b9d3bb525942c146e2cf67fefad6ad8', class: "zonos--address-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -704,7 +704,7 @@ const ZonosLoadingOverlay = class {
         this.size = 40;
     }
     render() {
-        return (index.h(index.Host, { key: 'eee6eb4eb40c18ccdd24d57d98be8b90eadccf23', class: classes.classes(['zonos--elements', this.open && 'zonos--open']) }, index.h("div", { key: '4bca110e058cb5cbf4c86351aa56d251792ab325', class: "zonos--loading-overlay" }, index.h("zonos-spinner", { key: '513b8d669ab13896442c0b1048609a3f3e0ed6f5', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (index.h(index.Host, { key: '13154a3c9250f15d8dca292f0673c6465bfb15e0', class: classes.classes(['zonos--elements', this.open && 'zonos--open']) }, index.h("div", { key: '4470fccd21e58bd7959ef3e20c8775ac637cace0', class: "zonos--loading-overlay" }, index.h("zonos-spinner", { key: '5b32b821cea982866da56176eeaafd5d8958f25d', size: this.size, spinnerColor: this.spinnerColor }))));
     }
 };
 ZonosLoadingOverlay.style = ZonosLoadingOverlayStyle0;

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

@@ -6,10 +6,10 @@ const index = require('./index-69fa8852.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
-const cart = require('./cart-7af808b1.js');
-const localization = require('./localization-08aa03da.js');
+const cart = require('./cart-4246c004.js');
+const localization = require('./localization-ec5a6780.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const paypal = require('./paypal-174fca15.js');
+const paypal = require('./paypal-a3921278.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-878e600e.js');
 
@@ -259,7 +259,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: 'ca6da9e9fadd891c2a748186c30fdfcf8f57ffc5', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '8083de8ff08f5cd7f3ddaf6190844ee11b72ed4a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'cf88a4f5b989e1911b089ce9298945307085455a', class: "zonos--payment-component" }), index.h("div", { key: 'ff768b9ca8dd0a60605196f50bcba3c542cc2206', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: '1fb61e01184d3a0b2dc079ae468e96175d9f6518', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '3860ff7fc2656ff045ce09c0de2e14aa7a22e194', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '3cabad9c095f2eeba8cfc464374ca9abfc2af5ee', class: "zonos--payment-component" }), index.h("div", { key: '9e2b13a0d8131a5513f99e2a6436ca3c5f03d7cf', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -323,7 +323,7 @@ const ZonosPaypalPayment = class {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (index.h(index.Host, { key: '503c2a2f4d6dd0d6c10468f4bbe915610cf7008e', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: 'c1d2c15bf6f096c3666f9d4e8085c5fbe2c637a7', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: '35387382aaa81e3f8e025e8f3503be41b86e2355', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: '34fad15dee67d8b913071a59d35b1c2317d4d3a0', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/zonos-cart-items_12.cjs.entry.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const cart = require('./cart-7af808b1.js');
-const localization = require('./localization-08aa03da.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-112ab5d2.js');
+const cart = require('./cart-4246c004.js');
+const localization = require('./localization-ec5a6780.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-5fe59d60.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
-const hasInclusivePrice = require('./hasInclusivePrice-2e306ea5.js');
-const paypal = require('./paypal-174fca15.js');
+const hasInclusivePrice = require('./hasInclusivePrice-ac0440e7.js');
+const paypal = require('./paypal-a3921278.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const placeTestOrder = require('./placeTestOrder-a786d83a.js');
+const placeTestOrder = require('./placeTestOrder-907b981d.js');
 const isDarkColor = require('./isDarkColor-878e600e.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const updateCheckoutSessionAttributes = require('./updateCheckoutSessionAttributes-3a1db9de.js');
@@ -1742,11 +1742,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (index.h(index.Host, { key: '333c158c20af14bcfc310b7fae19cadb9ffaea01', class: classes.classes(['zonos--elements zonos--restState']), style: {
+        return (index.h(index.Host, { key: '2d9be86849c6ff2f039ca21676cbdf912538eb1d', class: classes.classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '0076afaff9200094d45bd4321ea7b1d0a4954a81', class: "zonos--restState-image" }, index.h("img", { key: '4ef3b7ee4f62175e06da9a7d2453603ba6cf9fb8', alt: this.restStateType, onError: () => {
+            } }, index.h("div", { key: 'f538f05fe92eca4ee05daf72ee3387bea337c20c', class: "zonos--restState-image" }, index.h("img", { key: 'cc752b1ed3e9e656810c901df9f8b19462efc978', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), index.h("div", { key: 'b5033ee1f4618732f14a9dd3c05d0271329083df', class: "content" }, index.h("zonos-text", { key: '2f21d52a7bb0b410590cb0768102155843e21038', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '48222ff00921961e770d20b817563d9a903a9e98', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: 'ac6c100c85bd166945d8394cf61ab6baaa19cb3f', class: "action" }, index.h("slot", { key: 'cec63c8cbac43d402333c7ab6aba0ac3bd9bab36' }))));
+            }, src: imageUrl })), index.h("div", { key: '4729c415dbac98876fcd907437b8df21b925dec5', class: "content" }, index.h("zonos-text", { key: '39313c8c71d228cd1076e809146ad7ac3d877a9a', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '69813bd32ae3867ebebcc511655f2052b1175945', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '98b085930fd76e2ff095cc971ae4699041c1a550', class: "action" }, index.h("slot", { key: '188318643319081914ed30aad91de5f15b014953' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const cart = require('./cart-7af808b1.js');
-const paypal = require('./paypal-174fca15.js');
-const localization = require('./localization-08aa03da.js');
+const cart = require('./cart-4246c004.js');
+const paypal = require('./paypal-a3921278.js');
+const localization = require('./localization-ec5a6780.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -108,10 +108,23 @@ const isDisabledCountry = (showLog = true) => {
     return false;
 };
 
-const isShippableCountry = (showLog = true) => {
+const isShippableCountry = (showLog = true, 
+/**
+ * If provided, will check if the country is shippable based on the provided country code instead of the Hello selected country code
+ */
+providedCountryCode) => {
+    var _a;
     if (!localization.localizationStore.localizationLoaded) {
         return false;
     }
+    if (providedCountryCode) {
+        const isProvidedCountryCodeShippableCountry = !!((_a = localization.localizationStore.shippingZoneCountries) === null || _a === void 0 ? void 0 : _a[providedCountryCode]) &&
+            !zonosStore.zonosStore.disabledCountries.includes(providedCountryCode);
+        if (showLog && !isProvidedCountryCodeShippableCountry) {
+            VarianceTest.log(`Checkout: ${providedCountryCode} is not a shippable country: ${isProvidedCountryCodeShippableCountry}`);
+        }
+        return isProvidedCountryCodeShippableCountry;
+    }
     // if localization is loaded and the localization is not a shippable country, keep the original click event
     if (!localization.localizationStore.isShippableCountry) {
         if (showLog) {
@@ -122,15 +135,70 @@ const isShippableCountry = (showLog = true) => {
     return true;
 };
 
+const SHIP_TO_COUNTRY_SELECTOR = 'select[name="shippingAddress.countryCode"]';
 /**
- * Watch for changes in domestic checkout step, this is to redirect user to home page and open checkout if user enters the ship to country that's in the shipping zone
+ * Watch for changes in domestic checkout step. Redirects user to home page to open international checkout when user selects a country in the international shipping zone.
  * @note Only works on default bigcommerce checkout page
  */
-const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShippingAddressSessionFound, }) => {
+const watchImmediateBigcommerceDomesticCheckoutRedirect = ({ domesticRedirectedBtnSelector, onInternationalCheckoutSelected, onShippingAddressSessionFound, }) => {
     if (!window.Zonos.isBigCommerce) {
         return;
     }
-    const observer = new MutationObserver(async () => {
+    /**
+     * Keep checking
+     */
+    const handleInternationalCheckoutSelected = async () => {
+        const shipToCountryElement = document.querySelector(SHIP_TO_COUNTRY_SELECTOR);
+        if (!shipToCountryElement) {
+            return false;
+        }
+        const shippingCountry = shipToCountryElement.value;
+        if (!shippingCountry) {
+            // do nothing if shipping country is not found
+            return false;
+        }
+        if (!isShippableCountry(false, shippingCountry)) {
+            // do nothing if shipping country is not shippable
+            return false;
+        }
+        if (onInternationalCheckoutSelected) {
+            await onInternationalCheckoutSelected();
+        }
+        // update the country code in localization store and check if it's shippable
+        localization.localizationStoreUpdateSelectedCountryCode({
+            isInitializing: false,
+            newSelectedCountryCode: shippingCountry,
+        });
+        const shippingAddress = {
+            address1: '',
+            address2: '',
+            city: '',
+            countryCode: shippingCountry,
+            firstName: '',
+            lastName: '',
+            phone: '',
+            postalCode: '',
+            stateOrProvince: '',
+        };
+        // save the shipping address to session storage
+        cart.stripeStoreSaveDomesticShippingSession({
+            address1: shippingAddress.address1,
+            address2: shippingAddress.address2,
+            city: shippingAddress.city,
+            countryCode: shippingAddress.countryCode,
+            firstName: shippingAddress.firstName,
+            lastName: shippingAddress.lastName,
+            phone: shippingAddress.phone,
+            postalCode: shippingAddress.postalCode,
+            state: shippingAddress.stateOrProvince,
+        });
+        // redirect to home page, home page then will open the checkout dialog if having domestic shipping session
+        window.location.href = '/';
+        return true;
+    };
+    let isProcessing = false;
+    let intervalCreated = false;
+    const observer = new MutationObserver(() => {
         const domesticRedirectedButton = document.querySelector(domesticRedirectedBtnSelector);
         const shippingAddressSession = cart.stripeStoreGetDomesticShippingSession();
         // append a hidden button to the body if the shipping address session is found
@@ -145,84 +213,47 @@ const watchBigcommerceDomesticCheckout = ({ domesticRedirectedBtnSelector, onShi
             observer.disconnect();
             return;
         }
-        const shipToCountryElement = document.querySelector('select[name="shippingAddress.countryCode"]');
-        // make sure the continue button is available
-        const shippingContinueBtnEle = document.querySelector('#checkout-shipping-continue');
-        if (!shipToCountryElement || !shippingContinueBtnEle) {
+        const isBigcommerceDomesticCheckoutPage = window.location.pathname.includes('/checkout') &&
+            window.Zonos.isBigCommerce;
+        const shipToCountryElement = document.querySelector(SHIP_TO_COUNTRY_SELECTOR);
+        // Should just disconnect the observer if it's not bigcommerce domestic checkout page
+        if (!isBigcommerceDomesticCheckoutPage) {
+            observer.disconnect();
+            return;
+        }
+        // Shouldn't do anything if it's not bigcommerce domestic checkout page
+        if (!shipToCountryElement) {
             // do nothing if shipping country and the continue button is not found
             return;
         }
-        // disconnect the observer after we found the shipping continue button
+        VarianceTest.log('Domestic checkout found - Listening for shipping country change', 'info', {
+            value: shipToCountryElement.value,
+        });
+        // Should not create a new interval if it's already created
+        if (intervalCreated) {
+            return;
+        }
+        intervalCreated = true;
+        // disconnect the observer after we know that's bigcommerce domestic checkout page
         observer.disconnect();
-        shippingContinueBtnEle.addEventListener('click', async (e) => {
-            var _a, _b;
-            const shippingCountry = shipToCountryElement.value;
-            if (!shippingCountry) {
-                // do nothing if shipping country is not found
+        const interval = setInterval(async () => {
+            if (isProcessing) {
                 return;
             }
-            // update the country code in localization store and check if it's shippable
-            localization.localizationStoreUpdateSelectedCountryCode({
-                isInitializing: false,
-                newSelectedCountryCode: shippingCountry,
-            });
-            // do nothing if the country is still domestic
-            if (!isShippableCountry(false)) {
-                // cleanup the domestic shipping session if it's domestic because we will open the intl checkout after redirecting
-                cart.stripeStoreCleanupDomesticShippingSession();
-                return;
+            isProcessing = true;
+            try {
+                const isInternationalCountrySelected = await handleInternationalCheckoutSelected();
+                // When isInternationalCountrySelected is true, user will be redirected shortly, so we can stop the checking interval here
+                if (isInternationalCountrySelected) {
+                    clearInterval(interval);
+                    return;
+                }
+                isProcessing = false;
             }
-            // get value of shipping address state
-            const shipToFormElement = document.querySelector('form');
-            if (!shipToFormElement) {
-                return;
+            catch (_a) {
+                isProcessing = false;
             }
-            const formData = new FormData(shipToFormElement);
-            const shipAddress1Element = document.querySelector('input#addressLine1Input');
-            const shippingAddress = {
-                address1: (_a = formData.get('shippingAddress.address1')) !== null && _a !== void 0 ? _a : 
-                // in Canada, the address1 is not included in the form, try to get value from input id instead.
-                (shipAddress1Element && shipAddress1Element.value),
-                address2: formData.get('shippingAddress.address2'),
-                city: formData.get('shippingAddress.city'),
-                countryCode: formData.get('shippingAddress.countryCode'),
-                firstName: formData.get('shippingAddress.firstName'),
-                lastName: formData.get('shippingAddress.lastName'),
-                phone: formData.get('shippingAddress.phone'),
-                postalCode: formData.get('shippingAddress.postalCode'),
-                stateOrProvince: (_b = formData.get('shippingAddress.stateOrProvince')) !== null && _b !== void 0 ? _b : formData.get('shippingAddress.stateOrProvinceCode'),
-            };
-            if (Object.values(shippingAddress).some(value => value === undefined || value === null)) {
-                handleFetch.logError('One or more shipping address field is missing', Object.entries(shippingAddress));
-                void handleFetch.sendErrorLog({
-                    endpoint: 'No endpoint, domestic checkout form missing fields',
-                    errors: [
-                        'Bigcommerce: One or more shipping address field is missing in the domestic checkout form',
-                        JSON.stringify(Object.entries(shippingAddress)),
-                    ],
-                    metadata: {
-                        storeId: zonosStore.zonosStore.storeId,
-                    },
-                });
-                return;
-            }
-            // save the shipping address to session storage
-            cart.stripeStoreSaveDomesticShippingSession({
-                address1: shippingAddress.address1,
-                address2: shippingAddress.address2,
-                city: shippingAddress.city,
-                countryCode: shippingAddress.countryCode,
-                firstName: shippingAddress.firstName,
-                lastName: shippingAddress.lastName,
-                phone: shippingAddress.phone,
-                postalCode: shippingAddress.postalCode,
-                state: shippingAddress.stateOrProvince,
-            });
-            e.preventDefault();
-            e.stopPropagation();
-            // redirect to home page, home page then will open the checkout dialog if having domestic shipping session
-            window.location.href = '/';
-        });
+        }, 1000);
     });
     observer.observe(document.body, {
         childList: true,
@@ -516,6 +547,10 @@ const ZonosCheckout = class {
          * Whether or not the fedex shipping dialog should be shown
          */
         this.shouldShowFedexShippingConsentDialog = false;
+        /**
+         * Whether or not the domestic checkout dialog should be shown
+         */
+        this.detectedDomesticCheckoutDialogOpen = false;
         /**
          * Client secret value
          */
@@ -1367,8 +1402,13 @@ const ZonosCheckout = class {
             cart.cartStore.isStagingMode = this.overrideStagingMode;
         }
         // check if bigcommerce, if user enters the shipping address that's in the shipping zone at bigcommerce checkout
-        watchBigcommerceDomesticCheckout({
+        watchImmediateBigcommerceDomesticCheckoutRedirect({
             domesticRedirectedBtnSelector: CheckoutConfig.domesticRedirectedBtnSelector,
+            onInternationalCheckoutSelected: async () => {
+                this.detectedDomesticCheckoutDialogOpen = true;
+                // wait for 2 secs
+                await new Promise(resolve => setTimeout(resolve, 2000));
+            },
             onShippingAddressSessionFound: shippingAddressSession => {
                 // prefilled the default address if shipping address session is found for checkout on open
                 this.defaultAddress = [
@@ -1881,7 +1921,7 @@ const ZonosCheckout = class {
                 this.isMobile && 'mobile',
                 this.isIframed && 'iframed',
                 this.hiddenMode && 'hidden-mode',
-            ]) }, this.preview ? (renderContent()) : (index.h("zonos-dialog", { borderStyle: style, "data-theme": rightSideTheme, height: "980px", isLoading: dialogLoading, mobile: this.isMobile, noBodyPadding: true, noBorder: true, noClickOutside: true, noCloseButton: true, onCloseDialog: () => this.closeDialogHandler(), open: this.open, width: "1200px" }, renderContent())), index.h("zonos-confirm-dialog", { class: "zonos--close-confirm-dialog", dialogCancelBtnText: localization.translate("Don't close"), dialogConfirmBtnText: localization.translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: localization.translate('Would you like to close checkout and return to the site?'), dialogTitle: localization.translate('Are you sure?'), onCancelClicked: () => {
+            ]) }, this.preview ? (renderContent()) : (index.h("zonos-dialog", { borderStyle: style, "data-theme": rightSideTheme, height: "980px", isLoading: dialogLoading, mobile: this.isMobile, noBodyPadding: true, noBorder: true, noClickOutside: true, noCloseButton: true, onCloseDialog: () => this.closeDialogHandler(), open: this.open, width: "1200px" }, renderContent())), index.h("zonos-dialog", { isLoading: true, loadingText: localization.translate('You will be redirected to international checkout shortly.'), loadingTitle: localization.translate('We detected that you are shipping to an international address.'), noClickOutside: true, noCloseButton: true, open: this.detectedDomesticCheckoutDialogOpen, width: "450px" }), index.h("zonos-confirm-dialog", { class: "zonos--close-confirm-dialog", dialogCancelBtnText: localization.translate("Don't close"), dialogConfirmBtnText: localization.translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: localization.translate('Would you like to close checkout and return to the site?'), dialogTitle: localization.translate('Are you sure?'), onCancelClicked: () => {
                 this.confirmDialogOpen = false;
             },
             // Mark user selected confirm to close the dialog

package/dist/cjs/zonos-collect-cart-items_3.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const cart = require('./cart-7af808b1.js');
+const cart = require('./cart-4246c004.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-08aa03da.js');
+require('./localization-ec5a6780.js');
 require('./handleFetch-954f30e1.js');
 require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-878e600e.js');
@@ -52,10 +52,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '8c80b04f02ebafcc0529bbc8a30fb71dae591a81', style: {
+        return (index.h(index.Host, { key: '443aa77bfbf4c0c84c33d0ef7652caec001968c3', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("slot", { key: '9840c220581a016349627a61efdf9a4dc3f68bc9' })));
+            } }, index.h("slot", { key: '3366df34b9f0f3549e556cff1e47878c2f6cd124' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -78,7 +78,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (index.h(index.Host, { key: 'dc65462865ede6e9cb5a02f5c4f6bf43c550d0c7', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
+        return (index.h(index.Host, { key: '096e505180d901c1523567f89cdbcca7869a0895', class: classes.classes(['zonos--elements zonos--skeleton']), style: styles.styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

package/dist/cjs/zonos-collect-finish_6.cjs.entry.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const cart = require('./cart-7af808b1.js');
-const paypal = require('./paypal-174fca15.js');
-const localization = require('./localization-08aa03da.js');
+const cart = require('./cart-4246c004.js');
+const paypal = require('./paypal-a3921278.js');
+const localization = require('./localization-ec5a6780.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-2ef1170d.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-a58f7b70.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-65da8408.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-112ab5d2.js');
-const placeTestOrder = require('./placeTestOrder-a786d83a.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-5fe59d60.js');
+const placeTestOrder = require('./placeTestOrder-907b981d.js');
 const renderFallback = require('./renderFallback-78b54537.js');
 require('./isDarkColor-878e600e.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const cart = require('./cart-7af808b1.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-a58f7b70.js');
-const paypal = require('./paypal-174fca15.js');
-const localization = require('./localization-08aa03da.js');
+const cart = require('./cart-4246c004.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-65da8408.js');
+const paypal = require('./paypal-a3921278.js');
+const localization = require('./localization-ec5a6780.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');

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

@@ -31,7 +31,7 @@ const ZonosComponent = class {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return index.h("div", { key: 'a4ab64de2aa643b21c019857749b944a01d83ab8' }, "Hello, World! I'm ", this.getText());
+        return index.h("div", { key: 'c15c75e21319fb4723d1062aa89c6e08cc2129b3' }, "Hello, World! I'm ", this.getText());
     }
 };
 ZonosComponent.style = ZonosComponentStyle0;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const cart = require('./cart-7af808b1.js');
-const localization = require('./localization-08aa03da.js');
+const cart = require('./cart-4246c004.js');
+const localization = require('./localization-ec5a6780.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -727,7 +727,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: '8ac43cd7dc03d654f554022653f3e852876b954b', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'fe248e1e38cd3d98c56f55d39b704f7337c74c29', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const localization = require('./localization-08aa03da.js');
+const localization = require('./localization-ec5a6780.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-954f30e1.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const localization = require('./localization-08aa03da.js');
+const localization = require('./localization-ec5a6780.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-878e600e.js');
@@ -1955,9 +1955,9 @@ const ZonosHelloDialogFooter = class {
         const language = (_b = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
         // Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
         const mainColor = primaryColor && isDarkColor.isDarkColor(primaryColor) ? 'white' : 'black';
-        return (index.h(index.Host, { key: 'be1344c05db8a46f066a046369e46823a58385b4', class: "zonos--elements" }, index.h("div", { key: '3d4a17439fef92f563b5417e6db9561a9797e684', class: "zonos--hello-dialog-footer", style: {
+        return (index.h(index.Host, { key: '7480572c4e05bfc177458ab00adb774069f28d52', class: "zonos--elements" }, index.h("div", { key: 'bd27466c0d82be3c5cde2f89dcc48749e2313090', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, index.h("a", { key: 'b6bc680ca615dbb05239a099e3aff67004296a01', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'e093c21439a68c811ea6fd110e76921f4948870d', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), index.h("div", { key: '8fd953e369a24c0b8f2b0a063ba8e16cfd733a74', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: 'c7bb2c5685e225990c67975a6fa191b4d6f4bd14', buttonColor: mainColor, icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: 'aa89b4bbfd86de52413ff9d3cd74121d210d4f8e', buttonColor: mainColor, 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: 'f6ca08c3c4f8eef3f4b81a77ba0d5a2e6cea8f62', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'a54d33d548145f0eb542041d3903ea4a257c39bb', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), index.h("div", { key: '52e06b22daaac439d5ebdcdcf44bd8f85fed4564', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: '30b994c3340467a62e72f62bde853b24e3f9e4f1', buttonColor: mainColor, icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: '26e2b5d8525d57841e2b7c1fefc69c96b21ad199', buttonColor: mainColor, 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)))));
     }
     get ele() { return index.getElement(this); }
 };
@@ -2066,10 +2066,10 @@ const ZonosVirtualScroll = class {
     render() {
         const { width: containerWidth } = this.containerDimensions;
         const visibleItems = this.getVisibleItems();
-        return (index.h(index.Host, { key: 'ff339af0ad6c41cbae2f867d2898a909804a06e7', class: classes.classes(['zonos--virtual-scroll']) }, index.h("div", { key: 'c9088d67f32f2350e06814aefac55a275d9351b6', class: classes.classes(['scroller']), style: {
+        return (index.h(index.Host, { key: 'a5083227ddbd44f3f94f0e4ecd7ebee309526fce', class: classes.classes(['zonos--virtual-scroll']) }, index.h("div", { key: '45dd1bb2f501ca6a2091c06a68c5f96652bd2976', class: classes.classes(['scroller']), style: {
                 height: `${this.totalHeight}px`,
                 width: `${containerWidth}px`,
-            } }), index.h("div", { key: '85f6afa13c4c8d9fbe1e688ce5a60d9c540c232f', class: classes.classes(['item-container']), style: {
+            } }), index.h("div", { key: 'e8c90e99bdc3301c5430a098d4b9f57ec0bc020b', class: classes.classes(['item-container']), style: {
                 height: `${this.totalHeight}px`,
             } }, visibleItems.map(({ element }) => element))));
     }