@zonos/elements 1.3.140 → 1.3.142

package/dist/esm/{index-86b8247e.js → index-986b5ff2.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'zonos-elements';
 const BUILD = /* zonos-elements */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
- Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -394,7 +394,31 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(styleElm, referenceNode2);
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+              } else {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
           styleElm.innerHTML += SLOT_FB_CSS;
@@ -417,7 +441,7 @@ var attachStyles = (hostRef) => {
   const scopeId2 = addStyle(
     elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
     cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
+  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
     if (flags & 2 /* scopedCssEncapsulation */) {
@@ -489,7 +513,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             if (memberName === "list") {
               isProp = false;
             } else if (oldValue == null || elm[memberName] != n) {
-              elm[memberName] = n;
+              if (typeof elm.__lookupSetter__(memberName) === "function") {
+                elm[memberName] = n;
+              } else {
+                elm.setAttribute(memberName, n);
+              }
             }
           } else {
             elm[memberName] = newValue;
@@ -569,7 +597,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     {
       updateElement(null, newVNode2, isSvgMode);
     }
-    if (isDef(scopeId) && elm["s-si"] !== scopeId) {
+    const rootNode = elm.getRootNode();
+    const isElementWithinShadowRoot = !rootNode.querySelector("body");
+    if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     {
@@ -737,7 +767,10 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
         elm.textContent = "";
       }
       addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
-    } else if (oldChildren !== null) {
+    } else if (
+      // don't do this on initial render as it can cause non-hydrated content to be removed
+      !isInitialRender && BUILD.updatable && oldChildren !== null
+    ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     }
     if (isSvgMode && tag === "svg") {
@@ -777,7 +810,7 @@ var updateElementScopeIds = (element, parent, iterateChildNodes = false) => {
   if (element && parent && element.nodeType === 1 /* ElementNode */) {
     const scopeIds = new Set(findScopeIds(parent).filter(Boolean));
     if (scopeIds.size) {
-      (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = [...scopeIds]);
+      (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = Array.from(scopeIds));
       if (element["s-ol"] || iterateChildNodes) {
         for (const childNode of Array.from(element.childNodes)) {
           updateElementScopeIds(childNode, element, true);
@@ -1066,7 +1099,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           if (this.hasOwnProperty(propName)) {
             newValue = this[propName];
             delete this[propName];
-          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) {
+          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          this[propName] == newValue) {
             return;
           } else if (propName == null) {
             const hostRef = getHostRef(this);

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-import { l as log, h as handleFetch, a as logError } from './handleFetch-22cb914b.js';
-import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-930107d4.js';
-export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-930107d4.js';
+import { l as log, h as handleFetch, a as logError } from './handleFetch-badf4543.js';
+import { s as setupCartData, c as checkoutHiddenBtnSelector } from './CheckoutConfig-262008fe.js';
+export { c as checkoutHiddenBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-262008fe.js';
 
 /**
  * Get the load version and url based on the loadScriptSrc and version
@@ -124,7 +124,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.140.js.zonos.com";
+    const cdnUrl = "https://v1.3.142.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.') ||
@@ -308,10 +308,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.140.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.140";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.140";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.140";
+const ZONOS_URL = "https://v1.3.142.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.142";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.142";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.142";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -325,7 +325,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1734113749964";
+Zonos.releaseDate = "1734472646609";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -341,7 +341,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.140"}`;
+Zonos.version = `v${"1.3.142"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
@@ -418,6 +418,8 @@ Zonos.init = async (params) => {
         document.body.appendChild(hiddenButton);
     }
     log('init zonos');
+    // inject custom script for hosted checkout if can find it in metadata
+    _a.injectCustomScriptForHostedCheckout();
     // inject zonos cdn
     _a.injectZonosCdn();
     // inject css for zonos elements
@@ -437,6 +439,33 @@ Zonos.init = async (params) => {
     });
     _a.doneInit = true;
 };
+Zonos.injectCustomScriptForHostedCheckout = () => {
+    const cartData = _a.cartData;
+    const metadata = (cartData === null || cartData === void 0 ? void 0 : cartData.metadata) || [];
+    const headerScript = metadata.find(meta => meta.key === 'customHeaderScript');
+    const footerScript = metadata.find(meta => meta.key === 'customFooterScript');
+    // Only inject the script if checkout is on Zonos hosted checkout and custom script is available
+    if (!window.Zonos.isLegacyCheckout || (!headerScript && !footerScript)) {
+        log('Skip injecting custom script for hosted checkout', 'info', {
+            footerScript,
+            headerScript,
+            isLegacyCheckout: window.Zonos.isLegacyCheckout,
+        });
+        return;
+    }
+    if (headerScript) {
+        log('Injecting custom header script');
+        const script = document.createElement('script');
+        script.textContent = headerScript.value;
+        document.head.appendChild(script);
+    }
+    if (footerScript) {
+        log('Injecting custom footer script');
+        const script = document.createElement('script');
+        script.textContent = footerScript.value;
+        document.body.appendChild(script);
+    }
+};
 Zonos.displayCurrency = () => {
     const zonosHello = document.querySelector('zonos-hello');
     if (zonosHello) {

package/dist/esm/{isDarkColor-c6924924.js → isDarkColor-4915739f.js}

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

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-86b8247e.js';
-export { s as setNonce } from './index-86b8247e.js';
+import { b as bootstrapLazy } from './index-986b5ff2.js';
+export { s as setNonce } from './index-986b5ff2.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/esm/{paypal-77a60c44.js → paypal-b7124cc4.js}

@@ -1,7 +1,7 @@
-import { z as zonosStore, c as createStore } from './zonosStore-c493c4fe.js';
-import { C as validateCheckoutSession, f as stripeStore, e as cartStore, x as stripeStoreHandleInventoryCheck, q as translate, w as cartStoreNextStep, k as cartStoreClearCheckoutInterval } from './cart-709f053f.js';
-import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-22cb914b.js';
-import { t as tinycolor } from './isDarkColor-c6924924.js';
+import { z as zonosStore, c as createStore } from './zonosStore-708637e7.js';
+import { C as validateCheckoutSession, f as stripeStore, e as cartStore, x as stripeStoreHandleInventoryCheck, q as translate, w as cartStoreNextStep, k as cartStoreClearCheckoutInterval } from './cart-cf87ec6f.js';
+import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-badf4543.js';
+import { t as tinycolor } from './isDarkColor-4915739f.js';
 
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
@@ -325,7 +325,7 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
                     cartStore.inventoryCheckErrorMessage =
                         await stripeStoreHandleInventoryCheck();
                 }
-                catch (err) {
+                catch (_a) {
                     // If user provide callback and it throw an exception, default to this message and stop the payment.
                     cartStore.inventoryCheckErrorMessage = translate('Unable to check inventory. Please try again.');
                 }

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { f as stripeStore, T as getFallbackDefaultCountryCode, l as localizationStore, q as translate } from './cart-709f053f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-986b5ff2.js';
+import { f as stripeStore, T as getFallbackDefaultCountryCode, l as localizationStore, q as translate } from './cart-cf87ec6f.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
-import { a as logError, l as log } from './handleFetch-22cb914b.js';
+import { a as logError, l as log } from './handleFetch-badf4543.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
-import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { c as classes } from './classes-0d95c529.js';
 import { R as RemoveIcon$1 } from './RemoveIcon-9dc5dd1a.js';
-import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
-import { i as isDarkColor } from './isDarkColor-c6924924.js';
+import { g as getBorderRadius } from './getBorderRadius-4aca63d4.js';
+import { i as isDarkColor } from './isDarkColor-4915739f.js';
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--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.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
-import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, h, H as Host } from './index-986b5ff2.js';
+import { d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
-import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, h, H as Host } from './index-986b5ff2.js';
+import { d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { c as classes } from './classes-0d95c529.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)}";

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-986b5ff2.js';
+import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
+import { g as getBorderRadius } from './getBorderRadius-4aca63d4.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
-import { i as isDarkColor } from './isDarkColor-c6924924.js';
+import { i as isDarkColor } from './isDarkColor-4915739f.js';
 import { s as styles } from './styles-6fc2fad9.js';
 
 /**

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
-import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, h, H as Host } from './index-986b5ff2.js';
+import { d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
+import { g as getBorderRadius } from './getBorderRadius-4aca63d4.js';
 
 const zonosCardCss = ":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 .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
 const ZonosCardStyle0 = zonosCardCss;

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

@@ -1,14 +1,14 @@
-import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
-import { e as cartStore, J as currencyFormat, q as translate, K as cartStoreHasOneEligibleItem, L as stripeStoreApplyPromoCode, M as stripeStoreRemovePromoCode, f as stripeStore, A as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, N as stripeStoreResetPromoCode, O as stripeStoreMessageBasedOnStatus, l as localizationStore, P as stripeStoreTranslateAddressToLatin, Q as cartStoreUpdateSelectedShippingOption, R as cartStoreGetShippingTransitInfo, S as sortServiceLevelOptionsByAmount } from './cart-709f053f.js';
+import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-986b5ff2.js';
+import { e as cartStore, J as currencyFormat, q as translate, K as cartStoreHasOneEligibleItem, L as stripeStoreApplyPromoCode, M as stripeStoreRemovePromoCode, f as stripeStore, A as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, N as stripeStoreResetPromoCode, O as stripeStoreMessageBasedOnStatus, l as localizationStore, P as stripeStoreTranslateAddressToLatin, Q as cartStoreUpdateSelectedShippingOption, R as cartStoreGetShippingTransitInfo, S as sortServiceLevelOptionsByAmount } from './cart-cf87ec6f.js';
 import { c as classes } from './classes-0d95c529.js';
-import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-77a60c44.js';
-import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-b7124cc4.js';
+import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-31a792d3.js';
-import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
-import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, b as allLogs } from './handleFetch-22cb914b.js';
+import { g as getBorderRadius } from './getBorderRadius-4aca63d4.js';
+import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, b as allLogs } from './handleFetch-badf4543.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { i as isDarkColor, t as tinycolor } from './isDarkColor-c6924924.js';
+import { i as isDarkColor, t as tinycolor } from './isDarkColor-4915739f.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
 import { c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
 
@@ -1411,7 +1411,7 @@ const ZonosCheckoutFinish = class {
                     void sendErrorLog({
                         endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order.id}`,
                         errors: [
-                            `Order found but legacy order number doesn’t exist after ${maxRetries} attempts`,
+                            `Order found but legacy order number doesn't exist after ${maxRetries} attempts`,
                         ],
                         metadata: {
                             allLogs,
@@ -2010,7 +2010,7 @@ const ZonosCurrencyToggle = class {
         const { exchangeRate } = cartStore;
         const options = exchangeRate &&
             exchangeRate.sourceCurrencyCode !== exchangeRate.targetCurrencyCode
-            ? ([
+            ? [
                 {
                     label: exchangeRate.sourceCurrencyCode,
                     value: exchangeRate.sourceCurrencyCode,
@@ -2019,7 +2019,7 @@ const ZonosCurrencyToggle = class {
                     label: exchangeRate.targetCurrencyCode,
                     value: exchangeRate.targetCurrencyCode,
                 },
-            ])
+            ]
             : [];
         // If there is only one currency, don't show the toggle
         if (!options.length) {

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

@@ -1,15 +1,15 @@
-import { r as registerInstance, h, H as Host, F as Fragment } from './index-86b8247e.js';
-import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as cartStoreStartCheckoutInterval, t as trackConversionEvent, o as getCheckoutSessionBody, p as cartStoreUpdateToErrorState, q as translate, r as getZCountryUrlParam, u as cartStoreSetCheckoutSession, v as stripeStorePrefetchLandedCost, w as cartStoreNextStep, x as stripeStoreHandleInventoryCheck, y as stripeStoreConfirmPayment, z as stripeStoreHandleInventoryRefund, A as stripeStoreReset, B as localizationStoreOnUpdate } from './cart-709f053f.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-77a60c44.js';
-import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c493c4fe.js';
-import { h as handleFetch, l as log, a as logError, s as sendErrorLog, g as getElapsedTime, b as allLogs, j as jsonParse } from './handleFetch-22cb914b.js';
+import { r as registerInstance, h, H as Host, F as Fragment } from './index-986b5ff2.js';
+import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as stripeStore, g as cartStoreUpdateItems, h as cartStoreReset, j as cartStoreResetTabItems, k as cartStoreClearCheckoutInterval, m as stripeStoreInitCheckoutSession, n as cartStoreStartCheckoutInterval, t as trackConversionEvent, o as getCheckoutSessionBody, p as cartStoreUpdateToErrorState, q as translate, r as getZCountryUrlParam, u as cartStoreSetCheckoutSession, v as stripeStorePrefetchLandedCost, w as cartStoreNextStep, x as stripeStoreHandleInventoryCheck, y as stripeStoreConfirmPayment, z as stripeStoreHandleInventoryRefund, A as stripeStoreReset, B as localizationStoreOnUpdate } from './cart-cf87ec6f.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-b7124cc4.js';
+import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-708637e7.js';
+import { h as handleFetch, l as log, a as logError, s as sendErrorLog, g as getElapsedTime, b as allLogs, j as jsonParse } from './handleFetch-badf4543.js';
 import { g as getIsTestMode, c as createCustomEvent } from './createCustomEvent-31a792d3.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
-import { i as isDarkColor } from './isDarkColor-c6924924.js';
+import { g as getBorderRadius } from './getBorderRadius-4aca63d4.js';
+import { i as isDarkColor } from './isDarkColor-4915739f.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import { c as checkoutHiddenBtnSelector, s as setupCartData, d as domesticRedirectedBtnSelector } from './CheckoutConfig-930107d4.js';
+import { c as checkoutHiddenBtnSelector, s as setupCartData, d as domesticRedirectedBtnSelector } from './CheckoutConfig-262008fe.js';
 import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
 
 /**
@@ -909,7 +909,7 @@ const ZonosCheckout = class {
             cartStore.inventoryCheckErrorMessage =
                 await stripeStoreHandleInventoryCheck();
         }
-        catch (err) {
+        catch (_a) {
             // If user provide callback and it throw an exception, default to this message and stop the payment.
             cartStore.inventoryCheckErrorMessage = translate('Unable to check inventory. Please try again.');
         }

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-986b5ff2.js';
+import { d as zonosStoreFontFamily } from './zonosStore-708637e7.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-component.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-86b8247e.js';
+import { r as registerInstance, h } from './index-986b5ff2.js';
 
 function format(first, middle, last) {
     return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-86b8247e.js';
-import { D as isValidSelector, f as stripeStore, E as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-709f053f.js';
-import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
-import { h as handleFetch, a as logError, l as log } from './handleFetch-22cb914b.js';
-import './isDarkColor-c6924924.js';
-import './getBorderRadius-bdd709e7.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-986b5ff2.js';
+import { D as isValidSelector, f as stripeStore, E as initLocalizationStore, e as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-cf87ec6f.js';
+import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
+import { h as handleFetch, a as logError, l as log } from './handleFetch-badf4543.js';
+import './isDarkColor-4915739f.js';
+import './getBorderRadius-4aca63d4.js';
 
 const getZonosSettings = async () => {
     const { errors, json, zonosMode } = await handleFetch('/api/zonos-elements/zonos-settings');

package/dist/esm/zonos-country-flag.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { l as localizationStore } from './cart-709f053f.js';
-import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-986b5ff2.js';
+import { l as localizationStore } from './cart-cf87ec6f.js';
+import { d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { c as classes } from './classes-0d95c529.js';
-import './handleFetch-22cb914b.js';
-import './isDarkColor-c6924924.js';
-import './getBorderRadius-bdd709e7.js';
+import './handleFetch-badf4543.js';
+import './isDarkColor-4915739f.js';
+import './getBorderRadius-4aca63d4.js';
 
 const zonosCountryFlagCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

package/dist/esm/zonos-country-select_4.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { a as localizationStoreUpdateSelectedCountryCode, q as translate, l as localizationStore } from './cart-709f053f.js';
-import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-986b5ff2.js';
+import { a as localizationStoreUpdateSelectedCountryCode, q as translate, l as localizationStore } from './cart-cf87ec6f.js';
+import { d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
-import { i as isDarkColor } from './isDarkColor-c6924924.js';
+import { i as isDarkColor } from './isDarkColor-4915739f.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import './handleFetch-22cb914b.js';
-import './getBorderRadius-bdd709e7.js';
+import './handleFetch-badf4543.js';
+import './getBorderRadius-4aca63d4.js';
 
 /**
  * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)

package/dist/esm/zonos-elements.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-86b8247e.js';
-export { s as setNonce } from './index-86b8247e.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-986b5ff2.js';
+export { s as setNonce } from './index-986b5ff2.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

package/dist/esm/zonos-hello-dialog.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-86b8247e.js';
-import { q as translate, l as localizationStore, J as currencyFormat } from './cart-709f053f.js';
-import { z as zonosStore } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-986b5ff2.js';
+import { q as translate, l as localizationStore, J as currencyFormat } from './cart-cf87ec6f.js';
+import { z as zonosStore } from './zonosStore-708637e7.js';
 import { c as classes } from './classes-0d95c529.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
-import './handleFetch-22cb914b.js';
-import './isDarkColor-c6924924.js';
-import './getBorderRadius-bdd709e7.js';
+import './handleFetch-badf4543.js';
+import './isDarkColor-4915739f.js';
+import './getBorderRadius-4aca63d4.js';
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();
@@ -279,7 +279,7 @@ const ZonosHelloDialog = class {
             var _a;
             return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
         }), h("zonos-card", { key: 'e3a98411ec2be35dfbe3e9a2a5945851697da7ad', spacing: "12px" }, h("zonos-v-stack", { key: '09cd2bbbb94e819a272f3ef415bb9ace37111f04', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '443975bc6a4355f49cde5513aa494f700e1eee98', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'a55ed373839ed80b449b9f6271ea19cf15124843' }, h("zonos-country-select", { key: 'e8fa0c5c6f36ebe67b84f692ad10a9a84305eba5', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '7bd9d8836c876049d190aaa1bbf3ddea04139090' }, h("zonos-language-select", { key: '15002ebf92828cd52881f30ddb639f704d074462', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '87b8ee464cc4aee3c811fa302f34126b29125565', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'b1841bad3ab471b0d6f148389e08d79907ca19e6' }, h("zonos-country-select", { key: '8571131dd95b34476e2bf165ad7a369c5b45bd0c', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '0a30a4dff4b45cdd87413688381d66624f8de3aa' }, h("zonos-language-select", { key: '4ddeb41556e241dcc234d91d402014218f91281a', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
-import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c493c4fe.js';
-import { l as localizationStore, D as isValidSelector, q as translate, r as getZCountryUrlParam, F as setZCountryUrlParam, G as currencyDisplay, H as currencyConvertAndFormat, I as currencyConvert, J as currencyFormat } from './cart-709f053f.js';
+import { r as registerInstance, h, H as Host } from './index-986b5ff2.js';
+import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-708637e7.js';
+import { l as localizationStore, D as isValidSelector, q as translate, r as getZCountryUrlParam, F as setZCountryUrlParam, G as currencyDisplay, H as currencyConvertAndFormat, I as currencyConvert, J as currencyFormat } from './cart-cf87ec6f.js';
 import { c as classes } from './classes-0d95c529.js';
-import { h as handleFetch, a as logError, l as log } from './handleFetch-22cb914b.js';
+import { h as handleFetch, a as logError, l as log } from './handleFetch-badf4543.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
-import './isDarkColor-c6924924.js';
-import './getBorderRadius-bdd709e7.js';
+import './isDarkColor-4915739f.js';
+import './getBorderRadius-4aca63d4.js';
 
 var root = _root;
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
-import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-986b5ff2.js';
+import { d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-bdd709e7.js';
+import { g as getBorderRadius } from './getBorderRadius-4aca63d4.js';
 
 const zonosInputCss = ":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{margin:1px;}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--zonos--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}";
 const ZonosInputStyle0 = zonosInputCss;

package/dist/esm/zonos-language-select_2.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
-import { U as localizationStoreUpdateSelectedLocale, q as translate, l as localizationStore } from './cart-709f053f.js';
-import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, h, H as Host } from './index-986b5ff2.js';
+import { U as localizationStoreUpdateSelectedLocale, q as translate, l as localizationStore } from './cart-cf87ec6f.js';
+import { d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import './handleFetch-22cb914b.js';
-import './isDarkColor-c6924924.js';
-import './getBorderRadius-bdd709e7.js';
+import './handleFetch-badf4543.js';
+import './isDarkColor-4915739f.js';
+import './getBorderRadius-4aca63d4.js';
 
 const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.99996 2.6665C5.05444 2.6665 2.66663 5.05432 2.66663 7.99984C2.66663 10.9454 5.05444 13.3332 7.99996 13.3332C10.9455 13.3332 13.3333 10.9454 13.3333 7.99984C13.3333 5.05432 10.9455 2.6665 7.99996 2.6665Z" fill="#AFF8C3"/>

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
+import { r as registerInstance, h, H as Host } from './index-986b5ff2.js';
 
 const zonosLinkCss = ":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{display:inline-block}:host a{padding-bottom:2px;color:var(--zonos-elements-primary);-webkit-box-shadow:none;box-shadow:none;text-decoration:none;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word}:host a:link,:host a:visited{color:var(--zonos-elements-primary);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}:host a:hover,:host a:active{color:var(--zonos-elements-primary);-webkit-box-shadow:0 1px 0 var(--zonos-elements-primary);box-shadow:0 1px 0 var(--zonos-elements-primary)}";
 const ZonosLinkStyle0 = zonosLinkCss;

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as getAssetPath, H as Host } from './index-86b8247e.js';
-import { d as zonosStoreFontFamily } from './zonosStore-c493c4fe.js';
+import { r as registerInstance, h, a as getAssetPath, H as Host } from './index-986b5ff2.js';
+import { d as zonosStoreFontFamily } from './zonosStore-708637e7.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const zonosLogoCss = ":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{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--zonos--filter-color);filter:var(--zonos--filter-color);width:var(--zonos--width)}";