@zonos/elements 1.3.171 → 1.3.173

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { f as stripeStore, V as getFallbackDefaultCountryCode, r as translate, l as localizationStore, e as cartStore } from './cart-b2e57589.js';
+import { f as stripeStore, t as trackConversionEvent, V as getFallbackDefaultCountryCode, r as translate, l as localizationStore, e as cartStore } from './cart-fff4f4a4.js';
 import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
-import { b as logError, l as log } from './handleFetch-8d72c8cd.js';
+import { b as logError, l as log } from './handleFetch-0109fb78.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
 import { c as classes } from './classes-0d95c529.js';
 import { R as RemoveIcon$1 } from './RemoveIcon-9dc5dd1a.js';
@@ -20,9 +20,13 @@ const ZonosAddress = class {
          * Google autocomplete overlay is conflict with our button, this is to adjust z index of the autocomplete
          */
         this.isAutoCompleteAdjusted = false;
+        /**
+         * Check if the tracking event is sent
+         */
+        this.trackingSent = false;
         this.type = undefined;
         this.titleText = undefined;
-        this.defaultAddress = null;
+        this.defaultAddress = [];
         this.stripe = window.Zonos.stripe;
         this.isDirtyAddress = false;
     }
@@ -45,9 +49,14 @@ const ZonosAddress = class {
             case 'billing':
                 stripeStore.stripeBillingAddressEventData = event;
                 break;
-            default:
+            default: {
+                if (event.complete && !this.trackingSent) {
+                    void trackConversionEvent('checkout_customerInfoFilled');
+                    this.trackingSent = true;
+                }
                 stripeStore.stripeAddressEventData = event;
                 break;
+            }
         }
     }
     updateAddressElement({ stripeAddressElement, type, }) {
@@ -58,19 +67,15 @@ const ZonosAddress = class {
         stripeStore.stripeBillingAddressElement = stripeAddressElement;
     }
     async watchInitStripe() {
-        var _a, _b;
         this.stripe = window.Zonos.stripe;
         const { stripeAddressEventData, stripeElements } = this.getStripeAddressInstance();
         if (!this.stripe || !stripeElements) {
             logError("Stripe is not initialized. Couldn't load stripe element.");
             return;
         }
-        const phone = (_a = this.defaultAddress) === null || _a === void 0 ? void 0 : _a.phone;
-        if (!phone) {
-            // remove phone from default address if it's not provided, stripe
-            // will throw error if key phone exist and its value is empty or 'undefined'.
-            (_b = this.defaultAddress) === null || _b === void 0 ? true : delete _b.phone;
-        }
+        // remove phone from default address if it's not provided, stripe
+        // will throw error if key phone exist and its value is empty or 'undefined'.
+        const defaultAddress = this.defaultAddress.map(address => (Object.assign(Object.assign({}, address), { name: address.name, phone: address.phone || undefined })));
         const shippableCountries = localizationStore.shippingZoneCountries;
         const shippingZone = shippableCountries
             ? Object.values(shippableCountries).map(country => country.code)
@@ -84,8 +89,8 @@ const ZonosAddress = class {
         const addressElement = stripeElements.create('address', {
             allowedCountries: checkoutAllCountries ? [] : allowedCountries,
             // only show the default address if stripeAddressEventData is not provided
-            contacts: this.defaultAddress && !stripeAddressEventData
-                ? [this.defaultAddress]
+            contacts: defaultAddress.length && !stripeAddressEventData
+                ? this.defaultAddress
                 : [],
             defaultValues: {
                 address: Object.assign(Object.assign({}, stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address), { country: defaultAddressCountry }),
@@ -143,12 +148,27 @@ const ZonosAddress = class {
             type: this.type,
         });
     }
-    defaultAddressChanged() {
+    defaultAddressChanged(oldAddress, newAddress) {
+        // check if stringified json of oldAddress is different from newAddress
+        const oldAddressString = JSON.stringify(oldAddress);
+        const newAddressString = JSON.stringify(newAddress);
+        // No need to reset address element if the default address is the same
+        if (oldAddressString === newAddressString) {
+            return;
+        }
         log('Reset address element when default address property is changed', 'info', {
             defaultAddress: this.defaultAddress,
         });
         const stripeElement = this.getStripeAddressInstance().stripeAddressElement;
+        stripeElement === null || stripeElement === void 0 ? void 0 : stripeElement.clear();
         stripeElement === null || stripeElement === void 0 ? void 0 : stripeElement.destroy();
+        // Reset stripe address event data
+        if (this.type === 'shipping') {
+            stripeStore.stripeAddressEventData = null;
+        }
+        else {
+            stripeStore.stripeBillingAddressEventData = null;
+        }
         void this.watchInitStripe();
     }
     renderCompanyNameInput() {
@@ -182,7 +202,7 @@ const ZonosAddress = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '18d2602886588dfeb39c7c0386354671076dd9bf', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '9c4f704259e307932930995b14a9f2edd51dd3e3', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), h("div", { key: '7b2031b0b29cc8153b9b6376f27ccd331cc46e7a', class: "zonos--address-component" })));
+        return (h(Host, { key: '9fd8e0ac4b86c10004c24e9d33f40ec577bd2a73', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'e7c3cbcab6f175354f26a8426d0dbf01afca736d', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), h("div", { key: '48ccbb019255c5362adf4c7954a7c2e3b015bfa5', class: "zonos--address-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -630,7 +650,7 @@ const ZonosLinkAuthentication = class {
         // Create and mount the Authentication Element in ${type} mode
         const linkAuthenticationElement = stripeStore.stripeLinkElement ||
             stripeStore.stripeElements.create('linkAuthentication', {
-                defaultValues: defaultValues || undefined,
+                defaultValues: defaultValues,
             });
         const linkAuthenticationElementContainer = this.el.querySelector('.zonos--link-authentication-component');
         if (!linkAuthenticationElementContainer) {
@@ -645,11 +665,33 @@ const ZonosLinkAuthentication = class {
         });
         stripeStore.stripeLinkElement = linkAuthenticationElement;
     }
-    watchDefaultEmail() {
-        if (!this.defaultEmail) {
+    watchDefaultEmail(newDefaultEmail, oldDefaultEmail) {
+        var _a, _b;
+        log('Default email is changed', 'info', {
+            newDefaultEmail,
+            oldDefaultEmail,
+        });
+        if (oldDefaultEmail === newDefaultEmail) {
             return;
         }
-        this.setCustomEmailInputToLinkEvent(this.defaultEmail);
+        if (!newDefaultEmail) {
+            stripeStore.stripeLinkEventData = null;
+        }
+        // Only set value for Stripe input input to stripeLinkEventData when checkout is in staging mode
+        if (cartStore.isStagingMode) {
+            this.setCustomEmailInputToLinkEvent(newDefaultEmail || '');
+            return;
+        }
+        (_a = stripeStore.stripeLinkElement) === null || _a === void 0 ? void 0 : _a.clear();
+        (_b = stripeStore.stripeLinkElement) === null || _b === void 0 ? void 0 : _b.destroy();
+        stripeStore.stripeLinkElement = null;
+        stripeStore.stripeLinkEventData = null;
+        log('Reset stripe link element when default email is changed', 'info', {
+            defaultEmail: newDefaultEmail,
+        });
+        setTimeout(() => {
+            void this.watchInitStripe();
+        }, 5);
     }
     componentDidLoad() {
         // @Watch doesn't get trigger on initial load

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

@@ -1,9 +1,9 @@
 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, E as currencyFormat, r as translate, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, f as stripeStore, C as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, R as stripeStoreTranslateAddressToLatin, S as cartStoreUpdateSelectedShippingOption, T as cartStoreGetShippingTransitInfo, U as sortServiceLevelOptionsByAmount } from './cart-b2e57589.js';
+import { e as cartStore, E as currencyFormat, r as translate, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, f as stripeStore, C as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, l as localizationStore, x as cartStoreNextStep, R as stripeStoreTranslateAddressToLatin, S as cartStoreUpdateSelectedShippingOption, T as cartStoreGetShippingTransitInfo, U as sortServiceLevelOptionsByAmount } from './cart-fff4f4a4.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-38da5d52.js';
+import { s as submitGtag, c as paypalStoreReset, b as paypalStore, i as isContrastColor } from './paypal-087fbd16.js';
 import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.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-8d72c8cd.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-0109fb78.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-ada3ccad.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
@@ -1483,9 +1483,10 @@ const ZonosCheckoutFinish = class {
                     clientSecret,
                     storybookForceStatus: this.storybookForceStatus,
                 });
-                this.notificationType = error ? 'error' : 'success';
+                const isError = status === 'requires_action' || error;
+                this.notificationType = isError ? 'error' : 'success';
                 this.notificationMessages = messages || [];
-                this.notificationTitle = error
+                this.notificationTitle = isError
                     ? translate('Payment failed')
                     : translate("You're all set!");
                 log('=== Payment intent retrieve status', 'info', {
@@ -1562,6 +1563,9 @@ const ZonosCheckoutFinish = class {
             // show success message right away when order id is already created
             this.isLoading = false;
             if (paypalStore.orderIdCreated) {
+                submitGtag('zonos-checkout-success');
+                // Make sure to send the event when order is completed
+                await trackConversionEvent('checkout_orderCompleted');
                 this.notificationType = 'success';
                 this.notificationTitle = translate("You're all set!");
                 this.notificationMessages =
@@ -1628,11 +1632,11 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: 'afcb0314658af4d53e7d453415dd73fb01a8f162', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '4bb26161ad400a7bbd7b7e9f0568ac5de8f18004', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '99b7b6c9dd0e0545d770e4d9ed54207f5c13fdfd', class: "zonos--finish-details" }, h("div", { key: '11d249514d0eef2f8419e66b1070a20e745b84fd', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'c8f52780e8ea76b5951aa4ad3dfc87c19acbfd1d', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '459d7c1a9bd6fd77cfda25e9500a89061874b58f', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: '4e34926ba96975ceff18016eb6bcad1906f1c773',
+            } }, !this.isLoading && (h("div", { key: '85d3bf11c73dfd2b18d0a6d996f2c1f4a01a2288', class: "zonos--finish-details" }, h("div", { key: '0e4fb2b7cd03a4464dde3cce69932b8482da0d02', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '0ced9d9d83576979ae785be52c0ae07dca0fd5de', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'd14a6fbe02dc836512b41859cc8de573653c4884', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: '5a80853fd1374fc72ccc2b416b62f6c52e4916dd',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -1644,9 +1648,9 @@ const ZonosCheckoutFinish = class {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '836907a2a325d615d897e5292f086bf9111226ae', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'ba2fca63de8f04c76fa4d1bc96d06863fbad78cf', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (h("div", { key: 'ea1b4dd65f89d3eaec6391b6e440ae8ca20d5bdb', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '350ee6b7fe58ff5e7a1584989e2df13ce5d243c6', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'd3578cef9a3f6cc69fff48ee412f7010d526c284', onClick: () => {
+            this.notificationType === 'success' && (h("div", { key: '1e3cb2f2f5874b93886247af585566dbaad9a45f', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'f8603ae4e116da9f8adabe648a6f626b994f208a', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '91df622529ff650464b3694780e65d2d929548f9', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -2335,7 +2339,7 @@ const ZonosCustomerInfo = class {
         this.submitBtnType = undefined;
         this.submitBtnColor = undefined;
         this.isMobile = false;
-        this.defaultAddress = null;
+        this.defaultAddress = [];
         this.showErrorBanner = false;
         this.shippingCountry = '';
         this.isCheckingForRestrictedItems = false;
@@ -2392,7 +2396,7 @@ const ZonosCustomerInfo = class {
             } }), this.isTaxIdError && (h("zonos-text", { textColor: 'red-600', type: "caption" }, translate('Tax id is required')))));
     }
     render() {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f;
         if (!stripeStore.stripeElements) {
             return null;
         }
@@ -2411,11 +2415,15 @@ const ZonosCustomerInfo = class {
         const showBilling = !stripeStore.stripeShippingSameAsBilling;
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
+        // Attempt to get the email from email from customer profile's locations, if not provided, just use the email from root customer profile
+        const defaultEmail = ((_b = this.defaultAddress.find(Boolean)) === null || _b === void 0 ? void 0 : _b.email) ||
+            ((_e = (_d = (_c = stripeStore.customerProfile) === null || _c === void 0 ? void 0 : _c.locations) === null || _d === void 0 ? void 0 : _d.find(Boolean)) === null || _e === void 0 ? void 0 : _e.email) ||
+            ((_f = stripeStore.customerProfile) === null || _f === void 0 ? void 0 : _f.email);
         // start validate on typing after error banner is shown, and hide it if the form is complete
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), h("zonos-link-authentication", { defaultEmail: (_b = this.defaultAddress) === null || _b === void 0 ? void 0 : _b.email, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: translate('Contact') }), h("zonos-address", { defaultAddress: this.defaultAddress, titleText: translate('Address'), type: "shipping" }), this.renderTaxIdInput(this.shippingCountry), h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: stripeStore.stripeShippingSameAsBilling, label: translate('Shipping address same as billing'), onCheckboxSelected: e => {
+        return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: translate('Contact') }), h("zonos-address", { defaultAddress: this.defaultAddress, titleText: translate('Address'), type: "shipping" }), this.renderTaxIdInput(this.shippingCountry), h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: stripeStore.stripeShippingSameAsBilling, label: translate('Shipping address same as billing'), onCheckboxSelected: e => {
                 stripeStore.stripeShippingSameAsBilling = e.detail;
             } }), h("zonos-collapse", { collapsed: !showBilling }, h("zonos-address", { defaultAddress: this.defaultAddress, titleText: translate('Billing address'), type: "billing" })), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode

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

@@ -1,15 +1,15 @@
 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 stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreUpdateCheckoutSessionBaseCurrency, z as stripeStoreHandleInventoryCheck, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as localizationStoreOnUpdate, E as currencyFormat } from './cart-b2e57589.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-38da5d52.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as stripeStoreGetPaymentIntent, o as cartStoreStartCheckoutInterval, t as trackConversionEvent, p as getCheckoutSessionBody, q as cartStoreUpdateToErrorState, r as translate, u as getZCountryUrlParam, v as cartStoreSetCheckoutSession, w as stripeStorePrefetchLandedCost, x as cartStoreNextStep, y as stripeStoreUpdateCheckoutSessionBaseCurrency, z as stripeStoreHandleInventoryCheck, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as localizationStoreOnUpdate, E as currencyFormat } from './cart-fff4f4a4.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-087fbd16.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-d3c5a0a5.js';
-import { h as handleFetch, l as log, b as logError, s as sendErrorLog, c as getElapsedTime, d as allLogs, e as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode } from './handleFetch-8d72c8cd.js';
+import { h as handleFetch, l as log, b as logError, s as sendErrorLog, c as getElapsedTime, d as allLogs, e as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode } from './handleFetch-0109fb78.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-ada3ccad.js';
 import { i as isDarkColor } from './isDarkColor-446fccb7.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import { c as checkoutHiddenBtnSelector, s as setupCartData, d as domesticRedirectedBtnSelector } from './CheckoutConfig-2994efd9.js';
+import { c as checkoutHiddenBtnSelector, s as setupCartData, d as domesticRedirectedBtnSelector } from './CheckoutConfig-75af3742.js';
 import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
 
 /**
@@ -395,13 +395,30 @@ const ZonosCheckout = class {
                 settlementAmount: total,
             };
         };
+        this.getDefaultAddress = () => {
+            // If checkout customer is authenticated, use the address from the customer profile
+            if (this.defaultCustomerProfileAddress.length) {
+                return this.defaultCustomerProfileAddress;
+            }
+            // If default address is provided directly from the component, use it
+            if (Array.isArray(this.defaultAddress) && this.defaultAddress.length) {
+                return this.defaultAddress;
+            }
+            if (!Array.isArray(this.defaultAddress) &&
+                typeof this.defaultAddress === 'object') {
+                return [this.defaultAddress];
+            }
+            return this.defaultAddressParams;
+        };
         this.appearanceSettingsOverride = undefined;
         this.preview = false;
         this.mobile = false;
         this.overrideStagingMode = undefined;
-        this.defaultAddress = null;
+        this.defaultAddress = [];
         this.forceDialogOpen = false;
-        this.defaultAddressParams = null;
+        this.defaultAddressParams = [];
+        this.defaultCustomerProfileAddress = [];
+        this.customerProfile = null;
         this.open = this.forceDialogOpen;
         this.stripe = window.Zonos.stripe;
         this.submitLoading = false;
@@ -418,6 +435,7 @@ const ZonosCheckout = class {
         this.inventoryCheckErrorMessage = null;
         this.placedOrderInfo = null;
         this.clientSecret = stripeStore.clientSecret;
+        this.stripeCustomerSessionClientSecret = stripeStore.stripeCustomerSessionClientSecret;
     }
     /**
      * Init cart info handler event
@@ -478,6 +496,8 @@ const ZonosCheckout = class {
                 cartId = cartIdResult.cartId;
                 // set prefill address if provided in createCartId callback result
                 this.useShippingDataFromCreateCartId(cartIdResult.shippingData);
+                cartStore.customerAuthenticationToken =
+                    cartIdResult.customerAuthenticationToken || null;
             }
             else {
                 cartId = cartIdResult;
@@ -692,11 +712,11 @@ const ZonosCheckout = class {
                         isPreview: this.preview,
                         sessionTimeout: CHECKOUT_SESSION_TIMEOUT,
                     });
+                    submitGtag('zonos-checkout-start');
+                    void trackConversionEvent('checkout_open');
                     const { enabled } = await isStoreDiscountEnabled();
                     // Hide discount input if there's no active discount configured for the store
                     cartStore.shouldHideDiscountInput = !enabled;
-                    submitGtag('zonos-checkout-start');
-                    void trackConversionEvent('checkout_open');
                     this.handleOrderDuplication();
                     if (window.Zonos.isLegacyCheckout) {
                         void sendLoadCheckoutFacadeLog();
@@ -836,7 +856,6 @@ const ZonosCheckout = class {
         const phone = address.customerPhone || '';
         const postal_code = address.customerZip || '';
         const state = address.customerState || '';
-        const countryCode = country === 'UK' ? 'GB' : country;
         /**
          * 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)
@@ -852,19 +871,27 @@ const ZonosCheckout = class {
                 .join(', '));
             return;
         }
-        this.defaultAddressParams = {
-            address: {
-                city: city || '',
-                country: countryCode,
-                line1,
-                line2,
-                postal_code,
-                state,
+        if (country &&
+            localizationStore.shippingZoneCountries &&
+            !(country in localizationStore.shippingZoneCountries)) {
+            log(`Country "${country}" is not in the shipping zone, so it can not be prefilled`, 'warn');
+            return;
+        }
+        this.defaultAddressParams = [
+            {
+                address: {
+                    city: city || '',
+                    country,
+                    line1,
+                    line2,
+                    postal_code,
+                    state,
+                },
+                email,
+                name,
+                phone,
             },
-            email,
-            name,
-            phone,
-        };
+        ];
         log('Prefill address applied', 'info', {
             prefillAddress: this.defaultAddressParams,
             providedAddress: address,
@@ -890,19 +917,21 @@ const ZonosCheckout = class {
             domesticRedirectedBtnSelector: domesticRedirectedBtnSelector,
             onShippingAddressSessionFound: shippingAddressSession => {
                 // prefilled the default address if shipping address session is found for checkout on open
-                this.defaultAddress = {
-                    address: {
-                        city: shippingAddressSession.city,
-                        country: shippingAddressSession.countryCode,
-                        line1: shippingAddressSession.address1,
-                        line2: shippingAddressSession.address2,
-                        postal_code: shippingAddressSession.postalCode,
-                        state: shippingAddressSession.state,
+                this.defaultAddress = [
+                    {
+                        address: {
+                            city: shippingAddressSession.city,
+                            country: shippingAddressSession.countryCode,
+                            line1: shippingAddressSession.address1,
+                            line2: shippingAddressSession.address2,
+                            postal_code: shippingAddressSession.postalCode,
+                            state: shippingAddressSession.state,
+                        },
+                        email: '',
+                        name: `${shippingAddressSession.firstName} ${shippingAddressSession.lastName}`,
+                        phone: shippingAddressSession.phone,
                     },
-                    email: '',
-                    name: `${shippingAddressSession.firstName} ${shippingAddressSession.lastName}`,
-                    phone: shippingAddressSession.phone,
-                };
+                ];
             },
         });
         /**
@@ -1145,9 +1174,39 @@ const ZonosCheckout = class {
     handleAddressChange() {
         stripeStoreReset();
     }
+    handleCustomerProfileChange() {
+        var _a, _b;
+        if (!this.customerProfile) {
+            log('No customer profile', 'info');
+            this.defaultCustomerProfileAddress = [];
+            return;
+        }
+        log('Customer profile found', 'info', {
+            customerProfile: this.customerProfile,
+        });
+        // Build and set saved locations from checkout customers
+        this.defaultCustomerProfileAddress =
+            ((_b = (_a = stripeStore.customerProfile) === null || _a === void 0 ? void 0 : _a.locations) === null || _b === void 0 ? void 0 : _b.map(location => {
+                var _a;
+                return {
+                    address: {
+                        city: location.locality,
+                        country: location.countryCode,
+                        line1: location.line1,
+                        line2: location.line2 || '',
+                        postal_code: location.postalCode,
+                        state: location.administrativeArea,
+                    },
+                    email: location.email || ((_a = stripeStore.customerProfile) === null || _a === void 0 ? void 0 : _a.email) || '',
+                    name: location.name || '',
+                    phone: location.phone || '',
+                };
+            })) || [];
+    }
     handleClientSecretChange() {
-        log('=== Client secret changed', 'info', {
-            clientSecret: stripeStore.clientSecret,
+        log('==== Client secret changed', 'info', {
+            clientSecret: this.clientSecret,
+            stripeCustomerSessionClientSecret: this.stripeCustomerSessionClientSecret,
         });
         // apply theme to stripe elements
         void this.applyStripeTheme();
@@ -1169,6 +1228,8 @@ const ZonosCheckout = class {
             html.style.overflow = 'hidden';
         }
         else {
+            // Should reset stripeCustomerSessionClientSecret state when dialog is closed since merchant would need to re-authenticate, get an OTP again and we will get a new customer session.
+            this.stripeCustomerSessionClientSecret = null;
             const bodyOverflow = body.getAttribute(overflowAttrKey);
             const htmlOverflow = html.getAttribute(overflowAttrKey);
             // reset overflow state to original state
@@ -1216,8 +1277,15 @@ const ZonosCheckout = class {
     }
     render() {
         var _a, _b, _c, _d;
+        this.customerProfile = stripeStore.customerProfile;
         // Set client secret so that we can add this to @Watch listener
         this.clientSecret = stripeStore.clientSecret;
+        // Only set and update stripeCustomerSession state if it's available, since it would only be available at the time checkout session is created, afterward access checkout session the value would be `null`.
+        if (stripeStore.stripeCustomerSessionClientSecret) {
+            // Set stripe customer session client secret so that we can add this to @Watch listener
+            this.stripeCustomerSessionClientSecret =
+                stripeStore.stripeCustomerSessionClientSecret;
+        }
         const dialogLoading = 
         // if it's last step, don't need to check stripe elements
         (cartStore.step !== 'finish' &&
@@ -1270,7 +1338,7 @@ const ZonosCheckout = class {
                     '--zonos--primary-color': !this.isMobile
                         ? colorPrimary
                         : undefined,
-                }) }, !this.isMobile && renderTopHeader(), cartStore.step === 'customer-info' && (h("zonos-customer-info", { continueLoading: this.submitLoading, defaultAddress: this.defaultAddress || this.defaultAddressParams, isMobile: this.isMobile, onContinueClicked: () => this.handleCustomerInfoContinue(), submitBtnColor: submitButtonColor })), cartStore.step === 'shipping' && (h("zonos-shipping", { continueLoading: this.submitLoading, onContinueClicked: () => this.handleShippingContinue(), submitBtnColor: submitButtonColor })), cartStore.step === 'payment' && (h("zonos-checkout-payment", { continueLoading: this.submitLoading, isMobile: this.isMobile, onContinueClicked: async () => {
+                }) }, !this.isMobile && renderTopHeader(), cartStore.step === 'customer-info' && (h("zonos-customer-info", { continueLoading: this.submitLoading, defaultAddress: this.getDefaultAddress(), isMobile: this.isMobile, onContinueClicked: () => this.handleCustomerInfoContinue(), submitBtnColor: submitButtonColor })), cartStore.step === 'shipping' && (h("zonos-shipping", { continueLoading: this.submitLoading, onContinueClicked: () => this.handleShippingContinue(), submitBtnColor: submitButtonColor })), cartStore.step === 'payment' && (h("zonos-checkout-payment", { continueLoading: this.submitLoading, isMobile: this.isMobile, onContinueClicked: async () => {
                     await this.handleStripePaymentContinue();
                 }, submitBtnColor: submitButtonColor }))), h("div", { class: "zonos--right", "data-theme": rightSideTheme }, this.isMobile && renderTopHeader(), h("div", { class: "zonos--right-actions" }, window.Zonos.showBaseForeign && (h("zonos-currency-toggle", null)), !this.isLegacyCheckout && (h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close checkout dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.closeDialogHandler() }))), h("div", { class: "flex--wrapper" }, h("div", { class: "zonos--wrapper" }, h("zonos-review", { collapsed: this.collapseReviewMobile, mobile: this.isMobile, onClick: () => {
                     // do nothing if it's not mobile
@@ -1349,7 +1417,9 @@ const ZonosCheckout = class {
         "overrideStagingMode": ["overrideStagingModeChanged"],
         "mobile": ["handleMobileChange"],
         "defaultAddress": ["handleAddressChange"],
+        "customerProfile": ["handleCustomerProfileChange"],
         "clientSecret": ["handleClientSecretChange"],
+        "stripeCustomerSessionClientSecret": ["handleClientSecretChange"],
         "open": ["handleOpenChange"]
     }; }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-d82f06f2.js';
-import { G as isValidSelector, f as stripeStore, H as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-b2e57589.js';
+import { G as isValidSelector, f as stripeStore, H as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-fff4f4a4.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
-import { h as handleFetch, b as logError, l as log } from './handleFetch-8d72c8cd.js';
+import { h as handleFetch, b as logError, l as log } from './handleFetch-0109fb78.js';
 import './isDarkColor-446fccb7.js';
 import './getBorderRadius-ada3ccad.js';
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { l as localizationStore } from './cart-b2e57589.js';
+import { l as localizationStore } from './cart-fff4f4a4.js';
 import { d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { c as classes } from './classes-0d95c529.js';
-import './handleFetch-8d72c8cd.js';
+import './handleFetch-0109fb78.js';
 import './isDarkColor-446fccb7.js';
 import './getBorderRadius-ada3ccad.js';
 

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d82f06f2.js';
-import { a as localizationStoreUpdateSelectedCountryCode, r as translate, l as localizationStore } from './cart-b2e57589.js';
+import { a as localizationStoreUpdateSelectedCountryCode, r as translate, l as localizationStore } from './cart-fff4f4a4.js';
 import { d as zonosStoreFontFamily } from './zonosStore-d3c5a0a5.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-446fccb7.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import './handleFetch-8d72c8cd.js';
+import './handleFetch-0109fb78.js';
 import './getBorderRadius-ada3ccad.js';
 
 /**