@zonos/elements 1.3.263 → 1.3.264

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

@@ -0,0 +1,99 @@
+const toContactOption = (address, email) => {
+    // Skip entries missing the fields the address form treats as required.
+    if (!address.address1 || !address.countryCode) {
+        return null;
+    }
+    const name = [address.firstName, address.lastName]
+        .filter(Boolean)
+        .join(' ')
+        .trim();
+    return {
+        address: {
+            city: address.city || '',
+            country: address.countryCode,
+            line1: address.address1,
+            line2: address.address2 || '',
+            postal_code: address.postalCode || '',
+            // Prefer the ISO subdivision code when present so it round-trips through
+            // Stripe; fall back to the human-readable state name.
+            state: address.stateOrProvinceCode || address.stateOrProvince || '',
+        },
+        email,
+        name,
+        phone: address.phone || '',
+    };
+};
+const dedupKey = (option) => [
+    option.address.line1,
+    option.address.line2 || '',
+    option.address.postal_code,
+    option.address.country,
+]
+    .join('|')
+    .toLowerCase();
+/**
+ * Extract a logged-in BigCommerce shopper's known addresses from a Storefront
+ * API checkout response and convert them into the shape that `zonos-address`
+ * consumes (`StripeStoreContactOption[]`).
+ *
+ * Combines the saved address book (`customer.addresses`) with any address
+ * already attached to the active checkout's consignments, so a shopper who
+ * just selected a one-off shipping address on BC native checkout still sees
+ * that address in the international checkout's address picker. Deduplicates
+ * by line1 + line2 + postal code + country.
+ *
+ * Callers must supply `isShippable` so addresses outside the merchant's
+ * shipping zones are filtered out — international checkout can't fulfill
+ * them and showing them would just confuse the shopper. The optional
+ * `selectedCountryCode` floats addresses in that country to the top of the
+ * list so the shopper's current destination is the default choice.
+ *
+ * Returns an empty list for guest sessions (no `customer.id`) or when the
+ * checkout response is missing the relevant includes.
+ */
+export const getBigCommerceCustomerAddresses = (checkout, options) => {
+    var _a, _b, _c, _d;
+    if (!((_a = checkout === null || checkout === void 0 ? void 0 : checkout.customer) === null || _a === void 0 ? void 0 : _a.id)) {
+        return [];
+    }
+    const { isShippable, selectedCountryCode } = options;
+    const email = checkout.customer.email || '';
+    const consignmentAddresses = (_c = (_b = checkout.consignments) === null || _b === void 0 ? void 0 : _b.flatMap(consignment => consignment.shippingAddress ? [consignment.shippingAddress] : [])) !== null && _c !== void 0 ? _c : [];
+    const savedAddresses = (_d = checkout.customer.addresses) !== null && _d !== void 0 ? _d : [];
+    const seen = new Set();
+    const result = [];
+    // Iterate saved addresses first so the dedup key for an address present in
+    // both lists keeps the saved-book version (which carries an `id` and is the
+    // shopper's canonical entry).
+    for (const address of [...savedAddresses, ...consignmentAddresses]) {
+        const option = toContactOption(address, email);
+        if (!option) {
+            continue;
+        }
+        if (!isShippable(option.address.country)) {
+            continue;
+        }
+        const key = dedupKey(option);
+        if (seen.has(key)) {
+            continue;
+        }
+        seen.add(key);
+        result.push(option);
+    }
+    if (!selectedCountryCode) {
+        return result;
+    }
+    // Stable-sort the survivors so addresses matching the currently-selected
+    // country come first while everything else keeps its original order.
+    return result
+        .map((option, index) => ({ index, option }))
+        .sort((a, b) => {
+        const aMatches = a.option.address.country === selectedCountryCode;
+        const bMatches = b.option.address.country === selectedCountryCode;
+        if (aMatches === bMatches) {
+            return a.index - b.index;
+        }
+        return aMatches ? -1 : 1;
+    })
+        .map(entry => entry.option);
+};

package/dist/collection/components/utils/hello/currencyConversion/currencyDisplay.js

@@ -1,5 +1,6 @@
 import { zonosStore } from "../../../store/zonosStore";
 import { defaultCurrencyConverter } from "./defaultCurrencyConverter";
+import { log } from "../../logging/log";
 import { removeBlurCurrency } from "../../../../utils/performBlurCurrency";
 export const currencyDisplay = () => {
     if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
@@ -7,5 +8,19 @@ export const currencyDisplay = () => {
         void removeBlurCurrency();
         return;
     }
+    // BigCommerce renders prices server-side using its native currency selector
+    // (exposed via `document.body.dataset.currencyCode`). When that currency
+    // differs from `zonosStore.sourceCurrency`, the DOM amounts are not in the
+    // currency Hello would convert *from* — running conversion would double-
+    // convert and produce wrong prices.
+    if (window.Zonos.isBigCommerce) {
+        const bigcommerceCurrencyCode = document.body.dataset.currencyCode;
+        if (bigcommerceCurrencyCode &&
+            bigcommerceCurrencyCode !== zonosStore.sourceCurrency) {
+            log(`Skipping Hello currency conversion: BigCommerce native currency "${bigcommerceCurrencyCode}" does not match sourceCurrency "${zonosStore.sourceCurrency}".`, 'info');
+            void removeBlurCurrency();
+            return;
+        }
+    }
     defaultCurrencyConverter();
 };

package/dist/collection/components/utils/hello/currencyConversion/currencyFormat.js

@@ -40,7 +40,7 @@ export const currencyFormat = ({ amount, currency, }) => {
         return result;
     }
     const currencyDisplay = (overrideCurrencyFormat === null || overrideCurrencyFormat === void 0 ? void 0 : overrideCurrencyFormat.currencyDisplay) || 'symbol';
-    const formattedNumber = new Intl.NumberFormat(window.navigator.language, {
+    const formattedNumber = new Intl.NumberFormat(zonosStore.sourceCurrency === 'AUD' ? 'en-AU' : window.navigator.language, {
         currency: targetCurrency,
         currencyDisplay,
         minimumFractionDigits: minimumFractionDigits,

package/dist/esm/{cart-34b11708.js → cart-41f41429.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-2e523b35.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 { 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/{hasInclusivePrice-dfb21fc9.js → hasInclusivePrice-afc0dd6e.js}

@@ -1,4 +1,4 @@
-import { l as localizationStore } from './localization-2e523b35.js';
+import { l as localizationStore } from './localization-ee06df70.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.263.js.zonos.com";
+    const cdnUrl = "https://v1.3.264.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.263.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.263";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.263";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.263";
+const ZONOS_URL = "https://v1.3.264.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.264";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.264";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.264";
 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 = "1778693622367";
+Zonos.releaseDate = "1779124061433";
 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.263"}`;
+Zonos.version = `v${"1.3.264"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{invoice-6d8bdf21.js → invoice-e6721745.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-34b11708.js';
-import { s as storageStore } from './localization-2e523b35.js';
+import { b as stripeStore, G as stripeStoreBuildAddressForPartyCreate, d as cartStore, H as cartStoreUpdateSelectedShippingOption } from './cart-41f41429.js';
+import { s as storageStore } from './localization-ee06df70.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-85403c93.js → isCollectMobileTablet-d02bb448.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-34b11708.js';
-import { s as storageStore } from './localization-2e523b35.js';
+import { b as stripeStore, G as stripeStoreBuildAddressForPartyCreate, d as cartStore, H as cartStoreUpdateSelectedShippingOption } from './cart-41f41429.js';
+import { s as storageStore } from './localization-ee06df70.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-2e523b35.js → localization-ee06df70.js}

@@ -16850,7 +16850,7 @@ const currencyFormat = ({ amount, currency, }) => {
         return result;
     }
     const currencyDisplay = (overrideCurrencyFormat === null || overrideCurrencyFormat === void 0 ? void 0 : overrideCurrencyFormat.currencyDisplay) || 'symbol';
-    const formattedNumber = new Intl.NumberFormat(window.navigator.language, {
+    const formattedNumber = new Intl.NumberFormat(zonosStore.sourceCurrency === 'AUD' ? 'en-AU' : window.navigator.language, {
         currency: targetCurrency,
         currencyDisplay,
         minimumFractionDigits: minimumFractionDigits,
@@ -17079,6 +17079,20 @@ const currencyDisplay = () => {
         void removeBlurCurrency();
         return;
     }
+    // BigCommerce renders prices server-side using its native currency selector
+    // (exposed via `document.body.dataset.currencyCode`). When that currency
+    // differs from `zonosStore.sourceCurrency`, the DOM amounts are not in the
+    // currency Hello would convert *from* — running conversion would double-
+    // convert and produce wrong prices.
+    if (window.Zonos.isBigCommerce) {
+        const bigcommerceCurrencyCode = document.body.dataset.currencyCode;
+        if (bigcommerceCurrencyCode &&
+            bigcommerceCurrencyCode !== zonosStore.sourceCurrency) {
+            log(`Skipping Hello currency conversion: BigCommerce native currency "${bigcommerceCurrencyCode}" does not match sourceCurrency "${zonosStore.sourceCurrency}".`, 'info');
+            void removeBlurCurrency();
+            return;
+        }
+    }
     defaultCurrencyConverter();
 };
 

package/dist/esm/{paypal-d3b3d967.js → paypal-ac74241f.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-34b11708.js';
-import { t as translate, s as storageStore } from './localization-2e523b35.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-41f41429.js';
+import { t as translate, s as storageStore } from './localization-ee06df70.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-e1d6dfcd.js → placeTestOrder-0416d327.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-34b11708.js';
-import { s as storageStore } from './localization-2e523b35.js';
+import { d as cartStore } from './cart-41f41429.js';
+import { s as storageStore } from './localization-ee06df70.js';
 import { l as logError, h as handleFetch } from './handleFetch-a844cac1.js';
 
 const placeTestOrder = async () => {

package/dist/esm/{renderCheckoutCurrency-cc72a6c2.js → renderCheckoutCurrency-99da51f5.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-34b11708.js';
-import { o as applyInclusiveEffectiveRate, d as currencyFormat } from './localization-2e523b35.js';
+import { d as cartStore } from './cart-41f41429.js';
+import { o as applyInclusiveEffectiveRate, d as currencyFormat } from './localization-ee06df70.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-2e523b35.js';
+import { t as translate, l as localizationStore, s as storageStore, q as storageStoreOnChange } from './localization-ee06df70.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-34b11708.js';
+import { Q as extractName, b as stripeStore, q as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-41f41429.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';
@@ -166,9 +166,9 @@ const ZonosAddressSuggestions = class {
         return segments;
     }
     render() {
-        return (h(Host, { key: 'fe92e3ac70b644dbacda2cfc56e2676ac34632cc', class: "zonos--address-suggestions", role: "group", style: {
+        return (h(Host, { key: '95f0fa0a1a5eb62ae2f08f305216a365f166af96', class: "zonos--address-suggestions", role: "group", style: {
                 '--zonos--border-radius': getBorderRadius(),
-            } }, h("ul", { key: 'c042e5d4f563ace9631f3a9d4ad3dd3c9e12cc35', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: 'b68deb87d190d53b597085f7503c838e0a089227', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '4dac7702de58610364ad031a181c33d135ec2b1f', class: "powered-by-container" }, h("zonos-text", { key: '74e97d754914267d43e39740ea48634ddcb87355', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: 'f2771fd3f18665eb414b653740930afe1bb42e4e', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '657f036bec0ad31091b83be9927036362f6607a6', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon$1 }), noBackground: true, onClick: () => {
+            } }, h("ul", { key: 'd76493f93428da65b645b8bf16ee82b780b2eb97', "aria-label": "Suggestions", class: "wrapper", role: "listbox" }, !!this.localSuggestions.length && (h("li", { key: 'b7d4a61c717a2df1057a81ff2e6517a0b7a7869a', "aria-selected": false, class: "powered-by option", role: "option" }, h("div", { key: '0dca2094920653d6205dd79e717290536e7ae1c9', class: "powered-by-container" }, h("zonos-text", { key: 'baa29ec5e43286d4df28eb418c7b2ccc4bf7d1e7', type: "caption" }, "Suggestions powered by"), h("zonos-text", { key: '2b544408cc75a9c50750072b1efb63e4cd4f1323', type: "semiBoldLabel" }, "Google")), h("zonos-button", { key: '939ba84809ce8f113a8d13cc75cb8a3c23013847', "aria-label": "Clear suggestions", icon: h("zonos-icon", { content: RemoveIcon$1 }), noBackground: true, onClick: () => {
                 this.localSuggestions = [];
             } }))), this.localSuggestions.map(suggestion => (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events
@@ -1312,10 +1312,10 @@ const ZonosAddress = class {
             this.country = localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '4874639006b452cc6a2b5e5beabbe97fe7a0fde5', class: classes([
+        return (h(Host, { key: 'ce15e47889c185c72b9f79327ebbd24950da1811', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: 'a365f9de88a9f7602e46e1d87aa180d2b51a4079', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '66146ab6e78cfce499a10aa4d117a64a49a7f886', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '91d1a627a89b8114075f5ecc1dff7bd8d52dd0b7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("slot", { key: '1a69664bc17a2d59cff241bbb0917714340e006e', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), this.renderCustomAddressForm()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -1425,7 +1425,7 @@ const ZonosDialog = class {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'ea5fe1fbc9cddf1937f5d3d5472e8288ca99a772', class: classes([
+        return (h(Host, { key: 'a5e865f6ef72282447404923a8c1b9920ead47b1', 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: 'a8086837918088143287c231afc7594157657ea6', class: "zonos--backdrop" }), h("div", { key: '2449af1214f4b4d745993ea001b4f1147f3989a7', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'f4507a332b704e09fe17c5d73b440c284d83b7d9', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '1bcb8e243e87611474205d6ecd0490e43eb83383', class: "zonos--loading" }, h("zonos-spinner", { key: 'cf7ad545ef370501cf95a7e58736c90b94da7937', size: 30 }), this.loadingTitle && (h("zonos-text", { key: '0d9f87e7d1ce303f996c2536f863f1d125f3c040', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: 'e2a1d073d020b7914a1025024da0841e10bd09fb', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '3de5de755a28433ac8e14c0b7a1940ca6831a2fd', class: "zonos--header" }, this.headerText && (h("h3", { key: '89f5eb402ef75a079f6d0e0f87f986d461730727', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'fe220b8a93de46c56bebc704e68940c9f70e4cb1', 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: '1313249b74777b0394a7a7fca6745add56292086', class: classes([
+            } }, 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([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '585402b85ac8ef6cfa1b9051049e42edd645d99d' })), h("slot", { key: '3c0d42a12a16ce61786f1531da312403ad70affd', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '7cb10ba057870384afa85d4492a39c2f01766641' })), h("slot", { key: 'e8a90958c50234218123ffbc65fe16980a35a169', 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: '1f200a91b6571a4c113da30e3837ece4b38bc7cb', class: classes([
+        return (h(Host, { key: 'eb23ab75a61aa94b7d4299f39b77d38ec1cbec20', 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: 'c4e048ff9e4fb57598033b782f43a82db4729334', 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: '4690d6346d04820fa677e02483164f1e39c348ad', 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: 'a4c1e90dd4490f6895e39d71233c5e05309434b4', class: "zonos--select", disabled: this.disabled, onBlur: this.handleBlur, onChange: this.handleCountryChange, onFocus: this.handleFocus }, countryOptionsList.map(option => {
+            ]) }, h("select", { key: 'be7fab230afd6e19cb133d13f9d1f946893dd85e', 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: 'b56bdb3b9f7acd4a32c9c833c631de2ad74c8b04', class: "zonos--input-group" }, h("div", { key: '4babc988f0432df5a622e3fe70be2395625fec4f', class: "zonos--select-wrapper" }, h("div", { key: 'afd4d0863e2e4d9c809cf74b267452d23db0db9d', class: "zonos--country-select" }, h("div", { key: '6b50899c82c335ea6bc00792f549b059439f80aa', class: "zonos--country-select-content" }, this.selectedCountry && (h("div", { key: 'b2ffde73f454dc7f37598a7992f7e48a98ebe627', class: "zonos--country-select-selected" }, h("div", { key: '25573e4a4409cd742aa2557726bafd9b738a250f', class: "zonos--country-flag-wrapper" }, h("zonos-country-flag", { key: 'b6ed256e1867d8204144676f254d30ca4535eae1', class: "zonos--country-flag", countryCode: this.selectedCountry.countryCode })), h("div", { key: 'd8b0f28d7aa5a0afef1c11603d15b5007e8e81e9', class: "zonos--country-code" }, "+", this.selectedCountry.phoneCode))), h("div", { key: 'ea4ab66f550a807ecd4182dfcb803a317fd69074', class: "zonos--select-chevron-wrapper" }, h("zonos-icon", { key: 'ee0818647a08ac39c6cc3594c7c361b6a79681dd', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon$1, iconColor: "gray-800" }))))), h("div", { key: 'c02c404700de1d096838449533b419b1e9f95d84', class: classes([
+        })), 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([
                 'zonos--input-container',
                 this.inputLabel && 'has-label',
                 hasContent && 'has-content',
-            ]) }, h("input", Object.assign({ key: '88b15052fc88329cc1791e4c89e9db171b6b0569' }, 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: 'bbaffd11b9d33d28dd363e9110ce884ccc1a9ebe', class: "zonos--floated-label" }, h("label", { key: '5cd458d801979127b26407295b95f0d15f5c383d', htmlFor: this.inputId }, this.inputLabel || translate('Phone number'))))))), this.error && (h("zonos-text", { key: 'f0ef5a5b0762b14007c0df09fff7f7abecd9920b', textColor: "red-600" }, this.error))));
+            ]) }, 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))));
     }
     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: '07b9269eb9130ac91b366369d5db4c49c7fc7be2', class: classes([
+        return (h(Host, { key: '62511439918e73ea4404c4b077c5da143b1459a7', 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: '6c82ff92d68ca8b031985af671ad47d4c47c4968', 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: 'cc826990fe112f66682e522e2fbbe808b3017537', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("select", Object.assign({ key: 'c2df2cfc855706c376a82bfe7c752c58d987aab4' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes([
+            ]) }, h("select", Object.assign({ key: '2803799a7226bf79d173093a4b1773ef57e122f8' }, 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: 'aab67935dd68de369fb67749006ec06656e2e187', 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: '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 ||
                 // Sometimes google returns the label not the code for some countries
-                this.internalValue === option.label, value: option.value }, option.label)))), h("div", { key: 'a5a10b4a0b690aad09e2b8138b84623eb8a80e2e', class: "zonos--floated-label" }, h("label", { key: '98da29b702b07eaea01196cffa306d8c7497ce69', htmlFor: this.selectId }, this.selectLabel)), h("div", { key: '03b5847543e1c5a60af23cf5b5b572ed53abdcf9', class: "zonos--actions-wrapper" }, showClearButton && (h("button", { key: '3a078eb32e3702edd6b084e367d336c994a23284', "aria-label": "Clear selection", class: "zonos--clear-button", onClick: this.handleClear, tabIndex: 0, type: "button" }, h("zonos-icon", { key: '3783636799756d514fb456005615692bfb03fbe1', class: "zonos--clear-icon", content: RemoveLineIcon, iconColor: "gray-1200" }))), h("zonos-icon", { key: '7ba276746b986d5cea76f9c53fa4e3d8627d4d35', "aria-label": "Expand collapsed section", class: "zonos--select-chevron", content: ChevronDownIcon, iconColor: "gray-800" }))), this.error && (h("zonos-text", { key: 'b9e3282bd4b44d7f6c113cff1e3746c836ab29dc', textColor: "red-600" }, this.error))));
+                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))));
     }
     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-34b11708.js';
-import { s as storageStore, r as getFallbackDefaultCountryCode, t as translate, q as storageStoreOnChange, l as localizationStore } from './localization-2e523b35.js';
+import { b as stripeStore, t as trackConversionEvent, Q as extractName, E as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, d as cartStore } from './cart-41f41429.js';
+import { s as storageStore, r as getFallbackDefaultCountryCode, t as translate, q as storageStoreOnChange, l as localizationStore } from './localization-ee06df70.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';
@@ -354,11 +354,11 @@ const ZonosAddress = class {
             this.isAddressFilled = true;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '300434f0623d886693dc101b47cb5cd5f9503d3e', class: classes([
+        return (h(Host, { key: 'ebba5be32c456e8b71d397db63e666e5d5df1543', class: classes([
                 'zonos--address',
                 'zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, this.titleText && (h("zonos-text", { key: 'eb7592c563d728af019db397f4d5e7e9f448f4d7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: 'c9556ead2ad1bf1b462637ae44834dc4f25afa8a', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: 'cecaa1a9b4a176607125106f55b6e4d6cab31705', class: "zonos--address-component" })));
+            ]) }, this.titleText && (h("zonos-text", { key: '25f15ea17b50ed055eb98b072850296312785b06', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("slot", { key: '631bc324d1bb96fb9e796b38a6da42ef6ca601a3', name: "below-title" }), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderShortAddressCodeInput(), h("div", { key: '25f88c72f8fc9b788b042f2df2f1b8085132f683', class: "zonos--address-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -490,13 +490,13 @@ const ZonosConfirmDialog = class {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: '3f86259272e4aee2cb846ee15cad8e616917b020', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: 'ae8a2dd88cbeeb8865f1ed67eae5d42356359d53', 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: 'e4f146413bfb70c1d7c3629da6830482060f975a', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '272c6ef86a66a5e61c7fc1753b4b60ce7bc25aee', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'e533b39f91579923dcd725edf8b602cba80b8857', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, 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: () => {
                 this.focusDialog();
-            } }, h("div", { key: '16c171b80dbee7c033ea35731afa6537222c7458', class: "wrapper" }, h("div", { key: '7f3bd95d72a06ecadf22df0a332292050d9907f9', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'e234a037041b1fc7b558c841ddc03da940213bd7', class: "content" }, h("div", { key: '37492c329f9bd02e199828b57a16de616800d0fc', class: "title" }, h("zonos-text", { key: 'd935e67d0004c8f5c925082f222cff4e95568b6a', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '58acbdb5ace31ece6d900f21637dab17aa797ad8', class: "subtitle" }, h("zonos-text", { key: '981f15fc921e9d2ff2749fea94f21859cbf51fe3', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '07e17ccc316ee180a72705f1d76a9c6f2927bfd7', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '6b1b270b13c1a274e93d33ef4c1ca6798499c5c2', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'befd3b801cb8cf5b41c3c74e8947f2977aa77ce1', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, 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)))))));
     }
     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: '2307e7f2b5db43fa4625097a96fd9182b5a1c729', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '9c7aa8101410becb1341bc2d602638fbccff2dbf', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'ebf5db2566052ee898d8d09aaeceb664a8e264e2', size: this.size, spinnerColor: this.spinnerColor }))));
+        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 }))));
     }
 };
 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: 'dabf6b5d9c4585f9fe62b69655c3043c5d51eb6e', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '76d8a0655e3d4009085f34ea0cbc56c180076081', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '4603e1dbcb6760ae1a18d008cbffc9acc8b1b444', class: classes([
+            } }, h("div", { key: 'c512b84c92030ad81f1a6180304fd79c2a3c3708', 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: '5d70287727ff5681be1d2f4f0faf32ba39899b4b', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'e3ea93273daccab2b37f8240b29041e485d8bcef' })), this.dismissHandler && (h("zonos-icon", { key: '5c09bc191f5ae6f9fe18da4ed15c9f60bab58b03', "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: '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); } })))));
     }
 };
 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: 'b816d7ac8f86b6256d017de9a7049c008cbfd973', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: '0e8c9eaa41b5769793e8b598e675f74e76061a7d', 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: 'ddc1bba069df9e03db22fdfb77fe1118e84d0744' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: '5de21db7f0fb00f327ffb9d9da450269e8493b43' }, 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: '98c12cd886ada57ae8f571f6a5e1914024198dd5', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '22dee22121fabe21d7c6f02b8b48e83b8c1894a7', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '27cbe56b4c77dd5678a2e6685fc05694ab36cab1', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), 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)));
     }
     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-34b11708.js';
-import { s as storageStore } from './localization-2e523b35.js';
+import { b as stripeStore, t as trackConversionEvent } from './cart-41f41429.js';
+import { s as storageStore } from './localization-ee06df70.js';
 import { l as logError } from './handleFetch-a844cac1.js';
-import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-d3b3d967.js';
+import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-ac74241f.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: '000ef115565050082a6e73e1709e014c66b410b7', style: {
+        return (h(Host, { key: '04b66449d19c5862587b5ef4b2f7cb32524b03bd', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'c9391737f61c4e555643ead25e927376d4e949ba', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '218a1def4d384b3bf589e87ca657168de2cea3e5', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '9a23e108d3a53adf878bc50cb4c3927ebd8db4a6', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: 'ea6a44ecec753ff4ff588d2f47843cc242f55f98', type: "subheader" }, this.label), h("h-stack", { key: '7da7b584607867884466b311b1c9055c281e3326', spacing: 8 }, this.actions))), h("slot", { key: 'd3c458ee2288071bd72bbadc760fa9a0c6333219' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'b668c38a177fd5b0d7fe7988d18afe6f40e8082c', class: "card-footer", style: {
+            } }, 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: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: '61b13afeac104d27d76f73c0f869104ce5295197' }, this.footerContent), h("h-stack", { key: '3cbdc1beb4e3b2129d9e71cb6c4ed94565a20ba9', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '801f46a84cbb1185185ee35f51bf211f09d5aaee' }, this.footerContent), h("h-stack", { key: 'c995fab1c343973cf5da3079b99baa8b11af2903', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;
@@ -257,7 +257,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'd6aba7a614610a64012ef6636e19b345623141ec', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'edf8c9ee8d7a9ebf87922a49d9b7420efd80b226', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '3d0d7638a309fdf4dc1ab39bb463a0c35add911d', class: "zonos--payment-component" }), h("div", { key: 'a79f98f63bad2a7c5023eeb5bb28ae39997ada27', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '6bc25553430c9e23c77a0607ad28dc4c9efa66e6', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'e4ba3f581697a799e50fe066e7cc922a206af8e5', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '0247eecadf083f09b67c5f668da845431234750d', class: "zonos--payment-component" }), h("div", { key: '7f63abd0a2c1cbc62f931e44fc44c69b57a4f8ed', class: "zonos--payment-paypal-container" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -321,7 +321,7 @@ const ZonosPaypalPayment = class {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (h(Host, { key: '5745cd59ad8b81a41f8015438afd036621695bbb', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: 'be5154e55384e2ecd42e2ec6b2be7712fb6ef31b', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: 'c01e031b29e0089389be2a16e888bd0b7c24dcd8', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: 'f03c880bde17291f083cfe1f0db6a918f92d720b', class: "zonos--payment-paypal-container" })));
     }
     get el() { return getElement(this); }
 };