@zonos/elements 1.3.204 → 1.3.205

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0993f42d.js');
-const cart = require('./cart-0d91ad0b.js');
-const paypal = require('./paypal-9953115b.js');
-const localization = require('./localization-2f17c95f.js');
-const zonosStore = require('./zonosStore-9264749e.js');
+const index = require('./index-1c710d00.js');
+const cart = require('./cart-193af95a.js');
+const paypal = require('./paypal-8525404c.js');
+const localization = require('./localization-88da0959.js');
+const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const classes = require('./classes-b7918f56.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
-const getBorderRadius = require('./getBorderRadius-8d3b1049.js');
-const isDarkColor = require('./isDarkColor-bcf49625.js');
+const getBorderRadius = require('./getBorderRadius-c424eb05.js');
+const isDarkColor = require('./isDarkColor-35e8daec.js');
 const styles = require('./styles-d1e64fb9.js');
 const CheckoutConfig = require('./CheckoutConfig-4afc683b.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
@@ -459,6 +459,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 = cart.stripeStore.clientSecret;
+        /**
+         * Client secret value of customer session (use to load saved payment method and render saved consent)
+         */
+        this.stripeCustomerSessionClientSecret = cart.stripeStore.stripeCustomerSessionClientSecret;
         this.applyStripeTheme = async () => {
             var _a, _b, _c, _d;
             const theme = ((_a = this.appearanceSettingsOverride) === null || _a === void 0 ? void 0 : _a.theme) || zonosStore.zonosStore.appearance.theme;
@@ -758,34 +841,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 = cart.stripeStore.clientSecret;
-        this.stripeCustomerSessionClientSecret = cart.stripeStore.stripeCustomerSessionClientSecret;
     }
     /**
      * Init cart info handler event

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0993f42d.js');
-const zonosStore = require('./zonosStore-9264749e.js');
+const index = require('./index-1c710d00.js');
+const zonosStore = require('./zonosStore-7c1e1bc1.js');
 require('./VarianceTest-0cb1e118.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}";
@@ -12,7 +12,13 @@ const ZonosCollapseStyle0 = zonosCollapseCss;
 const ZonosCollapse = class {
     constructor(hostRef) {
         index.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/cjs/zonos-component.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0993f42d.js');
+const index = require('./index-1c710d00.js');
 
 function format(first, middle, last) {
     return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
@@ -14,8 +14,17 @@ const ZonosComponentStyle0 = zonosComponentCss;
 const ZonosComponent = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * The first name
+         */
         this.first = '';
+        /**
+         * The middle name
+         */
         this.middle = '';
+        /**
+         * The last name
+         */
         this.last = '';
     }
     getText() {

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0993f42d.js');
-const cart = require('./cart-0d91ad0b.js');
-const localization = require('./localization-2f17c95f.js');
-const zonosStore = require('./zonosStore-9264749e.js');
+const index = require('./index-1c710d00.js');
+const cart = require('./cart-193af95a.js');
+const localization = require('./localization-88da0959.js');
+const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const getGenericSettingsOverride = require('./getGenericSettingsOverride-c0ca32b9.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-require('./isDarkColor-bcf49625.js');
-require('./getBorderRadius-8d3b1049.js');
+require('./isDarkColor-35e8daec.js');
+require('./getBorderRadius-c424eb05.js');
 require('./VarianceTest-0cb1e118.js');
 
 const getZonosSettings = async () => {
@@ -374,8 +374,6 @@ const ZonosController = class {
         index.registerInstance(this, hostRef);
         this.paypalInitEvent = index.createEvent(this, "paypalInitEvent", 7);
         this.stripeInitEvent = index.createEvent(this, "stripeInitEvent", 7);
-        this.config = undefined;
-        this.zonosApiKey = undefined;
     }
     /**
      * Method to initialize checkout element

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0993f42d.js');
-const localization = require('./localization-2f17c95f.js');
-const zonosStore = require('./zonosStore-9264749e.js');
+const index = require('./index-1c710d00.js');
+const localization = require('./localization-88da0959.js');
+const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-969d05d8.js');
 require('./VarianceTest-0cb1e118.js');
@@ -16,8 +16,12 @@ const FLAG_URL = "https://zonos-store-assets.s3.amazonaws.com/images/elements-fl
 const ZonosCountryFlag = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * The country code for the flag
+         * @default localizationStore.selectedCountryCode
+         * @example 'US'
+         */
         this.countryCode = localization.localizationStore.selectedCountryCode;
-        this.size = undefined;
     }
     render() {
         if (!this.el.shadowRoot || !this.countryCode) {

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

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0993f42d.js');
-const localization = require('./localization-2f17c95f.js');
-const zonosStore = require('./zonosStore-9264749e.js');
+const index = require('./index-1c710d00.js');
+const localization = require('./localization-88da0959.js');
+const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const isDarkColor = require('./isDarkColor-bcf49625.js');
+const isDarkColor = require('./isDarkColor-35e8daec.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-969d05d8.js');
 require('./VarianceTest-0cb1e118.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
@@ -239,6 +239,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.
@@ -740,6 +742,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,
@@ -751,6 +757,7 @@ class BitapSearch {
       findAllMatches = Config.findAllMatches,
       minMatchCharLength = Config.minMatchCharLength,
       isCaseSensitive = Config.isCaseSensitive,
+      ignoreDiacritics = Config.ignoreDiacritics,
       ignoreLocation = Config.ignoreLocation
     } = {}
   ) {
@@ -762,10 +769,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 = [];
 
@@ -803,11 +813,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) {
@@ -1057,6 +1066,7 @@ class FuzzyMatch extends BaseMatch {
       findAllMatches = Config.findAllMatches,
       minMatchCharLength = Config.minMatchCharLength,
       isCaseSensitive = Config.isCaseSensitive,
+      ignoreDiacritics = Config.ignoreDiacritics,
       ignoreLocation = Config.ignoreLocation
     } = {}
   ) {
@@ -1069,6 +1079,7 @@ class FuzzyMatch extends BaseMatch {
       findAllMatches,
       minMatchCharLength,
       isCaseSensitive,
+      ignoreDiacritics,
       ignoreLocation
     });
   }
@@ -1225,6 +1236,7 @@ class ExtendedSearch {
     pattern,
     {
       isCaseSensitive = Config.isCaseSensitive,
+      ignoreDiacritics = Config.ignoreDiacritics,
       includeMatches = Config.includeMatches,
       minMatchCharLength = Config.minMatchCharLength,
       ignoreLocation = Config.ignoreLocation,
@@ -1237,6 +1249,7 @@ class ExtendedSearch {
     this.query = null;
     this.options = {
       isCaseSensitive,
+      ignoreDiacritics,
       includeMatches,
       minMatchCharLength,
       findAllMatches,
@@ -1246,7 +1259,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);
   }
 
@@ -1264,9 +1279,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 = [];
@@ -1775,7 +1791,7 @@ class Fuse {
   }
 }
 
-Fuse.version = '7.0.0';
+Fuse.version = '7.1.0';
 Fuse.createIndex = createIndex;
 Fuse.parseIndex = parseIndex;
 Fuse.config = Config;
@@ -1800,6 +1816,12 @@ const ZonosCountrySelectStyle0 = zonosCountrySelectCss;
 const ZonosCountrySelect = class {
     constructor(hostRef) {
         index.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 localization.localizationStoreUpdateSelectedCountryCode(countryCode);
@@ -1816,8 +1838,6 @@ const ZonosCountrySelect = class {
                 countryListSelector.scrollTop = 0;
             }
         };
-        this.handleOnClose = () => { };
-        this.inputValue = '';
     }
     componentDidRender() {
         var _a, _b;
@@ -1857,7 +1877,13 @@ const ZonosCustomMessageStyle0 = zonosCustomMessageCss;
 const ZonosCustomMessage = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * The custom message icon
+         */
         this.icon = '';
+        /**
+         * The custom message text
+         */
         this.message = '';
     }
     render() {
@@ -1887,8 +1913,15 @@ const ZonosHelloDialogFooterStyle0 = zonosHelloDialogFooterCss;
 const ZonosHelloDialogFooter = class {
     constructor(hostRef) {
         index.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() {
@@ -1911,16 +1944,11 @@ const ZonosVirtualScrollStyle0 = zonosVirtualScrollCss;
 const ZonosVirtualScroll = class {
     constructor(hostRef) {
         index.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/cjs/zonos-elements.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0993f42d.js');
+const index = require('./index-1c710d00.js');
 const appGlobals = require('./app-globals-3a1e7e63.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 = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('zonos-elements.cjs.js', document.baseURI).href));

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0993f42d.js');
-const zonosStore = require('./zonosStore-9264749e.js');
+const index = require('./index-1c710d00.js');
+const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-8d3b1049.js');
-const cart = require('./cart-0d91ad0b.js');
-const localization = require('./localization-2f17c95f.js');
+const getBorderRadius = require('./getBorderRadius-c424eb05.js');
+const cart = require('./cart-193af95a.js');
+const localization = require('./localization-88da0959.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-const paypal = require('./paypal-9953115b.js');
+const paypal = require('./paypal-8525404c.js');
 require('./VarianceTest-0cb1e118.js');
-require('./isDarkColor-bcf49625.js');
+require('./isDarkColor-35e8daec.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">
@@ -67,7 +67,9 @@ const ZonosEmptyStatePaymentStyle0 = zonosEmptyStatePaymentCss;
 const ZonosEmptyStatePayment = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.emptyStateText = undefined;
+        /**
+         * Theme color of the icon
+         */
         this.theme = 'LIGHT';
     }
     render() {
@@ -160,11 +162,10 @@ const ZonosPaymentStyle0 = zonosPaymentCss;
 const ZonosPayment = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.trackingSent = false;
-        this.titleText = undefined;
         this.stripe = cart.stripeStore.stripe;
         this.stripeElements = cart.stripeStore.stripeElements;
         this.isPaymentInfoFilled = false;
+        this.trackingSent = false;
     }
     watchIsPaymentInfoFilled() {
         var _a;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0993f42d.js');
-const localization = require('./localization-2f17c95f.js');
-const zonosStore = require('./zonosStore-9264749e.js');
+const index = require('./index-1c710d00.js');
+const localization = require('./localization-88da0959.js');
+const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
@@ -54,7 +54,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 = `${localization.translate('The low-value GST law passed July 1st, 2018 applies to this retailer.')} ${wrapStringWithLink({
@@ -65,6 +65,23 @@ const ZonosHelloDialog = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.closeDialog = index.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);
@@ -229,15 +246,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);