@zonos/elements 1.3.223 → 1.3.224

package/dist/esm/{handleFetch-99218189.js → handleFetch-a844cac1.js}

@@ -1,78 +1,4 @@
-const startTime = performance.now();
-const allLogs = [];
-const getElapsedTime = () => {
-    const elapsedTime = performance.now() - startTime;
-    const elapsedTimePretty = 
-    // format the time to seconds if over 1 second
-    elapsedTime > 1000
-        ? `${(elapsedTime / 1000).toFixed(2)}s`
-        : `${elapsedTime.toFixed(2)}ms`;
-    return { elapsedTime, elapsedTimePretty };
-};
-const prepInfo = (info) => {
-    if (typeof info === 'string') {
-        return info;
-    }
-    try {
-        const infoToJson = JSON.stringify(info);
-        return infoToJson;
-    }
-    catch (_a) {
-        if (info && typeof info.toString === 'function') {
-            const infoToString = info.toString();
-            return infoToString;
-        }
-        return 'Unable to stringify info';
-    }
-};
-const log = (message, type, ..._additionalInfo) => {
-    var _a, _b;
-    const { elapsedTimePretty } = getElapsedTime();
-    const additionalInfo = [`(${elapsedTimePretty})`, ..._additionalInfo];
-    const preppedInfo = additionalInfo.map(prepInfo).join(' ');
-    allLogs.push([type, message, preppedInfo].filter(Boolean).join(' '));
-    const isDebug = !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.debug) ||
-        !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
-    // if debug is false, do not log
-    if (!isDebug) {
-        return;
-    }
-    let loggingIframe = document.querySelector('iframe#zonos---debug-logging-iframe');
-    if (!loggingIframe) {
-        // add a hidden iframe
-        loggingIframe = document.createElement('iframe');
-        loggingIframe.id = 'zonos---debug-logging-iframe';
-        loggingIframe.style.display = 'none';
-        loggingIframe.style.opacity = '0';
-        loggingIframe.style.position = 'absolute';
-        loggingIframe.style.top = '-9999px';
-        loggingIframe.style.left = '-9999px';
-        loggingIframe.style.width = '1px';
-        loggingIframe.style.height = '1px';
-        loggingIframe.style.border = 'none';
-        loggingIframe.style.overflow = 'hidden';
-        loggingIframe.style.visibility = 'hidden';
-        document.body.appendChild(loggingIframe);
-    }
-    // use the logging iframe's console to log just in case the console is disabled (overridden) by the site owner
-    const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
-    switch (type) {
-        case 'warn':
-            zConsole.warn(message, ...additionalInfo);
-            break;
-        case 'info':
-            zConsole.info(message, ...additionalInfo);
-            break;
-        case 'error':
-            zConsole.error(message, ...additionalInfo);
-            break;
-        default:
-            zConsole.groupCollapsed(message, ...additionalInfo);
-            zConsole.trace();
-            zConsole.groupEnd();
-            break;
-    }
-};
+import { l as log } from './VarianceTest-572cecf5.js';
 
 const logError = (message, ...rest) => {
     log(message, 'error', ...rest);
@@ -488,4 +414,4 @@ const handleFetch = async (path, _opts) => {
     });
 };
 
-export { getIsStagingMode as a, logError as b, getElapsedTime as c, allLogs as d, getAdditionalLogMetadata as e, fallbackApiList as f, getIsTestMode as g, handleFetch as h, isCheckoutMobile as i, jsonParse as j, log as l, sendErrorLog as s };
+export { getIsStagingMode as a, getAdditionalLogMetadata as b, fallbackApiList as f, getIsTestMode as g, handleFetch as h, isCheckoutMobile as i, jsonParse as j, logError as l, sendErrorLog as s };

package/dist/esm/index.js

@@ -1,9 +1,10 @@
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getGenericSettingsOverride, I as IframeService } from './getGenericSettingsOverride-0bc3e118.js';
-import { g as getIsTestMode, a as getIsStagingMode, l as log, h as handleFetch, b as logError } from './handleFetch-99218189.js';
+import { l as log } from './VarianceTest-572cecf5.js';
+export { a as availableTestKeys } from './VarianceTest-572cecf5.js';
+import { g as getIsTestMode, a as getIsStagingMode, h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
 import { g as getAbandonedCartRenewTokenValue, _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector } from './CheckoutConfig-724d7bae.js';
 export { c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-724d7bae.js';
-export { a as availableTestKeys } from './VarianceTest-fef2d958.js';
 export { c as countryRequireTaxId, e as euCountryCodes, s as shipToTaxIdLabels } from './TaxId-50d72254.js';
 
 /**
@@ -129,7 +130,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.223.js.zonos.com";
+    const cdnUrl = "https://v1.3.224.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.') ||
@@ -376,10 +377,11 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.223.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.223";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.223";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.223";
+const startLoadTime = Date.now();
+const ZONOS_URL = "https://v1.3.224.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.224";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.224";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.224";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -397,8 +399,9 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1752091697360";
+Zonos.releaseDate = "1752786758525";
 Zonos.isLegacyCheckout = false;
+Zonos.startLoadTime = startLoadTime;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
         (window.location != window.parent.location && document.referrer) ||
@@ -416,7 +419,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.223"}`;
+Zonos.version = `v${"1.3.224"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
@@ -450,6 +453,7 @@ Zonos.init = async (params) => {
                 window.Zonos.isNpm = _a.isNpm;
                 window.Zonos.isBigCommerce = _a.isBigCommerce;
                 window.Zonos.isLegacyCheckout = _a.isLegacyCheckout;
+                window.Zonos.zonosMode = _a.zonosMode;
                 // call init again after the script is loaded
                 void window.Zonos.init(params);
             });

package/dist/esm/{isDarkColor-1f58b6be.js → isDarkColor-83e0c27e.js}

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

package/dist/esm/{localization-192886e4.js → localization-9320a65d.js}

@@ -1,7 +1,7 @@
-import { c as createStore, z as zonosStore } from './zonosStore-c456b933.js';
-import { l as log, j as jsonParse, h as handleFetch, b as logError } from './handleFetch-99218189.js';
-import { a as availableTestKeys } from './VarianceTest-fef2d958.js';
-import { a as translationStoreUpdateLanguage } from './translationStore-fb98a08d.js';
+import { c as createStore, z as zonosStore } from './zonosStore-e3d0493a.js';
+import { j as jsonParse, h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
+import { a as availableTestKeys, l as log } from './VarianceTest-572cecf5.js';
+import { a as translationStoreUpdateLanguage } from './translationStore-7eebaa41.js';
 
 /**
  * Check if the response contains at least one available test key that we support
@@ -372,6 +372,57 @@ const getInitialElementAmount = (element) => {
     return parseFloat(domesticValue);
 };
 
+const BLUR_CURRENCY_DURATION = 7000;
+const BLUR_CURRENCY_CLASSNAME = 'z--blur';
+const removeBlurCurrency = async () => {
+    const intervalId = window.zonosBlurCurrencyOnInitIntervalId;
+    if (!intervalId) {
+        // Do nothing if the interval is not set
+        return;
+    }
+    // Wait a bit to make sure price is fully rendered in DOM
+    await new Promise(resolve => setTimeout(resolve, 500));
+    clearInterval(intervalId);
+    const currencyElements = document.querySelectorAll(`.${BLUR_CURRENCY_CLASSNAME}`);
+    currencyElements.forEach(element => {
+        element.classList.remove(BLUR_CURRENCY_CLASSNAME);
+    });
+    window.zonosBlurCurrencyOnInitIntervalId = undefined;
+};
+const blurCurrencyElements = ({ currencySelector, }) => {
+    // Do nothing if the currency selector is not provided or blurCurrencyOnInit is false
+    if (!currencySelector) {
+        return;
+    }
+    const currencyElements = document.querySelectorAll([currencySelector].filter(Boolean).join(','));
+    currencyElements.forEach(element => {
+        element.classList.add(BLUR_CURRENCY_CLASSNAME);
+    });
+};
+const performBlurCurrency = () => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    // If the interval is already in progress, do nothing
+    if (window.zonosBlurCurrencyOnInitIntervalId) {
+        return;
+    }
+    blurCurrencyElements({
+        currencySelector: window.zonosBlurCurrencyOnInitCurrencySelector,
+    });
+    // Add blur effect to the currency elements
+    const intervalId = setInterval(() => {
+        blurCurrencyElements({
+            currencySelector: window.zonosBlurCurrencyOnInitCurrencySelector,
+        });
+    }, 10);
+    window.zonosBlurCurrencyOnInitIntervalId = intervalId;
+    // The blur will be removed as soon as we got the exchange rate back. But if the exchange rate is not available for some reason, the blur effect will be automatically removed after 10 seconds
+    setTimeout(() => {
+        void removeBlurCurrency();
+    }, BLUR_CURRENCY_DURATION);
+};
+
 const convertCurrency = (element) => {
     var _a;
     const amount = getInitialElementAmount(element);
@@ -395,6 +446,8 @@ const convertCurrency = (element) => {
             rate !== currentIntlRateValue ||
             // Update currency when the country code changes
             currentCountryValue !== localizationStore.selectedCountryCode)) {
+        // Hide the currency until DOM is ready to display the new value
+        performBlurCurrency();
         const customizedCurrencyFormat = typeof zonosStore.currencyConverter === 'function' &&
             zonosStore.currencyConverter({
                 convert: currencyConvert,
@@ -416,6 +469,8 @@ const convertCurrency = (element) => {
         element.setAttribute('data-zintl', observedFormattedValue);
         element.setAttribute('data-zcountry-code', localizationStore.selectedCountryCode || '');
     }
+    // Remove blur effect after the currency is converted
+    void removeBlurCurrency();
 };
 const defaultCurrencyConverter = () => {
     const { currencyElementSelector } = zonosStore.helloSettings;
@@ -437,6 +492,7 @@ const defaultCurrencyConverter = () => {
 const currencyDisplay = () => {
     if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
         window.Zonos.isLegacyCheckout) {
+        void removeBlurCurrency();
         return;
     }
     defaultCurrencyConverter();
@@ -528,6 +584,17 @@ const getNewLocalization = async () => {
     var _a;
     log('get new localization store');
     const { isDisabledCountry, isShippableCountry, selectedCountryCode } = localizationStore;
+    if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
+        !isShippableCountry ||
+        isDisabledCountry ||
+        !selectedCountryCode) {
+        return;
+    }
+    const isGuaranteed = zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
+    // blur currency out before getting exchange rate
+    performBlurCurrency();
+    const { maxAge } = await triggerGetExchangeRate(isGuaranteed);
+    startExchangeRateTimeout({ isGuaranteed, maxAge });
     if (!window.Zonos.isLegacyCheckout) {
         // These requests are only needed for Hello, so we can skip them for legacy checkout
         localizationStore.countryLandedCost = await getCountryLandedCost(localizationStore.selectedCountryCode);
@@ -540,15 +607,6 @@ const getNewLocalization = async () => {
     else {
         log('Skipping country landed cost and inclusive pricing requests, because this is a legacy checkout');
     }
-    if (zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
-        !isShippableCountry ||
-        isDisabledCountry ||
-        !selectedCountryCode) {
-        return;
-    }
-    const isGuaranteed = zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
-    const { maxAge } = await triggerGetExchangeRate(isGuaranteed);
-    startExchangeRateTimeout({ isGuaranteed, maxAge });
 };
 const getCustomMessages = async () => {
     log(`Getting custom messages for ${localizationStore.selectedCountryCode}`);

package/dist/esm/{paypal-53f1b4a1.js → paypal-338a4350.js}

@@ -1,9 +1,10 @@
-import { z as zonosStore, c as createStore } from './zonosStore-c456b933.js';
-import { t as trackConversionEvent, z as validateCheckoutSession, c as stripeStore, e as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, j as cartStoreClearCheckoutInterval } from './cart-7f06662c.js';
-import { s as storageStore } from './localization-192886e4.js';
-import { t as translate } from './translationStore-fb98a08d.js';
-import { h as handleFetch, l as log, b as logError, j as jsonParse } from './handleFetch-99218189.js';
-import { t as tinycolor } from './isDarkColor-1f58b6be.js';
+import { z as zonosStore, c as createStore } from './zonosStore-e3d0493a.js';
+import { t as trackConversionEvent, z as validateCheckoutSession, c as stripeStore, e as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, j as cartStoreClearCheckoutInterval } from './cart-11b87221.js';
+import { s as storageStore } from './localization-9320a65d.js';
+import { t as translate } from './translationStore-7eebaa41.js';
+import { h as handleFetch, l as logError, j as jsonParse } from './handleFetch-a844cac1.js';
+import { t as tinycolor } from './isDarkColor-83e0c27e.js';
+import { l as log } from './VarianceTest-572cecf5.js';
 
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)

package/dist/esm/{placeTestOrder-95cbb623.js → placeTestOrder-d28f33c2.js}

@@ -1,6 +1,6 @@
-import { e as cartStore } from './cart-7f06662c.js';
-import { d as currencyFormat, s as storageStore } from './localization-192886e4.js';
-import { b as logError, h as handleFetch } from './handleFetch-99218189.js';
+import { e as cartStore } from './cart-11b87221.js';
+import { d as currencyFormat, s as storageStore } from './localization-9320a65d.js';
+import { l as logError, h as handleFetch } from './handleFetch-a844cac1.js';
 
 const getDisplayCurrency = () => {
     var _a, _b;

package/dist/esm/{renderFallback-6352363c.js → renderFallback-28ef3364.js}

@@ -1,7 +1,8 @@
-import { c as createStore, z as zonosStore } from './zonosStore-c456b933.js';
-import { c as stripeStore, B as stripeStoreBuildAddressForPartyCreate, e as cartStore, C as cartStoreUpdateSelectedShippingOption } from './cart-7f06662c.js';
-import { s as storageStore } from './localization-192886e4.js';
-import { h as handleFetch, s as sendErrorLog, d as allLogs, b as logError } from './handleFetch-99218189.js';
+import { c as createStore, z as zonosStore } from './zonosStore-e3d0493a.js';
+import { c as stripeStore, B as stripeStoreBuildAddressForPartyCreate, e as cartStore, C as cartStoreUpdateSelectedShippingOption } from './cart-11b87221.js';
+import { s as storageStore } from './localization-9320a65d.js';
+import { h as handleFetch, s as sendErrorLog, l as logError } from './handleFetch-a844cac1.js';
+import { b as allLogs } from './VarianceTest-572cecf5.js';
 import { h } from './index-55a03023.js';
 
 const { reset: collectStoreReset, state: collectStore } = createStore(() => ({

package/dist/esm/{translationStore-fb98a08d.js → translationStore-7eebaa41.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './zonosStore-c456b933.js';
+import { c as createStore } from './zonosStore-e3d0493a.js';
 
 const stringsArabic = {
     ' (Duties due at door)': {

package/dist/esm/{updateCheckoutSessionAttributes-92f42882.js → updateCheckoutSessionAttributes-160720f6.js}

@@ -1,5 +1,5 @@
-import { d as debounce_1 } from './debounce-c34d1270.js';
-import { h as handleFetch, b as logError } from './handleFetch-99218189.js';
+import { d as debounce_1 } from './debounce-f081e4d8.js';
+import { h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
 
 const attributesToUpdate = {};
 // Store debounced functions per session to ensure proper debouncing

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-55a03023.js';
-import { d as debounce_1 } from './debounce-c34d1270.js';
-import { d as isObject_1, z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
-import { c as stripeStore, t as trackConversionEvent, J as extractName, A as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, e as cartStore } from './cart-7f06662c.js';
-import { s as storageStore, n as getFallbackDefaultCountryCode, o as storageStoreOnChange, l as localizationStore } from './localization-192886e4.js';
-import { t as translate } from './translationStore-fb98a08d.js';
-import { b as logError, l as log, i as isCheckoutMobile } from './handleFetch-99218189.js';
+import { d as debounce_1 } from './debounce-f081e4d8.js';
+import { d as isObject_1, z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
+import { c as stripeStore, t as trackConversionEvent, J as extractName, A as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, e as cartStore } from './cart-11b87221.js';
+import { s as storageStore, n as getFallbackDefaultCountryCode, o as storageStoreOnChange, l as localizationStore } from './localization-9320a65d.js';
+import { t as translate } from './translationStore-7eebaa41.js';
+import { l as logError, i as isCheckoutMobile } from './handleFetch-a844cac1.js';
 import { s as shouldRenderTaxIdInput, i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
 import { c as classes } from './classes-0d95c529.js';
+import { l as log } from './VarianceTest-572cecf5.js';
 import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-50d72254.js';
-import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
+import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
 import { R as RemoveIcon$2 } from './RemoveIcon-9dc5dd1a.js';
-import { i as isDarkColor } from './isDarkColor-1f58b6be.js';
+import { i as isDarkColor } from './isDarkColor-83e0c27e.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
-import './VarianceTest-fef2d958.js';
 
 var debounce = debounce_1,
     isObject$1 = isObject_1;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-55a03023.js';
-import { f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
+import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
 import { c as classes } from './classes-0d95c529.js';
-import './VarianceTest-fef2d958.js';
+import './VarianceTest-572cecf5.js';
 
 const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8282 5.17184C11.0235 5.3671 11.0235 5.68368 10.8282 5.87894L8.70688 8.00026L10.8282 10.1216C11.0235 10.3168 11.0235 10.6334 10.8282 10.8287C10.6329 11.024 10.3164 11.024 10.1211 10.8287L7.99978 8.70737L5.87846 10.8287C5.68319 11.024 5.36661 11.024 5.17135 10.8287C4.97609 10.6334 4.97609 10.3168 5.17135 10.1216L7.29267 8.00026L5.17135 5.87894C4.97609 5.68368 4.97609 5.3671 5.17135 5.17184C5.36661 4.97658 5.68319 4.97658 5.87846 5.17184L7.99978 7.29316L10.1211 5.17184C10.3164 4.97658 10.6329 4.97658 10.8282 5.17184Z" fill="var(--zonos-elements-gray-800)"/>

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host } from './index-55a03023.js';
-import { f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
+import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
-import './VarianceTest-fef2d958.js';
+import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
+import './VarianceTest-572cecf5.js';
 
 const zonosBannerCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{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)}";
 const ZonosBannerStyle0 = zonosBannerCss;

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-55a03023.js';
-import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
+import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
+import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
-import { i as isDarkColor } from './isDarkColor-1f58b6be.js';
+import { i as isDarkColor } from './isDarkColor-83e0c27e.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import './VarianceTest-fef2d958.js';
+import './VarianceTest-572cecf5.js';
 
 /**
  * Get theme for button text based on background color

package/dist/esm/zonos-cart-items_12.entry.js

@@ -1,23 +1,23 @@
 import { r as registerInstance, d as getAssetPath, h, H as Host, F as Fragment, c as createEvent, a as getElement } from './index-55a03023.js';
-import { e as cartStore, D as cartStoreHasOneEligibleItem, E as stripeStoreApplyPromoCode, F as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, G as stripeStoreResetPromoCode, H as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, I as stripeStoreTranslateAddressToLatin, J as extractName, K as cartStoreOnChange, L as stripeStoreAsyncAddressUpdate, C as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo, N as cartStoreGetMethod, O as sortServiceLevelOptionsByAmount } from './cart-7f06662c.js';
-import { t as translate } from './translationStore-fb98a08d.js';
-import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-95cbb623.js';
+import { e as cartStore, D as cartStoreHasOneEligibleItem, E as stripeStoreApplyPromoCode, F as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, G as stripeStoreResetPromoCode, H as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, I as stripeStoreTranslateAddressToLatin, J as extractName, K as cartStoreOnChange, L as stripeStoreAsyncAddressUpdate, C as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo, N as cartStoreGetMethod, O as sortServiceLevelOptionsByAmount } from './cart-11b87221.js';
+import { t as translate } from './translationStore-7eebaa41.js';
+import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-d28f33c2.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
 import { c as classes } from './classes-0d95c529.js';
-import { z as zonosStore, h as zonosStoreOnChange, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
-import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-53f1b4a1.js';
-import { s as storageStore, l as localizationStore, c as localizationStoreOnChange } from './localization-192886e4.js';
-import { h as handleFetch, l as log, s as sendErrorLog, d as allLogs, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-99218189.js';
+import { z as zonosStore, h as zonosStoreOnChange, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
+import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-338a4350.js';
+import { s as storageStore, l as localizationStore, c as localizationStoreOnChange } from './localization-9320a65d.js';
+import { h as handleFetch, s as sendErrorLog, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
-import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
+import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
+import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { i as isDarkColor, t as tinycolor } from './isDarkColor-1f58b6be.js';
+import { i as isDarkColor, t as tinycolor } from './isDarkColor-83e0c27e.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
-import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-92f42882.js';
+import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-160720f6.js';
 import { s as shouldRenderTaxIdInput, c as containsNonLatinChars } from './shouldRenderTaxIdInput-8bc112bb.js';
 import { e as euCountryCodes } from './TaxId-50d72254.js';
-import './VarianceTest-fef2d958.js';
-import './debounce-c34d1270.js';
+import './debounce-f081e4d8.js';
 
 const zonosCartItemsCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--cart-table td{vertical-align:top}:host .zonos--cart-item-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}:host .zonos--cart-item-name .zonos--cart-item-quantity>*{display:inline-block}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px}";
 const ZonosCartItemsStyle0 = zonosCartItemsCss;

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

@@ -1,21 +1,21 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-55a03023.js';
-import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as cartStoreUpdateItems, g as cartStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset } from './cart-7f06662c.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-53f1b4a1.js';
-import { f as filterValidTests, l as localizationStore, a as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, b as storageStoreSetEnabledVariantTestKeys, c as localizationStoreOnChange, d as currencyFormat } from './localization-192886e4.js';
-import { t as translate } from './translationStore-fb98a08d.js';
-import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c456b933.js';
+import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as cartStoreUpdateItems, g as cartStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset } from './cart-11b87221.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-338a4350.js';
+import { f as filterValidTests, l as localizationStore, a as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, b as storageStoreSetEnabledVariantTestKeys, c as localizationStoreOnChange, d as currencyFormat } from './localization-9320a65d.js';
+import { t as translate } from './translationStore-7eebaa41.js';
+import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-e3d0493a.js';
 import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-c4488f73.js';
-import { h as handleFetch, l as log, b as logError, s as sendErrorLog, c as getElapsedTime, d as allLogs, e as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-99218189.js';
-import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-92f42882.js';
+import { h as handleFetch, l as logError, s as sendErrorLog, b as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-a844cac1.js';
+import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-160720f6.js';
 import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector, g as getAbandonedCartRenewTokenValue } from './CheckoutConfig-724d7bae.js';
+import { l as log, g as getElapsedTime, b as allLogs } from './VarianceTest-572cecf5.js';
 import { c as classes } from './classes-0d95c529.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
-import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
-import { i as isDarkColor } from './isDarkColor-1f58b6be.js';
+import { g as getBorderRadius } from './getBorderRadius-6281d902.js';
+import { i as isDarkColor } from './isDarkColor-83e0c27e.js';
 import { s as styles } from './styles-6fc2fad9.js';
 import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
-import './VarianceTest-fef2d958.js';
-import './debounce-c34d1270.js';
+import './debounce-f081e4d8.js';
 
 /**
  * Check if store discount is enabled
@@ -306,7 +306,7 @@ const sendLoadCheckoutFacadeLog = async () => {
         loadTime: elapsedTime,
         metadata: Object.assign({ allLogs }, getAdditionalLogMetadata()),
         scriptLoadUrl: 'checkoutFacade',
-        storeId: window.Zonos.storeId,
+        storeId: window.Zonos.storeId || 0,
     };
     void handleFetch('/api/zonos-elements/log-script-load', {
         body: scriptLoadLogBody,
@@ -323,7 +323,7 @@ const sendLoadNativeCheckoutLog = async ({ loadTime, }) => {
         loadTime,
         metadata: Object.assign({ allLogs }, getAdditionalLogMetadata()),
         scriptLoadUrl: 'nativeCheckout',
-        storeId: window.Zonos.storeId,
+        storeId: window.Zonos.storeId || 0,
     };
     void handleFetch('/api/zonos-elements/log-script-load', {
         body: scriptLoadLogBody,
@@ -419,7 +419,7 @@ const MessageIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
 </svg>
 `;
 
-const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h{z-index:2147483647;position:fixed}.sc-zonos-checkout-h *.sc-zonos-checkout{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--zonos--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--zonos-elements-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--right-actions.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout>*.sc-zonos-checkout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout img.sc-zonos-checkout{max-height:72px}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.zonos--close-button.sc-zonos-checkout{-ms-flex-item-align:start;align-self:flex-start}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto;position:relative}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--zonos-elements-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.hidden-mode.sc-zonos-checkout-h{height:0;opacity:0;pointer-events:none;position:absolute;visibility:hidden;width:0;z-index:-1}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}.iframed.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{-ms-scroll-chaining:chained;overscroll-behavior:auto}";
+const zonosCheckoutCss = ".sc-zonos-checkout-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-checkout-h *.sc-zonos-checkout{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-checkout-h img.sc-zonos-checkout{max-width:100%}.sc-zonos-checkout-h dl.sc-zonos-checkout,.sc-zonos-checkout-h dd.sc-zonos-checkout,.sc-zonos-checkout-h h1.sc-zonos-checkout,.sc-zonos-checkout-h h2.sc-zonos-checkout,.sc-zonos-checkout-h h3.sc-zonos-checkout,.sc-zonos-checkout-h h4.sc-zonos-checkout,.sc-zonos-checkout-h h5.sc-zonos-checkout,.sc-zonos-checkout-h h6.sc-zonos-checkout,.sc-zonos-checkout-h hr.sc-zonos-checkout,.sc-zonos-checkout-h figure.sc-zonos-checkout,.sc-zonos-checkout-h p.sc-zonos-checkout,.sc-zonos-checkout-h pre.sc-zonos-checkout{margin:0}.sc-zonos-checkout-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-checkout-h{z-index:2147483647;position:fixed}.sc-zonos-checkout-h *.sc-zonos-checkout{-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar{width:10px}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-checkout-h *.sc-zonos-checkout::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;height:100%;overflow:hidden;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex:1;flex:1;padding:32px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{background-color:var(--zonos--primary-color, var(--zonos-elements-gray-0));border-right:1px solid var(--zonos-elements-gray-200)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{background-color:var(--zonos-elements-gray-0)}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:100%;max-height:100%;height:100%;overflow:auto;-ms-flex-direction:column;flex-direction:column;background-color:var(--zonos-elements-gray-0);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;padding-bottom:50px}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--header.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout .zonos--logo.sc-zonos-checkout{margin-bottom:0}.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout zonos-checkout-finish.sc-zonos-checkout{-ms-flex:1;flex:1}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{padding:0 8px 8px}.sc-zonos-checkout-h .zonos--left.sc-zonos-checkout .zonos--payment-error-banner.sc-zonos-checkout{margin-top:24px}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout{position:relative}.sc-zonos-checkout-h .zonos--right.sc-zonos-checkout .zonos--right-actions.sc-zonos-checkout{position:absolute;right:24px;top:24px;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--wrapper.sc-zonos-checkout{overflow:auto;max-height:100%;position:relative}.sc-zonos-checkout-h .flex--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo-wrapper.sc-zonos-checkout>*.sc-zonos-checkout{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-zonos-checkout-h .zonos--logo.sc-zonos-checkout img.sc-zonos-checkout{max-height:72px}.sc-zonos-checkout-h .zonos--checkout-default-message.sc-zonos-checkout{margin-left:76px;margin-bottom:8px}.zonos--close-button.sc-zonos-checkout{-ms-flex-item-align:start;align-self:flex-start}.preview.sc-zonos-checkout-h{min-width:500px;margin:auto;position:relative}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{border:var(--zonos-elements-border)}.preview.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{padding:32px}.hidden-mode.sc-zonos-checkout-h{height:0;opacity:0;pointer-events:none;position:absolute;visibility:hidden;width:0;z-index:-1}.mobile.sc-zonos-checkout-h{min-width:auto}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;border-radius:0;max-height:100%;height:100%;border:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding:12px;padding-bottom:76px}@media (max-width: 768px){.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout,.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{padding-bottom:0}}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--left.sc-zonos-checkout{-ms-flex-order:2;order:2;border-right:none}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout{-ms-flex-order:1;order:1;padding-top:16px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));background-color:var(--zonos-elements-gray-50);padding:12px;margin-top:32px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--review.sc-zonos-checkout{margin-bottom:0}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--right.sc-zonos-checkout .zonos--cart-items.sc-zonos-checkout{margin-top:8px}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout zonos-checkout-footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--wrapper.sc-zonos-checkout{max-height:100%}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--footer.sc-zonos-checkout{-ms-flex-order:3;order:3}.mobile.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout .zonos--done.sc-zonos-checkout{width:auto}.mobile.sc-zonos-checkout-h .zonos--cart-subtotal.sc-zonos-checkout{margin:0}.iframed.sc-zonos-checkout-h .zonos--content.sc-zonos-checkout{-ms-scroll-chaining:chained;overscroll-behavior:auto}.zonos--processing-payment.sc-zonos-checkout-h{z-index:2147483646}";
 const ZonosCheckoutStyle0 = zonosCheckoutCss;
 
 // 90 minutes
@@ -1857,6 +1857,7 @@ const ZonosCheckout = class {
         };
         return (h(Host, { class: classes([
                 'zonos--checkout zonos--elements',
+                cartStore.step === 'payment' && 'zonos--processing-payment',
                 hasFooter && 'has-footer',
                 this.preview && 'preview',
                 this.isMobile && 'mobile',

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-55a03023.js';
-import { f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
-import './VarianceTest-fef2d958.js';
+import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
+import './VarianceTest-572cecf5.js';
 
 const zonosCollapseCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";
 const ZonosCollapseStyle0 = zonosCollapseCss;

package/dist/esm/zonos-collect-cart-items_3.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, d as getAssetPath, h, H as Host } from './index-55a03023.js';
-import { e as cartStore } from './cart-7f06662c.js';
+import { e as cartStore } from './cart-11b87221.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
-import { f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
+import { f as zonosStoreFontFamily } from './zonosStore-e3d0493a.js';
 import { c as classes } from './classes-0d95c529.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import './localization-192886e4.js';
-import './handleFetch-99218189.js';
-import './VarianceTest-fef2d958.js';
-import './translationStore-fb98a08d.js';
-import './isDarkColor-1f58b6be.js';
-import './getBorderRadius-87593ff4.js';
+import './localization-9320a65d.js';
+import './handleFetch-a844cac1.js';
+import './VarianceTest-572cecf5.js';
+import './translationStore-7eebaa41.js';
+import './isDarkColor-83e0c27e.js';
+import './getBorderRadius-6281d902.js';
 
 const zonosCollectCartItemsCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:first-child{width:48px}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px;-webkit-box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);border-radius:10px}";
 const ZonosCollectCartItemsStyle0 = zonosCollectCartItemsCss;