@zonos/elements 1.3.144 → 1.3.146

package/dist/collection/components/store/translationStore/strings.russian.js

@@ -174,7 +174,7 @@ export const stringsRussian = {
         value: 'Страны не найдены',
     },
     'No payment method needed for staging': {
-        value: 'Способ оплаты не требуется для постановки',
+        value: 'Для постановки не требуется способ оплаты',
     },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'Не выбран рейтинг доставки. Пожалуйста, вернитесь к шагу "Доставка" и выберите рейтинг доставки, чтобы продолжить.',

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-3427ee25.js → cart-a0b95207.js}

@@ -1574,7 +1574,7 @@ const stringsDanish = {
         value: 'Ingen lande fundet',
     },
     'No payment method needed for staging': {
-        value: 'Ingen betalingsmetode nødvendig for iscenesættelse',
+        value: 'Ingen betalingsmetode nødvendig til iscenesættelse',
     },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'Ingen forsendelsesvurdering valgt. Gå venligst tilbage til "Forsendelse"-trinnet og vælg en forsendelsesvurdering for at fortsætte.',
@@ -5294,7 +5294,7 @@ const stringsKorean = {
         value: '국가를 찾을 수 없습니다',
     },
     'No payment method needed for staging': {
-        value: '스테이징에 결제 방법이 필요하지 않습니다',
+        value: '스테이징에 결제 수단이 필요하지 않습니다',
     },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: '배송 등급이 선택되지 않았습니다. "배송" 단계로 돌아가서 배송 등급을 선택하여 진행하세요.',
@@ -7154,7 +7154,7 @@ const stringsRussian = {
         value: 'Страны не найдены',
     },
     'No payment method needed for staging': {
-        value: 'Способ оплаты не требуется для постановки',
+        value: 'Для постановки не требуется способ оплаты',
     },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'Не выбран рейтинг доставки. Пожалуйста, вернитесь к шагу "Доставка" и выберите рейтинг доставки, чтобы продолжить.',
@@ -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.144.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.144.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.144";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.144";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.144";
+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 = "1735934720716";
+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.144"}`;
+Zonos.version = `v${"1.3.146"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{paypal-4e2f9753.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-3427ee25.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-3427ee25.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-3427ee25.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-4e2f9753.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 {

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-3427ee25.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-4e2f9753.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-a0b95207.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-f1005b82.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';
@@ -438,21 +438,20 @@ const ZonosCheckout = class {
         (_b = (_a = zonosStore.checkoutSettings).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     async buildCartAndInit() {
-        // if tempCartUUID is provided, use it instead of buildCartDetail
-        if (window.Zonos.cartData) {
-            log('tempCartUUID is provided, start building cart');
-            const isExpired = this.handleCartExpiredCheck();
-            if (isExpired) {
-                // Do not proceed if the cart is expired
-                return false;
-            }
-            const { adjustments, cartItems } = buildCartItemsByTempCart(window.Zonos.cartData);
-            await cartStoreUpdateItems({ adjustments, cartItems });
-        }
         // 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.
-        else if (typeof zonosStore.checkoutSettings.createCartId === 'function') {
+        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;
@@ -469,6 +468,17 @@ const ZonosCheckout = class {
             const { adjustments, cartItems } = buildCartItemsByTempCart(cartData);
             await cartStoreUpdateItems({ adjustments, cartItems });
         }
+        // if tempCartUUID is provided, use it instead of buildCartDetail
+        else if (window.Zonos.cartData) {
+            log('tempCartUUID is provided, start building cart');
+            const isExpired = this.handleCartExpiredCheck();
+            if (isExpired) {
+                // Do not proceed if the cart is expired
+                return false;
+            }
+            const { adjustments, cartItems } = buildCartItemsByTempCart(window.Zonos.cartData);
+            await cartStoreUpdateItems({ adjustments, cartItems });
+        }
         else if (zonosStore.checkoutSettings.buildCartDetail &&
             localizationStore.selectedCountryCode) {
             log('build cart detail');
@@ -703,6 +713,30 @@ const ZonosCheckout = class {
         // 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
      */
@@ -716,17 +750,39 @@ const ZonosCheckout = class {
             }
             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/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-3427ee25.js';
+import { D as isValidSelector, f as stripeStore, E as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-a0b95207.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';
@@ -239,17 +239,44 @@ const ZonosController = class {
             return oldReplaceState.apply(this, arguments);
         };
     }
+    injectCustomHTML(htmlString) {
+        if (!htmlString) {
+            return;
+        }
+        // Skip injecting custom HTML for legacy checkout
+        if (!window.Zonos.isLegacyCheckout) {
+            log('=== Skip injecting custom HTML for hosted checkout', 'info');
+            return;
+        }
+        log('=== Injecting custom HTML for hosted checkout');
+        const template = document.createElement('template');
+        template.innerHTML = htmlString;
+        const scripts = template.content.querySelectorAll('script');
+        scripts.forEach(script => {
+            const scriptToInject = document.createElement('script');
+            if (script.src) {
+                scriptToInject.src = script.src;
+                scriptToInject.async = script.async;
+            }
+            else {
+                scriptToInject.textContent = script.innerHTML;
+            }
+            document.body.appendChild(scriptToInject);
+        });
+    }
     async componentWillLoad() {
         this.initHistoryListener();
         zonosStore.zonosApiKey = this.zonosApiKey;
         // running with scope async function to avoid blocking the main thread
         (async () => {
-            var _a, _b;
+            var _a, _b, _c;
             const { errors, json, zonosMode } = await getZonosSettings();
             if (((_a = errors[0]) === null || _a === void 0 ? void 0 : _a.type.toString()) === '403') {
                 log('Failed to load zonos settings. This domain may not have access', 'warn');
                 return;
             }
+            const customHTML = ((_b = json === null || json === void 0 ? void 0 : json.checkoutSettings) === null || _b === void 0 ? void 0 : _b.customHTML) || '';
+            this.injectCustomHTML(customHTML);
             // init zonos notification
             this.initZonosNotification();
             const getLogoUrl = () => {
@@ -284,7 +311,7 @@ const ZonosController = class {
             // init localization store
             await initLocalizationStore();
             // checkout init
-            const publishableKey = ((_b = json === null || json === void 0 ? void 0 : json.checkoutSettings) === null || _b === void 0 ? void 0 : _b.externalServiceTokens.find(item => item.type === 'STRIPE_PUBLISHABLE_TOKEN')) || null;
+            const publishableKey = ((_c = json === null || json === void 0 ? void 0 : json.checkoutSettings) === null || _c === void 0 ? void 0 : _c.externalServiceTokens.find(item => item.type === 'STRIPE_PUBLISHABLE_TOKEN')) || null;
             if (!publishableKey || !this.stripeInitEvent) {
                 log('Checkout failed to load -- missing publishable key', 'warn');
                 return;
@@ -353,7 +380,7 @@ const ZonosController = class {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'ab190aefdb7b90e03ec8f4f2da73a05c3416c776', class: "zonos--elements" });
+        return h(Host, { key: '001f728dc41550b734fd1b5c9cf15f43c0c4cbdb', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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-3427ee25.js';
+import { l as localizationStore } from './cart-a0b95207.js';
 import { d as zonosStoreFontFamily } from './zonosStore-44efd080.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-b4633675.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { a as localizationStoreUpdateSelectedCountryCode, q as translate, l as localizationStore } from './cart-3427ee25.js';
+import { a as localizationStoreUpdateSelectedCountryCode, q as translate, l as localizationStore } from './cart-a0b95207.js';
 import { d as zonosStoreFontFamily } from './zonosStore-44efd080.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-10f38df6.js';

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

@@ -2,9 +2,9 @@ import { r as registerInstance, h, H as Host, d as getElement, c as createEvent
 import { d as zonosStoreFontFamily } from './zonosStore-44efd080.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-b32d4218.js';
-import { f as stripeStore } from './cart-3427ee25.js';
+import { f as stripeStore } from './cart-a0b95207.js';
 import { b as logError, l as log } from './handleFetch-b4633675.js';
-import { d as paypalStoreInitButtons } from './paypal-4e2f9753.js';
+import { d as paypalStoreInitButtons } from './paypal-f1005b82.js';
 import './isDarkColor-10f38df6.js';
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-d82f06f2.js';
-import { q as translate, l as localizationStore, J as currencyFormat } from './cart-3427ee25.js';
+import { q as translate, l as localizationStore, J as currencyFormat } from './cart-a0b95207.js';
 import { z as zonosStore } from './zonosStore-44efd080.js';
 import { c as classes } from './classes-0d95c529.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-d82f06f2.js';
 import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-44efd080.js';
-import { l as localizationStore, D as isValidSelector, q as translate, r as getZCountryUrlParam, F as setZCountryUrlParam, G as currencyDisplay, H as currencyConvertAndFormat, I as currencyConvert, J as currencyFormat } from './cart-3427ee25.js';
+import { l as localizationStore, D as isValidSelector, q as translate, r as getZCountryUrlParam, F as setZCountryUrlParam, G as currencyDisplay, H as currencyConvertAndFormat, I as currencyConvert, J as currencyFormat } from './cart-a0b95207.js';
 import { c as classes } from './classes-0d95c529.js';
 import { h as handleFetch, b as logError, l as log } from './handleFetch-b4633675.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-d82f06f2.js';
-import { U as localizationStoreUpdateSelectedLocale, q as translate, l as localizationStore } from './cart-3427ee25.js';
+import { U as localizationStoreUpdateSelectedLocale, q as translate, l as localizationStore } from './cart-a0b95207.js';
 import { d as zonosStoreFontFamily } from './zonosStore-44efd080.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
 import './handleFetch-b4633675.js';