@zonos/elements 1.3.272 → 1.3.273

package/dist/esm/zonos-address-display_8.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host, d as createEvent, g as getElement } from './index-cfd394c8.js';
-import { t as translate, l as localizationStore, s as storageStore, y as storageStoreOnChange } from './localization-29723d89.js';
+import { t as translate, l as localizationStore, s as storageStore, y as storageStoreOnChange } from './localization-17546792.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
-import { U as extractName, b as stripeStore, r as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-1415dcf0.js';
+import { U as extractName, b as stripeStore, r as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-23e29950.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-d23f47a6.js';
 import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-8e19daff.js';
@@ -72,15 +72,15 @@ const ZonosAddressForm = class {
         const { firstName, lastName } = extractName({
             name,
         });
-        return (h(Host, { key: '7daab005bebe43bc506b8da0fc3603f87f5cc07e', class: "zonos--address-form zonos--elements" }, h("div", { key: '61e8f1447408a10c42cbb6dfe1e5cd2986c34824', class: "zonos--title" }, h("zonos-text", { key: 'd8b0298a92731c5d7e8297f00036cbf6a6b7e8db', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
+        return (h(Host, { key: '45d9837eb2fa1799686031aae55b7a5b56683f44', class: "zonos--address-form zonos--elements" }, h("div", { key: '021635c62ccf3956099fbc4111a7cccacf87e6a1', class: "zonos--title" }, h("zonos-text", { key: 'f8a7f4423c3e1fe85d99f7a4baadfd8ec92c5e91', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
             ? translate('Shipping')
-            : translate('Billing'))), h("div", { key: 'b6fd70d9ee4cc61159e55a079649c79f48e4a98c', class: "zonos--address-group" }, h("div", { key: '3f163fd25a4c3a36c0fbe97b2578c9fbfbebc8e6', class: "zonos--contact" }, h("zonos-text", { key: '40ec47d730083b242fba7ed45711fa19bc1a3a73', type: "label" }, translate('Contact')), h("zonos-input", { key: '980d9afd5143a4be16b61fdd44b8badd26c0551f', class: "zonos--form-email", inputLabel: translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), h("div", { key: 'd3b7937d5c172a9aa1fb6fb294f7518702c42782', class: "zonos--name zonos--address-row" }, h("zonos-input", { key: '1cda2417557992ff1e018470f49bc553570e7ab8', class: "zonos--form-first-name", inputLabel: translate('First name'), inputValue: firstName, isError: isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
+            : translate('Billing'))), h("div", { key: '3989feba67adc4921dc27f4b245391c933065d78', class: "zonos--address-group" }, h("div", { key: '909ef4b8f44902a16334051fb8cde1edd4f87f8b', class: "zonos--contact" }, h("zonos-text", { key: '301eb71e15a331a7423d547486b668009ce19bd0', type: "label" }, translate('Contact')), h("zonos-input", { key: '473f22469d0628db079298abb02a18f908225350', class: "zonos--form-email", inputLabel: translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), h("div", { key: 'eaa32450d028bfd8a197a3b1172a1316d6080962', class: "zonos--name zonos--address-row" }, h("zonos-input", { key: '82b3b902539cd2eb67bddfccc9146f91f7061538', class: "zonos--form-first-name", inputLabel: translate('First name'), inputValue: firstName, isError: isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${e.detail} ${lastName}`,
-            }) }), h("zonos-input", { key: 'faf4991bde56989dc613d321660a3084b0e9a8e6', class: "zonos--form-last-name", inputLabel: translate('Last name'), inputValue: lastName, isError: isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
+            }) }), h("zonos-input", { key: 'cf32104d4d575eb9d5843cf5d8701aebb02c4e3c', class: "zonos--form-last-name", inputLabel: translate('Last name'), inputValue: lastName, isError: isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${firstName} ${e.detail}`,
-            }) }))), h("div", { key: '831483d5496ded27e71c1b4eb78bfb5ee8af52fb', class: "zonos--address" }, h("zonos-text", { key: '4d31ee6171c36401dda6653cedb43b81cf85a3cb', type: "label" }, translate('Address')), h("zonos-input", { key: '9134efbee8a46c04873dded9985d4437766aba61', class: "zonos--form-country", inputLabel: translate('Country'), inputValue: country, isDisabled: true }), h("zonos-input", { key: '4db075bee380c24ddfc706d7e72f631c9d451af3', class: "zonos--form-line1", inputLabel: translate('Address line 1'), inputValue: line1, isError: isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), h("zonos-input", { key: '6866187e5de8caaed307b4ad3e49048ccf8b08af', class: "zonos--form-line2", inputLabel: translate('Address line 2'), inputValue: line2, isError: isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), h("div", { key: '485f219a65abda705b20c4fdad0ec06d7b640f4c', class: "zonos--address-row" }, h("zonos-input", { key: '755a75893aaba7fd3be6842a4b29886f77a691bc', class: "zonos--form-city", inputLabel: translate('City'), inputValue: city, isError: isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), this.currentAddress.state && (h("zonos-input", { key: 'd66f0cf58169adb5c53a2c0e2cf308e66cd639ac', class: "zonos--form-state", inputLabel: translate('State/Province'), inputValue: state, isError: isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) }))), h("zonos-input", { key: '7fb5821a69f45779e616ef714c3774745b7cb0ca', class: "zonos--form-postal-code", inputLabel: translate('Postal code'), inputValue: postal_code, isError: isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), h("zonos-input", { key: 'a45be76f3e8073c5ea152f2814c52201c12f6d3b', class: "zonos--form-phone", inputLabel: translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
+            }) }))), h("div", { key: 'd570f7e1849bcc9a8e1bc13a15195bb5ee9bf8f2', class: "zonos--address" }, h("zonos-text", { key: 'dec7847247e97ffa3dde6d04a1ccd17347d9e8c1', type: "label" }, translate('Address')), h("zonos-input", { key: '595f540e7feb57dada3ebcf93202a75492ff447f', class: "zonos--form-country", inputLabel: translate('Country'), inputValue: country, isDisabled: true }), h("zonos-input", { key: 'c7fa3e7736ceee4c23195179f9e50b9cd43aa25a', class: "zonos--form-line1", inputLabel: translate('Address line 1'), inputValue: line1, isError: isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), h("zonos-input", { key: 'e455495f96667f7228a5ed51fc67d080df0b7991', class: "zonos--form-line2", inputLabel: translate('Address line 2'), inputValue: line2, isError: isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), h("div", { key: '5312af811975d9a2e2809896d51ce992317af54d', class: "zonos--address-row" }, h("zonos-input", { key: '49537f098a054787550266d6a7698e6fe102cad6', class: "zonos--form-city", inputLabel: translate('City'), inputValue: city, isError: isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), this.currentAddress.state && (h("zonos-input", { key: '06d1c8c2e21300c300ddfbdaa4abaffef006793d', class: "zonos--form-state", inputLabel: translate('State/Province'), inputValue: state, isError: isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) }))), h("zonos-input", { key: '94081e11a3184e86eef1add3eee392c3e3afb11a', class: "zonos--form-postal-code", inputLabel: translate('Postal code'), inputValue: postal_code, isError: isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), h("zonos-input", { key: '00ce7f0931179ff2c86e2da0fc82eed71cd6af19', class: "zonos--form-phone", inputLabel: translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
     }
     static get watchers() { return {
         "translatedAddress": ["watchCurrentAddress"]
@@ -166,9 +166,9 @@ const ZonosAddressSuggestions = class {
         return segments;
     }
     render() {
-        return (h(Host, { key: '95f0fa0a1a5eb62ae2f08f305216a365f166af96', class: "zonos--address-suggestions", role: "group", style: {
+        return (h(Host, { key: '93cce2d783f3b0eba378027d2450d13451e6ce18', class: "zonos--address-suggestions", role: "group", style: {
                 '--zonos--border-radius': getBorderRadius(),
-            } }, h("ul", { key: 'd76493f93428da65b645b8bf16ee82b780b2eb97', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: 'b7d4a61c717a2df1057a81ff2e6517a0b7a7869a', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '0dca2094920653d6205dd79e717290536e7ae1c9', class: "powered-by-container" }, h("zonos-text", { key: 'baa29ec5e43286d4df28eb418c7b2ccc4bf7d1e7', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: '2b544408cc75a9c50750072b1efb63e4cd4f1323', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '939ba84809ce8f113a8d13cc75cb8a3c23013847', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon$1 }), noBackground: true, onClick: () => {
+            } }, 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$1 }), noBackground: true, onClick: () => {
                 this.localSuggestions = [];
             } }))), this.localSuggestions.map(suggestion => (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events
@@ -1312,10 +1312,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: 'ce15e47889c185c72b9f79327ebbd24950da1811', class: classes([
+        return (h(Host, { key: 'dae45101b0b661fb0f392507cbc2642c65e72499', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: '91d1a627a89b8114075f5ecc1dff7bd8d52dd0b7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '1a69664bc17a2d59cff241bbb0917714340e006e', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
+            ]) }, 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()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1425,7 +1425,7 @@ const ZonosDialog = class {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '590c4e4902e0dbe713126b9ff156d063e8f8f8ad', class: classes([
+        return (h(Host, { key: '75ec5025b26d1c68daa95198bfe4defa9b4fccbb', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -1437,10 +1437,10 @@ const ZonosDialog = class {
                 '--zonos--height': this.height || 'initial',
                 '--zonos--min-height': this.minHeight || '500px',
                 '--zonos--width': this.width,
-            } }, h("div", { key: '14a99268f7f0ab8c6c70764c8c1d5757e66b9dbf', class: "zonos--backdrop" }), h("div", { key: '05cddc36b2189cf234f6e83c39a83220c11ec43f', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '3b7160e77e0eedda0d01f46e338cc3923de4153d', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '3257270ad5e27e55a4d5b68700c924c4d69a0aaa', class: "zonos--loading" }, h("zonos-spinner", { key: 'f9a3e2452daa08f8fd0a889a08ad39da3f28b1cc', size: 30 }), this.loadingTitle && (h("zonos-text", { key: 'a342fae51f881c7686e577769850d5105722d722', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '17e69ab28563fff1a2289dd1598b542d18a9350d', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '2e9f0db72356193bd9789a21adbe35f29b456d9f', class: "zonos--header" }, this.headerText && (h("h3", { key: '8f7e92cbf2ab27442f4b8901ce2f8ec826939bf0', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'da358aa5942534abaf67a065e6ccce4722f91f27', 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: '6abd9c5d6f7e1b8a533bdd878550009191905ff9', class: classes([
+            } }, h("div", { key: '5d10176ce2b772fb8fd29f43ff45eb8ec0e4f891', class: "zonos--backdrop" }), h("div", { key: '2aa211aebf328b30d69cc32030964c68d9114380', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'ae077f398158ca708065bf3f2cc60c36730e16df', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'b11ef43cb4a663495bfd5dfe636df98fb692f2e3', class: "zonos--loading" }, h("zonos-spinner", { key: 'df7b43c923a59ab16d56c56034f19e2ebf367c68', size: 30 }), this.loadingTitle && (h("zonos-text", { key: 'c2a9c49f41272ae535a2dfc3f6c97d91552729a2', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: 'c5a4be389ec0c5c8b9e7b126d69f39b334bd9c7c', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '21884f1a119c2b1d241b746ae27f9ebe68795b94', class: "zonos--header" }, this.headerText && (h("h3", { key: '77036606a70a57f250facdd1b95726c35807c151', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '93eafa70b68ebbc0be89b6cec54aadba9bdb91ef', 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: '182ed04b1a14981aa5b679da8a1a556fcc413137', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: 'a3bc9604905f1c1ff53a5dc5c022ad6145a98735' })), h("slot", { key: '717b33f0583845613702e989570a41e5a8b54f08', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '65ad39c50b318b39e585301de2aeea6ef61db487' })), h("slot", { key: 'a60bb6eeee719852350584d6ff983d699f6ae84e', name: "dialog-footer" })))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -7176,24 +7176,24 @@ const ZonosStripePhoneInput = class {
                 .filter(Boolean)
                 .sort((a, b) => a.displayName.localeCompare(b.displayName))
             : [];
-        return (h(Host, { key: '35155697da59924b76afa4e5e23ef658ceb69bd7', class: classes([
+        return (h(Host, { key: 'e1bde9efe262f4605448b6ae6f9e18070090e6c8', 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: '66c66da60fded977af4d5ef597a831ac117b3ed1', 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: '17b929a5e37d86964c23f2954bf1aed3ca3e0b4f', 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: 'a76b59a558272bda11c091bf977c90a1abd1fdbc', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: '75f827c7fa3bec95a441d75b04f815736f63d075', 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: '56cc5d0e6eedc76282df9f43f9384d5ea6eacf86', class: "zonos--input-group" }, h("div", { key: '28e2e4e627e3f7439e2d5b474632585da41d531a', class: "zonos--select-wrapper" }, h("div", { key: 'bb2e59a82ca9cb497efa705361d996debc424f60', class: "zonos--country-select" }, h("div", { key: '14b7d08d477383dc16db4c15bd6132a71206226c', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: 'e8a0cde2b080bf30314069656c132d21e4b3ac89', class: "zonos--country-select-selected" }, h("div", { key: '13c3a5947263770aa8fd15126dc386c6ea51ca79', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'f9861e6165265b3095889bd1158ac9791032628c', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'e0c54a4e62f6b5aa2d01c8bfdd8dac3338dbb45a', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'e2c309de467ed0e4d7b26ea2a3bca4443e254b82', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '36848392b8467f3118222ae9c22b1b02071a3350', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: '3dba6c65337a2f36b16b7f8d0284c0fccade7846', class: classes([
+        })), h("div", { key: '7299389121bb37f5444c8feecc349fc7663fd645', class: "zonos--input-group" }, h("div", { key: 'ffd81d520f2ffeeb0473606ffe529704d0539999', class: "zonos--select-wrapper" }, h("div", { key: '66a8c7b1fc41c8ced6ebe2b5d87d93d3fb34283a', class: "zonos--country-select" }, h("div", { key: 'e938804c0e0aa9e52810b8d07cb0d7948c451eb5', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '1883e18a2318bf871e061c744a095dd8e5a905cc', class: "zonos--country-select-selected" }, h("div", { key: 'ae46b163ef58d71398c317ed5ceba1844fc52edc', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'f4d18cf60a089675852f8f0fca82055fa879a7b7', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: '1724ccaef84c39504ee9f2fb364d38c2b979185d', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'e5c45c7d4ca3fd5244803f083e6fae502e4253fa', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '9cfb2da1d454c6b9e0a64b4327ce515cf6aa72da', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: '8324ec965cf0b637d4d7151728217407307b8707', class: classes([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, h("input", Object.assign({ key: '4241efa2b016079e7107050bccd7866cb98a9e49' }, 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: 'dc2f3d2b183f2e6ae24806c00c2e0d5852344287', class: "zonos--floated-label" }, h("label", { key: 'd039a17ad718f85e3566f83b8ceced43cac01b83', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'a15dcd089b02a952d4f29fdb6e9d88390ef2d2c2', textColor: "red-600" }, this.error))));
+            ]) }, h("input", Object.assign({ key: 'eace24d4a50271012b8bb95609842edcc7f8926f' }, 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: '9c1b5249fa2a9041e8c3ed9adbf3de8af4e1f29f', class: "zonos--floated-label" }, h("label", { key: '6535de344f98dc6148ef17ffdcb6354f1e1014e1', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: '0d696d74191e3738ceb94e6adb018589fa4ad9f3', textColor: "red-600" }, this.error))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-cfd394c8.js';
 import { t as throttle_1 } from './throttle-f09d0659.js';
-import { b as stripeStore, t as trackConversionEvent, U as extractName, H as stripeStoreOnChange, r as stripeStorePrefetchLandedCost, d as cartStore } from './cart-1415dcf0.js';
-import { s as storageStore, z as getFallbackDefaultCountryCode, t as translate, y as storageStoreOnChange, l as localizationStore } from './localization-29723d89.js';
+import { b as stripeStore, t as trackConversionEvent, U as extractName, H as stripeStoreOnChange, r as stripeStorePrefetchLandedCost, d as cartStore } from './cart-23e29950.js';
+import { s as storageStore, z as getFallbackDefaultCountryCode, t as translate, y as storageStoreOnChange, l as localizationStore } from './localization-17546792.js';
 import { z as zonosStore, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-8e19daff.js';
 import { l as logError, i as isCheckoutMobile, s as sendErrorLog } from './handleFetch-a844cac1.js';
 import { a as shouldRenderTaxIdInput, s as shouldRenderShortAddressCodeInput } from './shouldRenderTaxIdInput-2572bf77.js';
@@ -354,11 +354,11 @@ const ZonosAddress = 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: 'ebba5be32c456e8b71d397db63e666e5d5df1543', class: classes([
+        return (h(Host, { key: '9e66c8b7ba80d28aa430d6f5397d5eca16596e1a', class: classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: '25f15ea17b50ed055eb98b072850296312785b06', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '631bc324d1bb96fb9e796b38a6da42ef6ca601a3', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: '25f88c72f8fc9b788b042f2df2f1b8085132f683', class: "zonos--address-component" })));
+            ]) }, 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" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -490,13 +490,13 @@ const ZonosConfirmDialog = class {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: '459abd25f9719554dc3b4387a660618056909846', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: 'a91852d7fabd934497c5a87ad42b206dcee15ae7', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--zonos--border-radius': borderStyle,
                 '--zonos--dialog-width': `${this.dialogWidth}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'f8a3c9bdbad91b046b3579eb140aad74e2784f8d', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'b41d27616223f89adb523269a3a8b982cd3559c7', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '69e7837a2aaaeea468e4887d14cbb0ea61d5f24a', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: '3074b85548fd1dc5023611423c52fbbd77a3e959', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'f326b54e65bddf562d4b9649b8964831d0545db6', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '0ab0ae9fecdca87acb7adc33c14408978a40a009', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '28ed6e2da0c8c56a00c46df985f21cf74c551894', class: "wrapper" }, h("div", { key: 'f20b3f00aeaef6fc306766a52607253554005cf4', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '7bb44bb7a880c599a8cc4615df48257fd0f9c19d', class: "content" }, h("div", { key: '584603b01b26b5d242f14c67a14d7b092d54b668', class: "title" }, h("zonos-text", { key: '028e06e106587778f6da2301ee44727ab1bf487f', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'c986563425dc6130fa154ce3c8e15c2aa03fb6cb', class: "subtitle" }, h("zonos-text", { key: '675899ceea2fd2de38ca8f87aa6ca69e4c7d8fc7', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '8a034df1cd91f07e870fd6eccebc2f382edf59fb', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '72e643fff73dabe0d5381e6ffc7f2237ef00f322', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'e247f450feef41b44688b937b38df8e061f386a3', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: 'd168c39fa5a31a107cbe4ff325cf4184ee8b2ad3', class: "wrapper" }, h("div", { key: 'c7cdca4f45e22e36393616fa3970556477902ead', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '1dcf75c8657a414662271a4c93b0698bd174b010', class: "content" }, h("div", { key: '191344284e3173b22a37c3383c49cb51e0fb54a5', class: "title" }, h("zonos-text", { key: '539b24aa36afa5a6fe046ac37eda57ccc1170124', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '53d54141bdcc1f0df661df450f5393e657410025', class: "subtitle" }, h("zonos-text", { key: '0a8b74eceb87355ad6869e1338a708bb0182cab8', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '68fd8147f7834074392be28f0053cf2f802faf69', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: 'a8be0abcfc980ec720d64ec0dc5cdacf5d19dadb', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'c72ea83faa9cd24c5e6f5894045e07d4639a5fc4', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -730,7 +730,7 @@ const ZonosLoadingOverlay = class {
         this.size = 40;
     }
     render() {
-        return (h(Host, { key: '8216ba7271f4eb12153620d0268fd7b5dea632ad', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'ad3ab1b7e51b2de173e1b1a489bce3cdacc798f1', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'dc1dd642825268c01c5df120165a7aec85d121e9', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (h(Host, { key: 'e9d9db9623f268cc66c39130607819fa8abede22', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'e766d339b90425e7379de4b773ae8f1da98992cb', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '32a61d38a106367bd4d54cffd8aba2e6c4b1e933', size: this.size, spinnerColor: this.spinnerColor }))));
     }
 };
 ZonosLoadingOverlay.style = ZonosLoadingOverlayStyle0;

package/dist/esm/zonos-airwallex-payment.entry.js

@@ -0,0 +1,166 @@
+import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-cfd394c8.js';
+import { b as airwallexStore, c as collectStore, f as airwallexStoreInitSdk, l as createElement, m as airwallexStoreGetLocale, n as airwallexStoreOnChange } from './collect-a235299d.js';
+import { d as cartStore } from './cart-23e29950.js';
+import { e as localizationStoreOnChange, t as translate, l as localizationStore } from './localization-17546792.js';
+import { z as zonosStore } from './zonosStore-8e19daff.js';
+import { l as log } from './VarianceTest-572cecf5.js';
+import { l as logError } from './handleFetch-a844cac1.js';
+import './isDarkColor-566f04c5.js';
+import './getBorderRadius-d23f47a6.js';
+
+const zonosAirwallexPaymentCss = ".sc-zonos-airwallex-payment-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-airwallex-payment-h *.sc-zonos-airwallex-payment{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-airwallex-payment-h img.sc-zonos-airwallex-payment{max-width:100%}.sc-zonos-airwallex-payment-h dl.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h dd.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h1.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h2.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h3.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h4.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h5.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h h6.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h hr.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h figure.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h p.sc-zonos-airwallex-payment,.sc-zonos-airwallex-payment-h pre.sc-zonos-airwallex-payment{margin:0}.sc-zonos-airwallex-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-airwallex-payment-h{display:block}.sc-zonos-airwallex-payment-h .zonos--payment-error-banner.sc-zonos-airwallex-payment{margin-bottom:16px}.sc-zonos-airwallex-payment-h .zonos--airwallex-payment-component.sc-zonos-airwallex-payment{margin-bottom:4px;min-height:40px}";
+const ZonosAirwallexPaymentStyle0 = zonosAirwallexPaymentCss;
+
+const ZonosAirwallexPayment = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.airwallexPaymentSuccess = createEvent(this, "airwallexPaymentSuccess", 7);
+        this.airwallexPaymentError = createEvent(this, "airwallexPaymentError", 7);
+        this.element = null;
+        this.storeUnsubscribeList = [];
+        /** Client secret currently being mounted, to avoid overlapping mounts. */
+        this.mountingClientSecret = null;
+        /**
+         * Whether the SDK failed to load or the element failed to mount.
+         */
+        this.hasError = false;
+        /**
+         * Mirror of the store client secret so the element (re)mounts once it becomes
+         * available. The client secret is fetched asynchronously and is usually not yet
+         * set when this component first mounts.
+         */
+        this.clientSecret = airwallexStore.clientSecret;
+        /**
+         * Build the full set of drop-in options. The SDK's `element.update` requires the
+         * first argument to contain the most up-to-date version of everything that was
+         * originally passed to `createElement`, so both calls share this.
+         */
+        this.getDropInOptions = (clientSecret) => {
+            var _a;
+            // Authorize (hold) when a capture delay is configured, otherwise capture
+            // immediately — mirrors the PayPal intent logic in paypalInitScript.
+            const hasAuthorizeSettingSet = zonosStore.checkoutSettings.captureDelay &&
+                zonosStore.checkoutSettings.captureDelay > 0;
+            return {
+                autoCapture: !hasAuthorizeSettingSet,
+                client_secret: clientSecret,
+                // The shopper's ship-to country (from the collect shipping info).
+                country_code: ((_a = collectStore.shippingAddress) === null || _a === void 0 ? void 0 : _a.location.countryCode) || undefined,
+                currency: airwallexStore.currency || cartStore.currency,
+                intent_id: airwallexStore.paymentIntentId || undefined,
+            };
+        };
+        this.mountPaymentElement = async () => {
+            var _a;
+            const clientSecret = this.clientSecret;
+            // The client secret arrives asynchronously — wait for it instead of erroring.
+            if (!clientSecret) {
+                return;
+            }
+            // Skip if we are already mounting (or have mounted) this exact client secret.
+            if (this.mountingClientSecret === clientSecret) {
+                return;
+            }
+            this.mountingClientSecret = clientSecret;
+            const isReady = await airwallexStoreInitSdk();
+            if (!isReady) {
+                this.hasError = true;
+                this.mountingClientSecret = null;
+                return;
+            }
+            const container = this.el.querySelector('.zonos--airwallex-payment-component');
+            if (!container) {
+                logError('Cannot find container element for Airwallex payment element');
+                this.hasError = true;
+                this.mountingClientSecret = null;
+                return;
+            }
+            try {
+                // Tear down any previously mounted element before remounting.
+                (_a = this.element) === null || _a === void 0 ? void 0 : _a.destroy();
+                this.element = null;
+                const element = await createElement('dropIn', this.getDropInOptions(clientSecret));
+                if (!element) {
+                    logError('Failed to create Airwallex payment element');
+                    this.hasError = true;
+                    this.mountingClientSecret = null;
+                    return;
+                }
+                element.mount(container);
+                element.on('success', () => {
+                    log('Airwallex payment succeeded');
+                    airwallexStore.hasPaymentError = false;
+                    // The drop-in confirmed the payment — the finish step trusts this over a
+                    // possibly-lagging payment intent status lookup.
+                    airwallexStore.paymentConfirmed = true;
+                    this.airwallexPaymentSuccess.emit();
+                });
+                element.on('error', payload => {
+                    logError(payload);
+                    airwallexStore.hasPaymentError = true;
+                    this.airwallexPaymentError.emit();
+                });
+                this.element = element;
+                this.hasError = false;
+            }
+            catch (err) {
+                logError(err);
+                this.hasError = true;
+                this.mountingClientSecret = null;
+            }
+        };
+        /**
+         * Update the mounted element's locale whenever the shopper changes language.
+         */
+        this.localeChangeHandler = () => {
+            if (!this.element || !this.clientSecret) {
+                return;
+            }
+            // `update`'s first argument must carry the most up-to-date version of all the
+            // options originally passed to `createElement`.
+            this.element.update(this.getDropInOptions(this.clientSecret), {
+                locale: airwallexStoreGetLocale(localizationStore.selectedLocale),
+            });
+        };
+    }
+    /**
+     * (Re)mount the payment element whenever the client secret becomes available
+     * or changes.
+     */
+    clientSecretWatcher() {
+        void this.mountPaymentElement();
+    }
+    componentWillLoad() {
+        this.storeUnsubscribeList = [
+            // Keep the local state in sync with the store so the @Watch above fires
+            // once the asynchronously-fetched client secret becomes available.
+            airwallexStoreOnChange('clientSecret', clientSecret => {
+                this.clientSecret = clientSecret;
+            }),
+            // Keep the Airwallex element locale in sync with the selected language.
+            localizationStoreOnChange('selectedLocale', this.localeChangeHandler),
+        ];
+    }
+    componentDidLoad() {
+        // If the client secret is already available on first render, mount now —
+        // @Watch does not fire for the initial value.
+        void this.mountPaymentElement();
+    }
+    disconnectedCallback() {
+        var _a;
+        // unsubscribe from store subscriptions
+        this.storeUnsubscribeList.forEach(subscription => subscription());
+        (_a = this.element) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.element = null;
+    }
+    render() {
+        return (h(Host, { key: '3d5f4aaea91533348ae6273757b8af6f17a7ab59', class: "zonos--airwallex-payment zonos--elements" }, this.hasError && (h("zonos-banner", { key: '27fe7775145b9ff4f9b572ee592eb0cdc5f2ef13', class: "zonos--payment-error-banner", intent: "error" }, translate("We couldn't complete your payment. Please verify the payment details and try again."))), h("div", { key: '48a50ebcc6ad1e3b3cbf807ef5d466030995a171', class: "zonos--airwallex-payment-component" })));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "clientSecret": ["clientSecretWatcher"]
+    }; }
+};
+ZonosAirwallexPayment.style = ZonosAirwallexPaymentStyle0;
+
+export { ZonosAirwallexPayment as zonos_airwallex_payment };

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

@@ -46,16 +46,16 @@ const ZonosBadge = class {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: '219feb5a48098f89db6f6f338b54404a0d5368c6', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '91ff0cbf64075ac1cb47691dd114b4205253b8e9', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '9e37e1cdeef718fcdd8ee8243ef29bebd42bbc71', class: classes([
+            } }, h("div", { key: '129b78caecaab54f8eb0dcb42fb2e398c2cfe2e6', 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: '9c538e2fe65246332655820eee13b10e7c50327b', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'df06a399a7541a63703383b8340c594541cb8067' })), this.dismissHandler && (h("zonos-icon", { key: 'bc972c68bb3eb511282bd8988b6602f4604d3e39', "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: '69b9ef2d3d15e6753625aea7c96fe492583e50fe', textColor: `${this.badgeColor}-800` }, h("slot", { key: '7237a96503ebdd708a03f3571dc5f68abe6af496' })), this.dismissHandler && (h("zonos-icon", { key: '021350687aa80ccae8c32b2f4b7af5acc4469608', "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-button_3.entry.js

@@ -207,13 +207,13 @@ const ZonosButton = class {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '8172735394435d60f27ff0b55d3bcd57c7327487', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: 'd07f698c62e64fe404dc346e17aa4ebb23af635a', 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: 'c0afe56a3a2740aab6ed98311d6ea5d8a40fc390' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: '721b3b8c4dbc0666de04510c091b7be558a7ede3' }, 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: '042ee0a9b02356aaf5b9332121e810782a3efff3', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '2973bb0afdddcfffd1d17bf423776dace52d9f7f', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '45c56c5839daf9bff44b424f2de43f02d37ca7cc', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (h("div", { key: 'c60e5e9d71ddf3750fbbcb911badca7885710518', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '3c863893cf81663c5a13dfdbd44b27828f01de31', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '7856e2a360552702a19ca58a0de763763c158749', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get delegatesFocus() { return true; }
     get ele() { return getElement(this); }

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

@@ -2,10 +2,10 @@ import { r as registerInstance, h, a as Host, g as getElement, d as createEvent
 import { f as zonosStoreFontFamily } from './zonosStore-8e19daff.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-d23f47a6.js';
-import { b as stripeStore, t as trackConversionEvent } from './cart-1415dcf0.js';
-import { s as storageStore } from './localization-29723d89.js';
+import { b as stripeStore, t as trackConversionEvent } from './cart-23e29950.js';
+import { s as storageStore } from './localization-17546792.js';
 import { l as logError } from './handleFetch-a844cac1.js';
-import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-cb5559d4.js';
+import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-5bc6b0d0.js';
 import { l as log } from './VarianceTest-572cecf5.js';
 import './isDarkColor-566f04c5.js';
 import './isContrastColor-fbddacb6.js';
@@ -35,16 +35,16 @@ const ZonosCard = class {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (h(Host, { key: 'ae124207be3fbddbd445d74cdf31085401a09c67', style: {
+        return (h(Host, { key: '9abda7f00c442317f63521444b6eeb21f294d2bb', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '43fe2ffcb7caa0754c93f6d94898156f5169139b', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '2e1f1e4b59ce9ce87c7a22e58f0ae6c5dd0f0388', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '6839065e2e630a841d6ecd7f03b19a93a988e49a', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '498435bbbb60cc6d1d13a304aad321107bd6feaf', type: "subheader" }, this.label), h("h-stack", { key: '4de3f042a72b16be374209b393cb174fc7d1b670', spacing: 8 }, this.actions))), h("slot", { key: 'add9dac3d8b9a50c0caa37d245f632c6a5e64d7f' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'e83f37ed24b44d9b7316579ee28ea51a3da119d8', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: '215b106d17a37b8eb28e5ae730f0ff5401c02331', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '31363bdd23ac0ad625c6442fcf7110e559fa0201', type: "subheader" }, this.label), h("h-stack", { key: '10b338eaf67a92b84d7a9434f52e4c111a15f561', spacing: 8 }, this.actions))), h("slot", { key: 'afd067cc47d74d109f4fb4768fc8e0dfa4d88e70' }), (this.footerActions || this.footerContent) && (h("footer", { key: '17ee21b433ca723724c74e379b03b9c63a7b53eb', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: '685721d5f7f51c99438f4ddf23cf75122db3223c' }, this.footerContent), h("h-stack", { key: '61a44c918aea4994c10b16045564b45135296852', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: 'fd2680f6ba67a7afcb8001ba2d9e0eff49b74675' }, this.footerContent), h("h-stack", { key: 'f7c716b48b470082b5196ddaeac189e476a4c3fd', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;
@@ -257,7 +257,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '6bc25553430c9e23c77a0607ad28dc4c9efa66e6', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'e4ba3f581697a799e50fe066e7cc922a206af8e5', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '0247eecadf083f09b67c5f668da845431234750d', class: "zonos--payment-component" }), h("div", { key: '7f63abd0a2c1cbc62f931e44fc44c69b57a4f8ed', class: "zonos--payment-paypal-container" })));
+        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" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -321,7 +321,7 @@ const ZonosPaypalPayment = class {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (h(Host, { key: 'c01e031b29e0089389be2a16e888bd0b7c24dcd8', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: 'f03c880bde17291f083cfe1f0db6a918f92d720b', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '283f26fced92fbc16064967cf6d0cf8e7a8d34d4', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '31f4639edea489f91bb43c4c00b9019f949acaa4', class: "zonos--payment-paypal-container" })));
     }
     get el() { return getElement(this); }
 };