@zonos/elements 1.3.144 → 1.3.146

package/dist/cjs/{cart-2398abd4.js → cart-a262c92c.js}

@@ -1576,7 +1576,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.',
@@ -5296,7 +5296,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: '배송 등급이 선택되지 않았습니다. "배송" 단계로 돌아가서 배송 등급을 선택하여 진행하세요.',
@@ -7156,7 +7156,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: 'Не выбран рейтинг доставки. Пожалуйста, вернитесь к шагу "Доставка" и выберите рейтинг доставки, чтобы продолжить.',
@@ -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.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.') ||
@@ -313,10 +313,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 {
@@ -330,7 +330,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
@@ -346,7 +346,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/cjs/{paypal-7ed9dfb7.js → paypal-0895372a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-46809186.js');
-const cart = require('./cart-2398abd4.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-2398abd4.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-2398abd4.js');
+const cart = require('./cart-a262c92c.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-7ed9dfb7.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-2398abd4.js');
-const paypal = require('./paypal-7ed9dfb7.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');
@@ -442,21 +442,20 @@ const ZonosCheckout = class {
         (_b = (_a = zonosStore.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) {
-            handleFetch.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 cart.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.zonosStore.checkoutSettings.createCartId === 'function') {
+        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;
@@ -473,6 +472,17 @@ const ZonosCheckout = class {
             const { adjustments, cartItems } = buildCartItemsByTempCart(cartData);
             await cart.cartStoreUpdateItems({ adjustments, cartItems });
         }
+        // if tempCartUUID is provided, use it instead of buildCartDetail
+        else if (window.Zonos.cartData) {
+            handleFetch.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 cart.cartStoreUpdateItems({ adjustments, cartItems });
+        }
         else if (zonosStore.zonosStore.checkoutSettings.buildCartDetail &&
             cart.localizationStore.selectedCountryCode) {
             handleFetch.log('build cart detail');
@@ -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-2398abd4.js');
+const cart = require('./cart-a262c92c.js');
 const zonosStore = require('./zonosStore-46809186.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
 require('./isDarkColor-2acf30d1.js');
@@ -243,17 +243,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) {
+            handleFetch.log('=== Skip injecting custom HTML for hosted checkout', 'info');
+            return;
+        }
+        handleFetch.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.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') {
                 handleFetch.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 = () => {
@@ -288,7 +315,7 @@ const ZonosController = class {
             // init localization store
             await cart.initLocalizationStore();
             // checkout init
-            const publishableKey = ((_b = json === null || json === void 0 ? void 0 : json.checkoutSettings) === null || _b === void 0 ? void 0 : _b.externalServiceTokens.find(item => item.type === 'STRIPE_PUBLISHABLE_TOKEN')) || null;
+            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) {
                 handleFetch.log('Checkout failed to load -- missing publishable key', 'warn');
                 return;
@@ -357,7 +384,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: 'ab190aefdb7b90e03ec8f4f2da73a05c3416c776', 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-2398abd4.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-2398abd4.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-2398abd4.js');
+const cart = require('./cart-a262c92c.js');
 const handleFetch = require('./handleFetch-3673a0c2.js');
-const paypal = require('./paypal-7ed9dfb7.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-2398abd4.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-2398abd4.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-2398abd4.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

@@ -232,21 +232,20 @@ export class ZonosCheckout {
         (_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;
@@ -263,6 +262,17 @@ export class ZonosCheckout {
             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');
@@ -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

@@ -92,17 +92,44 @@ export class ZonosController {
             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 = () => {
@@ -137,7 +164,7 @@ export class ZonosController {
             // 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;
@@ -206,7 +233,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'ab190aefdb7b90e03ec8f4f2da73a05c3416c776', 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/store/translationStore/strings.danish.js

@@ -174,7 +174,7 @@ export 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.',

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

@@ -174,7 +174,7 @@ export 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: '배송 등급이 선택되지 않았습니다. "배송" 단계로 돌아가서 배송 등급을 선택하여 진행하세요.',