@zonos/elements 1.3.219 → 1.3.221

package/dist/esm/{translationStore-c9743292.js → translationStore-13502f49.js}

@@ -634,6 +634,9 @@ const stringsArabic = {
     'Update your address': {
         value: 'قم بتحديث عنوانك',
     },
+    'View receipt': {
+        value: 'عرض الإيصال',
+    },
     Village: {
         value: 'قرية',
     },
@@ -1346,6 +1349,9 @@ const stringsBase = {
     'Update your address': {
         value: 'Update your address',
     },
+    'View receipt': {
+        value: 'View receipt',
+    },
     Village: {
         value: 'Village',
     },
@@ -2057,6 +2063,9 @@ const stringsChinese = {
     'Update your address': {
         value: '更新您的地址',
     },
+    'View receipt': {
+        value: '查看收据',
+    },
     Village: {
         value: '村庄',
     },
@@ -2768,6 +2777,9 @@ const stringsDanish = {
     'Update your address': {
         value: 'Opdater din adresse',
     },
+    'View receipt': {
+        value: 'Se kvittering',
+    },
     Village: {
         value: 'Landsby',
     },
@@ -3479,6 +3491,9 @@ const stringsDutch = {
     'Update your address': {
         value: 'Update uw adres',
     },
+    'View receipt': {
+        value: 'Bekijk bon',
+    },
     Village: {
         value: 'Dorp',
     },
@@ -4190,6 +4205,9 @@ const stringsFrench = {
     'Update your address': {
         value: 'Mettez à jour votre adresse',
     },
+    'View receipt': {
+        value: 'Voir le reçu',
+    },
     Village: {
         value: 'Village',
     },
@@ -4901,6 +4919,9 @@ const stringsGerman = {
     'Update your address': {
         value: 'Aktualisieren Sie Ihre Adresse',
     },
+    'View receipt': {
+        value: 'Beleg anzeigen',
+    },
     Village: {
         value: 'Dorf',
     },
@@ -5612,6 +5633,9 @@ const stringsHebrew = {
     'Update your address': {
         value: 'עדכן את הכתובת שלך',
     },
+    'View receipt': {
+        value: 'הצג קבלה',
+    },
     Village: {
         value: 'כפר',
     },
@@ -6323,6 +6347,9 @@ const stringsIndonesian = {
     'Update your address': {
         value: 'Perbarui alamat Anda',
     },
+    'View receipt': {
+        value: 'Lihat tanda terima',
+    },
     Village: {
         value: 'Desa',
     },
@@ -7034,6 +7061,9 @@ const stringsItalian = {
     'Update your address': {
         value: 'Aggiorna il tuo indirizzo',
     },
+    'View receipt': {
+        value: 'Visualizza ricevuta',
+    },
     Village: {
         value: 'Villaggio',
     },
@@ -7745,6 +7775,9 @@ const stringsJapanese = {
     'Update your address': {
         value: '住所を更新する',
     },
+    'View receipt': {
+        value: '領収書を見る',
+    },
     Village: {
         value: '村',
     },
@@ -8456,6 +8489,9 @@ const stringsKorean = {
     'Update your address': {
         value: '주소를 업데이트하세요',
     },
+    'View receipt': {
+        value: '영수증 보기',
+    },
     Village: {
         value: '마을',
     },
@@ -9167,6 +9203,9 @@ const stringsNorwegian = {
     'Update your address': {
         value: 'Oppdater adressen din',
     },
+    'View receipt': {
+        value: 'Vis kvittering',
+    },
     Village: {
         value: 'Landsby',
     },
@@ -9878,6 +9917,9 @@ const stringsPolish = {
     'Update your address': {
         value: 'Zaktualizuj swój adres',
     },
+    'View receipt': {
+        value: 'Zobacz paragon',
+    },
     Village: {
         value: 'Wioska',
     },
@@ -10589,6 +10631,9 @@ const stringsPortuguese = {
     'Update your address': {
         value: 'Atualize seu endereço',
     },
+    'View receipt': {
+        value: 'Ver recibo',
+    },
     Village: {
         value: 'Aldeia',
     },
@@ -11300,6 +11345,9 @@ const stringsRussian = {
     'Update your address': {
         value: 'Обновите ваш адрес',
     },
+    'View receipt': {
+        value: 'Просмотреть квитанцию',
+    },
     Village: {
         value: 'Деревня',
     },
@@ -12011,6 +12059,9 @@ const stringsSpanish = {
     'Update your address': {
         value: 'Actualiza tu dirección',
     },
+    'View receipt': {
+        value: 'Ver recibo',
+    },
     Village: {
         value: 'Pueblo',
     },
@@ -12722,6 +12773,9 @@ const stringsSwedish = {
     'Update your address': {
         value: 'Uppdatera din adress',
     },
+    'View receipt': {
+        value: 'Visa kvitto',
+    },
     Village: {
         value: 'By',
     },
@@ -13433,6 +13487,9 @@ const stringsTurkish = {
     'Update your address': {
         value: 'Adresini güncelle',
     },
+    'View receipt': {
+        value: 'Makbuzu görüntüle',
+    },
     Village: {
         value: 'Köy',
     },
@@ -14144,6 +14201,9 @@ const stringsVietnamese = {
     'Update your address': {
         value: 'Cập nhật địa chỉ của bạn',
     },
+    'View receipt': {
+        value: 'Xem biên lai',
+    },
     Village: {
         value: 'Làng',
     },

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-55a03023.js';
 import { d as debounce_1 } from './debounce-c34d1270.js';
 import { d as isObject_1, z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
-import { c as stripeStore, t as trackConversionEvent, J as extractName, A as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, e as cartStore } from './cart-acf4ebf5.js';
-import { s as storageStore, n as getFallbackDefaultCountryCode, o as storageStoreOnChange, l as localizationStore } from './localization-8646f526.js';
-import { t as translate } from './translationStore-c9743292.js';
+import { c as stripeStore, t as trackConversionEvent, J as extractName, A as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, e as cartStore } from './cart-b2dd578c.js';
+import { s as storageStore, n as getFallbackDefaultCountryCode, o as storageStoreOnChange, l as localizationStore } from './localization-d7125e4e.js';
+import { t as translate } from './translationStore-13502f49.js';
 import { b as logError, l as log, i as isCheckoutMobile } from './handleFetch-99218189.js';
 import { s as shouldRenderTaxIdInput, i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
 import { c as classes } from './classes-0d95c529.js';
@@ -393,11 +393,11 @@ const ZonosAddress$1 = class {
             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: 'ef89e6e083ce9c9bed0bed4653cbc40d451456c0', class: classes([
+        return (h(Host, { key: '15928518601e48825589ce4de4580263fec6a745', class: classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: '62e73e9284617c5e4f78f25f7160bb4e23246554', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: 'b268422f6e4aa09e74ebac9d3a4c0d7a6594e95e', class: "zonos--address-component" })));
+            ]) }, this.titleText && (h("zonos-text", { key: '2e666ed81597ac95d3de575a2d901d083e9100cc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), this.renderCompanyNameInput(), this.renderTaxIdInput(), h("div", { key: '51aa6d2415bf6c7e067d0565b11a0d2c0629200b', class: "zonos--address-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -559,9 +559,9 @@ const ZonosAddressSuggestions = class {
         return segments;
     }
     render() {
-        return (h(Host, { key: '3f22f5bcf968d02e34fe46101b8ea4cf4e89051f', class: "zonos--address-suggestions", role: "group", style: {
+        return (h(Host, { key: '8ef1b971b88cd2280c40e69e1f6824f64e618467', class: "zonos--address-suggestions", role: "group", style: {
                 '--zonos--border-radius': getBorderRadius(),
-            } }, h("ul", { key: 'fc77bda0480b2b2ef0d2b89cc36413d56f84f90b', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: '0981dd0c7e522605417fb72c61d88bde629fada4', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: 'c307293f2d06cb7ea0e9c8d6ee0dd9b017ff2e5e', class: "powered-by-container" }, h("zonos-text", { key: 'a0776ea17615339f10ea7d623a40d9de90fcdbb4', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: '6ffdc7d0475a8718372c760b51f2128b0b81e78e', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '6c168c20f1906ba4658998c7bd1e0b0eba860da1', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon$1 }), noBackground: true, onClick: () => {
+            } }, h("ul", { key: '383e615d02815aad0f06d468dfcfbef3640fd5f5', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: 'f2e6b766f567b0933263e19666e440cf692f248c', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: 'd629272b98461726f7eda75fde4cf1070946cd70', class: "powered-by-container" }, h("zonos-text", { key: '5b5591b04da2034b783f61394dbdc8f172484972', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: '45352a7ba4314ee1d68c2a53bb722368182283ee', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '506450cf69ef74cde9ed5159633040701994f455', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon$1 }), noBackground: true, onClick: () => {
                 this.localSuggestions = [];
             } }))), this.localSuggestions.map(suggestion => (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events
@@ -831,14 +831,14 @@ const ZonosCheckbox = class {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'ed6ed1ac5c6074f98774ada05250e1d983780a70', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: 'bef392ce775e35da3f0640dcbb8271437995daa7', class: classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, h("label", { key: 'f46fe447e995ca0df8f82046d2a37f31b62df3e2', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '8708ce90dc7451b5961dff73bf4b5dbedb3c7644', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, h("label", { key: '059e2eabc4825738a6607cd307694b252ba55905', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: 'a35c086ae478d5ac932608859e6b3250738c870f', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: '22b016bfadb12f57d9bd955b2d0e0179d927c8d3', class: "checkmark-container" }, h("svg", { key: '9a973d0b7179afee009660bc9d92b7b76799b716', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '147c9637eb74a77b65e53d56a9a3ab9551f7dd5e', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '766b3ecb99db3d3b04669141515feed892103211', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: '2482799b470a2ef5050709b6de36469ec8321b04', class: "checkmark-container" }, h("svg", { key: '1034db2d054e98fe06688b602346097b3e7c7d9d', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b926b486910470ea3180a904e8ec5ca2cf8e452f', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '5a31f075fb462c7419597f0d15b5e4a2f4e40148', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -1751,10 +1751,10 @@ const ZonosAddress = class {
             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: '29e26b9b269ea277ae508671f0c63483910ad50b', class: classes([
+        return (h(Host, { key: 'dcddfc6f0c63371c49f223f86a6c00df7ab30eed', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: 'db6f6cb94da02e5f2c9aca8112ab20e11148281e', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '70139b5412028d5dba2cc51ee8e3a81e182fd19a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1864,7 +1864,7 @@ const ZonosDialog = class {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'ba80fedf4f3e98c4de3d81a36104de00366cbb1a', class: classes([
+        return (h(Host, { key: '6e673f681a3111d8e33c8cf4e8ab0c8f27c75d48', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -1876,10 +1876,10 @@ const ZonosDialog = class {
                 '--zonos--height': this.height || 'initial',
                 '--zonos--min-height': this.minHeight || '500px',
                 '--zonos--width': this.width,
-            } }, h("div", { key: '7e61114b6ceb1b39a4f0bb1a0719851d4035bfd3', class: "zonos--backdrop" }), h("div", { key: '459a309060ff4ef98cc0eb2a80363394218f07b7', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '3c4299b298ed8eb163ac5a70153347741032726f', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '0cfd40a79ed8916a47eaaa914ef1ccdd623e8efc', class: "zonos--loading" }, h("zonos-spinner", { key: 'ca3aeb6aa6586a01763b6170814e30a325428508', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '61824114fbb326d323ea2dda14ed28209567d4d6', class: "zonos--header" }, this.headerText && (h("h3", { key: '9c4916f1787d0157f130aeb0ca29e2e871d1dfc6', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'e80895fa1d8ea6d945cebb97392c5fb4b6df7c7b', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, title: "Close dialog", variant: "subtle" })))), h("div", { key: '5cfd70cd4c22b44494c4e62ed6c7af0f3a81f955', class: classes([
+            } }, h("div", { key: 'f245de30fb680fd673bd8531f3982b73ed506308', class: "zonos--backdrop" }), h("div", { key: 'ee75ecd48e28f38be08b5db9078c0b3b28b9bd9f', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'ce7d2273f358001b5899ba7a6ea8d5bd91ab55cb', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'e2cd0f877ed4f8b78b549a4aaedf1e67a234b0f7', class: "zonos--loading" }, h("zonos-spinner", { key: 'e0507e5fea599494979287fc4f13a7da08be758b', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '8d6cac393a445febf36cc6fb1811c00223518481', class: "zonos--header" }, this.headerText && (h("h3", { key: 'cb634d14db0a14144a370d66e3d5aa9147914038', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'd11ff8473046b201bad444c9b81a0566dd400829', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, title: "Close dialog", variant: "subtle" })))), h("div", { key: '356588fe85cce5298e4c2e862c31dab3018602a5', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: 'c5e818b28959cd89c466cc355cba40e56b49be7f' })), h("slot", { key: '4ded95d727eea855fa7af8a1c34fb0de9dfb7fca', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: 'd525f4fab2449a219d42ccb45b4497076b5973c9' })), h("slot", { key: 'febb4e4ab0cb950b3a346052d60fa70ec8346be4', name: "dialog-footer" })))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -1932,10 +1932,10 @@ const ZonosLinkAuthentication = class {
     watchIsStagingMode() {
         // Wait for the DOM to be ready before re-initializing Link element
         setTimeout(() => {
-            this.watchInitStripe();
+            void this.watchInitStripe();
         }, 0);
     }
-    watchInitStripe() {
+    async watchInitStripe() {
         if (!this.stripe || !stripeStore.stripeElements) {
             return;
         }
@@ -1943,6 +1943,8 @@ const ZonosLinkAuthentication = class {
         if (cartStore.isStagingMode || !this.clientSecret) {
             return;
         }
+        // Wait for the stripe elements to be ready with the new client secret
+        await new Promise(resolve => setTimeout(resolve, 50));
         const defaultValues = this.defaultEmail
             ? {
                 email: this.defaultEmail,
@@ -1990,9 +1992,7 @@ const ZonosLinkAuthentication = class {
         log('Reset stripe link element when default email is changed', 'info', {
             defaultEmail: newDefaultEmail,
         });
-        setTimeout(() => {
-            void this.watchInitStripe();
-        }, 5);
+        void this.watchInitStripe();
     }
     disconnectedCallback() {
         // unsubscribe from store subscriptions
@@ -2003,12 +2003,18 @@ const ZonosLinkAuthentication = class {
     }
     componentDidLoad() {
         this.storeUnsubscribeList = [
-            stripeStoreOnChange('stripeElements', () => {
+            stripeStoreOnChange('stripeElements', async () => {
                 void this.watchInitStripe();
             }),
+            stripeStoreOnChange('clientSecret', async () => {
+                this.clientSecret = stripeStore.clientSecret;
+            }),
+            stripeStoreOnChange('stripe', async () => {
+                this.stripe = stripeStore.stripe;
+            }),
         ];
         // @Watch doesn't get trigger on initial load
-        this.watchInitStripe();
+        void this.watchInitStripe();
         if (!this.defaultEmail) {
             return;
         }
@@ -8075,24 +8081,24 @@ const ZonosStripePhoneInput = class {
                 .filter(Boolean)
                 .sort((a, b) => a.displayName.localeCompare(b.displayName))
             : [];
-        return (h(Host, { key: 'f357f000b98bfd0e23731df7d253ffc47f404c30', class: classes([
+        return (h(Host, { key: 'ed5b02d0f617b0611ecba382cf8447570c3cee76', class: classes([
                 'zonos--phone-input zonos--elements',
                 isDark && 'dark',
-            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: 'cd201f36c0dddac8669ec8272f0fe7ee49b5b0a2', class: classes([
+            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '8644eb1a24b4a2cdf491a8176f70e2fa35389fa6', class: classes([
                 'zonos--label-wrapper',
                 this.disabled && 'disabled',
                 this.isFocused && 'focused',
                 hasContent && 'has-content',
                 this.error && 'has-error',
                 this.inputLabel && 'has-label',
-            ]) }, h("select", { key: '4ce5b03c7d4ac4736af7b11f1823d48c53556558', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: '747109b80d3d02778ded01392d853a050f675114', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
             var _a;
             return (h("option", { key: option.countryCode, selected: option.countryCode === ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.countryCode), value: option.countryCode }, option.displayName, " (+", option.phoneCode, ")"));
-        })), h("div", { key: 'efca78810bebc70a51f49c6f1720168717253b74', class: "zonos--input-group" }, h("div", { key: 'c785838e12d00237cb9a0fff97e1c2b0e2faf692', class: "zonos--select-wrapper" }, h("div", { key: '30d97ae277344d381a2fdf3fedf1f006ce66f801', class: "zonos--country-select" }, h("div", { key: '44d4488d45067e11acb2d8279cdb12eeffddd5c0', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: 'bbeadca415fb4aab84b8fddf92e143df70700444', class: "zonos--country-select-selected" }, h("div", { key: '2aed839d75ebde1c9423e9075ed84e005e8697c3', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'c1117e4b9d58cb1010b95c0aeb8b7fe102b13a2c', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: '63609f20f44a7d8171ece2afc9995c21b1eda697', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'e0c46b926f5cda986793d8e60f49625219a21354', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '3e2ceaf3df3e6767ad25551ae090dcc9288000c2', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: '10751ee273ad5d6531afc7fb700718605e32cbcd', class: classes([
+        })), h("div", { key: '399beecaead5791d81ffd1db679f5b235c056769', class: "zonos--input-group" }, h("div", { key: '599a287f610935762e3229577bf35cfaee8ffe7f', class: "zonos--select-wrapper" }, h("div", { key: 'a1402a12ffa599e4dd42523696121d0a1cec60b6', class: "zonos--country-select" }, h("div", { key: 'a798cf4e8f4f5cfef5554404c578076f507d0dd2', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '6a0313b6cd969a095002b18830fcbbd104e42570', class: "zonos--country-select-selected" }, h("div", { key: 'b6d2403854632f40dfd23d15b1eb8ef5625e1059', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '60397bbbbc9c6083064de1427cedeb148f36a35d', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'effc1b9bc5fa1cd832e686b6e87ccac87e41ffb8', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '8e5aa3603dc4a869ce7335c2903a15903d5e61d4', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '8b9ea89b5234a345d556d06649add11401baa184', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: '21514d3e3f66095b79eb53e47fff6a98fbf12fba', class: classes([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, h("input", Object.assign({ key: '506609e5191068451bc47968a232846df4c17724' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '35f9894f905c8617564d3fc11f78cd3fbfef7a3c', class: "zonos--floated-label" }, h("label", { key: '9c768de7833455c630803f1ef1b4d7babc4f3cae', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'dd78d93a0ca2ae1384059cb08b839a1573a03e29', textColor: "red-600" }, this.error))));
+            ]) }, h("input", Object.assign({ key: '50421e7a8343203ee623a4e61f957abd115d0495' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: "zonos--floated-input", disabled: this.disabled, id: this.inputId, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handlePhoneChange, placeholder: ((_a = this.selectedCountry) === null || _a === void 0 ? void 0 : _a.phonePlaceholder) || '', ref: el => (this.inputRef = el), type: "tel" })), this.inputLabel && (h("div", { key: '5025154c17fc9145b1b2bf2036ec7796287094ea', class: "zonos--floated-label" }, h("label", { key: '9af81cc3320de319ea84637bbb923c4b81a506d1', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: '523df8b2d650663ac43516d8ae9954ffd208c5e8', textColor: "red-600" }, this.error))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8208,14 +8214,14 @@ const ZonosStripeSelect = class {
         const fontSize = zonosStore.appearance.fontSizeInputValue || 16;
         const hasContent = this.internalValue || this.selectPlaceholder;
         const showClearButton = this.isClearable && this.internalValue && !this.isDisabled;
-        return (h(Host, { key: 'bbc6df8df4a9cce0ad94cc48a99cba74ac116873', class: classes([
+        return (h(Host, { key: 'e781d691f1f1f72ceed06c488af7f427ed4f82d0', class: classes([
                 'zonos--select zonos--elements',
                 isDark && 'dark',
                 this.isError && 'has-error',
-            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '757ff4b0b9be9206d03a917a07cc2af6f43152f5', class: classes([
+            ]), "data-theme": isDark ? 'DARK' : 'LIGHT', style: Object.assign({ '--zonos--border-radius': getBorderRadius(), '--zonos--font-family': zonosStoreFontFamily(), '--zonos--font-size': `${fontSize}px`, '--zonos--primary-color': secondaryColor }, (this.minWidth ? { '--zonos--min-width': this.minWidth } : {})) }, h("div", { key: '4df83fa9bcb12e94e2d4bba3d6f31a4f56006097', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("select", Object.assign({ key: '1a6cc4dcb3bc97879fb6a78c8323c9d32c0bac6d' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("select", Object.assign({ key: '31daa88fdaeb8a35055b97ade6aa10bbd234568a' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
                 'zonos--floated-select',
                 !!this.selectLabel && 'has-label',
                 hasContent && 'has-content',
@@ -8225,9 +8231,9 @@ const ZonosStripeSelect = class {
                 this.selectChange.emit(select.value);
                 this.selectedValue = select.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, required: this.required }), h("option", { key: '1f19c659824019af0a922c8f2ccde33364e0d566', disabled: true, selected: !this.internalValue, value: "" }, this.selectPlaceholder || translate('Select')), this.internalOptions.map(option => (h("option", { key: option.value, selected: this.internalValue === option.value ||
+            }, required: this.required }), h("option", { key: '4c5c09493d0e9d38bc56860682c092017dc927ff', disabled: true, selected: !this.internalValue, value: "" }, this.selectPlaceholder || translate('Select')), this.internalOptions.map(option => (h("option", { key: option.value, selected: this.internalValue === option.value ||
                 // Sometimes google returns the label not the code for some countries
-                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: '88d5729ef8d458d4a925eecb691fafaeaca51dff', class: "zonos--floated-label" }, h("label", { key: '9c8a9f0777649765a725a275c24385742017ea9d', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: 'cfbf4de8d163b8151a3715847c0de73cb44a3104', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: 'b39e96fc0667d2526efbe3af89473801c0c33b89', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: '6f8e626dbcbb17ac103ed9bd9998b3cc6e063d8d', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '13f3cb171d1e4cc0678204a7fdeabcb801b9ef70', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: '45c44644373adf202f88629171fdf9d32e6c2871', textColor: "red-600" }, this.error))));
+                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: 'abe6ea181a207b8b85232226078c92ab1a8b6618', class: "zonos--floated-label" }, h("label", { key: 'c079f2f21289e5ba06906fd7e29b3c8216c6ae01', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '3cad61609828a9b38a4a38625629481c9fb5411e', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: 'f24323bdbd652cff52bec827f3a93a2e343e35c4', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: 'e8fe204b510477855de4dfee29d1200f30c50933', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: 'f071765d705d67b741f9381bbe96e2e8beb0968d', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: '7425ced4032df77a7f1219f9c03caedcd1a55841', textColor: "red-600" }, this.error))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -46,16 +46,16 @@ const ZonosBadge = class {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: '1da500c8477b6f425f2a7ac11a66f598dceba5d0', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '5213d69a38c0e00d02d4c85d499ee5b5ca5a929c', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'b3692740733f6d0745164763b334d8ca06a25220', class: classes([
+            } }, h("div", { key: '178886813185320c971444c181a4fe0e8b57d7e3', class: classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, h("zonos-text", { key: '4db8c88a1f0623f3dd575529b787eff8e5fcc8da', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'bd288d8425236a176b33f71710ee7ecaf952a0e9' })), this.dismissHandler && (h("zonos-icon", { key: '095187937379f1df13b2ff09178ed0b7847fc2ee', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
+            ]) }, this.icon, h("zonos-text", { key: '6e75ee5fbbbe62b2d2c875a4866f33060dd9618b', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'b6c1dcd8b29f1c99dc2cbd37d944ad8af3267713' })), this.dismissHandler && (h("zonos-icon", { key: '232d8056ee38962614267def07647c3f52246f0d', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
     }
 };
 ZonosBadge.style = ZonosBadgeStyle0;

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

@@ -94,16 +94,16 @@ const ZonosCard = class {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (h(Host, { key: '78d54ed310efdfe81e04b74ec950035399db94bd', style: {
+        return (h(Host, { key: '9423d1472ed313f50c5f4ecc61251025ac6083ed', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'd32389820440988adb75b0fcd5b4e3da766d00d7', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '7d2506d2fa9297dce93676bd09dd854a84f27db3', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '4f68ebe6493cb839ad863ab663a12480cbdcbb52', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '85aece20f1a0028be6e1839ea87caff7a2f07973', type: "subheader" }, this.label), h("h-stack", { key: '54342a00a12daddda98948d7905de77e3754625a', spacing: 8 }, this.actions))), h("slot", { key: '8fc09c873f0c9437d334c0b374aa778fa7b54ab9' }), (this.footerActions || this.footerContent) && (h("footer", { key: '70a2d11a92149e38c5ad3f3c393c2f13d4b4d356', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: '81e381540ecbd5c398e5cabf6626d701569e16e5', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '7929725b31dec41dbab855daa3bd7ae97fb00eb3', type: "subheader" }, this.label), h("h-stack", { key: 'c69fe767e575b3aaf824eb355d7bb35e395ba77a', spacing: 8 }, this.actions))), h("slot", { key: 'ada30bc1760b957a817e0982e46f3def97974297' }), (this.footerActions || this.footerContent) && (h("footer", { key: '854c3d583cb293f5c064af87e839641a5201c900', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: 'a6cb5f0d7700072ad00437d17772611219bd871e' }, this.footerContent), h("h-stack", { key: '88b62d9969204756c26b27da1575059894e491a9', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '0a799500938f8d04a8551134b21fe18a05f93de0' }, this.footerContent), h("h-stack", { key: '927b51384452ab01b28da02c9a83256ab7dc6991', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;

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

@@ -207,13 +207,13 @@ const ZonosButton = class {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'aa9addffbd4d082cd46259078b2d6b02bf79e0b2', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: 'd44e5db9b123906c2435285d23d0d05b6c15d8b3', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-weight': this.bold ? 'bold' : 'normal',
-            }) }, h("button", Object.assign({ key: 'afc39851d100fee8868d1977e19e0cca59c493ac' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: 'a937efb3d014fd8f5501fcde7c3c2f0cb33439aa' }, this.inheritedAttributes, { class: classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -228,7 +228,7 @@ const ZonosButton = class {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }), this.loading && (h("div", { key: '2bedbc66b1e3aa14217ee9043cd8b49c60fe7e02', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '0f0cc196919a08927fc18a384a2722cc3020220f', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: 'fec8347641037537c56399970f840c064d0363df', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (h("div", { key: '09292867f621fd3e04313494809e59254a353403', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '250912ac9cc2ba4d9d5db8fdc67fa6009d5ea7ac', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '0695250725aff37526e6ea4f94456a368b873c59', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get delegatesFocus() { return true; }
     get ele() { return getElement(this); }

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, d as getAssetPath, h, H as Host, F as Fragment, c as createEvent, a as getElement } from './index-55a03023.js';
-import { e as cartStore, D as cartStoreHasOneEligibleItem, E as stripeStoreApplyPromoCode, F as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, G as stripeStoreResetPromoCode, H as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, I as stripeStoreTranslateAddressToLatin, J as extractName, K as cartStoreOnChange, L as stripeStoreAsyncAddressUpdate, C as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo, N as cartStoreGetMethod, O as sortServiceLevelOptionsByAmount } from './cart-acf4ebf5.js';
-import { t as translate } from './translationStore-c9743292.js';
-import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-d1ad9cf6.js';
+import { e as cartStore, D as cartStoreHasOneEligibleItem, E as stripeStoreApplyPromoCode, F as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, G as stripeStoreResetPromoCode, H as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, I as stripeStoreTranslateAddressToLatin, J as extractName, K as cartStoreOnChange, L as stripeStoreAsyncAddressUpdate, C as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo, N as cartStoreGetMethod, O as sortServiceLevelOptionsByAmount } from './cart-b2dd578c.js';
+import { t as translate } from './translationStore-13502f49.js';
+import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-2d67c1a9.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
 import { c as classes } from './classes-0d95c529.js';
 import { z as zonosStore, h as zonosStoreOnChange, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
-import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-2fa930eb.js';
-import { s as storageStore, l as localizationStore, c as localizationStoreOnChange } from './localization-8646f526.js';
+import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-555bbf1e.js';
+import { s as storageStore, l as localizationStore, c as localizationStoreOnChange } from './localization-d7125e4e.js';
 import { h as handleFetch, l as log, s as sendErrorLog, d as allLogs, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-99218189.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
@@ -837,9 +837,6 @@ const ZonosCheckoutPayment = class {
         if (!stripeStore.stripeElements) {
             return null;
         }
-        if (!stripeStore.clientSecret && !cartStore.isStagingMode) {
-            return null;
-        }
         // start validate on typing after error banner is shown, and hide it if the form is complete
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
@@ -1021,17 +1018,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: 'bf2f6ea302aafa40c5b1a763b89bffc47389b7ac', class: "zonos--elements", style: {
+        return (h(Host, { key: '1db73e8a63f5eef955430c64e6f86d941619b9f6', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: '043adfc8805b027604880284a99148c9ea06e67b', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: 'a580a08d71465c78699d40f7d65a423366262d6e', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: '991d64c7d79e4e4207e395ec8a3b9b2096e51c6a', class: "zonos--tab-progress" }, h("div", { key: '22471019b9e920af6d35976dd71b0954cc785b62', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: 'f3285aaaeefbb16c79b656576dc49c73483fedd8', class: "zonos--tab-progress" }, h("div", { key: '74ee5173069a4269c35724a9121d9c343bd13950', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return getElement(this); }
@@ -1567,11 +1564,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: '1259c56e28646e85893b129c22402e9d7cfe18f8', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: '4dd1bf92f89b6433673643621d4d2e91c32dc9c0', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '3cba2e86f4952f5d2a171017ad1f6eaa62aacc6a', class: "zonos--restState-image" }, h("img", { key: '8f656c89ef030c1eddec8cd95d6a15df889c6ed2', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: '1635b6b084c26f973405a863c898087f7805af4a', class: "zonos--restState-image" }, h("img", { key: '305262852c1bc4df2fae58e9d18fe9ef48108155', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: '963cf06ac769d8b3bfeb7b36824cb1b6821b5498', class: "content" }, h("zonos-text", { key: 'dacc2d0c125d41e5a72c57a5b611789bb005fc46', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '32db4bc138b4cc6c5fab3fd6aa14b51c31ffaf80', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '28f933f06737ac076d2da9dcc1530f01ddb93575', class: "action" }, h("slot", { key: 'd974a157a01c4e2305255fc4032868e86af162b5' }))));
+            }, src: imageUrl })), h("div", { key: 'b25da09d4d56ab01b5bcb1d219337a94208e8272', class: "content" }, h("zonos-text", { key: '1d0bfb2cd2473df240fb6f54eb1329a7aa34009f', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '7dd2da6e10a7e07649534673f7a5b630e1e98a91', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '1ccb01b392f0bca4687a3a1b0fe7a55e6fac69a2', class: "action" }, h("slot", { key: 'f8200baab65872d4c4c28e53c791f6fc406199e5' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-55a03023.js';
-import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as cartStoreUpdateItems, g as cartStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset } from './cart-acf4ebf5.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-2fa930eb.js';
-import { f as filterValidTests, l as localizationStore, a as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, b as storageStoreSetEnabledVariantTestKeys, c as localizationStoreOnChange, d as currencyFormat } from './localization-8646f526.js';
-import { t as translate } from './translationStore-c9743292.js';
+import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as cartStoreUpdateItems, g as cartStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset } from './cart-b2dd578c.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-555bbf1e.js';
+import { f as filterValidTests, l as localizationStore, a as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, b as storageStoreSetEnabledVariantTestKeys, c as localizationStoreOnChange, d as currencyFormat } from './localization-d7125e4e.js';
+import { t as translate } from './translationStore-13502f49.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c456b933.js';
 import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-c4488f73.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, i as isCheckoutMobile } from './handleFetch-99218189.js';

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

@@ -53,10 +53,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: '617e4c1a39bae3c5765ba05c6c7d3585c1822aea', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: 'c63b825021f8aaf17727e37072c3701e4a55b992', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: 'a4ef3763a3b2d802faacd4cc12dc84cfe9ad55a5' }, h("iframe", { key: 'f44ea760cb5c088241a737bd9b82ae0eac22f426', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'c01b886c941c6c50753d50cec244701c9854e589' }))));
+            } }, h("div", { key: 'bc51b1a1318b0934c752ae74dfeae8d5f43f1a63' }, h("iframe", { key: '0bb69f8aaa5c095bc90f2210fab3770491867754', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '64fdc09e82d28f57fd081578ebd2a3523760c7c7' }))));
     }
     get el() { return getElement(this); }
 };