@zonos/elements 1.3.145 → 1.3.146

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-887f7d66.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-6fd5749b.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';
@@ -441,7 +441,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.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;
@@ -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-887f7d66.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';
@@ -254,7 +254,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);
         });
     }
@@ -374,7 +380,7 @@ const ZonosController = class {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'f59eff8c088135e8fc791d03f668e787ec0d0912', 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-887f7d66.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-887f7d66.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-887f7d66.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-6fd5749b.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-887f7d66.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-887f7d66.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-887f7d66.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';