@zonos/elements 1.3.21 → 1.3.22

package/dist/collection/components/store/zonosStore.js

@@ -1,6 +1,6 @@
 import { createStore } from "@stencil/store";
 import { mergeConfig } from "../utils/mergeConfig";
-const { reset, state: zonosStore } = createStore(() => ({
+const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(() => ({
     appearance: {
         colorPrimary: 'white',
         fontFamily: 'Inter',
@@ -119,9 +119,10 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
     zonosStore.storeId = ((_d = (_c = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _c === void 0 ? void 0 : _c.references) === null || _d === void 0 ? void 0 : _d.storeId) || null;
     zonosStore.currencyConverter = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.currencyConverter;
     zonosStore.onCountryChange = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.onCountryChange;
+    zonosStore.overrideCurrencyFormat = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.overrideCurrencyFormat;
 };
 const zonosStoreFontFamily = () => {
     const fontFamily = zonosStore.appearance.fontFamily || 'Inter';
     return fontFamily;
 };
-export { getZonosStoreTheme, zonosStore, zonosStoreFontFamily, zonosStoreInitSetting, };
+export { getZonosStoreTheme, zonosStore, zonosStoreDispose, zonosStoreFontFamily, zonosStoreInitSetting, };

package/dist/collection/components/utils/api/getExchangeRate.js

@@ -1,22 +1,37 @@
 import { handleFetch } from "../handleFetch";
 import { logError } from "../logging/logError";
+const defaultUsExchangeRate = {
+    exchangeRate: {
+        rate: 1,
+        targetFormat: {
+            currencyCode: 'USD',
+            decimalDelimiter: '.',
+            scale: 2,
+            symbol: '$',
+            symbolLocation: 'before',
+            thousandsDelimiter: ',',
+        },
+    },
+    maxAge: null,
+};
 export const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCurrency, }) => {
     var _a;
-    // If source currency matches target currency (US -> US) and is not a guaranteed rate, return null
+    // If source currency matches target currency (US -> US) and is not a guaranteed rate, return default exchange rate so we still format properly.
     if (sourceCurrency === targetCurrency && !isGuaranteed) {
-        return { exchangeRate: null, maxAge: null };
+        return defaultUsExchangeRate;
     }
     const url = `${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}&isGuaranteed=${isGuaranteed}&country=${country}`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
         logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
-        return { exchangeRate: null, maxAge: null };
+        return defaultUsExchangeRate;
     }
-    const { maxAge, rate, targetFormat } = json.exchangeRateCreate;
+    const { rate, targetFormat } = json.exchangeRateCreate;
+    const maxAge = json.maxAge;
     if (rate) {
         sessionStorage.setItem(country + '_rate', JSON.stringify(rate));
         const exchangeRate = { rate, targetFormat };
         return { exchangeRate, maxAge };
     }
-    return { exchangeRate: null, maxAge: null };
+    return defaultUsExchangeRate;
 };

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

@@ -2,6 +2,6 @@ import { currencyConvert } from "./currencyConvert";
 import { currencyFormat } from "./currencyFormat";
 export const currencyConvertAndFormat = (value) => {
     const convertedValue = currencyConvert(value);
-    const formattedValue = currencyFormat(convertedValue);
+    const formattedValue = currencyFormat({ amount: convertedValue });
     return formattedValue;
 };

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

@@ -12,7 +12,7 @@ export const currencyDisplay = () => {
         zonosStore.currencyConverter({
             convert: currencyConvert,
             convertAndFormat: currencyConvertAndFormat,
-            format: currencyFormat,
+            format: (value) => currencyFormat({ amount: value }),
             selector: currencyElementSelector,
         });
     }

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

@@ -1,32 +1,47 @@
 import { localizationStore } from "../../../store/hello/localization";
-export const currencyFormat = (value) => {
-    if (!value || isNaN(value)) {
+import { zonosStore } from "../../../store/zonosStore";
+export const currencyFormat = ({ amount, currency, }) => {
+    if (isNaN(amount) || (amount !== 0 && !amount)) {
         return '';
     }
+    const overrideCurrencyFormat = zonosStore.overrideCurrencyFormat;
     const { exchangeRate } = localizationStore;
+    const targetCurrency = currency || localizationStore.targetCurrency;
+    // Use user-defined currency format
+    if (typeof overrideCurrencyFormat === 'function') {
+        return overrideCurrencyFormat({
+            amount: amount,
+            countryCode: targetCurrency,
+        });
+    }
     const { targetFormat } = exchangeRate || {};
-    if (!targetFormat) {
-        return value.toString();
+    if (!targetFormat || !exchangeRate) {
+        // Return the amount as a string if no exchange rate is available
+        return `${amount.toString()} ${targetCurrency}`;
     }
-    const minimumFractionDigits = (exchangeRate === null || exchangeRate === void 0 ? void 0 : exchangeRate.targetFormat.scale) || 2;
-    // browsers can autoformat the currency based on the users language setting
-    // unless the browser is Internet Explorer, because Internet Explorer is stupid
+    const minimumFractionDigits = targetFormat.scale || 2;
     const isIE = window.navigator.userAgent.indexOf('MSIE ') !== -1;
     const numberFormatExists = typeof Intl === 'object' && Intl && typeof Intl.NumberFormat === 'function';
-    if (!isIE && numberFormatExists) {
-        return new Intl.NumberFormat(window.navigator.language, {
-            currency: targetFormat.currencyCode,
-            minimumFractionDigits: minimumFractionDigits,
-            style: 'currency',
-        }).format(value);
-    }
-    else {
-        let formattedNumber = Number(value)
+    if (isIE || !numberFormatExists) {
+        // use native number formatting if it's IE.
+        const formattedNumber = Number(amount)
             .toFixed(minimumFractionDigits)
             .replace('.', '|dec|')
             .replace(',', targetFormat.thousandsDelimiter || '')
             .replace('|dec|', targetFormat.decimalDelimiter || '');
-        const result = `${targetFormat.symbol}${formattedNumber}${targetFormat.currencyCode !== 'USD' ? ` ${targetFormat.currencyCode}` : ''}`;
+        const result = `${formattedNumber}${targetFormat.currencyCode !== 'USD' ? ` ${targetFormat.currencyCode}` : ''}`;
         return result;
     }
+    const currencyDisplay = (overrideCurrencyFormat === null || overrideCurrencyFormat === void 0 ? void 0 : overrideCurrencyFormat.currencyDisplay) || 'symbol';
+    const formatedNumber = new Intl.NumberFormat(window.navigator.language, {
+        currency: targetCurrency,
+        currencyDisplay,
+        minimumFractionDigits: minimumFractionDigits,
+        style: 'currency',
+    }).format(amount);
+    // Move currency code to the end of the string if currencyDisplay is 'code'
+    const result = currencyDisplay === 'code'
+        ? `${formatedNumber.replace(new RegExp(`${targetCurrency}\\s+`), '')} ${targetCurrency}`
+        : formatedNumber;
+    return result;
 };

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

@@ -11,16 +11,26 @@ const convertCurrency = (element) => {
         return;
     }
     const currentIntlValue = element.getAttribute('data-zintl');
+    // get rate
+    const currentIntlRateValue = parseFloat(element.getAttribute('data-zrate') || '1');
     const currentCountryValue = element.getAttribute('data-zcountry-code');
     // do nothing if the target currency is the same
-    const isExchangeRateReady = localizationStore.targetCurrency ===
-        ((_a = localizationStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.targetFormat.currencyCode);
+    const isExchangeRateReady = localizationStore.exchangeRate &&
+        localizationStore.targetCurrency ===
+            localizationStore.exchangeRate.targetFormat.currencyCode;
+    const rate = ((_a = localizationStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
     // if the current value on the element is different from the current intl value, update the data-zintl attribute
     if (isExchangeRateReady &&
+        // Update currency if the value is not yet formatted
         (element.textContent !== currentIntlValue ||
+            // Update rate when new rate is available
+            rate !== currentIntlRateValue ||
+            // Update currency when the country code changes
             currentCountryValue !== localizationStore.selectedCountryCode)) {
         const observedFormattedValue = currencyConvertAndFormat(amount);
         element.textContent = observedFormattedValue;
+        // save the new rate to the data-zrate attribute
+        element.setAttribute('data-zrate', rate.toString());
         // save the new value to the data-zintl attribute
         element.setAttribute('data-zintl', observedFormattedValue);
         element.setAttribute('data-zcountry-code', localizationStore.selectedCountryCode || '');

package/dist/collection/components/utils/isElementUsingDarkTheme.js

@@ -0,0 +1,5 @@
+import { isDarkColor } from "./isDarkColor";
+// This is to determine if variable of the element is using dark theme, so we can invert the color if needed
+export const isElementUsingDarkTheme = (element) => isDarkColor(window
+    .getComputedStyle(element)
+    .getPropertyValue('--zonos-elements-gray-0'));

package/dist/collection/scripts/_zonosBase.js

@@ -46,7 +46,7 @@ Zonos.modeAlerted = false;
 Zonos.tempCartData = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
-Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, storeId, zonosApiKey, }) => {
+Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, overrideCurrencyFormat, storeId, zonosApiKey, }) => {
     if (_a.doneInit) {
         // do nothing if zonos is already initializeds
         return;
@@ -75,6 +75,7 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
             currencyConverter,
             helloSettings,
             onCountryChange,
+            overrideCurrencyFormat,
         },
         zonosApiKey,
     });

package/dist/esm/{cart-d3c98a81.js → cart-efecbea6.js}

@@ -1,7 +1,7 @@
-import { c as createStore, z as zonosStore } from './zonosStore-0ce57f37.js';
+import { c as createStore, z as zonosStore } from './zonosStore-93da32b4.js';
 import { a as logError, l as log } from './logError-c456c092.js';
-import { i as isDarkColor } from './isDarkColor-454ec221.js';
-import { g as getBorderRadius } from './getBorderRadius-393bf797.js';
+import { i as isDarkColor } from './isDarkColor-69ed8e39.js';
+import { g as getBorderRadius } from './getBorderRadius-a2e46e26.js';
 
 const stringsArabic = {
     '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
@@ -5758,25 +5758,40 @@ const getCountryLandedCost = async (countryCode) => {
     return json || null;
 };
 
+const defaultUsExchangeRate = {
+    exchangeRate: {
+        rate: 1,
+        targetFormat: {
+            currencyCode: 'USD',
+            decimalDelimiter: '.',
+            scale: 2,
+            symbol: '$',
+            symbolLocation: 'before',
+            thousandsDelimiter: ',',
+        },
+    },
+    maxAge: null,
+};
 const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCurrency, }) => {
     var _a;
-    // If source currency matches target currency (US -> US) and is not a guaranteed rate, return null
+    // If source currency matches target currency (US -> US) and is not a guaranteed rate, return default exchange rate so we still format properly.
     if (sourceCurrency === targetCurrency && !isGuaranteed) {
-        return { exchangeRate: null, maxAge: null };
+        return defaultUsExchangeRate;
     }
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}&isGuaranteed=${isGuaranteed}&country=${country}`;
     const { errors, json } = await handleFetch(url);
     if (errors.length || !json) {
         logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
-        return { exchangeRate: null, maxAge: null };
+        return defaultUsExchangeRate;
     }
-    const { maxAge, rate, targetFormat } = json.exchangeRateCreate;
+    const { rate, targetFormat } = json.exchangeRateCreate;
+    const maxAge = json.maxAge;
     if (rate) {
         sessionStorage.setItem(country + '_rate', JSON.stringify(rate));
         const exchangeRate = { rate, targetFormat };
         return { exchangeRate, maxAge };
     }
-    return { exchangeRate: null, maxAge: null };
+    return defaultUsExchangeRate;
 };
 
 const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
@@ -5847,41 +5862,55 @@ const currencyConvert = (value) => {
     return Number(fixedValue);
 };
 
-const currencyFormat = (value) => {
-    if (!value || isNaN(value)) {
+const currencyFormat = ({ amount, currency, }) => {
+    if (isNaN(amount) || (amount !== 0 && !amount)) {
         return '';
     }
+    const overrideCurrencyFormat = zonosStore.overrideCurrencyFormat;
     const { exchangeRate } = localizationStore;
+    const targetCurrency = currency || localizationStore.targetCurrency;
+    // Use user-defined currency format
+    if (typeof overrideCurrencyFormat === 'function') {
+        return overrideCurrencyFormat({
+            amount: amount,
+            countryCode: targetCurrency,
+        });
+    }
     const { targetFormat } = exchangeRate || {};
-    if (!targetFormat) {
-        return value.toString();
+    if (!targetFormat || !exchangeRate) {
+        // Return the amount as a string if no exchange rate is available
+        return `${amount.toString()} ${targetCurrency}`;
     }
-    const minimumFractionDigits = (exchangeRate === null || exchangeRate === void 0 ? void 0 : exchangeRate.targetFormat.scale) || 2;
-    // browsers can autoformat the currency based on the users language setting
-    // unless the browser is Internet Explorer, because Internet Explorer is stupid
+    const minimumFractionDigits = targetFormat.scale || 2;
     const isIE = window.navigator.userAgent.indexOf('MSIE ') !== -1;
     const numberFormatExists = typeof Intl === 'object' && Intl && typeof Intl.NumberFormat === 'function';
-    if (!isIE && numberFormatExists) {
-        return new Intl.NumberFormat(window.navigator.language, {
-            currency: targetFormat.currencyCode,
-            minimumFractionDigits: minimumFractionDigits,
-            style: 'currency',
-        }).format(value);
-    }
-    else {
-        let formattedNumber = Number(value)
+    if (isIE || !numberFormatExists) {
+        // use native number formatting if it's IE.
+        const formattedNumber = Number(amount)
             .toFixed(minimumFractionDigits)
             .replace('.', '|dec|')
             .replace(',', targetFormat.thousandsDelimiter || '')
             .replace('|dec|', targetFormat.decimalDelimiter || '');
-        const result = `${targetFormat.symbol}${formattedNumber}${targetFormat.currencyCode !== 'USD' ? ` ${targetFormat.currencyCode}` : ''}`;
+        const result = `${formattedNumber}${targetFormat.currencyCode !== 'USD' ? ` ${targetFormat.currencyCode}` : ''}`;
         return result;
     }
+    const currencyDisplay = (overrideCurrencyFormat === null || overrideCurrencyFormat === void 0 ? void 0 : overrideCurrencyFormat.currencyDisplay) || 'symbol';
+    const formatedNumber = new Intl.NumberFormat(window.navigator.language, {
+        currency: targetCurrency,
+        currencyDisplay,
+        minimumFractionDigits: minimumFractionDigits,
+        style: 'currency',
+    }).format(amount);
+    // Move currency code to the end of the string if currencyDisplay is 'code'
+    const result = currencyDisplay === 'code'
+        ? `${formatedNumber.replace(new RegExp(`${targetCurrency}\\s+`), '')} ${targetCurrency}`
+        : formatedNumber;
+    return result;
 };
 
 const currencyConvertAndFormat = (value) => {
     const convertedValue = currencyConvert(value);
-    const formattedValue = currencyFormat(convertedValue);
+    const formattedValue = currencyFormat({ amount: convertedValue });
     return formattedValue;
 };
 
@@ -5942,16 +5971,26 @@ const convertCurrency = (element) => {
         return;
     }
     const currentIntlValue = element.getAttribute('data-zintl');
+    // get rate
+    const currentIntlRateValue = parseFloat(element.getAttribute('data-zrate') || '1');
     const currentCountryValue = element.getAttribute('data-zcountry-code');
     // do nothing if the target currency is the same
-    const isExchangeRateReady = localizationStore.targetCurrency ===
-        ((_a = localizationStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.targetFormat.currencyCode);
+    const isExchangeRateReady = localizationStore.exchangeRate &&
+        localizationStore.targetCurrency ===
+            localizationStore.exchangeRate.targetFormat.currencyCode;
+    const rate = ((_a = localizationStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
     // if the current value on the element is different from the current intl value, update the data-zintl attribute
     if (isExchangeRateReady &&
+        // Update currency if the value is not yet formatted
         (element.textContent !== currentIntlValue ||
+            // Update rate when new rate is available
+            rate !== currentIntlRateValue ||
+            // Update currency when the country code changes
             currentCountryValue !== localizationStore.selectedCountryCode)) {
         const observedFormattedValue = currencyConvertAndFormat(amount);
         element.textContent = observedFormattedValue;
+        // save the new rate to the data-zrate attribute
+        element.setAttribute('data-zrate', rate.toString());
         // save the new value to the data-zintl attribute
         element.setAttribute('data-zintl', observedFormattedValue);
         element.setAttribute('data-zcountry-code', localizationStore.selectedCountryCode || '');
@@ -5983,7 +6022,7 @@ const currencyDisplay = () => {
         zonosStore.currencyConverter({
             convert: currencyConvert,
             convertAndFormat: currencyConvertAndFormat,
-            format: currencyFormat,
+            format: (value) => currencyFormat({ amount: value }),
             selector: currencyElementSelector,
         });
     }
@@ -6021,7 +6060,7 @@ const setZCountryUrlParam = (selectedCountryCode) => {
     }
 };
 
-const { onChange: localizationStoreOnUpdate, state: localizationStore } = createStore({
+const { dispose: localizationDispose, onChange: localizationStoreOnUpdate, state: localizationStore, } = createStore({
     countryLandedCost: null,
     customMessages: [],
     exchangeRate: null,

package/dist/esm/{getBorderRadius-393bf797.js → getBorderRadius-a2e46e26.js}

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

package/dist/esm/index.js

@@ -232,8 +232,8 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = zonosLoadUrl || "https://v1.3.21.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.21";
+const ZONOS_URL = zonosLoadUrl || "https://v1.3.22.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.22";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -253,12 +253,12 @@ Zonos.isBigCommerce = false;
 Zonos.isNpm = true;
 Zonos.internationalHideSelector = '';
 Zonos.zonosQaUrl = null;
-Zonos.version = `v${"1.3.21"}`;
+Zonos.version = `v${"1.3.22"}`;
 Zonos.modeAlerted = false;
 Zonos.tempCartData = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
-Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, storeId, zonosApiKey, }) => {
+Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, overrideCurrencyFormat, storeId, zonosApiKey, }) => {
     if (_a.doneInit) {
         // do nothing if zonos is already initializeds
         return;
@@ -287,6 +287,7 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
             currencyConverter,
             helloSettings,
             onCountryChange,
+            overrideCurrencyFormat,
         },
         zonosApiKey,
     });

package/dist/esm/{isDarkColor-454ec221.js → isDarkColor-69ed8e39.js}

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

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["zonos-checkout",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"confirmDialogOpen":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[4,"keydown","handleKeyPress"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"mobile":["handleMobileChange"]}]]],["zonos-hello",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]},[[8,"locationchange","handleLocationChange"]]]]],["zonos-component",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-hello-dialog",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification",[[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-badge_2",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-input",[[1,"zonos-input",{"inputValue":[1,"input-value"],"inputLabel":[1,"input-label"],"inputSize":[1,"input-size"],"isDisabled":[4,"is-disabled"],"isError":[4,"is-error"],"inputPlaceholder":[1,"input-placeholder"],"value":[32]},null,{"inputValue":["onInputValueChange"]}]]],["zonos-banner",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-button_3",[[17,"zonos-button",{"buttonColor":[1,"button-color"],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"withBoxShadow":[4,"with-box-shadow"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}],[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}]]],["zonos-select-dialog-header_2",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-flag",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-country-select_3",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-address_8",[[1,"zonos-address-update-dialog",{"continueLoading":[4,"continue-loading"],"dialogLoading":[4,"dialog-loading"],"dialogOpen":[4,"dialog-open"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"shippingAddress":[16],"billingAddress":[16],"translatedShippingAddress":[16],"translatedBillingAddress":[16],"showErrorBanner":[32],"translatedShippingAddressState":[32],"translatedBillingAddressState":[32]},null,{"translatedShippingAddress":["watchTranslatedShippingAddress"],"translatedBillingAddress":["watchTranslatedBillingAddress"]}],[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]},[[1,"click","onClick"]]],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"defaultEmail":[1,"default-email"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"minHeight":[1,"min-height"],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"],[4,"keydown","handleKeyDown"]]],[1,"zonos-address-display",{"currentAddress":[16],"addressType":[1,"address-type"]}],[1,"zonos-address-form",{"currentAddress":[16],"translatedAddress":[16],"addressType":[1,"address-type"],"localAddress":[32]},null,{"translatedAddress":["watchCurrentAddress"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_11",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"defaultAddress":[16],"showErrorBanner":[32],"shippingCountry":[32],"isCheckingForRestrictedItems":[32],"isValidatingAddress":[32],"invalidShippingCharacterList":[32],"invalidBillingCharacterList":[32],"openAddressValidationDialog":[32]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"showErrorBanner":[32]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"isSelecting":[32],"showErrorBanner":[32],"serviceLevels":[32]}],[1,"zonos-cart-restricted-items",{"hide":[4],"errorImages":[32],"internalCollapsed":[32],"firstRender":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-confirm-dialog",{"dialogTitle":[1,"dialog-title"],"dialogIntent":[1,"dialog-intent"],"dialogSubtitle":[1,"dialog-subtitle"],"submitBtnColor":[1,"submit-btn-color"],"dialogConfirmBtnText":[1,"dialog-confirm-btn-text"],"dialogCancelBtnText":[1,"dialog-cancel-btn-text"],"isMobile":[4,"is-mobile"],"dialogOpen":[4,"dialog-open"],"noClickOutside":[4,"no-click-outside"]},[[4,"keydown","handleKeyDown"]]],[1,"zonos-checkout-progress-tabs",{"tabColor":[1,"tab-color"],"backgroundColor":[1,"background-color"],"setTabItems":[64],"setTabSelected":[64]}],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}]]]], options);
+  return bootstrapLazy([["zonos-checkout",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"confirmDialogOpen":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[4,"keydown","handleKeyPress"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"mobile":["handleMobileChange"]}]]],["zonos-hello",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]},[[8,"locationchange","handleLocationChange"]]]]],["zonos-component",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"ready":[32]}]]],["zonos-hello-dialog",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification",[[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-badge_2",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-input",[[1,"zonos-input",{"inputValue":[1,"input-value"],"inputLabel":[1,"input-label"],"inputSize":[1,"input-size"],"isDisabled":[4,"is-disabled"],"isError":[4,"is-error"],"inputPlaceholder":[1,"input-placeholder"],"value":[32]},null,{"inputValue":["onInputValueChange"]}]]],["zonos-banner",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-button_3",[[17,"zonos-button",{"buttonColor":[1,"button-color"],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"withBoxShadow":[4,"with-box-shadow"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}],[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}]]],["zonos-select-dialog-header_2",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-flag",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-country-select_3",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-address_8",[[1,"zonos-address-update-dialog",{"continueLoading":[4,"continue-loading"],"dialogLoading":[4,"dialog-loading"],"dialogOpen":[4,"dialog-open"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"shippingAddress":[16],"billingAddress":[16],"translatedShippingAddress":[16],"translatedBillingAddress":[16],"showErrorBanner":[32],"translatedShippingAddressState":[32],"translatedBillingAddressState":[32]},null,{"translatedShippingAddress":["watchTranslatedShippingAddress"],"translatedBillingAddress":["watchTranslatedBillingAddress"]}],[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]},[[1,"click","onClick"]]],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"defaultEmail":[1,"default-email"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"minHeight":[1,"min-height"],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"],[4,"keydown","handleKeyDown"]]],[1,"zonos-address-display",{"currentAddress":[16],"addressType":[1,"address-type"]}],[1,"zonos-address-form",{"currentAddress":[16],"translatedAddress":[16],"addressType":[1,"address-type"],"localAddress":[32]},null,{"translatedAddress":["watchCurrentAddress"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_11",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"defaultAddress":[16],"showErrorBanner":[32],"shippingCountry":[32],"isCheckingForRestrictedItems":[32],"isValidatingAddress":[32],"invalidShippingCharacterList":[32],"invalidBillingCharacterList":[32],"openAddressValidationDialog":[32]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"showErrorBanner":[32]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"isSelecting":[32],"showErrorBanner":[32],"serviceLevels":[32]}],[1,"zonos-cart-restricted-items",{"hide":[4],"errorImages":[32],"internalCollapsed":[32],"firstRender":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-confirm-dialog",{"dialogTitle":[1,"dialog-title"],"dialogIntent":[1,"dialog-intent"],"dialogSubtitle":[1,"dialog-subtitle"],"submitBtnColor":[1,"submit-btn-color"],"dialogConfirmBtnText":[1,"dialog-confirm-btn-text"],"dialogCancelBtnText":[1,"dialog-cancel-btn-text"],"isMobile":[4,"is-mobile"],"dialogOpen":[4,"dialog-open"],"noClickOutside":[4,"no-click-outside"]},[[4,"keydown","handleKeyDown"]]],[1,"zonos-checkout-progress-tabs",{"tabColor":[1,"tab-color"],"backgroundColor":[1,"background-color"],"setTabItems":[64],"setTabSelected":[64]}],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/{submitGtag-acdb8bd7.js → submitGtag-a7b8a86e.js}

@@ -1,5 +1,5 @@
-import { r as handleFetch, d as cartStore, l as localizationStore } from './cart-d3c98a81.js';
-import { z as zonosStore } from './zonosStore-0ce57f37.js';
+import { r as handleFetch, d as cartStore, l as localizationStore } from './cart-efecbea6.js';
+import { z as zonosStore } from './zonosStore-93da32b4.js';
 import { l as log } from './logError-c456c092.js';
 
 const trackConversionEvent = async (eventName, metadata) => {

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-3b46f3c3.js';
-import { h as stripeStore, l as localizationStore, t as translate } from './cart-d3c98a81.js';
+import { h as stripeStore, l as localizationStore, t as translate } from './cart-efecbea6.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { a as logError } from './logError-c456c092.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
-import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-0ce57f37.js';
+import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-93da32b4.js';
 import { c as classes } from './classes-0d95c529.js';
 import { R as RemoveIcon$1 } from './RemoveIcon-9dc5dd1a.js';
-import { g as getBorderRadius } from './getBorderRadius-393bf797.js';
-import { i as isDarkColor } from './isDarkColor-454ec221.js';
+import { g as getBorderRadius } from './getBorderRadius-a2e46e26.js';
+import { i as isDarkColor } from './isDarkColor-69ed8e39.js';
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
 const ZonosAddressStyle0 = zonosAddressCss;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-3b46f3c3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-0ce57f37.js';
+import { d as zonosStoreFontFamily } from './zonosStore-93da32b4.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const zonosBadgeCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--badge-content{display:-ms-flexbox;display:flex;gap:8px;font-size:var(--zonos-elements-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--zonos-elements-radius-6);background-color:var(--zonos-elements-gray-100);color:var(--zonos-elements-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--zonos-elements-gray-600);color:var(--zonos-elements-gray-100)}:host .blue{background-color:var(--zonos-elements-blue-100);color:var(--zonos-elements-blue-800)}:host .blue.bold{background-color:var(--zonos-elements-blue-600);color:var(--zonos-elements-blue-100)}:host .green{background-color:var(--zonos-elements-green-100);color:var(--zonos-elements-green-800)}:host .green.bold{background-color:var(--zonos-elements-green-600);color:var(--zonos-elements-green-100)}:host .red{background-color:var(--zonos-elements-red-100);color:var(--zonos-elements-red-800)}:host .red.bold{background-color:var(--zonos-elements-red-600);color:var(--zonos-elements-red-100)}:host .orange{background-color:var(--zonos-elements-orange-100);color:var(--zonos-elements-orange-800)}:host .orange.bold{background-color:var(--zonos-elements-orange-600);color:var(--zonos-elements-orange-100)}:host .purple{background-color:var(--zonos-elements-purple-100);color:var(--zonos-elements-purple-800)}:host .purple.bold{background-color:var(--zonos-elements-purple-600);color:var(--zonos-elements-purple-100)}:host .cyan{background-color:var(--zonos-elements-cyan-100);color:var(--zonos-elements-cyan-800)}:host .cyan.bold{background-color:var(--zonos-elements-cyan-600);color:var(--zonos-elements-cyan-100)}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-3b46f3c3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-0ce57f37.js';
+import { d as zonosStoreFontFamily } from './zonosStore-93da32b4.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const zonosBannerCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";