@zonos/elements 1.3.145 → 1.3.146

package/dist/cjs/{cart-9d5e2816.js → cart-a262c92c.js}

@@ -9508,7 +9508,9 @@ const getZCountryUrlParam = (urlParams) => {
     const zCountry = getCountryParam('zCountry');
     // Fallback to legacy 'country'
     const fallback = getCountryParam('country');
-    return zCountry || fallback;
+    // Fallback to customerCountry
+    const secondFallback = getCountryParam('customerCountry');
+    return zCountry || fallback || secondFallback;
 };
 
 const getLocalization = async () => {

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.145.js.zonos.com";
+    const cdnUrl = "https://v1.3.146.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.145.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.145";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.145";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.145";
+const ZONOS_URL = "https://v1.3.146.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.146";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.146";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.146";
 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 = "1735941346400";
+Zonos.releaseDate = "1736455756547";
 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.145"}`;
+Zonos.version = `v${"1.3.146"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-f9015045.js → paypal-0895372a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-46809186.js');
-const cart = require('./cart-9d5e2816.js');
+const cart = require('./cart-a262c92c.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-9d5e2816.js');
+const cart = require('./cart-a262c92c.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
@@ -585,7 +585,7 @@ const ZonosLinkAuthentication = class {
             return;
         }
         // No need to initialize link if this is staging mode since we will render the email input field
-        if (cart.cartStore.isStagingMode) {
+        if (cart.cartStore.isStagingMode || !this.clientSecret) {
             return;
         }
         const defaultValues = this.defaultEmail

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-9d5e2816.js');
+const cart = require('./cart-a262c92c.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-f9015045.js');
+const paypal = require('./paypal-0895372a.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
@@ -2133,7 +2133,7 @@ const ZonosCurrencyToggle = class {
     static get assetsDirs() { return ["assets"]; }
 };
 
-const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:20px}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:32px}.sc-zonos-customer-info-h .zonos--address.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-customer-info-h .zonos--error-banner.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--tax-id-input.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:20px;overflow:auto;padding:5px;-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:-5px;padding-top:8px;margin-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0))}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
+const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:20px}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:32px}.sc-zonos-customer-info-h .zonos--address.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-customer-info-h .zonos--error-banner.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--tax-id-input.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:20px;overflow:auto;padding:5px;-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:-5px;padding-top:8px;margin-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0));z-index:1}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
 const ZonosCustomerInfoStyle0 = zonosCustomerInfoCss;
 
 const ZonosCustomerInfo = class {

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-9d5e2816.js');
-const paypal = require('./paypal-f9015045.js');
+const cart = require('./cart-a262c92c.js');
+const paypal = require('./paypal-0895372a.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
@@ -445,7 +445,17 @@ const ZonosCheckout = class {
         // if createCartId is provided, use it to build cart. Merchant will provide create a cart from their server side and give the cart id to us.
         if (typeof zonosStore.zonosStore.checkoutSettings.createCartId === 'function') {
             handleFetch.log('"createCartId" is provided, start building cart');
-            const cartId = await zonosStore.zonosStore.checkoutSettings.createCartId();
+            const cartIdResult = await zonosStore.zonosStore.checkoutSettings.createCartId();
+            let cartId;
+            if (typeof cartIdResult === 'object') {
+                handleFetch.log('object detected, use cartId and prefill address from createCartId');
+                cartId = cartIdResult.cartId;
+                // set prefill address if provided in createCartId callback result
+                this.useShippingDataFromCreateCartId(cartIdResult.shippingData);
+            }
+            else {
+                cartId = cartIdResult;
+            }
             window.Zonos.cartId = cartId;
             const cartResult = await CheckoutConfig.setupCartData(cartId);
             const cartData = cartResult === null || cartResult === void 0 ? void 0 : cartResult.cartData;
@@ -707,6 +717,30 @@ const ZonosCheckout = class {
         // apply theme to stripe elements
         void this.applyStripeTheme();
     }
+    useShippingDataFromCreateCartId(prefillAddress) {
+        // Do only if prefill address is provided
+        if (!prefillAddress) {
+            return;
+        }
+        handleFetch.log('shipping data from createCartId result', 'info', Object.entries(prefillAddress));
+        const { customerAddress1, customerAddress2, customerCity, customerCountry, customerEmail, customerName, customerPhone, customerState, customerZip, } = prefillAddress;
+        const urlParams = new URLSearchParams(window.location.search);
+        const country = // fallback to selected country code if country is not provided
+         customerCountry ||
+            cart.getZCountryUrlParam(urlParams) ||
+            cart.localizationStore.selectedCountryCode;
+        this.applyPrefillAddress({
+            customerAddress1,
+            customerAddress2,
+            customerCity,
+            customerCountry: country,
+            customerEmail,
+            customerName,
+            customerPhone,
+            customerState,
+            customerZip,
+        });
+    }
     /**
      * Set default address from query param if it's valid
      */
@@ -720,17 +754,39 @@ const ZonosCheckout = class {
             }
             return value;
         };
-        const country = 
+        const customerCountry = 
         // fallback to selected country code if country is not provided
         cart.getZCountryUrlParam(urlParams) || cart.localizationStore.selectedCountryCode;
-        const city = getParam('customerCity');
-        const email = getParam('customerEmail') || '';
-        const line1 = getParam('customerAddress1');
-        const line2 = getParam('customerAddress2') || '';
-        const name = getParam('customerName');
-        const phone = getParam('customerPhone');
-        const postal_code = getParam('customerZip') || '';
-        const state = getParam('customerState') || '';
+        const customerCity = getParam('customerCity');
+        const customerEmail = getParam('customerEmail');
+        const customerAddress1 = getParam('customerAddress1');
+        const customerAddress2 = getParam('customerAddress2');
+        const customerName = getParam('customerName');
+        const customerPhone = getParam('customerPhone');
+        const customerZip = getParam('customerZip');
+        const customerState = getParam('customerState');
+        this.applyPrefillAddress({
+            customerAddress1,
+            customerAddress2,
+            customerCity,
+            customerCountry,
+            customerEmail,
+            customerName,
+            customerPhone,
+            customerState,
+            customerZip,
+        });
+    }
+    applyPrefillAddress({ customerAddress1, customerAddress2, customerCity, customerCountry, customerEmail, customerName, customerPhone, customerState, customerZip, }) {
+        const line1 = customerAddress1 || '';
+        const country = customerCountry || '';
+        const line2 = customerAddress2 || '';
+        const city = customerCity || '';
+        const email = customerEmail || '';
+        const name = customerName || '';
+        const phone = customerPhone || '';
+        const postal_code = customerZip || '';
+        const state = customerState || '';
         /**
          * If one of the value is null, no need to preset the default address.
          * City and state are optional (they are not always provided for example Puerto Rico)

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-9d5e2816.js');
+const cart = require('./cart-a262c92c.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 require('./isDarkColor-2acf30d1.js');
@@ -258,7 +258,13 @@ const ZonosController = class {
         const scripts = template.content.querySelectorAll('script');
         scripts.forEach(script => {
             const scriptToInject = document.createElement('script');
-            scriptToInject.textContent = script.innerHTML;
+            if (script.src) {
+                scriptToInject.src = script.src;
+                scriptToInject.async = script.async;
+            }
+            else {
+                scriptToInject.textContent = script.innerHTML;
+            }
             document.body.appendChild(scriptToInject);
         });
     }
@@ -378,7 +384,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: 'f59eff8c088135e8fc791d03f668e787ec0d0912', class: "zonos--elements" });
+        return index.h(index.Host, { key: '001f728dc41550b734fd1b5c9cf15f43c0c4cbdb', 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-2f90486e.js');
-const cart = require('./cart-9d5e2816.js');
+const cart = require('./cart-a262c92c.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-9d5e2816.js');
+const cart = require('./cart-a262c92c.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-9d5e2816.js');
+const cart = require('./cart-a262c92c.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
-const paypal = require('./paypal-f9015045.js');
+const paypal = require('./paypal-0895372a.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-9d5e2816.js');
+const cart = require('./cart-a262c92c.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-9d5e2816.js');
+const cart = require('./cart-a262c92c.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-9d5e2816.js');
+const cart = require('./cart-a262c92c.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

@@ -235,7 +235,17 @@ export class ZonosCheckout {
         // if createCartId is provided, use it to build cart. Merchant will provide create a cart from their server side and give the cart id to us.
         if (typeof zonosStore.checkoutSettings.createCartId === 'function') {
             log('"createCartId" is provided, start building cart');
-            const cartId = await zonosStore.checkoutSettings.createCartId();
+            const cartIdResult = await zonosStore.checkoutSettings.createCartId();
+            let cartId;
+            if (typeof cartIdResult === 'object') {
+                log('object detected, use cartId and prefill address from createCartId');
+                cartId = cartIdResult.cartId;
+                // set prefill address if provided in createCartId callback result
+                this.useShippingDataFromCreateCartId(cartIdResult.shippingData);
+            }
+            else {
+                cartId = cartIdResult;
+            }
             window.Zonos.cartId = cartId;
             const cartResult = await setupCartData(cartId);
             const cartData = cartResult === null || cartResult === void 0 ? void 0 : cartResult.cartData;
@@ -497,6 +507,30 @@ export class ZonosCheckout {
         // apply theme to stripe elements
         void this.applyStripeTheme();
     }
+    useShippingDataFromCreateCartId(prefillAddress) {
+        // Do only if prefill address is provided
+        if (!prefillAddress) {
+            return;
+        }
+        log('shipping data from createCartId result', 'info', Object.entries(prefillAddress));
+        const { customerAddress1, customerAddress2, customerCity, customerCountry, customerEmail, customerName, customerPhone, customerState, customerZip, } = prefillAddress;
+        const urlParams = new URLSearchParams(window.location.search);
+        const country = // fallback to selected country code if country is not provided
+         customerCountry ||
+            getZCountryUrlParam(urlParams) ||
+            localizationStore.selectedCountryCode;
+        this.applyPrefillAddress({
+            customerAddress1,
+            customerAddress2,
+            customerCity,
+            customerCountry: country,
+            customerEmail,
+            customerName,
+            customerPhone,
+            customerState,
+            customerZip,
+        });
+    }
     /**
      * Set default address from query param if it's valid
      */
@@ -510,17 +544,39 @@ export class ZonosCheckout {
             }
             return value;
         };
-        const country = 
+        const customerCountry = 
         // fallback to selected country code if country is not provided
         getZCountryUrlParam(urlParams) || localizationStore.selectedCountryCode;
-        const city = getParam('customerCity');
-        const email = getParam('customerEmail') || '';
-        const line1 = getParam('customerAddress1');
-        const line2 = getParam('customerAddress2') || '';
-        const name = getParam('customerName');
-        const phone = getParam('customerPhone');
-        const postal_code = getParam('customerZip') || '';
-        const state = getParam('customerState') || '';
+        const customerCity = getParam('customerCity');
+        const customerEmail = getParam('customerEmail');
+        const customerAddress1 = getParam('customerAddress1');
+        const customerAddress2 = getParam('customerAddress2');
+        const customerName = getParam('customerName');
+        const customerPhone = getParam('customerPhone');
+        const customerZip = getParam('customerZip');
+        const customerState = getParam('customerState');
+        this.applyPrefillAddress({
+            customerAddress1,
+            customerAddress2,
+            customerCity,
+            customerCountry,
+            customerEmail,
+            customerName,
+            customerPhone,
+            customerState,
+            customerZip,
+        });
+    }
+    applyPrefillAddress({ customerAddress1, customerAddress2, customerCity, customerCountry, customerEmail, customerName, customerPhone, customerState, customerZip, }) {
+        const line1 = customerAddress1 || '';
+        const country = customerCountry || '';
+        const line2 = customerAddress2 || '';
+        const city = customerCity || '';
+        const email = customerEmail || '';
+        const name = customerName || '';
+        const phone = customerPhone || '';
+        const postal_code = customerZip || '';
+        const state = customerState || '';
         /**
          * If one of the value is null, no need to preset the default address.
          * City and state are optional (they are not always provided for example Puerto Rico)

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.css

@@ -89,6 +89,7 @@
   padding-top: 8px;
   margin-top: 12px;
   background: var(--zonos--primary-color, var(--zonos-elements-gray-0));
+  z-index: 1;
 }
 :host .zonos--group-btn zonos-button {
   width: 100%;

package/dist/collection/components/main/zonos-controller.js

@@ -107,7 +107,13 @@ export class ZonosController {
         const scripts = template.content.querySelectorAll('script');
         scripts.forEach(script => {
             const scriptToInject = document.createElement('script');
-            scriptToInject.textContent = script.innerHTML;
+            if (script.src) {
+                scriptToInject.src = script.src;
+                scriptToInject.async = script.async;
+            }
+            else {
+                scriptToInject.textContent = script.innerHTML;
+            }
             document.body.appendChild(scriptToInject);
         });
     }
@@ -227,7 +233,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'f59eff8c088135e8fc791d03f668e787ec0d0912', class: "zonos--elements" });
+        return h(Host, { key: '001f728dc41550b734fd1b5c9cf15f43c0c4cbdb', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js

@@ -48,7 +48,7 @@ export class ZonosLinkAuthentication {
             return;
         }
         // No need to initialize link if this is staging mode since we will render the email input field
-        if (cartStore.isStagingMode) {
+        if (cartStore.isStagingMode || !this.clientSecret) {
             return;
         }
         const defaultValues = this.defaultEmail

package/dist/collection/components/utils/hello/getZCountryUrlParam.js

@@ -15,5 +15,7 @@ export const getZCountryUrlParam = (urlParams) => {
     const zCountry = getCountryParam('zCountry');
     // Fallback to legacy 'country'
     const fallback = getCountryParam('country');
-    return zCountry || fallback;
+    // Fallback to customerCountry
+    const secondFallback = getCountryParam('customerCountry');
+    return zCountry || fallback || secondFallback;
 };

package/dist/esm/{cart-887f7d66.js → cart-a0b95207.js}

@@ -9506,7 +9506,9 @@ const getZCountryUrlParam = (urlParams) => {
     const zCountry = getCountryParam('zCountry');
     // Fallback to legacy 'country'
     const fallback = getCountryParam('country');
-    return zCountry || fallback;
+    // Fallback to customerCountry
+    const secondFallback = getCountryParam('customerCountry');
+    return zCountry || fallback || secondFallback;
 };
 
 const getLocalization = async () => {

package/dist/esm/index.js

@@ -126,7 +126,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.145.js.zonos.com";
+    const cdnUrl = "https://v1.3.146.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.145.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.145";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.145";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.145";
+const ZONOS_URL = "https://v1.3.146.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.146";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.146";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.146";
 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 = "1735941346400";
+Zonos.releaseDate = "1736455756547";
 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.145"}`;
+Zonos.version = `v${"1.3.146"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{paypal-6fd5749b.js → paypal-f1005b82.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-887f7d66.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-a0b95207.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-887f7d66.js';
+import { f as stripeStore, T as getFallbackDefaultCountryCode, l as localizationStore, q as translate, e as cartStore } from './cart-a0b95207.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';
@@ -581,7 +581,7 @@ const ZonosLinkAuthentication = class {
             return;
         }
         // No need to initialize link if this is staging mode since we will render the email input field
-        if (cartStore.isStagingMode) {
+        if (cartStore.isStagingMode || !this.clientSecret) {
             return;
         }
         const defaultValues = this.defaultEmail

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-887f7d66.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-a0b95207.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-6fd5749b.js';
+import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-f1005b82.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';
@@ -2129,7 +2129,7 @@ const ZonosCurrencyToggle = class {
     static get assetsDirs() { return ["assets"]; }
 };
 
-const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:20px}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:32px}.sc-zonos-customer-info-h .zonos--address.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-customer-info-h .zonos--error-banner.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--tax-id-input.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:20px;overflow:auto;padding:5px;-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:-5px;padding-top:8px;margin-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0))}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
+const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:20px}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:32px}.sc-zonos-customer-info-h .zonos--address.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-customer-info-h .zonos--error-banner.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--tax-id-input.sc-zonos-customer-info{margin-bottom:16px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:20px;overflow:auto;padding:5px;-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:-5px;padding-top:8px;margin-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0));z-index:1}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
 const ZonosCustomerInfoStyle0 = zonosCustomerInfoCss;
 
 const ZonosCustomerInfo = class {