@zonos/elements 1.3.265 → 1.3.267

package/dist/collection/utils/toggleBigcommerceNativeCurrencySelector.js

@@ -0,0 +1,48 @@
+import { localizationStore } from "../components/store/hello/localization";
+import { zonosStore } from "../components/store/zonosStore";
+import { logError } from "../components/utils/logging/logError";
+const HIDE_CLASSNAME = 'z--bc-currency-hide';
+/**
+ * Hides BigCommerce's native currency selector while Hello is actively
+ * converting prices, and restores it otherwise. The selector is hidden
+ * only when all of the following hold:
+ *
+ *   - the host storefront is BigCommerce (`window.Zonos.isBigCommerce`),
+ *   - the shopper is in a Zonos shipping zone
+ *     (`localizationStore.isShippableCountry`), and
+ *   - BC's currently selected native currency
+ *     (`document.body.dataset.currencyCode`) equals `zonosStore.sourceCurrency`
+ *     — i.e. BC has not pre-converted the prices Hello reads from the DOM.
+ *
+ * If those conditions don't hold (non-BC platform, non-shippable country,
+ * BC currency differs from source, or the selector is not configured), the
+ * function removes the class so any previously hidden element re-appears.
+ */
+export const toggleBigcommerceNativeCurrencySelector = () => {
+    var _a, _b;
+    if (typeof window === 'undefined' || !((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.isBigCommerce)) {
+        return;
+    }
+    const selector = (_b = zonosStore.genericSettings) === null || _b === void 0 ? void 0 : _b.bigcommerceNativeCurrencySelector;
+    if (!selector) {
+        return;
+    }
+    const bigcommerceCurrencyCode = document.body.dataset.currencyCode;
+    const shouldHide = localizationStore.isShippableCountry &&
+        !!bigcommerceCurrencyCode &&
+        bigcommerceCurrencyCode === zonosStore.sourceCurrency;
+    try {
+        const elements = document.querySelectorAll(selector);
+        elements.forEach(element => {
+            if (shouldHide) {
+                element.classList.add(HIDE_CLASSNAME);
+            }
+            else {
+                element.classList.remove(HIDE_CLASSNAME);
+            }
+        });
+    }
+    catch (error) {
+        logError(`Error toggling BigCommerce native currency selector: ${error}`);
+    }
+};

package/dist/esm/{cart-0625a766.js → cart-49082718.js}

@@ -1,5 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-9662b071.js';
-import { s as storageStore, l as localizationStore, e as getOverridenZCountry, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-ee06df70.js';
+import { s as storageStore, l as localizationStore, e as getOverridenZCountry, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-33a9f7ff.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { h as handleFetch, l as logError, f as fallbackApiList, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, j as jsonParse } from './handleFetch-a844cac1.js';
 import { i as isDarkColor } from './isDarkColor-0a8453e7.js';

package/dist/esm/getContrastColor-0aa643c1.js

@@ -0,0 +1,52 @@
+import { i as isDarkColor, t as tinycolor } from './isDarkColor-0a8453e7.js';
+import { i as isContrastColor } from './isContrastColor-6bad285e.js';
+
+const getContrastColor = ({ backgroundColor, color, }) => {
+    if (backgroundColor === color) {
+        if (isDarkColor(color)) {
+            const ligherColor = tinycolor(color).lighten(40).toHexString();
+            return ligherColor;
+        }
+        const darkerColor = tinycolor(color).darken(40).toHexString();
+        return darkerColor;
+    }
+    // get readibility of the color
+    const isContrastEnough = isContrastColor({
+        backgroundColor1: backgroundColor,
+        backgroundColor2: color,
+    });
+    if (isContrastEnough) {
+        // no need to change the color if it's already contrast enough
+        return color;
+    }
+    // Try both darker and lighter shifts of the same hue at increasing
+    // amounts; at each step prefer the candidate with higher contrast against
+    // the background and return as soon as one meets the threshold. This keeps
+    // the result close to the original color whenever possible and handles
+    // both light-on-light and dark-on-dark pairings symmetrically.
+    const adjustAmounts = [25, 50, 70];
+    for (const amount of adjustAmounts) {
+        const candidates = [
+            tinycolor(color).darken(amount).toHexString(),
+            tinycolor(color).lighten(amount).toHexString(),
+        ];
+        candidates.sort((a, b) => tinycolor.readability(backgroundColor, b) -
+            tinycolor.readability(backgroundColor, a));
+        for (const candidate of candidates) {
+            if (isContrastColor({
+                backgroundColor1: backgroundColor,
+                backgroundColor2: candidate,
+            })) {
+                return candidate;
+            }
+        }
+    }
+    // Last resort: pick whichever absolute extreme is more readable against
+    // the background.
+    return tinycolor.readability(backgroundColor, '#000000') >=
+        tinycolor.readability(backgroundColor, '#ffffff')
+        ? '#000000'
+        : '#ffffff';
+};
+
+export { getContrastColor as g };

package/dist/esm/{hasInclusivePrice-afc0dd6e.js → hasInclusivePrice-2323d514.js}

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

package/dist/esm/index.js

@@ -131,7 +131,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.265.js.zonos.com";
+    const cdnUrl = "https://v1.3.267.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -379,10 +379,10 @@ const zonosLoadUrl = (() => {
     return null;
 })();
 const startLoadTime = Date.now();
-const ZONOS_URL = "https://v1.3.265.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.265";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.265";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.265";
+const ZONOS_URL = "https://v1.3.267.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.267";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.267";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.267";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -400,7 +400,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1779136884210";
+Zonos.releaseDate = "1779911513615";
 Zonos.isLegacyCheckout = false;
 Zonos.googleAnalyticId = null;
 Zonos.googleAnalyticReady = false;
@@ -425,7 +425,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.265"}`;
+Zonos.version = `v${"1.3.267"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{invoice-0daa7f74.js → invoice-16c688e7.js}

@@ -1,6 +1,6 @@
 import { c as createStore, z as zonosStore } from './zonosStore-9662b071.js';
-import { b as stripeStore, G as stripeStoreBuildAddressForPartyCreate, d as cartStore, H as cartStoreUpdateSelectedShippingOption } from './cart-0625a766.js';
-import { s as storageStore } from './localization-ee06df70.js';
+import { b as stripeStore, G as stripeStoreBuildAddressForPartyCreate, d as cartStore, H as cartStoreUpdateSelectedShippingOption } from './cart-49082718.js';
+import { s as storageStore } from './localization-33a9f7ff.js';
 import { h as handleFetch, s as sendErrorLog, l as logError } from './handleFetch-a844cac1.js';
 import { b as allLogs } from './VarianceTest-572cecf5.js';
 

package/dist/esm/{isCollectMobileTablet-8d3fb5f4.js → isCollectMobileTablet-910aea2e.js}

@@ -1,6 +1,6 @@
 import { c as createStore, z as zonosStore } from './zonosStore-9662b071.js';
-import { b as stripeStore, G as stripeStoreBuildAddressForPartyCreate, d as cartStore, H as cartStoreUpdateSelectedShippingOption } from './cart-0625a766.js';
-import { s as storageStore } from './localization-ee06df70.js';
+import { b as stripeStore, G as stripeStoreBuildAddressForPartyCreate, d as cartStore, H as cartStoreUpdateSelectedShippingOption } from './cart-49082718.js';
+import { s as storageStore } from './localization-33a9f7ff.js';
 import { h as handleFetch, s as sendErrorLog, l as logError } from './handleFetch-a844cac1.js';
 import { b as allLogs } from './VarianceTest-572cecf5.js';
 

package/dist/esm/{localization-ee06df70.js → localization-33a9f7ff.js}

@@ -17006,7 +17006,7 @@ const performBlurCurrency = () => {
 const convertCurrency = (element) => {
     var _a;
     const amount = getInitialElementAmount(element);
-    if (!amount || isNaN(amount)) {
+    if (amount === null || isNaN(amount)) {
         return;
     }
     const currentIntlValue = element.getAttribute('data-zintl');
@@ -17125,6 +17125,52 @@ const setZCountryUrlParam = (selectedCountryCode) => {
     }
 };
 
+const HIDE_CLASSNAME = 'z--bc-currency-hide';
+/**
+ * Hides BigCommerce's native currency selector while Hello is actively
+ * converting prices, and restores it otherwise. The selector is hidden
+ * only when all of the following hold:
+ *
+ *   - the host storefront is BigCommerce (`window.Zonos.isBigCommerce`),
+ *   - the shopper is in a Zonos shipping zone
+ *     (`localizationStore.isShippableCountry`), and
+ *   - BC's currently selected native currency
+ *     (`document.body.dataset.currencyCode`) equals `zonosStore.sourceCurrency`
+ *     — i.e. BC has not pre-converted the prices Hello reads from the DOM.
+ *
+ * If those conditions don't hold (non-BC platform, non-shippable country,
+ * BC currency differs from source, or the selector is not configured), the
+ * function removes the class so any previously hidden element re-appears.
+ */
+const toggleBigcommerceNativeCurrencySelector = () => {
+    var _a, _b;
+    if (typeof window === 'undefined' || !((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.isBigCommerce)) {
+        return;
+    }
+    const selector = (_b = zonosStore.genericSettings) === null || _b === void 0 ? void 0 : _b.bigcommerceNativeCurrencySelector;
+    if (!selector) {
+        return;
+    }
+    const bigcommerceCurrencyCode = document.body.dataset.currencyCode;
+    const shouldHide = localizationStore.isShippableCountry &&
+        !!bigcommerceCurrencyCode &&
+        bigcommerceCurrencyCode === zonosStore.sourceCurrency;
+    try {
+        const elements = document.querySelectorAll(selector);
+        elements.forEach(element => {
+            if (shouldHide) {
+                element.classList.add(HIDE_CLASSNAME);
+            }
+            else {
+                element.classList.remove(HIDE_CLASSNAME);
+            }
+        });
+    }
+    catch (error) {
+        logError(`Error toggling BigCommerce native currency selector: ${error}`);
+    }
+};
+
 const { dispose: localizationDispose, onChange: localizationStoreOnChange, state: localizationStore, } = createStore({
     countryLandedCost: null,
     customMessages: [],
@@ -17286,6 +17332,11 @@ const localizationStoreUpdateSelectedCountryCode = ({ isInitializing, newSelecte
     localizationStore.isDisabledCountry = isDisabledCountry;
     log(`${localizationStore.selectedCountryCode} is a disabled country: ${localizationStore.isDisabledCountry}`);
     addInternationalHideClass();
+    // Hide / restore BC's native currency selector based on the new
+    // shipping-zone state. Runs here (rather than inside `currencyDisplay`)
+    // because `currencyDisplay` is also invoked from the price-mutation
+    // observer in `zonos-hello.tsx`, which fires on every DOM render.
+    toggleBigcommerceNativeCurrencySelector();
     if (!selectedCountryCode) {
         return;
     }

package/dist/esm/{paypal-78c3572c.js → paypal-2e9aa4ba.js}

@@ -1,6 +1,6 @@
 import { z as zonosStore, c as createStore } from './zonosStore-9662b071.js';
-import { t as trackConversionEvent, y as validateCheckoutSession, b as stripeStore, d as cartStore, v as stripeStoreHandleInventoryCheck, w as storeCreditStoreApplyCredit, x as storeCreditStoreCoversFullAmount, z as storeCreditStoreCreateOrder, r as cartStoreNextStep, h as cartStoreClearCheckoutInterval, F as storeCreditStoreGetEffectiveAmount } from './cart-0625a766.js';
-import { t as translate, s as storageStore } from './localization-ee06df70.js';
+import { t as trackConversionEvent, y as validateCheckoutSession, b as stripeStore, d as cartStore, v as stripeStoreHandleInventoryCheck, w as storeCreditStoreApplyCredit, x as storeCreditStoreCoversFullAmount, z as storeCreditStoreCreateOrder, r as cartStoreNextStep, h as cartStoreClearCheckoutInterval, F as storeCreditStoreGetEffectiveAmount } from './cart-49082718.js';
+import { t as translate, s as storageStore } from './localization-33a9f7ff.js';
 import { h as handleFetch, g as getIsTestMode, l as logError, j as jsonParse } from './handleFetch-a844cac1.js';
 import { i as isContrastColor } from './isContrastColor-6bad285e.js';
 import { l as log } from './VarianceTest-572cecf5.js';

package/dist/esm/{placeTestOrder-18de7b6f.js → placeTestOrder-35c9b460.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-0625a766.js';
-import { s as storageStore } from './localization-ee06df70.js';
+import { d as cartStore } from './cart-49082718.js';
+import { s as storageStore } from './localization-33a9f7ff.js';
 import { l as logError, h as handleFetch } from './handleFetch-a844cac1.js';
 
 const placeTestOrder = async () => {

package/dist/esm/{renderCheckoutCurrency-ba1702db.js → renderCheckoutCurrency-b84a6da7.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-0625a766.js';
-import { o as applyInclusiveEffectiveRate, d as currencyFormat } from './localization-ee06df70.js';
+import { d as cartStore } from './cart-49082718.js';
+import { o as applyInclusiveEffectiveRate, d as currencyFormat } from './localization-33a9f7ff.js';
 
 const getDisplayCurrency = () => {
     var _a, _b;

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, q as storageStoreOnChange } from './localization-ee06df70.js';
+import { t as translate, l as localizationStore, s as storageStore, q as storageStoreOnChange } from './localization-33a9f7ff.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
-import { Q as extractName, b as stripeStore, q as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-0625a766.js';
+import { Q as extractName, b as stripeStore, q as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-49082718.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-98c64be8.js';
 import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-9662b071.js';
@@ -72,15 +72,15 @@ const ZonosAddressForm = class {
         const { firstName, lastName } = extractName({
             name,
         });
-        return (h(Host, { key: '22d085e462e69a4100a8cb1763367f53b933ed1d', class: "zonos--address-form zonos--elements" }, h("div", { key: '17d6c92370343ffbd1b4a85b3c49055a5a7f9d72', class: "zonos--title" }, h("zonos-text", { key: 'a4cb01bd8fed154567e0b7ade87777a1552ea815', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
+        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'
             ? translate('Shipping')
-            : translate('Billing'))), h("div", { key: '4a1dddabc011e465d295b5c2994fda3a2531c96e', class: "zonos--address-group" }, h("div", { key: '60df882b5717b2f557a5051f492b2c838f938cd9', class: "zonos--contact" }, h("zonos-text", { key: '90b6613ccf1b2a445baae5f700f392d195924688', type: "label" }, translate('Contact')), h("zonos-input", { key: '125815769a366e113b61d5581578ef6ecbdffa79', class: "zonos--form-email", inputLabel: translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), h("div", { key: 'd0d331fb33f40243ce23824db5ba9551fd5636f8', class: "zonos--name zonos--address-row" }, h("zonos-input", { key: '46323db8f305e491215df03ef2092e76eec38355', class: "zonos--form-first-name", inputLabel: translate('First name'), inputValue: firstName, isError: isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
+            : 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({
                 key: 'name',
                 value: `${e.detail} ${lastName}`,
-            }) }), h("zonos-input", { key: '3c055ee2f1fcaf93ebcbd8f11ad6609cd33e9e14', class: "zonos--form-last-name", inputLabel: translate('Last name'), inputValue: lastName, isError: isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
+            }) }), h("zonos-input", { key: 'faf4991bde56989dc613d321660a3084b0e9a8e6', 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: 'ce30f816d03b497eb4491d2554eb63c0aabf110c', class: "zonos--address" }, h("zonos-text", { key: '304867c5354ac55071c88944a63bba88ea3fb86f', type: "label" }, translate('Address')), h("zonos-input", { key: 'f0efe937603a38761643af1486b53359a19593e5', class: "zonos--form-country", inputLabel: translate('Country'), inputValue: country, isDisabled: true }), h("zonos-input", { key: '8360a4ae65c8963e886a3fb8322e0e539d121142', 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: '2c9374917b705c2c9306d3d4d7fc4b4043c2b73b', 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: 'fd067074070cadba3d895503f35c344ff817fec2', class: "zonos--address-row" }, h("zonos-input", { key: 'a565bee68e2498403df2801eb90005e8cb2d6f44', 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: 'c5a14d96cef1d48cc82dcedaef21949a77251843', 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: 'a3359119c246a906f0c2305207b522324ccb16bf', 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: '0196f951181a52f923ffb7cd5d4395e42b86cd8a', class: "zonos--form-phone", inputLabel: translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: 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 }) })))));
     }
     static get watchers() { return {
         "translatedAddress": ["watchCurrentAddress"]
@@ -1425,7 +1425,7 @@ const ZonosDialog = class {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'a5e865f6ef72282447404923a8c1b9920ead47b1', class: classes([
+        return (h(Host, { key: '590c4e4902e0dbe713126b9ff156d063e8f8f8ad', 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: 'de67001c33a779ed467502d3f2300844034f9559', class: "zonos--backdrop" }), h("div", { key: 'ebdca7ccb32fcf7b4c60bf3d04b5de38b0668b75', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '668aa0ed4b56d7a8bfb2c93fbf045b60ae91c3e5', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '2f7a7471b2665de6c33f194799a890756949a555', class: "zonos--loading" }, h("zonos-spinner", { key: '30432f6ab8ca578896138bcdc1bac0ed737fadb1', size: 30 }), this.loadingTitle && (h("zonos-text", { key: '17fc6c0e541f62118c6ce9dc5670b7023c99372c', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '8f278c76b5109c5b048c8c99f559c41240f2f2c0', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '9967ec60be44a768192afc7afd09064001f2881e', class: "zonos--header" }, this.headerText && (h("h3", { key: '12daab9cff11f16b396c8595c76e9e82cea790b2', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '9ba377e1078166e81b3edb7a6f0925602bd271c5', 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: 'a467dd66e0feea9a2e035bf8af6ef4c5d43e88eb', class: classes([
+            } }, 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([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '7cb10ba057870384afa85d4492a39c2f01766641' })), h("slot", { key: 'e8a90958c50234218123ffbc65fe16980a35a169', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: 'a3bc9604905f1c1ff53a5dc5c022ad6145a98735' })), h("slot", { key: '717b33f0583845613702e989570a41e5a8b54f08', 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: 'eb23ab75a61aa94b7d4299f39b77d38ec1cbec20', class: classes([
+        return (h(Host, { key: '35155697da59924b76afa4e5e23ef658ceb69bd7', 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: '4690d6346d04820fa677e02483164f1e39c348ad', 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: '66c66da60fded977af4d5ef597a831ac117b3ed1', 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: 'be7fab230afd6e19cb133d13f9d1f946893dd85e', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: 'a76b59a558272bda11c091bf977c90a1abd1fdbc', 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: '2da719a561ed71bdaf6563249ceff2556b6a8323', class: "zonos--input-group" }, h("div", { key: 'bb533773af30f0c8c4be47f76ee642fd589a40b6', class: "zonos--select-wrapper" }, h("div", { key: '465e9b7b41ba99852cee2a36822e2a753d401337', class: "zonos--country-select" }, h("div", { key: '5f2ba6cd1937831f3b5cb61f98d501497534b758', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '4f5861174efa761ec9285b5e8721b3b46d5979cb', class: "zonos--country-select-selected" }, h("div", { key: '47c28fd20118f92c9ee18e82ebdafdf212e6740e', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '28fae4f5074ca62d7592142878e3c8d48229a83e', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: '9d940039033f7d09b9d6e2ac9f005e3b21060b70', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: '5cbbee5f1405d05717873f287b3b6d3bb0f92ede', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: 'd6c493e07ee068a848e10debda7549f4cd4fc28b', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: '2c4ec88e83d61e0305d53285c8bd5107f98eb15f', class: classes([
+        })), 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([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, h("input", Object.assign({ key: '434232fdedebf3c4cd6f7e2c70d41a4cd5ad8104' }, 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: '4ff0d61108d5cc56381eec6f94a50485c149f360', class: "zonos--floated-label" }, h("label", { key: '37db631b0d55253787c0f2d8ae455bbf3ebfc8bb', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: '260b115c3efc9ece71cf31eb24a39efc4c21a64c', textColor: "red-600" }, this.error))));
+            ]) }, 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))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7309,14 +7309,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: '62511439918e73ea4404c4b077c5da143b1459a7', class: classes([
+        return (h(Host, { key: 'c6bf5ed45fd7756985bd97b542933d25a472aa2c', 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: 'cc826990fe112f66682e522e2fbbe808b3017537', 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: '7ff61460b6ac3c5b3e6e35000f3713609a26ebe2', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("select", Object.assign({ key: '2803799a7226bf79d173093a4b1773ef57e122f8' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("select", Object.assign({ key: '9d644b04d7b46621245581c5143d7310e1d5396d' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
                 'zonos--floated-select',
                 !!this.selectLabel && 'has-label',
                 hasContent && 'has-content',
@@ -7326,9 +7326,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: 'ab93bc1a38ab1c897fc57c1b6a55941c021f6944', 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: 'b448bc3c2a083334108afad566feff22bf89547a', 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: '4d4995d1770bf99e05c0d1b6dbdddbe828f2b3b0', class: "zonos--floated-label" }, h("label", { key: '2b352cf1413f4a539c6f62d7df285dbea1629b77', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '707a0df092ed2196fa8e503d79448890a9e36616', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: '83a605fd7d3799a1ce6f4300193c63722f3f8b7e', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: 'da9e65471ec1b4f89119a71db657f06903a11a3d', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '4b479d3f9fae286e0ebb6290d9954f08982a4e5e', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: '6c9e2fa9747064203763c00f39dbb08fb413cf0c', textColor: "red-600" }, this.error))));
+                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: '14b3c9dad1202d432ba2a30d03e8335aebaafa89', class: "zonos--floated-label" }, h("label", { key: '4e7870ce3eeaf4ea6fd116e3a486537bebb88c87', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '4567ca19c1e018d483105c23ca781e0bbd1d2c3a', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: 'cdceea7255fdd19177b82c42878a6c4a20690a1a', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: '099b2f1a4fb475bfa76b0f4aeee9e66f27d473f3', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '8c7fdaf2de40a14e4fa0f8f3598851edac1c1ae6', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: '1cb569a7feeea85874c852a1c69cf88076fd6856', 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-882b1f47.js';
-import { b as stripeStore, t as trackConversionEvent, Q as extractName, E as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, d as cartStore } from './cart-0625a766.js';
-import { s as storageStore, r as getFallbackDefaultCountryCode, t as translate, q as storageStoreOnChange, l as localizationStore } from './localization-ee06df70.js';
+import { b as stripeStore, t as trackConversionEvent, Q as extractName, E as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, d as cartStore } from './cart-49082718.js';
+import { s as storageStore, r as getFallbackDefaultCountryCode, t as translate, q as storageStoreOnChange, l as localizationStore } from './localization-33a9f7ff.js';
 import { z as zonosStore, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-9662b071.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';
@@ -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: 'ae8a2dd88cbeeb8865f1ed67eae5d42356359d53', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: '459abd25f9719554dc3b4387a660618056909846', 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: 'c0622ae7cbbe469554716558eb56c452f9693568', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '3c42ad4fb2b793d65f564484126a519e97297743', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '18b46b2281cdf26b4dce3784b91a0ccd45cde7f2', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, 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: () => {
                 this.focusDialog();
-            } }, h("div", { key: '9455881ea4d3c557b4de814235b0f66519e6fc6b', class: "wrapper" }, h("div", { key: '51f52ec83eb9fdbe1af20fdb0d149ce291597468', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'cdd954985d40e509eab4c15d063e1e7c9ebec839', class: "content" }, h("div", { key: '0ffddb684d1c33d421e2bf077fec01dba934a1e4', class: "title" }, h("zonos-text", { key: '5d778ebc6795ca69caf7df33503b6ec8ea3636c0', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'fab99060495ebeb545477e06417816c7fc8f9f3c', class: "subtitle" }, h("zonos-text", { key: 'c4baa52a5b53497db336018f62d5999e298d3ccf', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '5d92f093bd1ee37ee54c4e771e73a1d2b6b7bb39', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '0aa3788620a75732d72fca23c16b6b1a2fb694a0', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'a7195241b38061b363cae7b99828b714c96dbbff', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, 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)))))));
     }
     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: '3f830d0014a8988893b2cbde578035b1b8727ac5', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '84371b0bb118aef5c4ec5e1c6903d699d5402c14', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'cf53766a1bbdf7433c5f7a1cf46e00bbd63f08b3', size: this.size, spinnerColor: this.spinnerColor }))));
+        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 }))));
     }
 };
 ZonosLoadingOverlay.style = ZonosLoadingOverlayStyle0;

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

@@ -46,16 +46,16 @@ const ZonosBadge = class {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: '76d8a0655e3d4009085f34ea0cbc56c180076081', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '219feb5a48098f89db6f6f338b54404a0d5368c6', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'c512b84c92030ad81f1a6180304fd79c2a3c3708', class: classes([
+            } }, h("div", { key: '9e37e1cdeef718fcdd8ee8243ef29bebd42bbc71', 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: '680812e8220ca3ad0a18a90c5bb614b5fea13c38', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'e939a288add6c2936746ed4b40721d13c38e793c' })), this.dismissHandler && (h("zonos-icon", { key: 'fddf84b6af4dda95c6937273d6168fc17290d747', "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: '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); } })))));
     }
 };
 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: '0e8c9eaa41b5769793e8b598e675f74e76061a7d', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: '8172735394435d60f27ff0b55d3bcd57c7327487', 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: '5de21db7f0fb00f327ffb9d9da450269e8493b43' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: 'c0afe56a3a2740aab6ed98311d6ea5d8a40fc390' }, 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: 'ff288d4a7ab7fc79e7e66328e413034e653ddc13', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '14f473f5f16407c020ae6163e5ccba00b6b8ea76', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '3fdd8e722cf4cb730f3227fe0562011af106da28', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), 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)));
     }
     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-9662b071.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-98c64be8.js';
-import { b as stripeStore, t as trackConversionEvent } from './cart-0625a766.js';
-import { s as storageStore } from './localization-ee06df70.js';
+import { b as stripeStore, t as trackConversionEvent } from './cart-49082718.js';
+import { s as storageStore } from './localization-33a9f7ff.js';
 import { l as logError } from './handleFetch-a844cac1.js';
-import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-78c3572c.js';
+import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-2e9aa4ba.js';
 import { l as log } from './VarianceTest-572cecf5.js';
 import './isDarkColor-0a8453e7.js';
 import './isContrastColor-6bad285e.js';
@@ -35,16 +35,16 @@ const ZonosCard = class {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (h(Host, { key: '04b66449d19c5862587b5ef4b2f7cb32524b03bd', style: {
+        return (h(Host, { key: 'ae124207be3fbddbd445d74cdf31085401a09c67', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '218a1def4d384b3bf589e87ca657168de2cea3e5', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '43fe2ffcb7caa0754c93f6d94898156f5169139b', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: 'bc5f2eaa90786860e20e40987df70e0cc9c527bb', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '90be1e3b9cd28f5a7aacf79c65c56e14a37bc019', type: "subheader" }, this.label), h("h-stack", { key: 'c25845c181e02eadca3cacb2d73c7173ba0a1a50', spacing: 8 }, this.actions))), h("slot", { key: '1e875f0fc6d86ae7cc5bdcdc0fc509bdcc1e1862' }), (this.footerActions || this.footerContent) && (h("footer", { key: '8fdca089c61d02ca14946dc3aaa8cb62c2feae99', class: "card-footer", style: {
+            } }, 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: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: '801f46a84cbb1185185ee35f51bf211f09d5aaee' }, this.footerContent), h("h-stack", { key: 'c995fab1c343973cf5da3079b99baa8b11af2903', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '685721d5f7f51c99438f4ddf23cf75122db3223c' }, this.footerContent), h("h-stack", { key: '61a44c918aea4994c10b16045564b45135296852', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;