@zonos/elements 1.3.148 → 1.3.150

package/dist/cjs/{cart-ff5887f0.js → cart-a19315fd.js}

@@ -11236,6 +11236,8 @@ const stripeStoreGetPaymentIntent = async () => {
     // update stripe store with updated information
     stripeStore.clientSecret =
         json.checkoutSessionPaymentIntentCreate.clientSecret;
+    // update cart store checkout session with updated from checkout session payment intent creation call so the checkout session and payment intent are in sync
+    cartStoreSetCheckoutSession(json.checkoutSessionPaymentIntentCreate);
 };
 /**
  * Init checkout session
@@ -11269,10 +11271,6 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     handleFetch.log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
     handleFetch.log('done-init-checkout-session');
-    // get and set payment intent async except for staging mode
-    if (!cartStore.isStagingMode) {
-        void stripeStoreGetPaymentIntent();
-    }
     return true;
 };
 /**
@@ -11316,10 +11314,6 @@ const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, cur
         handleFetch.logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
         return { errors, json };
     }
-    // get and set payment intent async except for staging mode
-    if (!cartStore.isStagingMode) {
-        void stripeStoreGetPaymentIntent();
-    }
     return { errors: [], json };
 };
 /**
@@ -11872,6 +11866,7 @@ exports.stripeStoreApplyPromoCode = stripeStoreApplyPromoCode;
 exports.stripeStoreCleanupDomesticShippingSession = stripeStoreCleanupDomesticShippingSession;
 exports.stripeStoreConfirmPayment = stripeStoreConfirmPayment;
 exports.stripeStoreGetDomesticShippingSession = stripeStoreGetDomesticShippingSession;
+exports.stripeStoreGetPaymentIntent = stripeStoreGetPaymentIntent;
 exports.stripeStoreHandleInventoryCheck = stripeStoreHandleInventoryCheck;
 exports.stripeStoreHandleInventoryRefund = stripeStoreHandleInventoryRefund;
 exports.stripeStoreInitCheckoutSession = stripeStoreInitCheckoutSession;

package/dist/cjs/index.cjs.js

@@ -129,7 +129,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.148.js.zonos.com";
+    const cdnUrl = "https://v1.3.150.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -313,10 +313,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.148.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.148";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.148";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.148";
+const ZONOS_URL = "https://v1.3.150.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.150";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.150";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.150";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -330,7 +330,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1736807878471";
+Zonos.releaseDate = "1737148584151";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -346,7 +346,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.148"}`;
+Zonos.version = `v${"1.3.150"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-dd767dbc.js → paypal-5d326579.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-46809186.js');
-const cart = require('./cart-ff5887f0.js');
+const cart = require('./cart-a19315fd.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const isDarkColor = require('./isDarkColor-2acf30d1.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-ff5887f0.js');
+const cart = require('./cart-a19315fd.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
@@ -20,6 +20,10 @@ const ZonosAddress = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.invalidCharacters = index.createEvent(this, "invalidCharacters", 7);
+        /**
+         * Google autocomplete overlay is conflict with our button, this is to adjust z index of the autocomplete
+         */
+        this.isAutoCompleteAdjusted = false;
         this.type = undefined;
         this.titleText = undefined;
         this.defaultAddress = null;
@@ -111,6 +115,13 @@ const ZonosAddress = class {
                 this.isDirtyAddress = true;
                 // stripe element started with just address line 1, so scroll bar is not yet available. Wait for a moment before scrolling
                 setTimeout(() => {
+                    if (!this.isAutoCompleteAdjusted) {
+                        const googleAutoComplete = this.el.querySelector('iframe[src*="autocomplete-suggestions"]');
+                        if (googleAutoComplete) {
+                            googleAutoComplete.style.zIndex = '2';
+                        }
+                        this.isAutoCompleteAdjusted = true;
+                    }
                     // scroll directly into view if it's mobile
                     if (isCheckoutMobile.isCheckoutMobile()) {
                         this.el.scrollIntoView({ behavior: 'smooth', block: 'end' });
@@ -149,7 +160,7 @@ const ZonosAddress = 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: 'e66063ffb032f5c5506e2fe72c5b8986b7c63b16', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: 'bd0e6d1f9a895b9c97f72b3e2a872ddc6420550f', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'e3fde23bbe25238a8d29005c9fe11b2d9f7f1cff', class: "zonos--address-component" })));
+        return (index.h(index.Host, { key: '614a515a62e0f5dac7a91979b81b626fb326a420', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: 'e6942f54dfd8ca61da3b62fe0036fa14ea0ce758', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'e3ddd7a347588babb5f35a67b793766d039200f4', class: "zonos--address-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -704,17 +715,17 @@ const ZonosStripeInput = class {
             } }, index.h("div", { key: 'a3e7f765b0081a564c5955e387ff4b521a28d1a5', class: classes.classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, index.h("input", { key: '999a54381e24e5da6f2a5fd9cde56c4fa87d37b1', class: classes.classes([
+            ]) }, index.h("input", { key: '181c5230ddeb02e9cea646b7f0a8efa3a530796e', class: classes.classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.internalValue && 'has-content',
                 this.isError && 'has-error',
-            ]), disabled: this.isDisabled, id: "zonos--input", onInput: e => {
+            ]), disabled: this.isDisabled, id: "zonos--input", onChange: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.internalValue }), index.h("div", { key: '251f9bfc2399e47f2a4dad359d2511400ec10b41', class: "zonos--floated-label" }, index.h("label", { key: 'eb23eea3a74af98c7439294621a4caf282fdbbb1', htmlFor: "zonos--input" }, this.inputLabel)))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.internalValue }), index.h("div", { key: 'ac6e97971905ba130c3533da6a409de60f99ed6d', class: "zonos--floated-label" }, index.h("label", { key: '1643ab4ef5b9449332351c854f8e43db8d192164', htmlFor: "zonos--input" }, this.inputLabel)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-ff5887f0.js');
+const cart = require('./cart-a19315fd.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-dd767dbc.js');
+const paypal = require('./paypal-5d326579.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-ff5887f0.js');
-const paypal = require('./paypal-dd767dbc.js');
+const cart = require('./cart-a19315fd.js');
+const paypal = require('./paypal-5d326579.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
@@ -503,14 +503,18 @@ const ZonosCheckout = class {
             }));
             await cart.cartStoreUpdateItems({ adjustments, cartItems: cartItemsFiltered });
         }
-        // if client secret doesn't exist, request a new one.
-        if (!cart.stripeStore.clientSecret) {
+        // if checkoutSessionId is not available, request a new one.
+        if (!cart.cartStore.checkoutSessionId) {
             const success = await cart.stripeStoreInitCheckoutSession();
             handleFetch.log(`stripeStoreInitCheckoutSession: ${success}`);
             if (!success) {
                 return false;
             }
         }
+        // get and set payment intent async except for staging mode
+        if (!cart.cartStore.isStagingMode) {
+            void cart.stripeStoreGetPaymentIntent();
+        }
         // apply theme to stripe elements
         await this.applyStripeTheme();
         this.isRedirectAfterOrder =

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-ff5887f0.js');
+const cart = require('./cart-a19315fd.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 require('./isDarkColor-2acf30d1.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-ff5887f0.js');
+const cart = require('./cart-a19315fd.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-3673a0c2.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-2f90486e.js');
-const cart = require('./cart-ff5887f0.js');
+const cart = require('./cart-a19315fd.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-2acf30d1.js');

package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js

@@ -6,9 +6,9 @@ const index = require('./index-2f90486e.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-7d0772bf.js');
-const cart = require('./cart-ff5887f0.js');
+const cart = require('./cart-a19315fd.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
-const paypal = require('./paypal-dd767dbc.js');
+const paypal = require('./paypal-5d326579.js');
 require('./isDarkColor-2acf30d1.js');
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-ff5887f0.js');
+const cart = require('./cart-a19315fd.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
 const zonosStore = require('./zonosStore-46809186.js');
-const cart = require('./cart-ff5887f0.js');
+const cart = require('./cart-a19315fd.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-ff5887f0.js');
+const cart = require('./cart-a19315fd.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-3673a0c2.js');

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js

@@ -1,7 +1,7 @@
 import { Fragment, h, Host, } from "@stencil/core";
 import { cartStore, cartStoreClearCheckoutInterval, cartStoreNextStep, cartStoreReset, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateToErrorState, } from "../../store/checkout/cart";
 import { paypalInitScript, paypalStore, paypalStoreHasPaypalEnabled, } from "../../store/checkout/paypal";
-import { getCheckoutSessionBody, initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, stripeStoreRetrievePayment, } from "../../store/checkout/stripe";
+import { getCheckoutSessionBody, initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetPaymentIntent, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, stripeStoreRetrievePayment, } from "../../store/checkout/stripe";
 import { localizationStore, localizationStoreOnUpdate, } from "../../store/hello/localization";
 import { translate } from "../../store/translationStore";
 import { getZonosStoreTheme, zonosStore, } from "../../store/zonosStore";
@@ -293,14 +293,18 @@ export class ZonosCheckout {
             }));
             await cartStoreUpdateItems({ adjustments, cartItems: cartItemsFiltered });
         }
-        // if client secret doesn't exist, request a new one.
-        if (!stripeStore.clientSecret) {
+        // if checkoutSessionId is not available, request a new one.
+        if (!cartStore.checkoutSessionId) {
             const success = await stripeStoreInitCheckoutSession();
             log(`stripeStoreInitCheckoutSession: ${success}`);
             if (!success) {
                 return false;
             }
         }
+        // get and set payment intent async except for staging mode
+        if (!cartStore.isStagingMode) {
+            void stripeStoreGetPaymentIntent();
+        }
         // apply theme to stripe elements
         await this.applyStripeTheme();
         this.isRedirectAfterOrder =

package/dist/collection/components/common/zonos-stripe-input/zonos-stripe-input.js

@@ -43,17 +43,17 @@ export class ZonosStripeInput {
             } }, h("div", { key: 'a3e7f765b0081a564c5955e387ff4b521a28d1a5', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '999a54381e24e5da6f2a5fd9cde56c4fa87d37b1', class: classes([
+            ]) }, h("input", { key: '181c5230ddeb02e9cea646b7f0a8efa3a530796e', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.internalValue && 'has-content',
                 this.isError && 'has-error',
-            ]), disabled: this.isDisabled, id: "zonos--input", onInput: e => {
+            ]), disabled: this.isDisabled, id: "zonos--input", onChange: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.internalValue }), h("div", { key: '251f9bfc2399e47f2a4dad359d2511400ec10b41', class: "zonos--floated-label" }, h("label", { key: 'eb23eea3a74af98c7439294621a4caf282fdbbb1', htmlFor: "zonos--input" }, this.inputLabel)))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.internalValue }), h("div", { key: 'ac6e97971905ba130c3533da6a409de60f99ed6d', class: "zonos--floated-label" }, h("label", { key: '1643ab4ef5b9449332351c854f8e43db8d192164', htmlFor: "zonos--input" }, this.inputLabel)))));
     }
     static get is() { return "zonos-stripe-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/store/checkout/stripe.js

@@ -615,6 +615,8 @@ const stripeStoreGetPaymentIntent = async () => {
     // update stripe store with updated information
     stripeStore.clientSecret =
         json.checkoutSessionPaymentIntentCreate.clientSecret;
+    // update cart store checkout session with updated from checkout session payment intent creation call so the checkout session and payment intent are in sync
+    cartStoreSetCheckoutSession(json.checkoutSessionPaymentIntentCreate);
 };
 /**
  * Init checkout session
@@ -648,10 +650,6 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
     log('done-init-checkout-session');
-    // get and set payment intent async except for staging mode
-    if (!cartStore.isStagingMode) {
-        void stripeStoreGetPaymentIntent();
-    }
     return true;
 };
 /**
@@ -695,10 +693,6 @@ const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, cur
         logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
         return { errors, json };
     }
-    // get and set payment intent async except for staging mode
-    if (!cartStore.isStagingMode) {
-        void stripeStoreGetPaymentIntent();
-    }
     return { errors: [], json };
 };
 /**

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -9,6 +9,10 @@ import { logError } from "../../utils/logging/logError";
  */
 export class ZonosAddress {
     constructor() {
+        /**
+         * Google autocomplete overlay is conflict with our button, this is to adjust z index of the autocomplete
+         */
+        this.isAutoCompleteAdjusted = false;
         this.type = undefined;
         this.titleText = undefined;
         this.defaultAddress = null;
@@ -100,6 +104,13 @@ export class ZonosAddress {
                 this.isDirtyAddress = true;
                 // stripe element started with just address line 1, so scroll bar is not yet available. Wait for a moment before scrolling
                 setTimeout(() => {
+                    if (!this.isAutoCompleteAdjusted) {
+                        const googleAutoComplete = this.el.querySelector('iframe[src*="autocomplete-suggestions"]');
+                        if (googleAutoComplete) {
+                            googleAutoComplete.style.zIndex = '2';
+                        }
+                        this.isAutoCompleteAdjusted = true;
+                    }
                     // scroll directly into view if it's mobile
                     if (isCheckoutMobile()) {
                         this.el.scrollIntoView({ behavior: 'smooth', block: 'end' });
@@ -138,7 +149,7 @@ export class ZonosAddress {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'e66063ffb032f5c5506e2fe72c5b8986b7c63b16', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'bd0e6d1f9a895b9c97f72b3e2a872ddc6420550f', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'e3fde23bbe25238a8d29005c9fe11b2d9f7f1cff', class: "zonos--address-component" })));
+        return (h(Host, { key: '614a515a62e0f5dac7a91979b81b626fb326a420', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'e6942f54dfd8ca61da3b62fe0036fa14ea0ce758', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'e3ddd7a347588babb5f35a67b793766d039200f4', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }

package/dist/esm/{cart-9de02093.js → cart-260f8518.js}

@@ -11234,6 +11234,8 @@ const stripeStoreGetPaymentIntent = async () => {
     // update stripe store with updated information
     stripeStore.clientSecret =
         json.checkoutSessionPaymentIntentCreate.clientSecret;
+    // update cart store checkout session with updated from checkout session payment intent creation call so the checkout session and payment intent are in sync
+    cartStoreSetCheckoutSession(json.checkoutSessionPaymentIntentCreate);
 };
 /**
  * Init checkout session
@@ -11267,10 +11269,6 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
     log('done-init-checkout-session');
-    // get and set payment intent async except for staging mode
-    if (!cartStore.isStagingMode) {
-        void stripeStoreGetPaymentIntent();
-    }
     return true;
 };
 /**
@@ -11314,10 +11312,6 @@ const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, cur
         logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
         return { errors, json };
     }
-    // get and set payment intent async except for staging mode
-    if (!cartStore.isStagingMode) {
-        void stripeStoreGetPaymentIntent();
-    }
     return { errors: [], json };
 };
 /**
@@ -11837,4 +11831,4 @@ const cartStoreResetTabItems = () => {
     cartStoreResetSelectedShippingOption();
 };
 
-export { stripeStoreReset as A, localizationStoreOnUpdate as B, validateCheckoutSession as C, isValidSelector as D, initLocalizationStore as E, setZCountryUrlParam as F, currencyDisplay as G, currencyConvertAndFormat as H, currencyConvert as I, currencyFormat as J, cartStoreHasOneEligibleItem as K, stripeStoreApplyPromoCode as L, stripeStoreRemovePromoCode as M, stripeStoreResetPromoCode as N, stripeStoreMessageBasedOnStatus as O, stripeStoreTranslateAddressToLatin as P, cartStoreUpdateSelectedShippingOption as Q, cartStoreGetShippingTransitInfo as R, sortServiceLevelOptionsByAmount as S, getFallbackDefaultCountryCode as T, localizationStoreUpdateSelectedLocale as U, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, stripeStoreSaveDomesticShippingSession as c, stripeStoreRetrievePayment as d, cartStore as e, stripeStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, cartStoreResetTabItems as j, cartStoreClearCheckoutInterval as k, localizationStore as l, stripeStoreInitCheckoutSession as m, cartStoreStartCheckoutInterval as n, getCheckoutSessionBody as o, cartStoreUpdateToErrorState as p, translate as q, getZCountryUrlParam as r, stripeStoreGetDomesticShippingSession as s, trackConversionEvent as t, cartStoreSetCheckoutSession as u, stripeStorePrefetchLandedCost as v, cartStoreNextStep as w, stripeStoreHandleInventoryCheck as x, stripeStoreConfirmPayment as y, stripeStoreHandleInventoryRefund as z };
+export { stripeStoreHandleInventoryRefund as A, stripeStoreReset as B, localizationStoreOnUpdate as C, validateCheckoutSession as D, isValidSelector as E, initLocalizationStore as F, setZCountryUrlParam as G, currencyDisplay as H, currencyConvertAndFormat as I, currencyConvert as J, currencyFormat as K, cartStoreHasOneEligibleItem as L, stripeStoreApplyPromoCode as M, stripeStoreRemovePromoCode as N, stripeStoreResetPromoCode as O, stripeStoreMessageBasedOnStatus as P, stripeStoreTranslateAddressToLatin as Q, cartStoreUpdateSelectedShippingOption as R, cartStoreGetShippingTransitInfo as S, sortServiceLevelOptionsByAmount as T, getFallbackDefaultCountryCode as U, localizationStoreUpdateSelectedLocale as V, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, stripeStoreSaveDomesticShippingSession as c, stripeStoreRetrievePayment as d, cartStore as e, stripeStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, cartStoreResetTabItems as j, cartStoreClearCheckoutInterval as k, localizationStore as l, stripeStoreInitCheckoutSession as m, stripeStoreGetPaymentIntent as n, cartStoreStartCheckoutInterval as o, getCheckoutSessionBody as p, cartStoreUpdateToErrorState as q, translate as r, stripeStoreGetDomesticShippingSession as s, trackConversionEvent as t, getZCountryUrlParam as u, cartStoreSetCheckoutSession as v, stripeStorePrefetchLandedCost as w, cartStoreNextStep as x, stripeStoreHandleInventoryCheck as y, stripeStoreConfirmPayment as z };

package/dist/esm/index.js

@@ -126,7 +126,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.148.js.zonos.com";
+    const cdnUrl = "https://v1.3.150.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -310,10 +310,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.148.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.148";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.148";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.148";
+const ZONOS_URL = "https://v1.3.150.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.150";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.150";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.150";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -327,7 +327,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1736807878471";
+Zonos.releaseDate = "1737148584151";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -343,7 +343,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.148"}`;
+Zonos.version = `v${"1.3.150"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{paypal-1efe64a0.js → paypal-5453a7db.js}

@@ -1,5 +1,5 @@
 import { z as zonosStore, c as createStore } from './zonosStore-44efd080.js';
-import { C as validateCheckoutSession, f as stripeStore, e as cartStore, x as stripeStoreHandleInventoryCheck, q as translate, w as cartStoreNextStep, k as cartStoreClearCheckoutInterval } from './cart-9de02093.js';
+import { D as validateCheckoutSession, f as stripeStore, e as cartStore, y as stripeStoreHandleInventoryCheck, r as translate, x as cartStoreNextStep, k as cartStoreClearCheckoutInterval } from './cart-260f8518.js';
 import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-b4633675.js';
 import { t as tinycolor } from './isDarkColor-10f38df6.js';
 

package/dist/esm/zonos-address_8.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { f as stripeStore, T as getFallbackDefaultCountryCode, l as localizationStore, q as translate, e as cartStore } from './cart-9de02093.js';
+import { f as stripeStore, U as getFallbackDefaultCountryCode, l as localizationStore, r as translate, e as cartStore } from './cart-260f8518.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { b as logError, l as log } from './handleFetch-b4633675.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
@@ -16,6 +16,10 @@ const ZonosAddress = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.invalidCharacters = createEvent(this, "invalidCharacters", 7);
+        /**
+         * Google autocomplete overlay is conflict with our button, this is to adjust z index of the autocomplete
+         */
+        this.isAutoCompleteAdjusted = false;
         this.type = undefined;
         this.titleText = undefined;
         this.defaultAddress = null;
@@ -107,6 +111,13 @@ const ZonosAddress = class {
                 this.isDirtyAddress = true;
                 // stripe element started with just address line 1, so scroll bar is not yet available. Wait for a moment before scrolling
                 setTimeout(() => {
+                    if (!this.isAutoCompleteAdjusted) {
+                        const googleAutoComplete = this.el.querySelector('iframe[src*="autocomplete-suggestions"]');
+                        if (googleAutoComplete) {
+                            googleAutoComplete.style.zIndex = '2';
+                        }
+                        this.isAutoCompleteAdjusted = true;
+                    }
                     // scroll directly into view if it's mobile
                     if (isCheckoutMobile()) {
                         this.el.scrollIntoView({ behavior: 'smooth', block: 'end' });
@@ -145,7 +156,7 @@ const ZonosAddress = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'e66063ffb032f5c5506e2fe72c5b8986b7c63b16', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'bd0e6d1f9a895b9c97f72b3e2a872ddc6420550f', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'e3fde23bbe25238a8d29005c9fe11b2d9f7f1cff', class: "zonos--address-component" })));
+        return (h(Host, { key: '614a515a62e0f5dac7a91979b81b626fb326a420', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'e6942f54dfd8ca61da3b62fe0036fa14ea0ce758', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'e3ddd7a347588babb5f35a67b793766d039200f4', class: "zonos--address-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -700,17 +711,17 @@ const ZonosStripeInput = class {
             } }, h("div", { key: 'a3e7f765b0081a564c5955e387ff4b521a28d1a5', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '999a54381e24e5da6f2a5fd9cde56c4fa87d37b1', class: classes([
+            ]) }, h("input", { key: '181c5230ddeb02e9cea646b7f0a8efa3a530796e', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.internalValue && 'has-content',
                 this.isError && 'has-error',
-            ]), disabled: this.isDisabled, id: "zonos--input", onInput: e => {
+            ]), disabled: this.isDisabled, id: "zonos--input", onChange: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.internalValue }), h("div", { key: '251f9bfc2399e47f2a4dad359d2511400ec10b41', class: "zonos--floated-label" }, h("label", { key: 'eb23eea3a74af98c7439294621a4caf282fdbbb1', htmlFor: "zonos--input" }, this.inputLabel)))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.internalValue }), h("div", { key: 'ac6e97971905ba130c3533da6a409de60f99ed6d', class: "zonos--floated-label" }, h("label", { key: '1643ab4ef5b9449332351c854f8e43db8d192164', htmlFor: "zonos--input" }, this.inputLabel)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/zonos-cart-items_13.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-d82f06f2.js';
-import { e as cartStore, J as currencyFormat, q as translate, K as cartStoreHasOneEligibleItem, L as stripeStoreApplyPromoCode, M as stripeStoreRemovePromoCode, f as stripeStore, A as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, N as stripeStoreResetPromoCode, O as stripeStoreMessageBasedOnStatus, l as localizationStore, w as cartStoreNextStep, P as stripeStoreTranslateAddressToLatin, Q as cartStoreUpdateSelectedShippingOption, R as cartStoreGetShippingTransitInfo, S as sortServiceLevelOptionsByAmount } from './cart-9de02093.js';
+import { e as cartStore, K as currencyFormat, r as translate, L as cartStoreHasOneEligibleItem, M as stripeStoreApplyPromoCode, N as stripeStoreRemovePromoCode, f as stripeStore, B as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, O as stripeStoreResetPromoCode, P as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, Q as stripeStoreTranslateAddressToLatin, R as cartStoreUpdateSelectedShippingOption, S as cartStoreGetShippingTransitInfo, T as sortServiceLevelOptionsByAmount } from './cart-260f8518.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-1efe64a0.js';
+import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-5453a7db.js';
 import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-44efd080.js';
 import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, g as getIsTestMode, d as allLogs, b as logError, a as getIsStagingMode } from './handleFetch-b4633675.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-d82f06f2.js';
-import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as cartStoreStartCheckoutInterval, t as trackConversionEvent, o as getCheckoutSessionBody, p as cartStoreUpdateToErrorState, q as translate, r as getZCountryUrlParam, u as cartStoreSetCheckoutSession, v as stripeStorePrefetchLandedCost, w as cartStoreNextStep, x as stripeStoreHandleInventoryCheck, y as stripeStoreConfirmPayment, z as stripeStoreHandleInventoryRefund, A as stripeStoreReset, B as localizationStoreOnUpdate } from './cart-9de02093.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-1efe64a0.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreHandleInventoryCheck, z as stripeStoreConfirmPayment, A as stripeStoreHandleInventoryRefund, B as stripeStoreReset, C as localizationStoreOnUpdate } from './cart-260f8518.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-5453a7db.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-44efd080.js';
 import { h as handleFetch, l as log, b as logError, s as sendErrorLog, c as getElapsedTime, d as allLogs, g as getIsTestMode, j as jsonParse, a as getIsStagingMode } from './handleFetch-b4633675.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
@@ -499,14 +499,18 @@ const ZonosCheckout = class {
             }));
             await cartStoreUpdateItems({ adjustments, cartItems: cartItemsFiltered });
         }
-        // if client secret doesn't exist, request a new one.
-        if (!stripeStore.clientSecret) {
+        // if checkoutSessionId is not available, request a new one.
+        if (!cartStore.checkoutSessionId) {
             const success = await stripeStoreInitCheckoutSession();
             log(`stripeStoreInitCheckoutSession: ${success}`);
             if (!success) {
                 return false;
             }
         }
+        // get and set payment intent async except for staging mode
+        if (!cartStore.isStagingMode) {
+            void stripeStoreGetPaymentIntent();
+        }
         // apply theme to stripe elements
         await this.applyStripeTheme();
         this.isRedirectAfterOrder =

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-d82f06f2.js';
-import { D as isValidSelector, f as stripeStore, E as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-9de02093.js';
+import { E as isValidSelector, f as stripeStore, F as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-260f8518.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-44efd080.js';
 import { h as handleFetch, b as logError, l as log } from './handleFetch-b4633675.js';
 import './isDarkColor-10f38df6.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { l as localizationStore } from './cart-9de02093.js';
+import { l as localizationStore } from './cart-260f8518.js';
 import { d as zonosStoreFontFamily } from './zonosStore-44efd080.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-b4633675.js';