@zonos/elements 1.3.281 → 1.3.283

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

@@ -119,6 +119,9 @@ export const stringsTurkish = {
     'Company name (optional)': {
         value: 'Şirket adı (isteğe bağlı)',
     },
+    'Complete your shipping address': {
+        value: 'Teslimat adresinizi tamamlayın',
+    },
     Confirm: {
         value: 'Onayla',
     },
@@ -536,6 +539,9 @@ export const stringsTurkish = {
     'Return to merchant site': {
         value: 'Satıcı sitesine dön',
     },
+    'Save and continue': {
+        value: 'Kaydet ve devam et',
+    },
     'Search countries': {
         value: 'Ülkeleri ara',
     },
@@ -554,6 +560,9 @@ export const stringsTurkish = {
     'Select a language': {
         value: 'Bir dil seçin',
     },
+    'Selected address': {
+        value: 'Seçilen adres',
+    },
     'Session does not have valid landed cost. Please contact [organizationName] for assistance.': {
         value: 'Oturumun geçerli bir iniş maliyeti yok. Yardım için lütfen [organizationName] ile iletişime geçin.',
     },
@@ -698,6 +707,9 @@ export const stringsTurkish = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'Ödeme oturumunuzu güncelleme sırasında bir hata oluştu. Lütfen hata devam ederse sayfayı yeniden yükleyin ve tekrar deneyin veya destekle iletişime geçin',
     },
+    'This saved address is missing information required to ship internationally. Please add the details below.': {
+        value: 'Bu kayıtlı adreste uluslararası gönderim için gerekli bilgiler eksik. Lütfen ayrıntıları aşağıya ekleyin.',
+    },
     'To ensure delivery all address details must be in Latin characters.': {
         value: 'Teslimatı sağlamak için tüm adres detaylarının Latin karakterleriyle olması gerekir.',
     },

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

@@ -119,6 +119,9 @@ export const stringsVietnamese = {
     'Company name (optional)': {
         value: 'Tên công ty (tùy chọn)',
     },
+    'Complete your shipping address': {
+        value: 'Hoàn tất địa chỉ giao hàng của bạn',
+    },
     Confirm: {
         value: 'Xác nhận',
     },
@@ -536,6 +539,9 @@ export const stringsVietnamese = {
     'Return to merchant site': {
         value: 'Quay lại trang web của người bán',
     },
+    'Save and continue': {
+        value: 'Lưu và tiếp tục',
+    },
     'Search countries': {
         value: 'Tìm kiếm quốc gia',
     },
@@ -554,6 +560,9 @@ export const stringsVietnamese = {
     'Select a language': {
         value: 'Chọn một ngôn ngữ',
     },
+    'Selected address': {
+        value: 'Địa chỉ đã chọn',
+    },
     'Session does not have valid landed cost. Please contact [organizationName] for assistance.': {
         value: 'Phiên không có chi phí hạ cánh hợp lệ. Vui lòng liên hệ [organizationName] để được hỗ trợ.',
     },
@@ -698,6 +707,9 @@ export const stringsVietnamese = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'Đã xảy ra lỗi khi cập nhật phiên thanh toán của bạn. Vui lòng tải lại và thử lại hoặc liên hệ với hỗ trợ nếu lỗi vẫn tiếp tục',
     },
+    'This saved address is missing information required to ship internationally. Please add the details below.': {
+        value: 'Địa chỉ đã lưu này thiếu thông tin cần thiết để giao hàng quốc tế. Vui lòng thêm chi tiết bên dưới.',
+    },
     'To ensure delivery all address details must be in Latin characters.': {
         value: 'Để đảm bảo giao hàng, tất cả chi tiết địa chỉ phải bằng ký tự Latinh.',
     },

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -6,6 +6,7 @@ import { storageStore, storageStoreOnChange, } from "../../store/storageStore";
 import { translate } from "../../store/translationStore";
 import { zonosStore } from "../../store/zonosStore";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
+import { buildAddressContacts } from "../../utils/checkout/buildAddressContacts";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
 import { shouldRenderShortAddressCodeInput } from "../../utils/checkout/shouldRenderShortAddressCodeInput";
 import { shouldRenderTaxIdInput } from "../../utils/checkout/shouldRenderTaxIdInput";
@@ -138,10 +139,14 @@ export class ZonosAddress {
         log(`Stripe country code: ${defaultAddressCountry}`, 'info');
         const addressElement = stripeElements.create('address', {
             allowedCountries: checkoutAllCountries ? [] : allowedCountries,
-            // only show the default address if stripeAddressEventData is not provided
-            contacts: defaultAddress.length && !stripeAddressEventData
-                ? this.defaultAddress
-                : [],
+            // Prepend the currently selected address so it stays selected across remounts
+            // (customer <-> shipping step navigation), de-duped against the default addresses.
+            // Contacts are computed once here at create() time and never mutated afterwards—
+            // mutating the contacts value after a remount breaks the element's onChange events.
+            contacts: buildAddressContacts({
+                currentEvent: stripeAddressEventData,
+                defaultAddress,
+            }),
             defaultValues: {
                 address: Object.assign(Object.assign({}, stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address), { country: defaultAddressCountry }),
                 firstName: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.firstName,
@@ -352,11 +357,11 @@ export class ZonosAddress {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '9e66c8b7ba80d28aa430d6f5397d5eca16596e1a', class: classes([
+        return (h(Host, { key: '195940efdd29696d99b1ab6524a53e6a03776c6a', class: classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: 'a731814dbada28f16699efe8bc23a18c7b6e04ff', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '138f499157a6628970042d14d89c3420936a5811', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: '51451d40580d128e3c38ab5f3f2cd471c21aaf01', class: "zonos--address-component" })));
+            ]) }, this.titleText && (h("zonos-text", { key: '968d5990fce9c1eb22cd10b58744e6d00f2e622d', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: 'ae6dd70dcaa5ecd3465c065736e0f31fb40e72d3', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: '0bf3075670d3fcd945f9ddcbe096399e2dc213ed', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stripe/zonos-custom-address/zonos-address-suggestions/zonos-address-suggestions.js

@@ -78,9 +78,9 @@ export class ZonosAddressSuggestions {
         return segments;
     }
     render() {
-        return (h(Host, { key: '93cce2d783f3b0eba378027d2450d13451e6ce18', class: "zonos--address-suggestions", role: "group", style: {
+        return (h(Host, { key: '20e095515d18016bd1f538bd345ed58aafe8518f', class: "zonos--address-suggestions", role: "group", style: {
                 '--zonos--border-radius': getBorderRadius(),
-            } }, h("ul", { key: 'e577d8dea6fb9a225f8361e5ba48601a74b8614d', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: '8f4c74b030f50ed03133a443e4b9a41869c18571', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '0288a70a89c25ce227e918ad91db0b77efa42a82', class: "powered-by-container" }, h("zonos-text", { key: '2d2fe2711d2b72a4077a417ed37d9b6897184525', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: 'a7ef3f738fc67a03fa2c935c128666945ad838a0', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: 'ebe5ccc2e0315867c4dbe3c030cf4e44312d691c', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => {
+            } }, h("ul", { key: 'f43e0820d29fc5ef96ab42402e370dc6ce381e66', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: 'd8ff4f7b53ea5fac8f42f1c13b2255ca2ea5d5e8', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '2431de3e4e5241e5d74f552051a5d3d4954624a5', class: "powered-by-container" }, h("zonos-text", { key: '48de6d435ffef45f60ebb4ef6c4b2eaf5bdee821', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: 'b0e8f2986d4f85daa2fd53b7ea812d296d28a164', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: 'e62245b99bcdc192a4ee98511c8a4a0efad6ea92', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => {
                 this.localSuggestions = [];
             } }))), this.localSuggestions.map(suggestion => (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events

package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js

@@ -19,6 +19,7 @@ import { translate } from "../../store/translationStore";
 import { zonosStore } from "../../store/zonosStore";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
 import { isValidZip } from "../../utils/checkout/form/isValidZip";
+import { getAddressCountryOptions, } from "../../utils/checkout/getAddressCountryOptions";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
 import { shouldRenderShortAddressCodeInput } from "../../utils/checkout/shouldRenderShortAddressCodeInput";
 import { shouldRenderTaxIdInput } from "../../utils/checkout/shouldRenderTaxIdInput";
@@ -70,14 +71,6 @@ export class ZonosAddress {
          * Whether to start google place suggestions
          */
         this.startGooglePlaceSuggestions = false;
-        /**
-         * List of countries to show in the address element
-         */
-        this.shipToCountries = null;
-        /**
-         * Shipping zones from localization
-         */
-        this.shippingZones = null;
         this.city = '';
         this.country = '';
         this.firstName = '';
@@ -117,6 +110,14 @@ export class ZonosAddress {
          * Google autocomplete overlay is conflict with our button, this is to adjust z index of the autocomplete
          */
         this.isAutoCompleteAdjusted = false;
+        /**
+         * Memoized country options, keyed on the store references they derive from.
+         * `render()` runs on every keystroke, and rebuilding the list each time would
+         * re-sort ~244 countries and hand `zonos-stripe-select` a new array identity,
+         * re-rendering it needlessly. `@stencil/store` replaces these references
+         * wholesale rather than mutating them, so reference equality is a safe key.
+         */
+        this.countryOptionsCache = null;
         // Create a single throttled instance that persists
         this.throttledGetAddressSuggestions = throttle(() => {
             if (zonosStore.checkoutAddressService) {
@@ -268,6 +269,28 @@ export class ZonosAddress {
             this.onStoreCheckoutSessionIdChangedSubscription = storageStoreOnChange('checkoutSessionId', onCheckoutSessionIdChange);
         };
     }
+    getCountryOptions() {
+        const { allCountries, shippingZoneCountries } = localizationStore;
+        const cache = this.countryOptionsCache;
+        if (cache &&
+            cache.allCountries === allCountries &&
+            cache.shippingZoneCountries === shippingZoneCountries &&
+            cache.type === this.type) {
+            return cache.options;
+        }
+        const options = getAddressCountryOptions({
+            allCountries,
+            shippingZoneCountries,
+            type: this.type,
+        });
+        this.countryOptionsCache = {
+            allCountries,
+            options,
+            shippingZoneCountries,
+            type: this.type,
+        };
+        return options;
+    }
     getStripeAddressInstance() {
         if (this.type === 'billing') {
             return {
@@ -694,24 +717,19 @@ export class ZonosAddress {
         this.initAddressSuggestions();
         this.initDefaultCustomAddressForm();
     }
-    shippingZonesChanged() {
-        this.shippingZones = localizationStore.shippingZoneCountries;
-        this.shipToCountries = Object.values(this.shippingZones || {})
-            .map(country => ({
-            label: country.displayName,
-            value: country.code,
-        }))
-            .sort((a, b) => {
-            return a.label.localeCompare(b.label);
-        });
-    }
     renderCustomAddressForm() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-        const _t = this.getCustomAddressErrors(), { showError } = _t, customAddressErrors = __rest(_t, ["showError"]);
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        const _s = this.getCustomAddressErrors(), { showError } = _s, customAddressErrors = __rest(_s, ["showError"]);
         const stripeAddressEventData = this.getStripeAddressInstance().stripeAddressEventData;
         const countryCode = stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country;
-        const firstCountry = (_a = this.shipToCountries) === null || _a === void 0 ? void 0 : _a[0];
-        const stateOptions = Object.entries(((_b = this.countryField) === null || _b === void 0 ? void 0 : _b.regions) || {})
+        /**
+         * Billing addresses are not limited to the shipping zone: a shopper's card
+         * can be billed to any country, so restricting it would block them from
+         * checking out entirely (05CHECK-915).
+         */
+        const countryOptions = this.getCountryOptions();
+        const firstCountry = countryOptions[0];
+        const stateOptions = Object.entries(((_a = this.countryField) === null || _a === void 0 ? void 0 : _a.regions) || {})
             .map(([label, region]) => ({
             label,
             value: region.interpayCode,
@@ -745,7 +763,7 @@ export class ZonosAddress {
                  * Therefore, we must update the value after validation to ensure correct error state
                  */
                 this.lastName = event.detail;
-            }, required: true }), h("zonos-stripe-select", { "aria-required": "true", autoComplete: "shipping country", class: "zonos--custom-address-form-input", name: `${this.type}-country`, onSelectChange: (event) => {
+            }, required: true }), h("zonos-stripe-select", { "aria-required": "true", autoComplete: `${this.type} country`, class: "zonos--custom-address-form-input", name: `${this.type}-country`, onSelectChange: (event) => {
                 this.countryChanged(event.detail);
                 // revalidate the postal code since with empty value so it would reset the customAddressErrors
                 this.validate({
@@ -774,9 +792,9 @@ export class ZonosAddress {
                 this.city = '';
                 this.state = '';
                 this.postalCode = '';
-            }, options: this.shipToCountries || [], required: true, selectLabel: translate('Country'), selectedValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country) ||
+            }, options: countryOptions, required: true, selectLabel: translate('Country'), selectedValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country) ||
                 localizationStore.selectedCountryCode ||
-                (firstCountry === null || firstCountry === void 0 ? void 0 : firstCountry.value), title: `${this.type} country` }), h("div", { class: "zonos--custom-address-form-line1-wrapper" }, h("zonos-stripe-input", { "aria-autocomplete": "list", "aria-controls": "autocomplete-search", "aria-required": "true", autoComplete: "shipping address-line1", class: "zonos--custom-address-form-input", error: showError ? customAddressErrors.line1 : undefined, inputLabel: translate('Address line 1'), inputValue: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.line1, name: "address-line1", onInputChange: (event) => {
+                (firstCountry === null || firstCountry === void 0 ? void 0 : firstCountry.value), title: `${this.type} country` }), h("div", { class: "zonos--custom-address-form-line1-wrapper" }, h("zonos-stripe-input", { "aria-autocomplete": "list", "aria-controls": "autocomplete-search", "aria-required": "true", autoComplete: `${this.type} address-line1`, class: "zonos--custom-address-form-input", error: showError ? customAddressErrors.line1 : undefined, inputLabel: translate('Address line 1'), inputValue: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.line1, name: "address-line1", onInputChange: (event) => {
                 this.validate({
                     type: this.type,
                     value: event.detail,
@@ -807,9 +825,9 @@ export class ZonosAddress {
             }, suggestions: this.addressSuggestions, type: this.type })), h("div", { "aria-label": "Additional address details", class: classes([
                 'zonos--custom-address-form-additional-fields',
                 countryCode && this.isAddressLine1Entered ? 'zonos--show' : '',
-            ]), role: "group" }, h("zonos-stripe-input", { "aria-required": "false", autoComplete: "shipping address-line2", class: "zonos--custom-address-form-input", inputLabel: translate(((_c = this.countryField) === null || _c === void 0 ? void 0 : _c.address2Label) || 'Address line 2'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.line2) || '', onInputChange: (event) => {
+            ]), role: "group" }, h("zonos-stripe-input", { "aria-required": "false", autoComplete: `${this.type} address-line2`, class: "zonos--custom-address-form-input", inputLabel: translate(((_b = this.countryField) === null || _b === void 0 ? void 0 : _b.address2Label) || 'Address line 2'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.line2) || '', onInputChange: (event) => {
                 this.line2 = event.detail;
-            } }), ((_d = this.countryField) === null || _d === void 0 ? void 0 : _d.cityShow) && (h("zonos-stripe-input", { "aria-required": ((_e = this.countryField) === null || _e === void 0 ? void 0 : _e.cityRequired) ? 'true' : 'false', autoComplete: "shipping address-level2", class: "zonos--custom-address-form-input", error: showError ? customAddressErrors.city : undefined, inputLabel: translate(((_f = this.countryField) === null || _f === void 0 ? void 0 : _f.cityLabel) || 'City'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.city) || '', name: "locality", onInputChange: (event) => {
+            } }), ((_c = this.countryField) === null || _c === void 0 ? void 0 : _c.cityShow) && (h("zonos-stripe-input", { "aria-required": ((_d = this.countryField) === null || _d === void 0 ? void 0 : _d.cityRequired) ? 'true' : 'false', autoComplete: `${this.type} address-level2`, class: "zonos--custom-address-form-input", error: showError ? customAddressErrors.city : undefined, inputLabel: translate(((_e = this.countryField) === null || _e === void 0 ? void 0 : _e.cityLabel) || 'City'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.city) || '', name: "locality", onInputChange: (event) => {
                 this.validate({
                     type: this.type,
                     value: event.detail,
@@ -823,7 +841,7 @@ export class ZonosAddress {
                  * Therefore, we must update the value after validation to ensure correct error state
                  */
                 this.city = event.detail;
-            }, required: (_g = this.countryField) === null || _g === void 0 ? void 0 : _g.cityRequired })), h("div", { class: "zonos--custom-address-form-state-zip-wrapper" }, ((_h = this.countryField) === null || _h === void 0 ? void 0 : _h.stateShow) && (h("zonos-stripe-select", { "aria-required": ((_j = this.countryField) === null || _j === void 0 ? void 0 : _j.stateRequired) ? 'true' : 'false', autoComplete: "shipping address-level1", class: "zonos--custom-address-form-input", error: showError ? customAddressErrors.state : undefined, isError: showError && !!customAddressErrors.state, name: `${this.type}-state`, onSelectChange: (event) => {
+            }, required: (_f = this.countryField) === null || _f === void 0 ? void 0 : _f.cityRequired })), h("div", { class: "zonos--custom-address-form-state-zip-wrapper" }, ((_g = this.countryField) === null || _g === void 0 ? void 0 : _g.stateShow) && (h("zonos-stripe-select", { "aria-required": ((_h = this.countryField) === null || _h === void 0 ? void 0 : _h.stateRequired) ? 'true' : 'false', autoComplete: `${this.type} address-level1`, class: "zonos--custom-address-form-input", error: showError ? customAddressErrors.state : undefined, isError: showError && !!customAddressErrors.state, name: `${this.type}-state`, onSelectChange: (event) => {
                 this.validate({
                     type: this.type,
                     value: event.detail,
@@ -837,9 +855,9 @@ export class ZonosAddress {
                  * Therefore, we must update the value after validation to ensure correct error state
                  */
                 this.state = event.detail;
-            }, options: stateOptions, required: (_k = this.countryField) === null || _k === void 0 ? void 0 : _k.stateRequired, selectLabel: translate(((_l = this.countryField) === null || _l === void 0 ? void 0 : _l.stateLabel) || 'State'), selectedValue: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.state, title: `${this.type} state` })), ((_m = this.countryField) === null || _m === void 0 ? void 0 : _m.zipShow) && (h("zonos-stripe-input", { "aria-describedby": ((_o = this.countryField) === null || _o === void 0 ? void 0 : _o.zipFormat)
+            }, options: stateOptions, required: (_j = this.countryField) === null || _j === void 0 ? void 0 : _j.stateRequired, selectLabel: translate(((_k = this.countryField) === null || _k === void 0 ? void 0 : _k.stateLabel) || 'State'), selectedValue: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.state, title: `${this.type} state` })), ((_l = this.countryField) === null || _l === void 0 ? void 0 : _l.zipShow) && (h("zonos-stripe-input", { "aria-describedby": ((_m = this.countryField) === null || _m === void 0 ? void 0 : _m.zipFormat)
                 ? `zip-format-${this.type}`
-                : undefined, "aria-required": ((_p = this.countryField) === null || _p === void 0 ? void 0 : _p.zipRequired) ? 'true' : 'false', autoComplete: "shipping postal-code", class: "zonos--custom-address-form-input", error: showError ? customAddressErrors.postalCode : undefined, inputLabel: translate(((_q = this.countryField) === null || _q === void 0 ? void 0 : _q.zipLabel) || 'Zip'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.postal_code) || '', name: "postalCode", onInputChange: (event) => {
+                : undefined, "aria-required": ((_o = this.countryField) === null || _o === void 0 ? void 0 : _o.zipRequired) ? 'true' : 'false', autoComplete: `${this.type} postal-code`, class: "zonos--custom-address-form-input", error: showError ? customAddressErrors.postalCode : undefined, inputLabel: translate(((_p = this.countryField) === null || _p === void 0 ? void 0 : _p.zipLabel) || 'Zip'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.postal_code) || '', name: "postalCode", onInputChange: (event) => {
                 this.validate({
                     type: this.type,
                     value: event.detail,
@@ -853,7 +871,7 @@ export class ZonosAddress {
                  * Therefore, we must update the value after validation to ensure correct error state
                  */
                 this.postalCode = event.detail;
-            }, required: (_r = this.countryField) === null || _r === void 0 ? void 0 : _r.zipRequired, title: `${this.type} zip code` }))), h("zonos-stripe-phone-input", { autoComplete: "shipping tel", class: "zonos--custom-address-form-input", countryCode: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country, countryOptions: (_s = zonosStore.genericSettings) === null || _s === void 0 ? void 0 : _s.countryFields, error: showError ? customAddressErrors.phone : undefined, inputLabel: translate('Phone number'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.phone) || '', onInputValueChange: event => {
+            }, required: (_q = this.countryField) === null || _q === void 0 ? void 0 : _q.zipRequired, title: `${this.type} zip code` }))), h("zonos-stripe-phone-input", { autoComplete: `${this.type} tel`, class: "zonos--custom-address-form-input", countryCode: stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.address.country, countryOptions: (_r = zonosStore.genericSettings) === null || _r === void 0 ? void 0 : _r.countryFields, error: showError ? customAddressErrors.phone : undefined, inputLabel: translate('Phone number'), inputValue: (stripeAddressEventData === null || stripeAddressEventData === void 0 ? void 0 : stripeAddressEventData.value.phone) || '', onInputValueChange: event => {
                 const { isEmpty, phoneNumber, valid, wrongFormat } = event.detail;
                 // Validate the phone number
                 this.validate({
@@ -894,14 +912,6 @@ export class ZonosAddress {
     }
     componentDidLoad() {
         const stripeAddressEventData = this.getStripeAddressInstance().stripeAddressEventData;
-        this.shipToCountries = Object.values(localizationStore.shippingZoneCountries || {})
-            .map(country => ({
-            label: country.displayName,
-            value: country.code,
-        }))
-            .sort((a, b) => {
-            return a.label.localeCompare(b.label);
-        });
         this.isDirtyAddress =
             !!stripeAddressEventData &&
                 stripeAddressEventData.value.address.line1.length > 0;
@@ -914,7 +924,6 @@ export class ZonosAddress {
     }
     render() {
         var _a;
-        this.shippingZones = localizationStore.shippingZoneCountries;
         this.addressService = zonosStore.checkoutAddressService;
         if ((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete) {
             this.isAddressFilled = true;
@@ -924,10 +933,10 @@ export class ZonosAddress {
             this.country = localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'dae45101b0b661fb0f392507cbc2642c65e72499', class: classes([
+        return (h(Host, { key: '5baf00df63a693613f493a84c906898080dcbfa2', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: '73081aa1f08f5617bc10fcd57f057abd3efd0c35', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '4cfd89cca3254564b51f45a4a29d1f8a13bf03d1', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: 'f5079e30a1eadceffaac7fef5aa5296b1f9f480b', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: 'fcbd1bac9e06e91c9e4a229d63852df9fea08c58', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
     }
     static get is() { return "zonos-custom-address"; }
     static get encapsulation() { return "scoped"; }
@@ -1056,8 +1065,6 @@ export class ZonosAddress {
             "addressSuggestions": {},
             "countryField": {},
             "startGooglePlaceSuggestions": {},
-            "shipToCountries": {},
-            "shippingZones": {},
             "city": {},
             "country": {},
             "firstName": {},
@@ -1166,9 +1173,6 @@ export class ZonosAddress {
             }, {
                 "propName": "addressService",
                 "methodName": "shouldEnabledCustomAddressChanged"
-            }, {
-                "propName": "shippingZones",
-                "methodName": "shippingZonesChanged"
             }];
     }
 }

package/dist/collection/components/stripe/zonos-payment/zonos-payment.js

@@ -67,7 +67,7 @@ export class ZonosPayment {
     }
     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: 'd349d019e557fd0070a9470d3bb81a0e563fea49', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '59429c85323dc6ffb1a5a7bc1f8a825318cc2da7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'a5af87c08e853790ae41f65d9514e35f094f2bf0', class: "zonos--payment-component" }), h("div", { key: '9314981cd377b893c569824068988aa1990b882e', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '8ccf61c2c78fac6b3d981b18dedae1e32921eb14', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '5ae4d0452d284b793ac179254b1891c183d63f03', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '251e74ccefed8ee31135cc29cdd71497f7cb1a8a', class: "zonos--payment-component" }), h("div", { key: 'b32c007382c63482f3e7f9af7c60afaaf8b4dbb9', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/utils/checkout/applyAddressCompletion.js

@@ -0,0 +1,23 @@
+import { extractName } from "../extractName";
+/**
+ * Merge the fields captured in the completion dialog back into a Stripe shipping address event,
+ * rebuilding the full name from the extracted first name and the provided/known last name and
+ * marking the address complete. Fields the customer wasn't asked for are left untouched.
+ *
+ * Pure: returns a new event object rather than mutating the input, so it can be unit-tested and
+ * assigned straight to the store.
+ */
+export const applyAddressCompletion = ({ data, event, }) => {
+    var _a, _b, _c, _d;
+    // Use the same name extraction as the detection step so the two stay in agreement even when
+    // the surname is only available via the combined `name` field.
+    const { firstName: extractedFirstName, lastName: extractedLastName } = extractName({
+        firstName: event.value.firstName,
+        lastName: event.value.lastName,
+        name: event.value.name,
+    });
+    const firstName = (_a = data.firstName) !== null && _a !== void 0 ? _a : extractedFirstName;
+    const lastName = (_b = data.lastName) !== null && _b !== void 0 ? _b : extractedLastName;
+    return Object.assign(Object.assign({}, event), { complete: true, value: Object.assign(Object.assign({}, event.value), { address: Object.assign(Object.assign({}, event.value.address), { postal_code: (_c = data.postal_code) !== null && _c !== void 0 ? _c : event.value.address.postal_code, state: (_d = data.state) !== null && _d !== void 0 ? _d : event.value.address.state }), firstName,
+            lastName, name: `${firstName} ${lastName}`.trim() }) });
+};

package/dist/collection/components/utils/checkout/buildAddressContacts.js

@@ -0,0 +1,57 @@
+import { extractName } from "../extractName";
+/**
+ * Map a Stripe address change event value into a Stripe `ContactOption`, used to
+ * pre-seed the address element's saved-address (contacts) list on remount.
+ */
+export const mapAddressEventToContact = (value) => {
+    const { firstName, lastName } = extractName({
+        firstName: value.firstName,
+        lastName: value.lastName,
+        name: value.name,
+    });
+    return {
+        address: {
+            city: value.address.city,
+            country: value.address.country,
+            line1: value.address.line1,
+            line2: value.address.line2 || undefined,
+            postal_code: value.address.postal_code,
+            state: value.address.state,
+        },
+        name: (value.name || `${firstName} ${lastName}`).trim(),
+        phone: value.phone || undefined,
+    };
+};
+/**
+ * Build a dedupe key for a contact so we don't add a duplicate saved address. Compared
+ * case- and whitespace-insensitively on the distinguishing fields.
+ */
+export const getContactDedupKey = (contact) => {
+    var _a, _b, _c;
+    return [
+        contact.name,
+        (_a = contact.address) === null || _a === void 0 ? void 0 : _a.line1,
+        (_b = contact.address) === null || _b === void 0 ? void 0 : _b.postal_code,
+        (_c = contact.address) === null || _c === void 0 ? void 0 : _c.country,
+    ]
+        .map(value => (value || '').trim().toLowerCase())
+        .join('|');
+};
+/**
+ * Prepend the currently selected address (from the latest Stripe address event) to the
+ * list of default saved addresses so it stays selected when the address element is
+ * remounted (e.g. navigating between the customer and shipping steps). Avoids adding a
+ * duplicate contact when the current address already exists in the list.
+ */
+export const buildAddressContacts = ({ currentEvent, defaultAddress, }) => {
+    if (!currentEvent) {
+        return defaultAddress;
+    }
+    const currentContact = mapAddressEventToContact(currentEvent.value);
+    const currentKey = getContactDedupKey(currentContact);
+    const alreadyExists = defaultAddress.some(contact => getContactDedupKey(contact) === currentKey);
+    if (alreadyExists) {
+        return defaultAddress;
+    }
+    return [currentContact, ...defaultAddress];
+};

package/dist/collection/components/utils/checkout/getAddressCountryOptions.js

@@ -0,0 +1,23 @@
+const hasCountries = (countries) => !!countries && Object.keys(countries).length > 0;
+/**
+ * Builds the country options for an address form's country dropdown.
+ *
+ * Shipping addresses are restricted to the merchant's shipping zone, since we
+ * can only fulfill orders to those countries. Billing addresses are not — a
+ * shopper's card can be billed to any country, so restricting the billing
+ * country prevents them from checking out at all (05CHECK-915).
+ *
+ * When the full country list is unavailable we fall back to the shipping zone
+ * so the dropdown is never empty.
+ */
+export const getAddressCountryOptions = ({ allCountries, shippingZoneCountries, type, }) => {
+    const countries = type === 'billing' && hasCountries(allCountries)
+        ? allCountries
+        : shippingZoneCountries;
+    return Object.values(countries || {})
+        .map(country => ({
+        label: country.displayName,
+        value: country.code,
+    }))
+        .sort((a, b) => a.label.localeCompare(b.label));
+};

package/dist/collection/components/utils/checkout/getMissingRequiredShippingFields.js

@@ -0,0 +1,44 @@
+import { extractName } from "../extractName";
+/**
+ * Minimum number of characters we treat as a valid postal code. Mirrors the
+ * landed-cost readiness check in `stripe.ts` (`isAddressReadyToRequestLandedCost`).
+ */
+export const MIN_POSTAL_CODE_LENGTH = 3;
+/**
+ * Determine which Zonos-required shipping fields are still missing even though Stripe
+ * reports the address as complete.
+ *
+ * Stripe Link autofills a saved address from a single name input, so it may return only a
+ * first name and, for some countries, omit the state / postal code while still reporting
+ * `complete: true`. This surfaces the fields Zonos needs for international shipping so the
+ * customer can supply just those, without duplicating fields Stripe already captures.
+ *
+ * Pure: the caller resolves `countryField` (via `getCountryField`) and passes it in, so
+ * this can be unit-tested without the stores.
+ */
+export const getMissingRequiredShippingFields = ({ countryField, event, }) => {
+    var _a, _b, _c;
+    if (!event) {
+        return [];
+    }
+    const { value } = event;
+    const missingFields = [];
+    // Last name is always required for international shipping. Link's single name input
+    // often provides only a first name, leaving the extracted last name empty.
+    const { lastName } = extractName({
+        firstName: value.firstName,
+        lastName: value.lastName,
+        name: value.name,
+    });
+    if (!lastName.trim()) {
+        missingFields.push({ key: 'lastName' });
+    }
+    if ((countryField === null || countryField === void 0 ? void 0 : countryField.stateRequired) && !((_a = value.address.state) === null || _a === void 0 ? void 0 : _a.trim())) {
+        missingFields.push({ key: 'state' });
+    }
+    if ((countryField === null || countryField === void 0 ? void 0 : countryField.zipRequired) &&
+        ((_c = (_b = value.address.postal_code) === null || _b === void 0 ? void 0 : _b.trim().length) !== null && _c !== void 0 ? _c : 0) < MIN_POSTAL_CODE_LENGTH) {
+        missingFields.push({ key: 'postal_code' });
+    }
+    return missingFields;
+};

package/dist/esm/{cart-c66ec17e.js → cart-93c36159.js}

@@ -1,5 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-b7d3f9b0.js';
-import { s as storageStore, t as translate, l as localizationStore, j as getOverridenZCountry, f as filterValidTests, d as storageStoreSetEnabledVariantTestKeys } from './localization-6d36209f.js';
+import { s as storageStore, t as translate, l as localizationStore, j as getOverridenZCountry, f as filterValidTests, d as storageStoreSetEnabledVariantTestKeys } from './localization-754e7e8b.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { h as handleFetch, l as logError, f as fallbackApiList, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, j as jsonParse } from './handleFetch-a844cac1.js';
 import { i as isDarkColor } from './isDarkColor-039ef212.js';
@@ -2729,4 +2729,4 @@ const cartStoreUpdateStoreCredit = () => {
     }, 300);
 };
 
-export { storeCreditStoreSetEnabled as $, validateCheckoutSession as A, storeCreditStoreCreateOrder as B, stripeStoreConfirmPayment as C, stripeStoreHandleInventoryRefund as D, policyConsentStore as E, stripeStoreReset as F, cartStoreOnChange as G, stripeStoreOnChange as H, storeCreditStoreGetEffectiveAmount as I, stripeStoreRecordPolicyConsent as J, stripeStoreBuildAddressForPartyCreate as K, cartStoreUpdateSelectedShippingOption as L, cartStoreHasOneEligibleItem as M, isEuDapRemittance as N, stripeStoreApplyPromoCode as O, stripeStoreRemovePromoCode as P, stripeStoreResetPromoCode as Q, stripeStoreMessageBasedOnStatus as R, storeCreditStore as S, storeCreditStoreReset as T, stripeStoreTranslateAddressToLatin as U, extractName as V, stripeStoreAsyncAddressUpdate as W, cartStoreGetShippingTransitInfo as X, cartStoreGetMethod as Y, sortServiceLevelOptionsByAmount as Z, getEnabledPolicies as _, stripeStoreSaveDomesticShippingSession as a, storeCreditStoreSetUseFullBalance as a0, cartStoreUpdateStoreCredit as a1, storeCreditStoreSetAmount as a2, storeCreditStoreRefreshBalance as a3, stripeStore as b, stripeStoreRetrievePayment as c, cartStore as d, cartStoreUpdateItems as e, cartStoreReset as f, cartStoreResetTabItems as g, cartStoreClearCheckoutInterval as h, initStripeElements as i, stripeStoreInitCheckoutSession as j, stripeStoreGetPaymentIntent as k, stripeStoreHandleInventoryCheck as l, cartStoreStartCheckoutInterval as m, getCheckoutSessionBody as n, cartStoreUpdateToErrorState as o, policyConsentStoreReset as p, stripeStoreCleanupDomesticShippingSession as q, cartStoreSetCheckoutSession as r, stripeStoreGetDomesticShippingSession as s, trackConversionEvent as t, stripeStorePrefetchLandedCost as u, cartStoreNextStep as v, isPolicyConsentRequired as w, stripeStoreUpdateCheckoutSessionBaseCurrency as x, storeCreditStoreApplyCredit as y, storeCreditStoreCoversFullAmount as z };
+export { getEnabledPolicies as $, validateCheckoutSession as A, storeCreditStoreCreateOrder as B, stripeStoreConfirmPayment as C, stripeStoreHandleInventoryRefund as D, policyConsentStore as E, stripeStoreReset as F, cartStoreOnChange as G, stripeStoreOnChange as H, storeCreditStoreGetEffectiveAmount as I, stripeStoreRecordPolicyConsent as J, stripeStoreBuildAddressForPartyCreate as K, cartStoreUpdateSelectedShippingOption as L, cartStoreHasOneEligibleItem as M, isEuDapRemittance as N, stripeStoreApplyPromoCode as O, stripeStoreRemovePromoCode as P, stripeStoreResetPromoCode as Q, stripeStoreMessageBasedOnStatus as R, storeCreditStore as S, storeCreditStoreReset as T, extractName as U, stripeStoreTranslateAddressToLatin as V, getCountryField as W, stripeStoreAsyncAddressUpdate as X, cartStoreGetShippingTransitInfo as Y, cartStoreGetMethod as Z, sortServiceLevelOptionsByAmount as _, stripeStoreSaveDomesticShippingSession as a, storeCreditStoreSetEnabled as a0, storeCreditStoreSetUseFullBalance as a1, cartStoreUpdateStoreCredit as a2, storeCreditStoreSetAmount as a3, storeCreditStoreRefreshBalance as a4, stripeStore as b, stripeStoreRetrievePayment as c, cartStore as d, cartStoreUpdateItems as e, cartStoreReset as f, cartStoreResetTabItems as g, cartStoreClearCheckoutInterval as h, initStripeElements as i, stripeStoreInitCheckoutSession as j, stripeStoreGetPaymentIntent as k, stripeStoreHandleInventoryCheck as l, cartStoreStartCheckoutInterval as m, getCheckoutSessionBody as n, cartStoreUpdateToErrorState as o, policyConsentStoreReset as p, stripeStoreCleanupDomesticShippingSession as q, cartStoreSetCheckoutSession as r, stripeStoreGetDomesticShippingSession as s, trackConversionEvent as t, stripeStorePrefetchLandedCost as u, cartStoreNextStep as v, isPolicyConsentRequired as w, stripeStoreUpdateCheckoutSessionBaseCurrency as x, storeCreditStoreApplyCredit as y, storeCreditStoreCoversFullAmount as z };

package/dist/esm/{collect-915fd59d.js → collect-42d4757a.js}

@@ -1,8 +1,8 @@
 import { c as createStore, z as zonosStore } from './zonosStore-b7d3f9b0.js';
-import { t as translate, l as localizationStore, s as storageStore } from './localization-6d36209f.js';
+import { t as translate, l as localizationStore, s as storageStore } from './localization-754e7e8b.js';
 import { l as logError$1, h as handleFetch, s as sendErrorLog } from './handleFetch-a844cac1.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
-import { b as stripeStore, K as stripeStoreBuildAddressForPartyCreate, d as cartStore, L as cartStoreUpdateSelectedShippingOption } from './cart-c66ec17e.js';
+import { b as stripeStore, K as stripeStoreBuildAddressForPartyCreate, d as cartStore, L as cartStoreUpdateSelectedShippingOption } from './cart-93c36159.js';
 
 // src/constant/common.ts
 function _array_like_to_array(arr, len) {

package/dist/esm/getMissingRequiredShippingFields-ebdccdcf.js

@@ -0,0 +1,47 @@
+import { U as extractName } from './cart-93c36159.js';
+
+/**
+ * Minimum number of characters we treat as a valid postal code. Mirrors the
+ * landed-cost readiness check in `stripe.ts` (`isAddressReadyToRequestLandedCost`).
+ */
+const MIN_POSTAL_CODE_LENGTH = 3;
+/**
+ * Determine which Zonos-required shipping fields are still missing even though Stripe
+ * reports the address as complete.
+ *
+ * Stripe Link autofills a saved address from a single name input, so it may return only a
+ * first name and, for some countries, omit the state / postal code while still reporting
+ * `complete: true`. This surfaces the fields Zonos needs for international shipping so the
+ * customer can supply just those, without duplicating fields Stripe already captures.
+ *
+ * Pure: the caller resolves `countryField` (via `getCountryField`) and passes it in, so
+ * this can be unit-tested without the stores.
+ */
+const getMissingRequiredShippingFields = ({ countryField, event, }) => {
+    var _a, _b, _c;
+    if (!event) {
+        return [];
+    }
+    const { value } = event;
+    const missingFields = [];
+    // Last name is always required for international shipping. Link's single name input
+    // often provides only a first name, leaving the extracted last name empty.
+    const { lastName } = extractName({
+        firstName: value.firstName,
+        lastName: value.lastName,
+        name: value.name,
+    });
+    if (!lastName.trim()) {
+        missingFields.push({ key: 'lastName' });
+    }
+    if ((countryField === null || countryField === void 0 ? void 0 : countryField.stateRequired) && !((_a = value.address.state) === null || _a === void 0 ? void 0 : _a.trim())) {
+        missingFields.push({ key: 'state' });
+    }
+    if ((countryField === null || countryField === void 0 ? void 0 : countryField.zipRequired) &&
+        ((_c = (_b = value.address.postal_code) === null || _b === void 0 ? void 0 : _b.trim().length) !== null && _c !== void 0 ? _c : 0) < MIN_POSTAL_CODE_LENGTH) {
+        missingFields.push({ key: 'postal_code' });
+    }
+    return missingFields;
+};
+
+export { MIN_POSTAL_CODE_LENGTH as M, getMissingRequiredShippingFields as g };

package/dist/esm/{hasInclusivePrice-6fd935f3.js → hasInclusivePrice-4c12548f.js}

@@ -1,4 +1,4 @@
-import { l as localizationStore } from './localization-6d36209f.js';
+import { l as localizationStore } from './localization-754e7e8b.js';
 
 /**
  * Since the backend and the frontend are using the same keys,