@zonos/elements 1.3.204 → 1.3.205

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, H as Host, F as Fragment } from './index-a457c60c.js';
-import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, i as initStripeElements, c as stripeStoreRetrievePayment, d as stripeStore, 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-db61eb95.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-2e0ffb07.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, t as translate, c as localizationStoreOnChange, d as currencyFormat } from './localization-bf7224aa.js';
-import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-d10a829f.js';
+import { r as registerInstance, h, H as Host, F as Fragment } from './index-5ea9f81d.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-a921e0b7.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript, b as paypalStore } from './paypal-67d51f03.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, t as translate, c as localizationStoreOnChange, d as currencyFormat } from './localization-a2b8f9ed.js';
+import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-1e015fa5.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-621e45bc.js';
 import { c as classes } from './classes-0d95c529.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
-import { g as getBorderRadius } from './getBorderRadius-78b28b4d.js';
-import { i as isDarkColor } from './isDarkColor-31dd7dff.js';
+import { g as getBorderRadius } from './getBorderRadius-b18c924f.js';
+import { i as isDarkColor } from './isDarkColor-d8bb8659.js';
 import { s as styles } from './styles-6fc2fad9.js';
 import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector } from './CheckoutConfig-eb7d6954.js';
 import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
@@ -455,6 +455,89 @@ const ZonosCheckout = class {
          */
         this.onChangeLocaleListener = () => { };
         this.isRedirectAfterOrder = false;
+        /**
+         * Preview checkout without needing to click on the button. This would be useful for demo purpose
+         */
+        this.preview = false;
+        /**
+         * Hidden mode to hide the checkout modal in preview mode
+         */
+        this.hiddenMode = false;
+        /**
+         * Flag to determine if the checkout is on mobile
+         */
+        this.mobile = false;
+        /**
+         * Default address to use for the checkout (preview mode)
+         */
+        this.defaultAddress = [];
+        /**
+         * Force dialog to be open
+         */
+        this.forceDialogOpen = false;
+        this.defaultAddressParams = [];
+        /**
+         * List of addresses from authenticated checkout customer
+         */
+        this.defaultCustomerProfileAddress = [];
+        /**
+         * Customer profile of the authenticated checkout user
+         */
+        this.customerProfile = null;
+        /**
+         * Whether or not the dialog is open
+         */
+        this.open = this.forceDialogOpen;
+        /**
+         * Whether or not the overlay is loading (for waiting for fetching test variance)
+         */
+        this.isOverlayLoading = false;
+        /**
+         * The stripe instance
+         */
+        this.stripe = window.Zonos.stripe;
+        /**
+         * Whether or not the submit button is loading in `step` component
+         */
+        this.submitLoading = false;
+        // default to collapse the review on mobile
+        this.collapseReviewMobile = true;
+        /**
+         * Determine if we should skip and not hijack the Checkout button click event
+         * Sometimes stripe or our api has error, we don't want to hijack the click event.
+         */
+        this.isAttachError = false;
+        this.isMobile = false;
+        this.isIframed = false;
+        this.isLegacyCheckout = window.Zonos.isLegacyCheckout;
+        /**
+         * Confirm dialog open state
+         */
+        this.confirmDialogOpen = false;
+        /**
+         * Cart expired state to show the cart expired dialog
+         */
+        this.isCartExpired = false;
+        /**
+         * Pay in USD confirm dialog open state
+         */
+        this.payInUsdConfirmDialogOpen = false;
+        /**
+         * Error message from onInventoryCheck callback
+         */
+        this.inventoryCheckErrorMessage = null;
+        /**
+         * Placed order info to show the confirm dialog to the user
+         */
+        this.placedOrderInfo = null;
+        /**
+         * Client secret value
+         */
+        this.clientSecret = stripeStore.clientSecret;
+        /**
+         * Client secret value of customer session (use to load saved payment method and render saved consent)
+         */
+        this.stripeCustomerSessionClientSecret = stripeStore.stripeCustomerSessionClientSecret;
         this.applyStripeTheme = async () => {
             var _a, _b, _c, _d;
             const theme = ((_a = this.appearanceSettingsOverride) === null || _a === void 0 ? void 0 : _a.theme) || zonosStore.appearance.theme;
@@ -754,34 +837,6 @@ const ZonosCheckout = class {
             url.searchParams.delete('zonosVariantTest');
             window.history.replaceState({}, '', url.toString());
         };
-        this.appearanceSettingsOverride = undefined;
-        this.preview = false;
-        this.hiddenMode = false;
-        this.mobile = false;
-        this.overrideStagingMode = undefined;
-        this.defaultAddress = [];
-        this.forceDialogOpen = false;
-        this.defaultAddressParams = [];
-        this.defaultCustomerProfileAddress = [];
-        this.customerProfile = null;
-        this.open = this.forceDialogOpen;
-        this.isOverlayLoading = false;
-        this.stripe = window.Zonos.stripe;
-        this.submitLoading = false;
-        this.collapseReviewMobile = true;
-        this.isAttachError = false;
-        this.isMobile = false;
-        this.isIframed = false;
-        this.zonosReviewRef = undefined;
-        this.storybookPaymentStatusOverride = undefined;
-        this.isLegacyCheckout = window.Zonos.isLegacyCheckout;
-        this.confirmDialogOpen = false;
-        this.isCartExpired = false;
-        this.payInUsdConfirmDialogOpen = false;
-        this.inventoryCheckErrorMessage = null;
-        this.placedOrderInfo = null;
-        this.clientSecret = stripeStore.clientSecret;
-        this.stripeCustomerSessionClientSecret = stripeStore.stripeCustomerSessionClientSecret;
     }
     /**
      * Init cart info handler event

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
-import { d as zonosStoreFontFamily } from './zonosStore-d10a829f.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-5ea9f81d.js';
+import { d as zonosStoreFontFamily } from './zonosStore-1e015fa5.js';
 import './VarianceTest-fef2d958.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}";
@@ -8,7 +8,13 @@ const ZonosCollapseStyle0 = zonosCollapseCss;
 const ZonosCollapse = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Collapsed state of the element
+         */
         this.collapsed = false;
+        /**
+         * Collapsed size when collapsed
+         */
         this.collapseSize = 0;
         this.height = this.el.scrollHeight;
         this.iframe = null;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-a457c60c.js';
+import { r as registerInstance, h } from './index-5ea9f81d.js';
 
 function format(first, middle, last) {
     return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
@@ -10,8 +10,17 @@ const ZonosComponentStyle0 = zonosComponentCss;
 const ZonosComponent = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * The first name
+         */
         this.first = '';
+        /**
+         * The middle name
+         */
         this.middle = '';
+        /**
+         * The last name
+         */
         this.last = '';
     }
     getText() {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-a457c60c.js';
-import { d as stripeStore } from './cart-db61eb95.js';
-import { i as isValidSelector, e as initLocalizationStore, s as storageStore, a as localizationStoreUpdateSelectedCountryCode } from './localization-bf7224aa.js';
-import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-d10a829f.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-5ea9f81d.js';
+import { c as stripeStore } from './cart-a921e0b7.js';
+import { i as isValidSelector, e as initLocalizationStore, s as storageStore, a as localizationStoreUpdateSelectedCountryCode } from './localization-a2b8f9ed.js';
+import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-1e015fa5.js';
 import { g as getGenericSettingsOverride, i as iframeServices, a as injectPrivateIframe } from './getGenericSettingsOverride-0bc3e118.js';
 import { h as handleFetch, b as logError, l as log } from './handleFetch-621e45bc.js';
-import './isDarkColor-31dd7dff.js';
-import './getBorderRadius-78b28b4d.js';
+import './isDarkColor-d8bb8659.js';
+import './getBorderRadius-b18c924f.js';
 import './VarianceTest-fef2d958.js';
 
 const getZonosSettings = async () => {
@@ -370,8 +370,6 @@ const ZonosController = class {
         registerInstance(this, hostRef);
         this.paypalInitEvent = createEvent(this, "paypalInitEvent", 7);
         this.stripeInitEvent = createEvent(this, "stripeInitEvent", 7);
-        this.config = undefined;
-        this.zonosApiKey = undefined;
     }
     /**
      * Method to initialize checkout element

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
-import { l as localizationStore } from './localization-bf7224aa.js';
-import { d as zonosStoreFontFamily } from './zonosStore-d10a829f.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-5ea9f81d.js';
+import { l as localizationStore } from './localization-a2b8f9ed.js';
+import { d as zonosStoreFontFamily } from './zonosStore-1e015fa5.js';
 import { c as classes } from './classes-0d95c529.js';
 import './handleFetch-621e45bc.js';
 import './VarianceTest-fef2d958.js';
@@ -12,8 +12,12 @@ const FLAG_URL = "https://zonos-store-assets.s3.amazonaws.com/images/elements-fl
 const ZonosCountryFlag = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * The country code for the flag
+         * @default localizationStore.selectedCountryCode
+         * @example 'US'
+         */
         this.countryCode = localizationStore.selectedCountryCode;
-        this.size = undefined;
     }
     render() {
         if (!this.el.shadowRoot || !this.countryCode) {

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

@@ -1,16 +1,16 @@
-import { r as registerInstance, h, H as Host, d as getElement } from './index-a457c60c.js';
-import { a as localizationStoreUpdateSelectedCountryCode, t as translate, l as localizationStore } from './localization-bf7224aa.js';
-import { d as zonosStoreFontFamily } from './zonosStore-d10a829f.js';
+import { r as registerInstance, h, H as Host, d as getElement } from './index-5ea9f81d.js';
+import { a as localizationStoreUpdateSelectedCountryCode, t as translate, l as localizationStore } from './localization-a2b8f9ed.js';
+import { d as zonosStoreFontFamily } from './zonosStore-1e015fa5.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
-import { i as isDarkColor } from './isDarkColor-31dd7dff.js';
+import { i as isDarkColor } from './isDarkColor-d8bb8659.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
 import './handleFetch-621e45bc.js';
 import './VarianceTest-fef2d958.js';
 
 /**
- * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)
+ * Fuse.js v7.1.0 - Lightweight fuzzy-search (http://fusejs.io)
  *
- * Copyright (c) 2023 Kiro Risk (http://kiro.me)
+ * Copyright (c) 2025 Kiro Risk (http://kiro.me)
  * All Rights Reserved. Apache Software License 2.0
  *
  * http://www.apache.org/licenses/LICENSE-2.0
@@ -235,6 +235,8 @@ const BasicOptions = {
   // When `true`, the algorithm continues searching to the end of the input even if a perfect
   // match is found before the end of the same input.
   isCaseSensitive: false,
+  // When `true`, the algorithm will ignore diacritics (accents) in comparisons
+  ignoreDiacritics: false,
   // When true, the matching function will continue to the end of a search pattern even if
   includeScore: false,
   // List of properties that will be searched. This also supports nested properties.
@@ -736,6 +738,10 @@ function createPatternAlphabet(pattern) {
   return mask
 }
 
+const stripDiacritics = String.prototype.normalize
+    ? ((str) => str.normalize('NFD').replace(/[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u07FD\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u08D3-\u08E1\u08E3-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u09FE\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0AFA-\u0AFF\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B56\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C00-\u0C04\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C81-\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0D00-\u0D03\u0D3B\u0D3C\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D82\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EB9\u0EBB\u0EBC\u0EC8-\u0ECD\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17B4-\u17D3\u17DD\u180B-\u180D\u1885\u1886\u18A9\u1920-\u192B\u1930-\u193B\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1AB0-\u1ABE\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAD\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF2-\u1CF4\u1CF7-\u1CF9\u1DC0-\u1DF9\u1DFB-\u1DFF\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA674-\uA67D\uA69E\uA69F\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA880\uA881\uA8B4-\uA8C5\uA8E0-\uA8F1\uA8FF\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uA9E5\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAEB-\uAAEF\uAAF5\uAAF6\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F]/g, ''))
+    : ((str) => str);
+
 class BitapSearch {
   constructor(
     pattern,
@@ -747,6 +753,7 @@ class BitapSearch {
       findAllMatches = Config.findAllMatches,
       minMatchCharLength = Config.minMatchCharLength,
       isCaseSensitive = Config.isCaseSensitive,
+      ignoreDiacritics = Config.ignoreDiacritics,
       ignoreLocation = Config.ignoreLocation
     } = {}
   ) {
@@ -758,10 +765,13 @@ class BitapSearch {
       findAllMatches,
       minMatchCharLength,
       isCaseSensitive,
+      ignoreDiacritics,
       ignoreLocation
     };
 
-    this.pattern = isCaseSensitive ? pattern : pattern.toLowerCase();
+    pattern = isCaseSensitive ? pattern : pattern.toLowerCase();
+    pattern = ignoreDiacritics ? stripDiacritics(pattern) : pattern;
+    this.pattern = pattern;
 
     this.chunks = [];
 
@@ -799,11 +809,10 @@ class BitapSearch {
   }
 
   searchIn(text) {
-    const { isCaseSensitive, includeMatches } = this.options;
+    const { isCaseSensitive, ignoreDiacritics, includeMatches } = this.options;
 
-    if (!isCaseSensitive) {
-      text = text.toLowerCase();
-    }
+    text = isCaseSensitive ? text : text.toLowerCase();
+    text = ignoreDiacritics ? stripDiacritics(text) : text;
 
     // Exact match
     if (this.pattern === text) {
@@ -1053,6 +1062,7 @@ class FuzzyMatch extends BaseMatch {
       findAllMatches = Config.findAllMatches,
       minMatchCharLength = Config.minMatchCharLength,
       isCaseSensitive = Config.isCaseSensitive,
+      ignoreDiacritics = Config.ignoreDiacritics,
       ignoreLocation = Config.ignoreLocation
     } = {}
   ) {
@@ -1065,6 +1075,7 @@ class FuzzyMatch extends BaseMatch {
       findAllMatches,
       minMatchCharLength,
       isCaseSensitive,
+      ignoreDiacritics,
       ignoreLocation
     });
   }
@@ -1221,6 +1232,7 @@ class ExtendedSearch {
     pattern,
     {
       isCaseSensitive = Config.isCaseSensitive,
+      ignoreDiacritics = Config.ignoreDiacritics,
       includeMatches = Config.includeMatches,
       minMatchCharLength = Config.minMatchCharLength,
       ignoreLocation = Config.ignoreLocation,
@@ -1233,6 +1245,7 @@ class ExtendedSearch {
     this.query = null;
     this.options = {
       isCaseSensitive,
+      ignoreDiacritics,
       includeMatches,
       minMatchCharLength,
       findAllMatches,
@@ -1242,7 +1255,9 @@ class ExtendedSearch {
       distance
     };
 
-    this.pattern = isCaseSensitive ? pattern : pattern.toLowerCase();
+    pattern = isCaseSensitive ? pattern : pattern.toLowerCase();
+    pattern = ignoreDiacritics ? stripDiacritics(pattern) : pattern;
+    this.pattern = pattern;
     this.query = parseQuery(this.pattern, this.options);
   }
 
@@ -1260,9 +1275,10 @@ class ExtendedSearch {
       }
     }
 
-    const { includeMatches, isCaseSensitive } = this.options;
+    const { includeMatches, isCaseSensitive, ignoreDiacritics } = this.options;
 
     text = isCaseSensitive ? text : text.toLowerCase();
+    text = ignoreDiacritics ? stripDiacritics(text) : text;
 
     let numMatches = 0;
     let allIndices = [];
@@ -1771,7 +1787,7 @@ class Fuse {
   }
 }
 
-Fuse.version = '7.0.0';
+Fuse.version = '7.1.0';
 Fuse.createIndex = createIndex;
 Fuse.parseIndex = parseIndex;
 Fuse.config = Config;
@@ -1796,6 +1812,12 @@ const ZonosCountrySelectStyle0 = zonosCountrySelectCss;
 const ZonosCountrySelect = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Function to close the country select
+         * @default () => {}
+         */
+        this.handleOnClose = () => { };
+        this.inputValue = '';
         this.countrySelected = (countryCode) => {
             // mutate the selected country code in store
             void localizationStoreUpdateSelectedCountryCode(countryCode);
@@ -1812,8 +1834,6 @@ const ZonosCountrySelect = class {
                 countryListSelector.scrollTop = 0;
             }
         };
-        this.handleOnClose = () => { };
-        this.inputValue = '';
     }
     componentDidRender() {
         var _a, _b;
@@ -1853,7 +1873,13 @@ const ZonosCustomMessageStyle0 = zonosCustomMessageCss;
 const ZonosCustomMessage = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * The custom message icon
+         */
         this.icon = '';
+        /**
+         * The custom message text
+         */
         this.message = '';
     }
     render() {
@@ -1883,8 +1909,15 @@ const ZonosHelloDialogFooterStyle0 = zonosHelloDialogFooterCss;
 const ZonosHelloDialogFooter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.appearanceSettings = undefined;
+        /**
+         * Whether or not the country select dialog is open
+         * @default false
+         */
         this.setShowCountrySelect = () => { };
+        /**
+         * Whether or not the language select dialog is open
+         * @default false
+         */
         this.setShowLanguageSelect = () => { };
     }
     render() {
@@ -1907,16 +1940,11 @@ const ZonosVirtualScrollStyle0 = zonosVirtualScrollCss;
 const ZonosVirtualScroll = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.scrollTop = 0;
+        this.totalHeight = 1;
         this.scrollListener = (_ev) => {
             this.scrollTop = this.ele.scrollTop;
         };
-        this.container = undefined;
-        this.renderItem = undefined;
-        this.itemWidth = undefined;
-        this.fallbackItemHeight = undefined;
-        this.itemHeights = undefined;
-        this.scrollTop = 0;
-        this.totalHeight = 1;
     }
     updateTotalHeight() {
         this.totalHeight = this.itemHeights.reduce((acc, height) => acc + (height || this.fallbackItemHeight), 0);

package/dist/esm/zonos-elements.js

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

package/dist/esm/zonos-empty-state-payment_4.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-a457c60c.js';
-import { d as zonosStoreFontFamily } from './zonosStore-d10a829f.js';
+import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-5ea9f81d.js';
+import { d as zonosStoreFontFamily } from './zonosStore-1e015fa5.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-78b28b4d.js';
-import { d as stripeStore, t as trackConversionEvent } from './cart-db61eb95.js';
-import { s as storageStore } from './localization-bf7224aa.js';
+import { g as getBorderRadius } from './getBorderRadius-b18c924f.js';
+import { c as stripeStore, t as trackConversionEvent } from './cart-a921e0b7.js';
+import { s as storageStore } from './localization-a2b8f9ed.js';
 import { b as logError, l as log } from './handleFetch-621e45bc.js';
-import { d as paypalStoreInitButtons } from './paypal-2e0ffb07.js';
+import { d as paypalStoreInitButtons } from './paypal-67d51f03.js';
 import './VarianceTest-fef2d958.js';
-import './isDarkColor-31dd7dff.js';
+import './isDarkColor-d8bb8659.js';
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
 <mask id="mask0_3739_19124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="536" height="200">
@@ -63,7 +63,9 @@ const ZonosEmptyStatePaymentStyle0 = zonosEmptyStatePaymentCss;
 const ZonosEmptyStatePayment = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.emptyStateText = undefined;
+        /**
+         * Theme color of the icon
+         */
         this.theme = 'LIGHT';
     }
     render() {
@@ -156,11 +158,10 @@ const ZonosPaymentStyle0 = zonosPaymentCss;
 const ZonosPayment = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.trackingSent = false;
-        this.titleText = undefined;
         this.stripe = stripeStore.stripe;
         this.stripeElements = stripeStore.stripeElements;
         this.isPaymentInfoFilled = false;
+        this.trackingSent = false;
     }
     watchIsPaymentInfoFilled() {
         var _a;

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-a457c60c.js';
-import { t as translate, l as localizationStore, d as currencyFormat } from './localization-bf7224aa.js';
-import { z as zonosStore } from './zonosStore-d10a829f.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-5ea9f81d.js';
+import { t as translate, l as localizationStore, d as currencyFormat } from './localization-a2b8f9ed.js';
+import { z as zonosStore } from './zonosStore-1e015fa5.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';
@@ -50,7 +50,7 @@ const MoneyIcon = `<svg width="21" height="20" viewBox="0 0 21 20" fill="none" x
 
 const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;
 
-const zonosHelloDialogCss = ":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--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--zonos-elements-v3-shadow-medium);box-shadow:var(--zonos-elements-v3-shadow-medium);z-index:10;justify-self:center}:host .zonos--hello-dialog{position:absolute;background:var(--zonos-elements-surface-color);width:100vw;max-width:430px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:600px;border-radius:var(--zonos-elements-radius-12);outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);overflow-y:auto;top:-2px;right:-2px;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right;z-index:1001}:host .zonos--hello-dialog .zonos--hello-dialog-header{text-align:center}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:top left;transform-origin:top left;right:unset;left:-2px}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom{-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:calc(100% - 32px);top:unset}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom left;transform-origin:bottom left}:host .zonos--hello-dialog::-webkit-scrollbar{width:12px;height:12px}:host .zonos--hello-dialog::-webkit-scrollbar-track{background:#f5f5f5;border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--hello-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc;border:4px solid transparent;background-clip:content-box}:host .zonos--hello-dialog::-webkit-scrollbar-thumb:hover{background:#999}:host .zonos--hello-dialog .zonos--animate-content{opacity:0;height:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}:host .zonos--hello-dialog .zonos--show-animate-content{opacity:1;height:100%}:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .zonos--hello-dialog .zonos--close-button{position:absolute;right:8px;top:8px;width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:10}:host .zonos--hello-dialog .zonos--close-button:hover{background:var(--zonos-elements-hover-color);border-radius:var(--zonos-elements-radius-6)}:host .zonos--hello-dialog .zonos--hello-dialog-content{padding:16px}:host .zonos--hello-dialog .zonos--hello-dialog-content .zonos--hello-country-flag{border-radius:var(--zonos-elements-radius-4);width:32px;height:24px}:host .zonos--hello-dialog .zonos--flex-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}@media (max-height: 600px){:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{max-height:80vh}}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}@media (max-width: 768px){:host .zonos--hello-dialog{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px) and (max-height: 600px){:host .zonos--hello-dialog{max-height:80vh}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}";
+const zonosHelloDialogCss = ":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--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--zonos-elements-v3-shadow-medium);box-shadow:var(--zonos-elements-v3-shadow-medium);z-index:10;justify-self:center}:host .zonos--hello-dialog{position:absolute;background:var(--zonos-elements-surface-color);width:100vw;max-width:430px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:600px;border-radius:var(--zonos-elements-radius-12);outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);overflow-y:auto;top:-2px;right:-2px;opacity:0;-webkit-transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right;z-index:1001}:host .zonos--hello-dialog .zonos--hello-dialog-header{text-align:center}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:top left;transform-origin:top left;right:unset;left:-2px}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom{-webkit-transform-origin:bottom right;transform-origin:bottom right;bottom:calc(100% - 32px);top:unset}:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-bottom.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom left;transform-origin:bottom left}:host .zonos--hello-dialog::-webkit-scrollbar{width:12px;height:12px}:host .zonos--hello-dialog::-webkit-scrollbar-track{background:#f5f5f5;border-top-right-radius:var(--zonos-elements-radius-12);border-bottom-right-radius:var(--zonos-elements-radius-12)}:host .zonos--hello-dialog::-webkit-scrollbar-thumb{border-radius:10px;background:#ccc;border:4px solid transparent;background-clip:content-box}:host .zonos--hello-dialog::-webkit-scrollbar-thumb:hover{background:#999}:host .zonos--hello-dialog .zonos--animate-content{opacity:0;height:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}:host .zonos--hello-dialog .zonos--show-animate-content{opacity:1;height:100%}:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scale(1);transform:scale(1)}:host .zonos--hello-dialog .zonos--close-button{position:absolute;right:8px;top:8px;width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:10}:host .zonos--hello-dialog .zonos--close-button:hover{background:var(--zonos-elements-hover-color);border-radius:var(--zonos-elements-radius-6)}:host .zonos--hello-dialog .zonos--hello-dialog-content{padding:16px}:host .zonos--hello-dialog .zonos--hello-dialog-content .zonos--hello-country-flag{border-radius:var(--zonos-elements-radius-4);width:32px;height:24px}:host .zonos--hello-dialog .zonos--flex-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}@media (max-height: 600px){:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override{max-height:80vh}}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}:host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}@media (max-width: 768px){:host .zonos--hello-dialog{position:-webkit-sticky;position:sticky;top:unset;left:unset;right:unset;bottom:0;width:100vw;max-width:100vw;max-height:500px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-transform:scaleY(0);transform:scaleY(0);border-radius:0;-webkit-transform-origin:bottom;transform-origin:bottom}}@media (max-width: 768px) and (max-height: 600px){:host .zonos--hello-dialog{max-height:80vh}}@media (max-width: 768px){:host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left{-webkit-transform-origin:bottom;transform-origin:bottom}:host .zonos--hello-dialog.zonos--hello-dialog-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}";
 const ZonosHelloDialogStyle0 = zonosHelloDialogCss;
 
 const dutyTaxMessage_AU_lowValueGST = `${translate('The low-value GST law passed July 1st, 2018 applies to this retailer.')} ${wrapStringWithLink({
@@ -61,6 +61,23 @@ const ZonosHelloDialog = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.closeDialog = createEvent(this, "closeDialog", 7);
+        /**
+         * Whether or not the dialog is open
+         */
+        this.isOpen = false;
+        /**
+         * The function to set the open state
+         * @default () => {}
+         */
+        this.setIsOpen = () => { };
+        /**
+         * Item restrictions array if any
+         * @default []
+         */
+        this.restrictedItems = [];
+        this.welcomeMessage = 'Welcome to our Demo App!';
+        this.showCountrySelect = false;
+        this.showLanguageSelect = false;
         this.clickOutsideDialogHandler = (e) => {
             if (!e.composedPath().includes(this.dialogRef) && this.isOpen) {
                 this.setIsOpen(false);
@@ -225,15 +242,6 @@ const ZonosHelloDialog = class {
                     return null;
             }
         };
-        this.isOpen = false;
-        this.setIsOpen = () => { };
-        this.mobileLocationOverride = undefined;
-        this.animateFromLeftOverride = undefined;
-        this.appearanceSettings = undefined;
-        this.restrictedItems = [];
-        this.welcomeMessage = 'Welcome to our Demo App!';
-        this.showCountrySelect = false;
-        this.showLanguageSelect = false;
     }
     globalClickHandler(e) {
         this.clickOutsideDialogHandler(e);