@zonos/elements 1.3.283 → 1.3.285

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

@@ -1,9 +1,9 @@
-import { c as createStore, z as zonosStore } from './zonosStore-b7d3f9b0.js';
-import { s as storageStore, t as translate, l as localizationStore, j as getOverridenZCountry, f as filterValidTests, d as storageStoreSetEnabledVariantTestKeys } from './localization-754e7e8b.js';
+import { c as createStore, z as zonosStore } from './zonosStore-eca1e364.js';
+import { s as storageStore, t as translate, l as localizationStore, j as getOverridenZCountry, f as filterValidTests, d as storageStoreSetEnabledVariantTestKeys } from './localization-36a4dc22.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { h as handleFetch, l as logError, f as fallbackApiList, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, j as jsonParse } from './handleFetch-a844cac1.js';
-import { i as isDarkColor } from './isDarkColor-039ef212.js';
-import { g as getBorderRadius } from './getBorderRadius-dc982fe6.js';
+import { i as isDarkColor } from './isDarkColor-939d8e9c.js';
+import { g as getBorderRadius } from './getBorderRadius-1f7be586.js';
 import { e as euCountryCodes } from './TaxId-63a14057.js';
 
 const getCheckoutSession = async () => {

package/dist/esm/{collect-42d4757a.js → collect-19428e18.js}

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

package/dist/esm/{debounce-c8d67b17.js → debounce-84ade9c2.js}

@@ -1,4 +1,4 @@
-import { _ as _root, b as _baseGetTag, i as isObjectLike_1, d as isObject_1 } from './zonosStore-b7d3f9b0.js';
+import { _ as _root, b as _baseGetTag, i as isObjectLike_1, d as isObject_1 } from './zonosStore-eca1e364.js';
 
 var root = _root;
 

package/dist/esm/{getBorderRadius-dc982fe6.js → getBorderRadius-1f7be586.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-b7d3f9b0.js';
+import { z as zonosStore } from './zonosStore-eca1e364.js';
 
 /**
  * Get the border radius for the elements based on the style

package/dist/esm/{getContrastColor-af895b60.js → getContrastColor-4c0ae8c1.js}

@@ -1,5 +1,5 @@
-import { i as isDarkColor, t as tinycolor } from './isDarkColor-039ef212.js';
-import { i as isContrastColor } from './isContrastColor-089de6ac.js';
+import { i as isDarkColor, t as tinycolor } from './isDarkColor-939d8e9c.js';
+import { i as isContrastColor } from './isContrastColor-9fa0d013.js';
 
 const getContrastColor = ({ backgroundColor, color, }) => {
     if (backgroundColor === color) {

package/dist/esm/{getMissingRequiredShippingFields-ebdccdcf.js → getMissingRequiredShippingFields-719b206f.js}

@@ -1,4 +1,4 @@
-import { U as extractName } from './cart-93c36159.js';
+import { U as extractName } from './cart-2e407f7b.js';
 
 /**
  * Minimum number of characters we treat as a valid postal code. Mirrors the

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

@@ -1,4 +1,4 @@
-import { l as localizationStore } from './localization-754e7e8b.js';
+import { l as localizationStore } from './localization-36a4dc22.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.283.js.zonos.com";
+    const cdnUrl = "https://v1.3.285.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.') ||
@@ -397,10 +397,10 @@ const zonosLoadUrl = (() => {
     return null;
 })();
 const startLoadTime = Date.now();
-const ZONOS_URL = "https://v1.3.283.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.283";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.283";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.283";
+const ZONOS_URL = "https://v1.3.285.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.285";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.285";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.285";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -418,7 +418,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1785523353097";
+Zonos.releaseDate = "1787351938302";
 Zonos.isLegacyCheckout = false;
 Zonos.googleAnalyticId = null;
 Zonos.googleAnalyticReady = false;
@@ -443,7 +443,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.283"}`;
+Zonos.version = `v${"1.3.285"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{invoice-71471339.js → invoice-67a47785.js}

@@ -1,6 +1,6 @@
-import { c as createStore, z as zonosStore } from './zonosStore-b7d3f9b0.js';
-import { b as stripeStore, K as stripeStoreBuildAddressForPartyCreate, d as cartStore, L as cartStoreUpdateSelectedShippingOption } from './cart-93c36159.js';
-import { s as storageStore } from './localization-754e7e8b.js';
+import { c as createStore, z as zonosStore } from './zonosStore-eca1e364.js';
+import { b as stripeStore, K as stripeStoreBuildAddressForPartyCreate, d as cartStore, L as cartStoreUpdateSelectedShippingOption } from './cart-2e407f7b.js';
+import { s as storageStore } from './localization-36a4dc22.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/{isContrastColor-089de6ac.js → isContrastColor-9fa0d013.js}

@@ -1,4 +1,4 @@
-import { t as tinycolor } from './isDarkColor-039ef212.js';
+import { t as tinycolor } from './isDarkColor-939d8e9c.js';
 
 const isContrastColor = ({ backgroundColor1, backgroundColor2, }) => {
     // get readibility of the color

package/dist/esm/{isDarkColor-039ef212.js → isDarkColor-939d8e9c.js}

@@ -1,4 +1,4 @@
-import { a as commonjsGlobal } from './zonosStore-b7d3f9b0.js';
+import { a as commonjsGlobal } from './zonosStore-eca1e364.js';
 
 var tinycolor$1 = {exports: {}};
 

package/dist/esm/{localization-754e7e8b.js → localization-36a4dc22.js}

@@ -1,4 +1,4 @@
-import { c as createStore, z as zonosStore } from './zonosStore-b7d3f9b0.js';
+import { c as createStore, z as zonosStore } from './zonosStore-eca1e364.js';
 import { j as jsonParse, h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
 import { a as availableTestKeys, l as log } from './VarianceTest-572cecf5.js';
 
@@ -17945,6 +17945,45 @@ const removeBigcommerceCartShipping = async () => {
     }
 };
 
+const languages = [
+    { code: 'en', label: 'English', translatedLabel: 'English' },
+    { code: 'es', label: 'Spanish', translatedLabel: 'Español' },
+    { code: 'pt', label: 'Portuguese', translatedLabel: 'Português' },
+    { code: 'ru', label: 'Russian', translatedLabel: 'русский' },
+    { code: 'da', label: 'Danish', translatedLabel: 'dansk' },
+    { code: 'it', label: 'Italian', translatedLabel: 'Italiano' },
+    { code: 'pl', label: 'Polish', translatedLabel: 'Polskie' },
+    { code: 'ar', label: 'Arabic', translatedLabel: 'عربى' },
+    { code: 'de', label: 'German', translatedLabel: 'Deutsch' },
+    { code: 'ja', label: 'Japanese', translatedLabel: '日本語' },
+    { code: 'no', label: 'Norwegian', translatedLabel: 'norsk' },
+    { code: 'vi', label: 'Vietnamese', translatedLabel: 'Tiếng Việt' },
+    { code: 'tr', label: 'Turkish', translatedLabel: 'Türkçe' },
+    { code: 'he', label: 'Hebrew', translatedLabel: 'עִברִית' },
+    { code: 'fr', label: 'French', translatedLabel: 'Français' },
+    { code: 'nl', label: 'Dutch', translatedLabel: 'Nederlands' },
+    { code: 'zh', label: 'Chinese', translatedLabel: '中文' },
+    { code: 'sv', label: 'Swedish', translatedLabel: 'svenska' },
+    { code: 'id', label: 'Indonesian', translatedLabel: 'bahasa Indonesia' },
+    { code: 'ko', label: 'Korean', translatedLabel: '한국어' },
+];
+
+/**
+ * The languages offered in the language selector, honoring the merchant's
+ * `appearanceSettings.supportedLocales`. Falls back to every supported language when the
+ * merchant has not restricted the list, or when their selection matches nothing we ship
+ * translations for — an empty selector is never the right answer.
+ */
+const getSupportedLanguages = () => {
+    const { supportedLocales } = zonosStore.appearance;
+    if (!(supportedLocales === null || supportedLocales === void 0 ? void 0 : supportedLocales.length)) {
+        return languages;
+    }
+    const allowedLocales = new Set(supportedLocales);
+    const supportedLanguages = languages.filter(language => allowedLocales.has(language.code));
+    return supportedLanguages.length ? supportedLanguages : languages;
+};
+
 const applyInclusiveEffectiveRate = (amount) => {
     const inclusivePrice = localizationStore.inclusivePricingConfigurations.find(x => x.shipToCountry === localizationStore.selectedCountryCode);
     if (!inclusivePrice) {
@@ -18501,6 +18540,23 @@ const getValidCountryCode = (countryCode) => {
     }
     return countryCode;
 };
+/**
+ * Clamps a locale to what the merchant offers. The requested locale comes from geolocation, the
+ * browser, or the `zonosLocale` param — none of which know about
+ * `appearanceSettings.supportedLocales` — so without this a shopper could land on a language the
+ * merchant has removed, with no way to switch back to it once the selector hides it.
+ */
+const getValidLocale = (locale) => {
+    const supportedLanguages = getSupportedLanguages();
+    if (supportedLanguages.some(language => language.code === locale)) {
+        return locale;
+    }
+    // prefer English when it is on offer, otherwise take the first language the merchant kept
+    const fallback = supportedLanguages.find(language => language.code === 'en') ||
+        supportedLanguages[0];
+    log(`Locale ${locale} is not offered, falling back to ${fallback === null || fallback === void 0 ? void 0 : fallback.code}`);
+    return (fallback === null || fallback === void 0 ? void 0 : fallback.code) || 'en';
+};
 const localizationStoreUpdateSelectedCountryCode = ({ isInitializing, newSelectedCountryCode, }) => {
     var _a, _b, _c;
     log(`Updating selected country code to ${newSelectedCountryCode}`);
@@ -18660,7 +18716,8 @@ const updateCheckoutSessionLanguage = async () => {
     }
     return { errors: [], json };
 };
-const localizationStoreUpdateSelectedLocale = (newSelectedLocale) => {
+const localizationStoreUpdateSelectedLocale = (requestedLocale) => {
+    const newSelectedLocale = getValidLocale(requestedLocale);
     localizationStore.selectedLocale = newSelectedLocale;
     translationStoreUpdateLanguage(newSelectedLocale);
     void updateCheckoutSessionLanguage();
@@ -18718,4 +18775,4 @@ const initLocalizationStore = async () => {
     }
 };
 
-export { localizationStoreUpdateSelectedLocale as A, VARIANT_TEST_KEY_EXPIRATION as V, fetchCheckoutId as a, fetchBigCommerceCheckout as b, localizationStoreUpdateSelectedCountryCode as c, storageStoreSetEnabledVariantTestKeys as d, localizationStoreOnChange as e, filterValidTests as f, getZCountryUrlParam as g, currencyFormat as h, isBigCommerceCustomerLoggedIn as i, getOverridenZCountry as j, isValidSelector as k, localizationStore as l, initLocalizationStore as m, setZCountryUrlParam as n, currencyDisplay as o, currencyConvertAndFormat as p, currencyConvert as q, shouldShowHelloWidget as r, storageStore as s, translate as t, getExchangeRate as u, numberFormat as v, applyInclusiveEffectiveRate as w, translationStoreOnChange as x, storageStoreOnChange as y, getFallbackDefaultCountryCode as z };
+export { storageStoreOnChange as A, getFallbackDefaultCountryCode as B, localizationStoreUpdateSelectedLocale as C, VARIANT_TEST_KEY_EXPIRATION as V, fetchCheckoutId as a, fetchBigCommerceCheckout as b, localizationStoreUpdateSelectedCountryCode as c, storageStoreSetEnabledVariantTestKeys as d, localizationStoreOnChange as e, filterValidTests as f, getZCountryUrlParam as g, currencyFormat as h, isBigCommerceCustomerLoggedIn as i, getOverridenZCountry as j, languages as k, localizationStore as l, isValidSelector as m, initLocalizationStore as n, setZCountryUrlParam as o, currencyDisplay as p, currencyConvertAndFormat as q, currencyConvert as r, storageStore as s, translate as t, shouldShowHelloWidget as u, getExchangeRate as v, numberFormat as w, applyInclusiveEffectiveRate as x, getSupportedLanguages as y, translationStoreOnChange as z };

package/dist/esm/{paypal-b1410e02.js → paypal-6dca6567.js}

@@ -1,10 +1,10 @@
-import { z as zonosStore, c as createStore } from './zonosStore-b7d3f9b0.js';
-import { t as trackConversionEvent, w as isPolicyConsentRequired, E as policyConsentStore, A as validateCheckoutSession, b as stripeStore, d as cartStore, l as stripeStoreHandleInventoryCheck, y as storeCreditStoreApplyCredit, J as stripeStoreRecordPolicyConsent, z as storeCreditStoreCoversFullAmount, B as storeCreditStoreCreateOrder, v as cartStoreNextStep, h as cartStoreClearCheckoutInterval, I as storeCreditStoreGetEffectiveAmount } from './cart-93c36159.js';
-import { t as translate, s as storageStore } from './localization-754e7e8b.js';
+import { z as zonosStore, c as createStore } from './zonosStore-eca1e364.js';
+import { t as trackConversionEvent, w as isPolicyConsentRequired, E as policyConsentStore, A as validateCheckoutSession, b as stripeStore, d as cartStore, l as stripeStoreHandleInventoryCheck, y as storeCreditStoreApplyCredit, J as stripeStoreRecordPolicyConsent, z as storeCreditStoreCoversFullAmount, B as storeCreditStoreCreateOrder, v as cartStoreNextStep, h as cartStoreClearCheckoutInterval, I as storeCreditStoreGetEffectiveAmount } from './cart-2e407f7b.js';
+import { t as translate, s as storageStore } from './localization-36a4dc22.js';
 import { h as handleFetch, g as getIsTestMode, l as logError, j as jsonParse } from './handleFetch-a844cac1.js';
-import { i as isContrastColor } from './isContrastColor-089de6ac.js';
+import { i as isContrastColor } from './isContrastColor-9fa0d013.js';
 import { l as log } from './VarianceTest-572cecf5.js';
-import { i as isAnalyticsRelayInIframe, e as enqueueRelayEvent, s as submitGtag } from './submitGtag-dc54f5b9.js';
+import { i as isAnalyticsRelayInIframe, e as enqueueRelayEvent, s as submitGtag } from './submitGtag-71c450b6.js';
 
 /*!
  * paypal-js v8.4.2 (2025-09-04T17:21:30.135Z)

package/dist/esm/{placeTestOrder-4267cafd.js → placeTestOrder-9563c89a.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-93c36159.js';
-import { s as storageStore } from './localization-754e7e8b.js';
+import { d as cartStore } from './cart-2e407f7b.js';
+import { s as storageStore } from './localization-36a4dc22.js';
 import { l as logError, h as handleFetch } from './handleFetch-a844cac1.js';
 
 const placeTestOrder = async () => {

package/dist/esm/{renderCheckoutCurrency-9a81e41c.js → renderCheckoutCurrency-282384f0.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-93c36159.js';
-import { w as applyInclusiveEffectiveRate, h as currencyFormat } from './localization-754e7e8b.js';
+import { d as cartStore } from './cart-2e407f7b.js';
+import { x as applyInclusiveEffectiveRate, h as currencyFormat } from './localization-36a4dc22.js';
 
 const getDisplayCurrency = () => {
     var _a, _b;

package/dist/esm/shouldShowLanguageSelect-328f50e2.js

@@ -0,0 +1,11 @@
+import { y as getSupportedLanguages } from './localization-36a4dc22.js';
+
+/**
+ * Whether to offer the language selector. Hidden when the merchant has narrowed
+ * `appearanceSettings.supportedLocales` to a single language — there is nothing to pick, so the
+ * trigger would only open a one-item dialog. Checkout and Hello both gate their footer trigger on
+ * this so the two surfaces stay in lockstep.
+ */
+const shouldShowLanguageSelect = () => getSupportedLanguages().length > 1;
+
+export { shouldShowLanguageSelect as s };

package/dist/esm/{submitGtag-dc54f5b9.js → submitGtag-71c450b6.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-b7d3f9b0.js';
+import { z as zonosStore } from './zonosStore-eca1e364.js';
 import { g as getIsTestMode } from './handleFetch-a844cac1.js';
 import { l as log } from './VarianceTest-572cecf5.js';
 

package/dist/esm/{throttle-44bfb6b5.js → throttle-c4c24e86.js}

@@ -1,5 +1,5 @@
-import { d as debounce_1 } from './debounce-c8d67b17.js';
-import { d as isObject_1 } from './zonosStore-b7d3f9b0.js';
+import { d as debounce_1 } from './debounce-84ade9c2.js';
+import { d as isObject_1 } from './zonosStore-eca1e364.js';
 
 var debounce = debounce_1,
     isObject = isObject_1;

package/dist/esm/{updateCheckoutSessionAttributes-e0a282d9.js → updateCheckoutSessionAttributes-23b222de.js}

@@ -1,4 +1,4 @@
-import { d as debounce_1 } from './debounce-c8d67b17.js';
+import { d as debounce_1 } from './debounce-84ade9c2.js';
 import { h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
 
 const attributesToUpdate = {};

package/dist/esm/zonos-address-completion-dialog_7.entry.js

@@ -1,20 +1,20 @@
 import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-cfd394c8.js';
-import { t as translate, s as storageStore, y as storageStoreOnChange, l as localizationStore } from './localization-754e7e8b.js';
-import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-b7d3f9b0.js';
-import { M as MIN_POSTAL_CODE_LENGTH } from './getMissingRequiredShippingFields-ebdccdcf.js';
+import { t as translate, s as storageStore, A as storageStoreOnChange, l as localizationStore } from './localization-36a4dc22.js';
+import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-eca1e364.js';
+import { M as MIN_POSTAL_CODE_LENGTH } from './getMissingRequiredShippingFields-719b206f.js';
 import { c as classes } from './classes-0d95c529.js';
-import { U as extractName, b as stripeStore, u as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-93c36159.js';
+import { U as extractName, b as stripeStore, u as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-2e407f7b.js';
 import { R as RemoveIcon$1 } from './RemoveIcon-9dc5dd1a.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
-import { g as getBorderRadius } from './getBorderRadius-dc982fe6.js';
-import { t as throttle_1 } from './throttle-44bfb6b5.js';
+import { g as getBorderRadius } from './getBorderRadius-1f7be586.js';
+import { t as throttle_1 } from './throttle-c4c24e86.js';
 import { i as isCheckoutMobile } from './handleFetch-a844cac1.js';
 import { a as shouldRenderTaxIdInput, s as shouldRenderShortAddressCodeInput } from './shouldRenderTaxIdInput-ef7b5860.js';
 import { l as log } from './VarianceTest-572cecf5.js';
 import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-63a14057.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
-import { i as isDarkColor } from './isDarkColor-039ef212.js';
-import './debounce-c8d67b17.js';
+import { i as isDarkColor } from './isDarkColor-939d8e9c.js';
+import './debounce-84ade9c2.js';
 import './ShortAddressCode-7620e622.js';
 
 const zonosAddressCompletionDialogCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--body{padding:0 24px;position:relative}:host .zonos--dialog-header{margin-bottom:24px;position:-webkit-sticky;position:sticky;padding-top:24px;top:0;z-index:11;background:var(--zonos-elements-gray-0)}:host .zonos--dialog-title{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:12px}:host .zonos--group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:5px;gap:20px;-ms-scroll-chaining:chained;overscroll-behavior:auto}:host .zonos--selected-address{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}:host .zonos--completion-fields{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}:host .zonos--completion-name-row{display:-ms-flexbox;display:flex;gap:8px}:host .zonos--completion-name-row zonos-input{-ms-flex:1;flex:1}:host .zonos--group-btn{position:-webkit-sticky;position:sticky;padding:24px 0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end;background:var(--zonos-elements-gray-0);z-index:11}:host .zonos--group-btn .zonos--button-wrapper{display:-ms-flexbox;display:flex;gap:8px}:host(.mobile) .zonos--completion-name-row{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .zonos--button-wrapper{-ms-flex-direction:column;flex-direction:column;width:100%}:host(.mobile) .zonos--button-wrapper zonos-button{width:100%}:host(.mobile) .zonos--button-wrapper .zonos--cancel-btn{-ms-flex-order:2;order:2}:host(.mobile) .zonos--button-wrapper .zonos--submit-btn{-ms-flex-order:1;order:1}";
@@ -268,9 +268,9 @@ const ZonosAddressSuggestions = class {
         return segments;
     }
     render() {
-        return (h(Host, { key: '20e095515d18016bd1f538bd345ed58aafe8518f', class: "zonos--address-suggestions", role: "group", style: {
+        return (h(Host, { key: '9de4179f1bd0057ac71d6b9ed646c034035382f7', class: "zonos--address-suggestions", role: "group", style: {
                 '--zonos--border-radius': getBorderRadius(),
-            } }, h("ul", { key: 'f43e0820d29fc5ef96ab42402e370dc6ce381e66', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: 'd8ff4f7b53ea5fac8f42f1c13b2255ca2ea5d5e8', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '2431de3e4e5241e5d74f552051a5d3d4954624a5', class: "powered-by-container" }, h("zonos-text", { key: '48de6d435ffef45f60ebb4ef6c4b2eaf5bdee821', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: 'b0e8f2986d4f85daa2fd53b7ea812d296d28a164', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: 'e62245b99bcdc192a4ee98511c8a4a0efad6ea92', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => {
+            } }, h("ul", { key: '62fa5ed92fafcdd641f9a7eb36e36e62309c9f52', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: '27c61b5693720d0b33a75385841476787f92b884', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: 'fea9f2e8f65cd50fdf28fc45e18beb8976320f0d', class: "powered-by-container" }, h("zonos-text", { key: '1fec46f543e3673433b6924f7dca1cbd84e0ef16', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: '7b3fd93c18d4320522d61e07278f5388d14c8bbb', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '61a8362ab0514a78dd71eaa9bd638dc8b50e2a9c', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => {
                 this.localSuggestions = [];
             } }))), this.localSuggestions.map(suggestion => (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events
@@ -1446,10 +1446,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: '5baf00df63a693613f493a84c906898080dcbfa2', class: classes([
+        return (h(Host, { key: 'b4e39a6e92e646f98c0061bf3de8e028c9285556', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: 'f5079e30a1eadceffaac7fef5aa5296b1f9f480b', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: 'fcbd1bac9e06e91c9e4a229d63852df9fea08c58', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '28d21737c78a1b8125c5170c67f214e3f39939ff', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '97357f001b27197b8648d6158b786b153c31a7ba', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7451,24 +7451,24 @@ const ZonosStripePhoneInput = class {
                 .filter(Boolean)
                 .sort((a, b) => a.displayName.localeCompare(b.displayName))
             : [];
-        return (h(Host, { key: '14478c1db0acc4651d9433f71fefa8bd18b28a61', class: classes([
+        return (h(Host, { key: 'e2a1fc4c2e5f57dc1ae904b70b5f7f421297ae0c', 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: 'cdc9f75fa9a8fd81ab565614729d33b3b54b1ba9', 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: '61a2ee1f566234692a80fe68fbc4d171f36263dc', 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: 'a34d728be2b100874a2fb2a91e12b77988602b3a', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: '32602cf340a06a26c483f049595cdd812826275e', 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: 'c8d76a0a1e9ca245f03a853440a691e1bb478093', class: "zonos--input-group" }, h("div", { key: '51ccfb533bb4560061c63aaed368fb6488cf9d87', class: "zonos--select-wrapper" }, h("div", { key: 'cd50bc9c8f2fd407f47e5bfd3eba18a3f8fe721f', class: "zonos--country-select" }, h("div", { key: '05581057f31568b3d50b054e9c7fbbad5be7c27a', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '04c5abdc6fdf7e71585896b426ec1ab00dc11f66', class: "zonos--country-select-selected" }, h("div", { key: '6750556068dbad185fadfba36268417974a43865', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'a611a41490d68f2763ae43ad0fd5c0c498d16bfe', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'eab8a6353cd865cffb1576f14fee6edd5dbd3383', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'b3b4b8c407ed68305b467590921bc57925077acd', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: '7bc52fdcaf76bf6416d33442e844057b8d6e8121', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: 'd0ad07b902ef0ff675a515c07ec6597c0d0b0aa2', class: classes([
+        })), h("div", { key: '1a36aa363a853c420303241e75d89e5aa298dee9', class: "zonos--input-group" }, h("div", { key: '7f4d30619c8f69b98422bfcab964113d598d45fa', class: "zonos--select-wrapper" }, h("div", { key: '44d0f28dde38fc09ce612ad4cb78f9d1fbdbe951', class: "zonos--country-select" }, h("div", { key: 'c438e242374e303688150aec2c8eae51b6e1427d', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: '2aaec2a6315d2ee84244c4458efce6d27c8598ad', class: "zonos--country-select-selected" }, h("div", { key: '819a8b6fd270e43992c19a4b96a4ce5335ae166f', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: '090e6ce55541db022a55497b1b3a6fa7ff2b5406', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: '021bc4bf590fb6dca736478cc8f9914ce764c1ab', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'f7256f51c803d1b5aedb3b5d646a777cb553aa9d', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: 'a018c3fffc1c029df874d9be3c938307b4609d82', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: 'dd20516acf7d5cab10fe91ff4a6f59cc91600732', class: classes([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, h("input", Object.assign({ key: '5b12c7a228bf9736856c9ebf8ff7898cf0fc1889' }, 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: '04482f4bc210fb7ee6047972043f6b1942b25142', class: "zonos--floated-label" }, h("label", { key: '345c8e9d7ebc4aa8891c86a77a51f9bbd0088044', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'cd8805f31cc6b2c9d6052f4c11190dba1f242945', textColor: "red-600" }, this.error))));
+            ]) }, h("input", Object.assign({ key: 'ed8b536ba7aac9bae8012692ceb9f8573640c5d6' }, 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: 'be2ae82b335dd291d53f48a73f9b23744392daf6', class: "zonos--floated-label" }, h("label", { key: '1894a34c3a5ea09b2b45e8dfc9103d944ac69118', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'ae0ab1f97abbecf8dda4eced5aa139d8c51decaf', textColor: "red-600" }, this.error))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, a as Host, d as createEvent } from './index-cfd394c8.js';
-import { t as translate, l as localizationStore } from './localization-754e7e8b.js';
+import { t as translate, l as localizationStore } from './localization-36a4dc22.js';
 import { i as isTextContainsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
-import { f as zonosStoreFontFamily } from './zonosStore-b7d3f9b0.js';
+import { f as zonosStoreFontFamily } from './zonosStore-eca1e364.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-dc982fe6.js';
+import { g as getBorderRadius } from './getBorderRadius-1f7be586.js';
 import './handleFetch-a844cac1.js';
 import './VarianceTest-572cecf5.js';
 
@@ -128,7 +128,7 @@ const ZonosDialog = class {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '93de5ea91ebef1927a2d7dc91a00f87277755ac7', class: classes([
+        return (h(Host, { key: '73740b7d8c127367bbc2c621d036288920b3801d', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -140,10 +140,10 @@ const ZonosDialog = class {
                 '--zonos--height': this.height || 'initial',
                 '--zonos--min-height': this.minHeight || '500px',
                 '--zonos--width': this.width,
-            } }, h("div", { key: '86330a3de751f262a3f0f80fbeb436bb6e2b206f', class: "zonos--backdrop" }), h("div", { key: 'a6702c9a9b5bba9f3523503cd85ba6e6ae77fc9d', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '2c4d6e9170fbe80a2ea249d3f40cbc72e5df05d3', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'e83dcb53e9cd7504d588b124c6468535e81ce71d', class: "zonos--loading" }, h("zonos-spinner", { key: '5e8b3451b5358c76c2fdf47a0ad5eecc8394d012', size: 30 }), this.loadingTitle && (h("zonos-text", { key: '671203125d8fd7e8cb811b61b7190f826221507a', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '791a95ed2bdad0c3bfb136c9e42d7d8e920110d9', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '8d4f7a2e12cd56d6341cf5aa17be1a7f151ca45b', class: "zonos--header" }, this.headerText && (h("h3", { key: '4bdd26b40a2209ccf44d85440cfbf173724f9aaa', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'c8f5d7eaff8c9ba94d60d587b5601472e80ea79a', 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: 'e5d91fb3bb3546e559566f8782aa9d939d0f1d04', class: classes([
+            } }, h("div", { key: '441c6b5c503a431909f52699ee60992609dea232', class: "zonos--backdrop" }), h("div", { key: '94fb4689581ae2d781cae264740bbf9dbd42deac', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'ba788097f52ca80229d16ce910071b56647061f9', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '47bfe052272192a74aeed3a5ddbed802ae27bc16', class: "zonos--loading" }, h("zonos-spinner", { key: '49168e9057d08233654abfa0ca36138d205ca283', size: 30 }), this.loadingTitle && (h("zonos-text", { key: 'ed89b9b21e30b0e670b296306ed9b797f2baa75e', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '7770dbdcf4e1fb630e0ed6c08dc4830edf00d1f0', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: 'c171e207af502ef02de35803c480d927edea3ce4', class: "zonos--header" }, this.headerText && (h("h3", { key: '03999b1441d3a0dc983fed2e64680211f4a59793', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'e2954d9326195df3029c0771481881e6485fae05', 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: 'ba456d3747bd51ada021ed909a41e5768ceed4ab', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '2da7a3c7a978bb520c255a0043f96bf15b2dd006' })), h("slot", { key: '38ec2165a11c9cc2b121122124482590f9cd31e9', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '81e4de1e59970996607f7d0f2f2aef7937f82c43' })), h("slot", { key: '3fcd369711a347b9e2d2840fc708e928e17d5da1', name: "dialog-footer" })))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -1,16 +1,16 @@
 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-44bfb6b5.js';
-import { U as extractName, b as stripeStore, t as trackConversionEvent, H as stripeStoreOnChange, u as stripeStorePrefetchLandedCost, d as cartStore } from './cart-93c36159.js';
-import { s as storageStore, z as getFallbackDefaultCountryCode, t as translate, y as storageStoreOnChange, l as localizationStore } from './localization-754e7e8b.js';
-import { z as zonosStore, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-b7d3f9b0.js';
+import { t as throttle_1 } from './throttle-c4c24e86.js';
+import { U as extractName, b as stripeStore, t as trackConversionEvent, H as stripeStoreOnChange, u as stripeStorePrefetchLandedCost, d as cartStore } from './cart-2e407f7b.js';
+import { s as storageStore, B as getFallbackDefaultCountryCode, t as translate, A as storageStoreOnChange, l as localizationStore } from './localization-36a4dc22.js';
+import { z as zonosStore, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-eca1e364.js';
 import { l as logError, i as isCheckoutMobile, s as sendErrorLog } from './handleFetch-a844cac1.js';
 import { a as shouldRenderTaxIdInput, s as shouldRenderShortAddressCodeInput } from './shouldRenderTaxIdInput-ef7b5860.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as log } from './VarianceTest-572cecf5.js';
 import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-63a14057.js';
-import { g as getBorderRadius } from './getBorderRadius-dc982fe6.js';
-import './debounce-c8d67b17.js';
-import './isDarkColor-039ef212.js';
+import { g as getBorderRadius } from './getBorderRadius-1f7be586.js';
+import './debounce-84ade9c2.js';
+import './isDarkColor-939d8e9c.js';
 import './ShortAddressCode-7620e622.js';
 
 /**
@@ -415,11 +415,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: '195940efdd29696d99b1ab6524a53e6a03776c6a', class: classes([
+        return (h(Host, { key: '9b7a5340b839d63c64da03639bdfda5a11a5c25e', class: classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: '968d5990fce9c1eb22cd10b58744e6d00f2e622d', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: 'ae6dd70dcaa5ecd3465c065736e0f31fb40e72d3', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: '0bf3075670d3fcd945f9ddcbe096399e2dc213ed', class: "zonos--address-component" })));
+            ]) }, this.titleText && (h("zonos-text", { key: '23739f6a48e5698372df2d53098dea6ad1c0559a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: 'dea4b437eedaad2af2f6bbe3a1e2ae4f0706aa13', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: 'b4be684977a632371b9b6ff4587ccdd7bacc8c67', class: "zonos--address-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -551,13 +551,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: 'dc074c5b88b642e06edd8942408a3aeed05e5cdb', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: '9ad8aff8631692fa53ef172869d98e9fbfbdc059', 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: '119a9c201e44a670fb1df61f6663d96f7148ecc6', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '9534a92f69dd3d692c1a2fd86fa1cf148f68cdfa', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'e79aaf3a80b57634f78575b15a75d7b549ed20ee', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: '6d7c55b90bfb05890d876a0243558eb9a2e7a772', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'abf306ddd70cefd64aa6804aeccf700506c175d7', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'dc7e9e6d501872597928603ded57d82c15c26710', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '44367b178f46c66dfb236485e05f6832ae63a63b', class: "wrapper" }, h("div", { key: '42d10d17180ec7364710682c27d6cd4fef0b8abe', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'b5f7563fb43e1b147db669e1df71f4fafb5284df', class: "content" }, h("div", { key: '38b78e383833b5e49908c8e95c35b9ad23c0f956', class: "title" }, h("zonos-text", { key: '726f5308881671e7e17bd0591521485bd7142c1e', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '58d663842d51a512b3c8799a907bd1ed58e4fb31', class: "subtitle" }, h("zonos-text", { key: '4411400d8906a22fd5f31652a1eeb314cae8ad68', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'df0452b2af633dd558858db824336fd5925aef50', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '50f88e85e18129ef4ee209615b951683c5ff6fa8', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '314b8be8954241b8c261c62d5a4bbe8155cc6914', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: '5c1fa9ec8b59cba68ccbc5dc36e66e2fdefdeae5', class: "wrapper" }, h("div", { key: '0ce48c41c78e393a181fd5e9beeac90622b5c620', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'b42157f8e76de8a60190e384d7d53a36d8051c67', class: "content" }, h("div", { key: 'bd8eb897f15a6d095df8fbd1803f62a11b9d5d7b', class: "title" }, h("zonos-text", { key: 'd1c06b89d4917b2366f881dda7da9e1369722126', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '4f1269aaab5ad3965d6ddfc0949341d4f202f296', class: "subtitle" }, h("zonos-text", { key: 'f784b5dd86ff684e790f27a586e3eeb4ac683884', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'e0403a968aee6ff878c9e916e9ff216e2052ab0c', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '66e34a9d61f677786bfe286f377854c9ebc780ed', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '3652507591e3055856a044e191525ea36b6042ca', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -791,7 +791,7 @@ const ZonosLoadingOverlay = class {
         this.size = 40;
     }
     render() {
-        return (h(Host, { key: 'e284a5ada0945f1895dbd9b40039e9d2ef600111', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'fb68155fe133ba8cd1d923a0fbb37a382ecabc34', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '50dc3d4b1f53173240d23ffeac966f7463546fde', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (h(Host, { key: '8cafd99b309b04da5cf1b26b0f0804f4699c06b2', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '9ce7ac9b7e6956a5f76fc2105fa7f5d05299fd36', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '4be3a8d471e3aead2e4194c4ecbf66878a7a3f17', size: this.size, spinnerColor: this.spinnerColor }))));
     }
 };
 ZonosLoadingOverlay.style = ZonosLoadingOverlayStyle0;

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

@@ -1,12 +1,12 @@
 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-42d4757a.js';
-import { d as cartStore } from './cart-93c36159.js';
-import { e as localizationStoreOnChange, t as translate, l as localizationStore } from './localization-754e7e8b.js';
-import { z as zonosStore } from './zonosStore-b7d3f9b0.js';
+import { b as airwallexStore, c as collectStore, f as airwallexStoreInitSdk, l as createElement, m as airwallexStoreGetLocale, n as airwallexStoreOnChange } from './collect-19428e18.js';
+import { d as cartStore } from './cart-2e407f7b.js';
+import { e as localizationStoreOnChange, t as translate, l as localizationStore } from './localization-36a4dc22.js';
+import { z as zonosStore } from './zonosStore-eca1e364.js';
 import { l as log } from './VarianceTest-572cecf5.js';
 import { l as logError } from './handleFetch-a844cac1.js';
-import './isDarkColor-039ef212.js';
-import './getBorderRadius-dc982fe6.js';
+import './isDarkColor-939d8e9c.js';
+import './getBorderRadius-1f7be586.js';
 import './TaxId-63a14057.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}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as Host } from './index-cfd394c8.js';
-import { f as zonosStoreFontFamily } from './zonosStore-b7d3f9b0.js';
+import { f as zonosStoreFontFamily } from './zonosStore-eca1e364.js';
 import { c as classes } from './classes-0d95c529.js';
 import './VarianceTest-572cecf5.js';
 
@@ -46,16 +46,16 @@ const ZonosBadge = class {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: 'c8d29084d1a10f985bcb52409881fff004a73118', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '95c8a620e803b4ea84d7789ff746d1edc1252389', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '28cd3711c8e8d6b362c56589553401707456fdc6', class: classes([
+            } }, h("div", { key: '000fb2efaa9cffa4635e89e700013bcc1f9fd63c', 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: '9dcb72621037e37fc11d5cabe915f6dad9798c2a', textColor: `${this.badgeColor}-800` }, h("slot", { key: '7599b4c4689100dc637a3842287a93a42b4edd41' })), this.dismissHandler && (h("zonos-icon", { key: '861156179b8c8a8d8db1b4ee72717581d2eb7222', "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: '8c84abeb697dd20f6c1acbd2f512a5bac2c45883', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'b5bc9ed235747f2986fd7a1c94cbede4b8ffc715' })), this.dismissHandler && (h("zonos-icon", { key: '629b306370ba2fab2e43b625fce19e44be2a91a7', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
     }
 };
 ZonosBadge.style = ZonosBadgeStyle0;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as Host } from './index-cfd394c8.js';
-import { f as zonosStoreFontFamily } from './zonosStore-b7d3f9b0.js';
+import { f as zonosStoreFontFamily } from './zonosStore-eca1e364.js';
 import { c as classes } from './classes-0d95c529.js';
 import './VarianceTest-572cecf5.js';