@zonos/elements 1.3.206 → 1.3.208

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

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-ff33875b.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-35e8daec.js');
 const ILanguage = require('./ILanguage-98b04442.js');
+const classes = require('./classes-b7918f56.js');
 require('./handleFetch-969d05d8.js');
 require('./VarianceTest-0cb1e118.js');
 
@@ -1938,70 +1939,117 @@ const ZonosHelloDialogFooter = class {
 };
 ZonosHelloDialogFooter.style = ZonosHelloDialogFooterStyle0;
 
-const zonosVirtualScrollCss = ".sc-zonos-virtual-scroll-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-virtual-scroll-h *.sc-zonos-virtual-scroll{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-virtual-scroll-h img.sc-zonos-virtual-scroll{max-width:100%}.sc-zonos-virtual-scroll-h dl.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h dd.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h1.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h2.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h3.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h4.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h5.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h6.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h hr.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h figure.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h p.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h pre.sc-zonos-virtual-scroll{margin:0}.sc-zonos-virtual-scroll-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-virtual-scroll-h{overflow:scroll}.sc-zonos-virtual-scroll-h .scroller.sc-zonos-virtual-scroll{display:inline-block}.sc-zonos-virtual-scroll-h .item-container.sc-zonos-virtual-scroll{position:relative;display:inline-block}.sc-zonos-virtual-scroll-h .item-container.sc-zonos-virtual-scroll .item.sc-zonos-virtual-scroll{position:absolute}";
+const zonosVirtualScrollCss = ".sc-zonos-virtual-scroll-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-virtual-scroll-h *.sc-zonos-virtual-scroll{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-virtual-scroll-h img.sc-zonos-virtual-scroll{max-width:100%}.sc-zonos-virtual-scroll-h dl.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h dd.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h1.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h2.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h3.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h4.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h5.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h h6.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h hr.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h figure.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h p.sc-zonos-virtual-scroll,.sc-zonos-virtual-scroll-h pre.sc-zonos-virtual-scroll{margin:0}.sc-zonos-virtual-scroll-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-virtual-scroll-h{display:block;overflow:auto;position:relative}.sc-zonos-virtual-scroll-h .scroller.sc-zonos-virtual-scroll{display:inline-block;pointer-events:none}.sc-zonos-virtual-scroll-h .item-container.sc-zonos-virtual-scroll{display:inline-block;position:absolute;left:0;top:0}.sc-zonos-virtual-scroll-h .item-container.sc-zonos-virtual-scroll .item.sc-zonos-virtual-scroll{position:absolute;top:0;left:0}";
 const ZonosVirtualScrollStyle0 = zonosVirtualScrollCss;
 
 const ZonosVirtualScroll = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Buffer size in pixels for pre-rendering items outside viewport
+         * @default 100
+         */
+        this.buffer = 100;
+        /**
+         * Current scroll position
+         */
         this.scrollTop = 0;
-        this.totalHeight = 1;
-        this.scrollListener = (_ev) => {
-            this.scrollTop = this.ele.scrollTop;
+        /**
+         * Total height of all items combined
+         */
+        this.totalHeight = 0;
+        /**
+         * Client dimensions of the scroll container
+         */
+        this.containerDimensions = {
+            height: 0,
+            width: 0,
+        };
+        /**
+         * Update container dimensions when element size changes
+         */
+        this.updateContainerDimensions = () => {
+            this.containerDimensions = {
+                height: this.element.clientHeight,
+                width: this.element.clientWidth,
+            };
+        };
+        /**
+         * Handle scroll events
+         */
+        this.handleScroll = () => {
+            this.scrollTop = this.element.scrollTop;
         };
     }
+    /**
+     * Watch for changes in item heights or fallback height and recalculate total height
+     */
     updateTotalHeight() {
-        this.totalHeight = this.itemHeights.reduce((acc, height) => acc + (height || this.fallbackItemHeight), 0);
+        this.totalHeight = this.itemHeights.reduce((accumulator, height) => accumulator + (height || this.fallbackItemHeight), 0);
     }
+    /**
+     * Calculate which items should be rendered based on current scroll position
+     */
+    getVisibleItems() {
+        const { width: containerWidth } = this.containerDimensions;
+        const visibleItems = [];
+        let accumulatedHeight = 0;
+        const itemCount = this.itemHeights.length;
+        for (let index$1 = 0; index$1 < itemCount; index$1++) {
+            const itemHeight = this.itemHeights[index$1] || this.fallbackItemHeight;
+            // Skip items that are above the viewport (with buffer)
+            if (this.scrollTop > accumulatedHeight + itemHeight + this.buffer) {
+                accumulatedHeight += itemHeight;
+                continue;
+            }
+            // Stop rendering items that are below the viewport (with buffer)
+            if (this.scrollTop + this.containerDimensions.height <
+                accumulatedHeight - this.buffer) {
+                break;
+            }
+            const itemElement = (index.h("div", { class: classes.classes(['item']), key: `virtual-item-${index$1}`, style: {
+                    height: `${itemHeight}px`,
+                    transform: `translateY(${accumulatedHeight}px)`,
+                    width: this.itemWidth
+                        ? `${this.itemWidth}px`
+                        : `${containerWidth}px`,
+                } }, this.renderItem(index$1)));
+            visibleItems.push({
+                element: itemElement,
+                index: index$1,
+            });
+            accumulatedHeight += itemHeight;
+        }
+        return visibleItems;
+    }
+    /**
+     * Component lifecycle - setup event listeners and initial calculations
+     */
     connectedCallback() {
-        this.ele.addEventListener('scroll', this.scrollListener);
+        this.element.addEventListener('scroll', this.handleScroll);
+        window.addEventListener('resize', this.updateContainerDimensions);
+        // Initial setup
         this.updateTotalHeight();
+        this.updateContainerDimensions();
     }
+    /**
+     * Component lifecycle - cleanup event listeners
+     */
     disconnectedCallback() {
-        this.ele.removeEventListener('scroll', this.scrollListener);
+        this.element.removeEventListener('scroll', this.handleScroll);
+        window.removeEventListener('resize', this.updateContainerDimensions);
     }
     render() {
-        const W = this.ele.clientWidth;
-        const H = this.ele.clientHeight;
-        const heights = this.itemHeights;
-        const fallbackItemHeight = this.fallbackItemHeight;
-        const N = this.itemHeights.length;
-        const scrollTop = this.scrollTop;
-        const children = [];
-        let accHeight = 0;
-        // buffer for pre-rendering for item outside of viewport
-        const buffer = 100;
-        for (let i = 0; i < N; i++) {
-            const itemHeight = heights[i] || fallbackItemHeight;
-            if (scrollTop > accHeight + itemHeight + buffer) {
-                accHeight += itemHeight;
-                continue; // this item is above the viewport
-            }
-            if (scrollTop + H < accHeight - buffer) {
-                break; // this item is below the viewport
-            }
-            const x = 0;
-            const y = accHeight;
-            children.push(index.h("div", { class: "item", style: {
-                    height: `${itemHeight}px`,
-                    transform: `translate(${x}px,${y}px)`,
-                    width: this.itemWidth ? `${this.itemWidth}px` : `${W}px`,
-                } }, this.renderItem(i)));
-            accHeight += itemHeight;
-        }
-        return (index.h(index.Host, { key: '6ccfd807912b51223f249543b66552e945859a1a' }, index.h("div", { key: '21f05d8e9082b54f484badc6e52c3006068df401',
-            // to capture scroll action
-            class: "scroller", style: {
+        const { width: containerWidth } = this.containerDimensions;
+        const visibleItems = this.getVisibleItems();
+        return (index.h(index.Host, { key: 'ef009c7cd2e654ea2dd3d67675f221229f924ec0', class: classes.classes(['zonos--virtual-scroll']) }, index.h("div", { key: 'a2831fb8251cb27b3d814e8c493e8303ac04ff1c', class: classes.classes(['scroller']), style: {
                 height: `${this.totalHeight}px`,
-                width: `${W}px`,
-            } }), index.h("div", { key: '3935dc009877c002047f41de3caeeb16e2d7c08d',
-            // to display items
-            class: "item-container", ref: el => (this.container = el), style: {
+                width: `${containerWidth}px`,
+            } }), index.h("div", { key: 'e36052e45224c89860b469b939898aa9861181a8', class: classes.classes(['item-container']), style: {
                 height: `${this.totalHeight}px`,
-                left: `${-W}px`,
-            } }, children)));
+            } }, visibleItems.map(({ element }) => element))));
     }
-    get ele() { return index.getElement(this); }
+    get element() { return index.getElement(this); }
     static get watchers() { return {
         "itemHeights": ["updateTotalHeight"],
         "fallbackItemHeight": ["updateTotalHeight"]

package/dist/cjs/zonos-elements.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"zonos-checkout.cjs\",[[2,\"zonos-checkout\",{\"appearanceSettingsOverride\":[16],\"preview\":[4],\"hiddenMode\":[4,\"hidden-mode\"],\"mobile\":[4],\"overrideStagingMode\":[4,\"override-staging-mode\"],\"defaultAddress\":[16],\"forceDialogOpen\":[4,\"force-dialog-open\"],\"defaultAddressParams\":[32],\"defaultCustomerProfileAddress\":[32],\"customerProfile\":[32],\"open\":[32],\"isOverlayLoading\":[32],\"stripe\":[32],\"submitLoading\":[32],\"collapseReviewMobile\":[32],\"isAttachError\":[32],\"isMobile\":[32],\"isIframed\":[32],\"zonosReviewRef\":[32],\"storybookPaymentStatusOverride\":[32],\"isLegacyCheckout\":[32],\"confirmDialogOpen\":[32],\"isCartExpired\":[32],\"payInUsdConfirmDialogOpen\":[32],\"inventoryCheckErrorMessage\":[32],\"placedOrderInfo\":[32],\"clientSecret\":[32],\"stripeCustomerSessionClientSecret\":[32],\"closeDialogHandler\":[64],\"init\":[64],\"setToFinishStep\":[64],\"mockCheckoutSession\":[64],\"triggerCheckoutInternational\":[64]},[[16,\"zonos--init-cart-info\",\"initCartInfoHandler\"],[4,\"keydown\",\"handleKeyPress\"],[9,\"resize\",\"handleWindowResize\"]],{\"appearanceSettingsOverride\":[\"appearanceSettingsOverrideChanged\",\"handleAppearanceSettingsOverrideChange\"],\"overrideStagingMode\":[\"overrideStagingModeChanged\"],\"mobile\":[\"handleMobileChange\"],\"defaultAddress\":[\"handleAddressChange\"],\"customerProfile\":[\"handleCustomerProfileChange\"],\"clientSecret\":[\"handleClientSecretChange\"],\"stripeCustomerSessionClientSecret\":[\"handleClientSecretChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"zonos-hello.cjs\",[[1,\"zonos-hello\",{\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettingsOverride\":[16],\"showPeekMessage\":[32],\"zonosStoreHelloSettings\":[32],\"showDialog\":[32],\"peekMessage\":[32],\"initialUrl\":[32],\"allRestrictedItems\":[32],\"allFoundProducts\":[32],\"productsOnPage\":[32],\"isHelloWidgetRendered\":[32],\"isMobile\":[32],\"getCountryList\":[64],\"displayCurrency\":[64],\"convertAndFormat\":[64],\"convert\":[64],\"format\":[64],\"openHelloDialog\":[64]},[[9,\"resize\",\"handleResize\"]],{\"appearanceSettingsOverride\":[\"handleAppearanceSettingsOverrideChange\"]}]]],[\"zonos-controller.cjs\",[[1,\"zonos-controller\",{\"config\":[16],\"zonosApiKey\":[1,\"zonos-api-key\"],\"initCheckoutElement\":[64],\"setupGoogleFont\":[64],\"showNotification\":[64],\"reset\":[64],\"overrideConfig\":[64],\"overrideCountry\":[64],\"getAppearanceSetting\":[64],\"updateOrganizationName\":[64]},[[8,\"locationchange\",\"handleLocationChange\"]]]]],[\"zonos-tooltip.cjs\",[[1,\"zonos-tooltip\",{\"label\":[1],\"subtitle\":[1],\"showTooltip\":[32]}]]],[\"zonos-component.cjs\",[[1,\"zonos-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"zonos-link.cjs\",[[1,\"zonos-link\",{\"href\":[1],\"rel\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"]}]]],[\"zonos-logo.cjs\",[[1,\"zonos-logo\",{\"theme\":[1],\"width\":[1]}]]],[\"zonos-text.cjs\",[[1,\"zonos-text\",{\"textColor\":[1,\"text-color\"],\"size\":[1],\"type\":[1],\"weight\":[2],\"ready\":[32]}]]],[\"zonos-hello-dialog.cjs\",[[1,\"zonos-hello-dialog\",{\"isOpen\":[4,\"is-open\"],\"setIsOpen\":[16],\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettings\":[16],\"restrictedItems\":[16],\"welcomeMessage\":[32],\"showCountrySelect\":[32],\"showLanguageSelect\":[32]},[[4,\"click\",\"globalClickHandler\"]],{\"isOpen\":[\"isOpenHandler\"]}]]],[\"zonos-badge.cjs\",[[1,\"zonos-badge\",{\"bold\":[4],\"badgeColor\":[1,\"badge-color\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"rounded\":[4],\"loading\":[4],\"dismissHandler\":[16]}]]],[\"zonos-shipping-rich-radio.cjs\",[[1,\"zonos-shipping-rich-radio\",{\"items\":[16],\"borderColor\":[1,\"border-color\"],\"borderStyle\":[1,\"border-style\"],\"theme\":[1],\"selectedItem\":[16]}]]],[\"zonos-toggle.cjs\",[[1,\"zonos-toggle\",{\"options\":[16],\"value\":[1]}]]],[\"zonos-collapse.cjs\",[[1,\"zonos-collapse\",{\"collapsed\":[4],\"collapseSize\":[2,\"collapse-size\"],\"height\":[32],\"iframe\":[32]}]]],[\"zonos-card.cjs\",[[1,\"zonos-card\",{\"actions\":[16],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[2,\"border-radius\"],\"footerActions\":[16],\"footerContent\":[16],\"footerHeight\":[2,\"footer-height\"],\"label\":[16],\"spacing\":[1]}]]],[\"zonos-stripe-input.cjs\",[[2,\"zonos-stripe-input\",{\"name\":[1],\"autoComplete\":[1,\"auto-complete\"],\"inputValue\":[1,\"input-value\"],\"inputLabel\":[1,\"input-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"error\":[1],\"inputPlaceholder\":[1,\"input-placeholder\"],\"value\":[1025],\"required\":[4],\"internalValue\":[32]},null,{\"inputValue\":[\"onInputValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"zonos-input.cjs\",[[1,\"zonos-input\",{\"inputValue\":[1,\"input-value\"],\"inputLabel\":[1,\"input-label\"],\"inputSize\":[1,\"input-size\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"value\":[32]},null,{\"inputValue\":[\"onInputValueChange\"]}]]],[\"zonos-banner.cjs\",[[1,\"zonos-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"intent\":[1],\"hasContent\":[32]}]]],[\"zonos-v-stack.cjs\",[[1,\"zonos-v-stack\",{\"spacing\":[2]}]]],[\"zonos-empty-state-payment_4.cjs\",[[1,\"zonos-empty-state-payment\",{\"emptyStateText\":[1,\"empty-state-text\"],\"theme\":[1]}],[2,\"zonos-payment\",{\"titleText\":[1,\"title-text\"],\"stripe\":[32],\"stripeElements\":[32],\"isPaymentInfoFilled\":[32]},null,{\"isPaymentInfoFilled\":[\"watchIsPaymentInfoFilled\"],\"stripeElements\":[\"watchInitStripe\"],\"stripe\":[\"watchInitStripe\"]}],[2,\"zonos-paypal-payment\"],[1,\"zonos-notification\",{\"notificationArray\":[32],\"showNotification\":[64]}]]],[\"zonos-language-select_2.cjs\",[[1,\"zonos-language-select\",{\"handleOnClose\":[16]}],[1,\"zonos-select-dialog-header\",{\"handleOnClose\":[16],\"label\":[1]}]]],[\"zonos-country-flag.cjs\",[[1,\"zonos-country-flag\",{\"countryCode\":[1,\"country-code\"],\"size\":[2]}]]],[\"zonos-button_3.cjs\",[[17,\"zonos-button\",{\"buttonColor\":[1,\"button-color\"],\"backgroundColor\":[1,\"background-color\"],\"borderStyle\":[1,\"border-style\"],\"isDisabled\":[4,\"is-disabled\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"variant\":[1],\"noBackground\":[4,\"no-background\"],\"withBoxShadow\":[4,\"with-box-shadow\"],\"noPaddingLeft\":[4,\"no-padding-left\"],\"noPaddingRight\":[4,\"no-padding-right\"],\"loading\":[4],\"justifyContent\":[1,\"justify-content\"],\"bold\":[4],\"theme\":[1],\"hasIcon\":[32],\"hasContent\":[32]},[[2,\"click\",\"clickHandler\"]],{\"icon\":[\"iconChangeHandler\"]}],[1,\"zonos-spinner\",{\"size\":[2],\"spinnerColor\":[1,\"spinner-color\"]}],[1,\"zonos-icon\",{\"autoHeight\":[4,\"auto-height\"],\"iconColor\":[1,\"icon-color\"],\"content\":[1],\"size\":[2]}]]],[\"zonos-country-select_4.cjs\",[[1,\"zonos-country-select\",{\"handleOnClose\":[16],\"inputValue\":[32]}],[1,\"zonos-hello-dialog-footer\",{\"appearanceSettings\":[16],\"setShowCountrySelect\":[16],\"setShowLanguageSelect\":[16]}],[1,\"zonos-custom-message\",{\"icon\":[1],\"message\":[1]}],[2,\"zonos-virtual-scroll\",{\"renderItem\":[16],\"itemWidth\":[2,\"item-width\"],\"fallbackItemHeight\":[2,\"fallback-item-height\"],\"itemHeights\":[16],\"container\":[32],\"scrollTop\":[32],\"totalHeight\":[32]},null,{\"itemHeights\":[\"updateTotalHeight\"],\"fallbackItemHeight\":[\"updateTotalHeight\"]}]]],[\"zonos-address_11.cjs\",[[1,\"zonos-address-update-dialog\",{\"continueLoading\":[4,\"continue-loading\"],\"dialogLoading\":[4,\"dialog-loading\"],\"dialogOpen\":[4,\"dialog-open\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"shippingAddress\":[16],\"billingAddress\":[16],\"translatedShippingAddress\":[16],\"translatedBillingAddress\":[16],\"showErrorBanner\":[32],\"translatedShippingAddressState\":[32],\"translatedBillingAddressState\":[32]},null,{\"translatedShippingAddress\":[\"watchTranslatedShippingAddress\"],\"translatedBillingAddress\":[\"watchTranslatedBillingAddress\"]}],[2,\"zonos-custom-address\",{\"type\":[1],\"titleText\":[1,\"title-text\"],\"defaultAddress\":[16],\"taxIdErrorMessage\":[1,\"tax-id-error-message\"],\"stripe\":[32],\"isDirtyAddress\":[32],\"isAddressFilled\":[32],\"isAddressLine1Entered\":[32],\"addressSuggestions\":[32],\"countryField\":[32],\"startGooglePlaceSuggestions\":[32],\"shipToCountries\":[32],\"shippingZones\":[32],\"city\":[32],\"country\":[32],\"firstName\":[32],\"lastName\":[32],\"line1\":[32],\"line2\":[32],\"phone\":[32],\"postalCode\":[32],\"state\":[32],\"cityError\":[32],\"stateError\":[32],\"postalCodeError\":[32],\"phoneError\":[32],\"firstNameError\":[32],\"lastNameError\":[32],\"isFirstInitialization\":[32],\"addressService\":[32],\"checkoutSessionId\":[32]},null,{\"checkoutSessionId\":[\"isAddressFilledChanged\"],\"isAddressFilled\":[\"isAddressFilledChanged\"],\"defaultAddress\":[\"defaultAddressChanged\"],\"line1\":[\"line1Changed\"],\"city\":[\"formFieldsChanged\"],\"country\":[\"formFieldsChanged\",\"countryChanged\"],\"firstName\":[\"formFieldsChanged\"],\"lastName\":[\"formFieldsChanged\"],\"line2\":[\"formFieldsChanged\"],\"phone\":[\"formFieldsChanged\"],\"postalCode\":[\"formFieldsChanged\"],\"state\":[\"formFieldsChanged\"],\"addressService\":[\"shouldEnabledCustomAddressChanged\"],\"shippingZones\":[\"shippingZonesChanged\"]}],[2,\"zonos-address\",{\"type\":[1],\"titleText\":[1,\"title-text\"],\"defaultAddress\":[16],\"taxIdErrorMessage\":[1,\"tax-id-error-message\"],\"stripe\":[32],\"isDirtyAddress\":[32],\"isAddressFilled\":[32],\"checkoutSessionId\":[32]},null,{\"checkoutSessionId\":[\"isAddressFilledChanged\"],\"isAddressFilled\":[\"isAddressFilledChanged\"],\"stripe\":[\"watchInitStripe\"],\"defaultAddress\":[\"defaultAddressChanged\"]}],[2,\"zonos-link-authentication\",{\"titleText\":[1,\"title-text\"],\"defaultEmail\":[1,\"default-email\"],\"isEmailError\":[4,\"is-email-error\"],\"stripe\":[32],\"isStagingMode\":[32],\"clientSecret\":[32]},null,{\"isStagingMode\":[\"watchIsStagingMode\"],\"stripe\":[\"watchInitStripe\"],\"clientSecret\":[\"watchInitStripe\"],\"defaultEmail\":[\"watchDefaultEmail\"]}],[1,\"zonos-checkbox\",{\"backgroundColor\":[1,\"background-color\"],\"label\":[1],\"isChecked\":[4,\"is-checked\"],\"isDisabled\":[4,\"is-disabled\"],\"size\":[2],\"fontSize\":[1,\"font-size\"],\"borderStyle\":[1,\"border-style\"]},[[1,\"click\",\"onClick\"]]],[1,\"zonos-address-suggestions\",{\"type\":[1],\"suggestions\":[16],\"selectedSuggestionId\":[32],\"localSuggestions\":[32],\"lastHoveredSuggestionId\":[32]},null,{\"suggestions\":[\"suggestionsChanged\"]}],[1,\"zonos-dialog\",{\"open\":[4],\"headerText\":[1,\"header-text\"],\"width\":[1],\"height\":[1],\"minHeight\":[1,\"min-height\"],\"noHeader\":[4,\"no-header\"],\"noBodyPadding\":[4,\"no-body-padding\"],\"noBorder\":[4,\"no-border\"],\"borderStyle\":[1,\"border-style\"],\"noCloseButton\":[4,\"no-close-button\"],\"noClickOutside\":[4,\"no-click-outside\"],\"mobile\":[4],\"isLoading\":[4,\"is-loading\"],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"],[4,\"keydown\",\"handleKeyDown\"]]],[2,\"zonos-stripe-phone-input\",{\"autoComplete\":[1,\"auto-complete\"],\"countryOptions\":[16],\"disabled\":[4],\"error\":[1],\"inputLabel\":[1,\"input-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"inputValue\":[1,\"input-value\"],\"countryCode\":[1,\"country-code\"],\"minWidth\":[1,\"min-width\"],\"selectedCountry\":[32],\"phoneNumber\":[32],\"isFocused\":[32],\"isSelectOpen\":[32]},null,{\"countryOptions\":[\"onCountryOptionsChange\"],\"selectedCountry\":[\"onSelectedCountryChange\"],\"inputValue\":[\"onPhoneNumberChange\"]}],[1,\"zonos-address-display\",{\"currentAddress\":[16],\"addressType\":[1,\"address-type\"]}],[1,\"zonos-address-form\",{\"currentAddress\":[16],\"translatedAddress\":[16],\"addressType\":[1,\"address-type\"],\"localAddress\":[32]},null,{\"translatedAddress\":[\"watchCurrentAddress\"]}],[1,\"zonos-stripe-select\",{\"name\":[1],\"selectedValue\":[1,\"selected-value\"],\"selectLabel\":[1,\"select-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"error\":[1],\"selectPlaceholder\":[1,\"select-placeholder\"],\"options\":[16],\"autoComplete\":[1,\"auto-complete\"],\"value\":[1025],\"required\":[4],\"isClearable\":[4,\"is-clearable\"],\"minWidth\":[1,\"min-width\"],\"internalValue\":[32],\"internalOptions\":[32]},null,{\"options\":[\"onOptionsChange\"],\"selectedValue\":[\"onSelectedValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"zonos-cart-items_14.cjs\",[[2,\"zonos-customer-info\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"defaultAddress\":[16],\"shouldUseCustomAddressFormOverride\":[4,\"should-use-custom-address-form-override\"],\"showErrorBanner\":[32],\"shippingCountry\":[32],\"isCheckingForRestrictedItems\":[32],\"isValidatingAddress\":[32],\"taxIdErrorMessage\":[32],\"invalidShippingCharacterList\":[32],\"invalidBillingCharacterList\":[32],\"openAddressValidationDialog\":[32],\"shouldEnabledCustomAddress\":[32],\"isEmailError\":[32],\"recordedFormTypeUsed\":[32]},null,{\"showErrorBanner\":[\"watchShowErrorBanner\"]}],[2,\"zonos-checkout-payment\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"showErrorBanner\":[32],\"hasStripePaymentError\":[32],\"stagingOrderCreateErrorMessage\":[32],\"internalContinueLoading\":[32]},null,{\"continueLoading\":[\"continueLoadingWatcher\"],\"hasStripePaymentError\":[\"stripePaymentErrorWatcher\"]}],[1,\"zonos-checkout-footer\",{\"mobile\":[4],\"dataTheme\":[1,\"data-theme\"],\"showLanguageDialog\":[32],\"isMobile\":[32]},[[4,\"click\",\"handleGlobalClick\"]],{\"mobile\":[\"handleMobileChange\"]}],[2,\"zonos-shipping\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"selectedShippingMethod\":[32],\"collapsedDAPOptions\":[32],\"isSelecting\":[32],\"showErrorBanner\":[32],\"serviceLevelsDDP\":[32],\"serviceLevelsDAP\":[32],\"serviceLevelsOther\":[32],\"serviceLevelsAll\":[32],\"displayBaseCurrency\":[32]}],[1,\"zonos-cart-subtotal\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"loading\":[32]}],[1,\"zonos-cart-restricted-items\",{\"hide\":[4],\"errorImages\":[32],\"internalCollapsed\":[32],\"firstRender\":[32]}],[1,\"zonos-checkout-finish\",{\"borderRadius\":[1,\"border-radius\"],\"storybookForceStatus\":[1,\"storybook-force-status\"],\"overrideNotification\":[16],\"isLoading\":[32],\"notificationType\":[32],\"notificationTitle\":[32],\"notificationMessages\":[32],\"notificationActionText\":[32],\"order\":[32],\"isWaitingToRedirect\":[32]}],[1,\"zonos-confirm-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"dialogIntent\":[1,\"dialog-intent\"],\"dialogSubtitle\":[1,\"dialog-subtitle\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"dialogConfirmBtnText\":[1,\"dialog-confirm-btn-text\"],\"dialogWidth\":[2,\"dialog-width\"],\"dialogCancelBtnText\":[1,\"dialog-cancel-btn-text\"],\"dialogType\":[1,\"dialog-type\"],\"isMobile\":[4,\"is-mobile\"],\"dialogOpen\":[4,\"dialog-open\"],\"noClickOutside\":[4,\"no-click-outside\"]},[[4,\"keydown\",\"handleKeyDown\"]]],[1,\"zonos-checkout-progress-tabs\",{\"tabColor\":[1,\"tab-color\"],\"backgroundColor\":[1,\"background-color\"],\"setTabItems\":[64],\"setTabSelected\":[64]}],[1,\"zonos-review\",{\"mobile\":[4],\"collapsed\":[4],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"]]],[1,\"zonos-cart-items\",{\"errorImages\":[32]}],[1,\"zonos-currency-toggle\",{\"errorImages\":[32]}],[1,\"zonos-loading-overlay\",{\"open\":[4],\"spinnerColor\":[1,\"spinner-color\"],\"size\":[2]}],[1,\"zonos-rest-state\",{\"restStateSubtitle\":[1,\"rest-state-subtitle\"],\"restStateTitle\":[1,\"rest-state-title\"],\"restStateType\":[1,\"rest-state-type\"],\"isErrorImageLoad\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"zonos-checkout.cjs\",[[2,\"zonos-checkout\",{\"appearanceSettingsOverride\":[16],\"preview\":[4],\"hiddenMode\":[4,\"hidden-mode\"],\"mobile\":[4],\"overrideStagingMode\":[4,\"override-staging-mode\"],\"defaultAddress\":[16],\"forceDialogOpen\":[4,\"force-dialog-open\"],\"defaultAddressParams\":[32],\"defaultCustomerProfileAddress\":[32],\"customerProfile\":[32],\"open\":[32],\"isOverlayLoading\":[32],\"stripe\":[32],\"submitLoading\":[32],\"collapseReviewMobile\":[32],\"isAttachError\":[32],\"isMobile\":[32],\"isIframed\":[32],\"zonosReviewRef\":[32],\"storybookPaymentStatusOverride\":[32],\"isLegacyCheckout\":[32],\"confirmDialogOpen\":[32],\"isCartExpired\":[32],\"payInUsdConfirmDialogOpen\":[32],\"inventoryCheckErrorMessage\":[32],\"placedOrderInfo\":[32],\"clientSecret\":[32],\"stripeCustomerSessionClientSecret\":[32],\"closeDialogHandler\":[64],\"init\":[64],\"setToFinishStep\":[64],\"mockCheckoutSession\":[64],\"triggerCheckoutInternational\":[64]},[[16,\"zonos--init-cart-info\",\"initCartInfoHandler\"],[4,\"keydown\",\"handleKeyPress\"],[9,\"resize\",\"handleWindowResize\"]],{\"appearanceSettingsOverride\":[\"appearanceSettingsOverrideChanged\",\"handleAppearanceSettingsOverrideChange\"],\"overrideStagingMode\":[\"overrideStagingModeChanged\"],\"mobile\":[\"handleMobileChange\"],\"defaultAddress\":[\"handleAddressChange\"],\"customerProfile\":[\"handleCustomerProfileChange\"],\"clientSecret\":[\"handleClientSecretChange\"],\"stripeCustomerSessionClientSecret\":[\"handleClientSecretChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"zonos-hello.cjs\",[[1,\"zonos-hello\",{\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettingsOverride\":[16],\"showPeekMessage\":[32],\"zonosStoreHelloSettings\":[32],\"showDialog\":[32],\"peekMessage\":[32],\"initialUrl\":[32],\"allRestrictedItems\":[32],\"allFoundProducts\":[32],\"productsOnPage\":[32],\"isHelloWidgetRendered\":[32],\"isMobile\":[32],\"getCountryList\":[64],\"displayCurrency\":[64],\"convertAndFormat\":[64],\"convert\":[64],\"format\":[64],\"openHelloDialog\":[64]},[[9,\"resize\",\"handleResize\"]],{\"appearanceSettingsOverride\":[\"handleAppearanceSettingsOverrideChange\"]}]]],[\"zonos-controller.cjs\",[[1,\"zonos-controller\",{\"config\":[16],\"zonosApiKey\":[1,\"zonos-api-key\"],\"initCheckoutElement\":[64],\"setupGoogleFont\":[64],\"showNotification\":[64],\"reset\":[64],\"overrideConfig\":[64],\"overrideCountry\":[64],\"getAppearanceSetting\":[64],\"updateOrganizationName\":[64]},[[8,\"locationchange\",\"handleLocationChange\"]]]]],[\"zonos-tooltip.cjs\",[[1,\"zonos-tooltip\",{\"label\":[1],\"subtitle\":[1],\"showTooltip\":[32]}]]],[\"zonos-component.cjs\",[[1,\"zonos-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"zonos-link.cjs\",[[1,\"zonos-link\",{\"href\":[1],\"rel\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"]}]]],[\"zonos-logo.cjs\",[[1,\"zonos-logo\",{\"theme\":[1],\"width\":[1]}]]],[\"zonos-text.cjs\",[[1,\"zonos-text\",{\"textColor\":[1,\"text-color\"],\"size\":[1],\"type\":[1],\"weight\":[2],\"ready\":[32]}]]],[\"zonos-hello-dialog.cjs\",[[1,\"zonos-hello-dialog\",{\"isOpen\":[4,\"is-open\"],\"setIsOpen\":[16],\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettings\":[16],\"restrictedItems\":[16],\"welcomeMessage\":[32],\"showCountrySelect\":[32],\"showLanguageSelect\":[32]},[[4,\"click\",\"globalClickHandler\"]],{\"isOpen\":[\"isOpenHandler\"]}]]],[\"zonos-badge.cjs\",[[1,\"zonos-badge\",{\"bold\":[4],\"badgeColor\":[1,\"badge-color\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"rounded\":[4],\"loading\":[4],\"dismissHandler\":[16]}]]],[\"zonos-shipping-rich-radio.cjs\",[[1,\"zonos-shipping-rich-radio\",{\"items\":[16],\"borderColor\":[1,\"border-color\"],\"borderStyle\":[1,\"border-style\"],\"theme\":[1],\"selectedItem\":[16]}]]],[\"zonos-toggle.cjs\",[[1,\"zonos-toggle\",{\"options\":[16],\"value\":[1]}]]],[\"zonos-collapse.cjs\",[[1,\"zonos-collapse\",{\"collapsed\":[4],\"collapseSize\":[2,\"collapse-size\"],\"height\":[32],\"iframe\":[32]}]]],[\"zonos-card.cjs\",[[1,\"zonos-card\",{\"actions\":[16],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[2,\"border-radius\"],\"footerActions\":[16],\"footerContent\":[16],\"footerHeight\":[2,\"footer-height\"],\"label\":[16],\"spacing\":[1]}]]],[\"zonos-stripe-input.cjs\",[[2,\"zonos-stripe-input\",{\"name\":[1],\"autoComplete\":[1,\"auto-complete\"],\"inputValue\":[1,\"input-value\"],\"inputLabel\":[1,\"input-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"error\":[1],\"inputPlaceholder\":[1,\"input-placeholder\"],\"value\":[1025],\"required\":[4],\"internalValue\":[32]},null,{\"inputValue\":[\"onInputValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"zonos-input.cjs\",[[1,\"zonos-input\",{\"inputValue\":[1,\"input-value\"],\"inputLabel\":[1,\"input-label\"],\"inputSize\":[1,\"input-size\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"value\":[32]},null,{\"inputValue\":[\"onInputValueChange\"]}]]],[\"zonos-banner.cjs\",[[1,\"zonos-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"intent\":[1],\"hasContent\":[32]}]]],[\"zonos-v-stack.cjs\",[[1,\"zonos-v-stack\",{\"spacing\":[2]}]]],[\"zonos-empty-state-payment_4.cjs\",[[1,\"zonos-empty-state-payment\",{\"emptyStateText\":[1,\"empty-state-text\"],\"theme\":[1]}],[2,\"zonos-payment\",{\"titleText\":[1,\"title-text\"],\"stripe\":[32],\"stripeElements\":[32],\"isPaymentInfoFilled\":[32]},null,{\"isPaymentInfoFilled\":[\"watchIsPaymentInfoFilled\"],\"stripeElements\":[\"watchInitStripe\"],\"stripe\":[\"watchInitStripe\"]}],[2,\"zonos-paypal-payment\"],[1,\"zonos-notification\",{\"notificationArray\":[32],\"showNotification\":[64]}]]],[\"zonos-language-select_2.cjs\",[[1,\"zonos-language-select\",{\"handleOnClose\":[16]}],[1,\"zonos-select-dialog-header\",{\"handleOnClose\":[16],\"label\":[1]}]]],[\"zonos-country-flag.cjs\",[[1,\"zonos-country-flag\",{\"countryCode\":[1,\"country-code\"],\"size\":[2]}]]],[\"zonos-button_3.cjs\",[[17,\"zonos-button\",{\"buttonColor\":[1,\"button-color\"],\"backgroundColor\":[1,\"background-color\"],\"borderStyle\":[1,\"border-style\"],\"isDisabled\":[4,\"is-disabled\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"variant\":[1],\"noBackground\":[4,\"no-background\"],\"withBoxShadow\":[4,\"with-box-shadow\"],\"noPaddingLeft\":[4,\"no-padding-left\"],\"noPaddingRight\":[4,\"no-padding-right\"],\"loading\":[4],\"justifyContent\":[1,\"justify-content\"],\"bold\":[4],\"theme\":[1],\"hasIcon\":[32],\"hasContent\":[32]},[[2,\"click\",\"clickHandler\"]],{\"icon\":[\"iconChangeHandler\"]}],[1,\"zonos-spinner\",{\"size\":[2],\"spinnerColor\":[1,\"spinner-color\"]}],[1,\"zonos-icon\",{\"autoHeight\":[4,\"auto-height\"],\"iconColor\":[1,\"icon-color\"],\"content\":[1],\"size\":[2]}]]],[\"zonos-country-select_4.cjs\",[[1,\"zonos-country-select\",{\"handleOnClose\":[16],\"inputValue\":[32]}],[1,\"zonos-hello-dialog-footer\",{\"appearanceSettings\":[16],\"setShowCountrySelect\":[16],\"setShowLanguageSelect\":[16]}],[1,\"zonos-custom-message\",{\"icon\":[1],\"message\":[1]}],[2,\"zonos-virtual-scroll\",{\"renderItem\":[16],\"itemWidth\":[2,\"item-width\"],\"fallbackItemHeight\":[2,\"fallback-item-height\"],\"itemHeights\":[16],\"buffer\":[2],\"scrollTop\":[32],\"totalHeight\":[32],\"containerDimensions\":[32]},null,{\"itemHeights\":[\"updateTotalHeight\"],\"fallbackItemHeight\":[\"updateTotalHeight\"]}]]],[\"zonos-address_11.cjs\",[[1,\"zonos-address-update-dialog\",{\"continueLoading\":[4,\"continue-loading\"],\"dialogLoading\":[4,\"dialog-loading\"],\"dialogOpen\":[4,\"dialog-open\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"shippingAddress\":[16],\"billingAddress\":[16],\"translatedShippingAddress\":[16],\"translatedBillingAddress\":[16],\"showErrorBanner\":[32],\"translatedShippingAddressState\":[32],\"translatedBillingAddressState\":[32]},null,{\"translatedShippingAddress\":[\"watchTranslatedShippingAddress\"],\"translatedBillingAddress\":[\"watchTranslatedBillingAddress\"]}],[2,\"zonos-custom-address\",{\"type\":[1],\"titleText\":[1,\"title-text\"],\"defaultAddress\":[16],\"taxIdErrorMessage\":[1,\"tax-id-error-message\"],\"stripe\":[32],\"isDirtyAddress\":[32],\"isAddressFilled\":[32],\"isAddressLine1Entered\":[32],\"addressSuggestions\":[32],\"countryField\":[32],\"startGooglePlaceSuggestions\":[32],\"shipToCountries\":[32],\"shippingZones\":[32],\"city\":[32],\"country\":[32],\"firstName\":[32],\"lastName\":[32],\"line1\":[32],\"line2\":[32],\"phone\":[32],\"postalCode\":[32],\"state\":[32],\"cityError\":[32],\"stateError\":[32],\"postalCodeError\":[32],\"phoneError\":[32],\"firstNameError\":[32],\"lastNameError\":[32],\"isFirstInitialization\":[32],\"addressService\":[32],\"checkoutSessionId\":[32]},null,{\"checkoutSessionId\":[\"isAddressFilledChanged\"],\"isAddressFilled\":[\"isAddressFilledChanged\"],\"defaultAddress\":[\"defaultAddressChanged\"],\"line1\":[\"line1Changed\"],\"city\":[\"formFieldsChanged\"],\"country\":[\"formFieldsChanged\",\"countryChanged\"],\"firstName\":[\"formFieldsChanged\"],\"lastName\":[\"formFieldsChanged\"],\"line2\":[\"formFieldsChanged\"],\"phone\":[\"formFieldsChanged\"],\"postalCode\":[\"formFieldsChanged\"],\"state\":[\"formFieldsChanged\"],\"addressService\":[\"shouldEnabledCustomAddressChanged\"],\"shippingZones\":[\"shippingZonesChanged\"]}],[2,\"zonos-address\",{\"type\":[1],\"titleText\":[1,\"title-text\"],\"defaultAddress\":[16],\"taxIdErrorMessage\":[1,\"tax-id-error-message\"],\"stripe\":[32],\"isDirtyAddress\":[32],\"isAddressFilled\":[32],\"checkoutSessionId\":[32]},null,{\"checkoutSessionId\":[\"isAddressFilledChanged\"],\"isAddressFilled\":[\"isAddressFilledChanged\"],\"stripe\":[\"watchInitStripe\"],\"defaultAddress\":[\"defaultAddressChanged\"]}],[2,\"zonos-link-authentication\",{\"titleText\":[1,\"title-text\"],\"defaultEmail\":[1,\"default-email\"],\"isEmailError\":[4,\"is-email-error\"],\"stripe\":[32],\"isStagingMode\":[32],\"clientSecret\":[32]},null,{\"isStagingMode\":[\"watchIsStagingMode\"],\"stripe\":[\"watchInitStripe\"],\"clientSecret\":[\"watchInitStripe\"],\"defaultEmail\":[\"watchDefaultEmail\"]}],[1,\"zonos-checkbox\",{\"backgroundColor\":[1,\"background-color\"],\"label\":[1],\"isChecked\":[4,\"is-checked\"],\"isDisabled\":[4,\"is-disabled\"],\"size\":[2],\"fontSize\":[1,\"font-size\"],\"borderStyle\":[1,\"border-style\"]},[[1,\"click\",\"onClick\"]]],[1,\"zonos-address-suggestions\",{\"type\":[1],\"suggestions\":[16],\"selectedSuggestionId\":[32],\"localSuggestions\":[32],\"lastHoveredSuggestionId\":[32]},null,{\"suggestions\":[\"suggestionsChanged\"]}],[1,\"zonos-dialog\",{\"open\":[4],\"headerText\":[1,\"header-text\"],\"width\":[1],\"height\":[1],\"minHeight\":[1,\"min-height\"],\"noHeader\":[4,\"no-header\"],\"noBodyPadding\":[4,\"no-body-padding\"],\"noBorder\":[4,\"no-border\"],\"borderStyle\":[1,\"border-style\"],\"noCloseButton\":[4,\"no-close-button\"],\"noClickOutside\":[4,\"no-click-outside\"],\"mobile\":[4],\"isLoading\":[4,\"is-loading\"],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"],[4,\"keydown\",\"handleKeyDown\"]]],[2,\"zonos-stripe-phone-input\",{\"autoComplete\":[1,\"auto-complete\"],\"countryOptions\":[16],\"disabled\":[4],\"error\":[1],\"inputLabel\":[1,\"input-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"inputValue\":[1,\"input-value\"],\"countryCode\":[1,\"country-code\"],\"minWidth\":[1,\"min-width\"],\"selectedCountry\":[32],\"phoneNumber\":[32],\"isFocused\":[32],\"isSelectOpen\":[32]},null,{\"countryOptions\":[\"onCountryOptionsChange\"],\"selectedCountry\":[\"onSelectedCountryChange\"],\"inputValue\":[\"onPhoneNumberChange\"]}],[1,\"zonos-address-display\",{\"currentAddress\":[16],\"addressType\":[1,\"address-type\"]}],[1,\"zonos-address-form\",{\"currentAddress\":[16],\"translatedAddress\":[16],\"addressType\":[1,\"address-type\"],\"localAddress\":[32]},null,{\"translatedAddress\":[\"watchCurrentAddress\"]}],[1,\"zonos-stripe-select\",{\"name\":[1],\"selectedValue\":[1,\"selected-value\"],\"selectLabel\":[1,\"select-label\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"overrideSecondaryColor\":[1,\"override-secondary-color\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"error\":[1],\"selectPlaceholder\":[1,\"select-placeholder\"],\"options\":[16],\"autoComplete\":[1,\"auto-complete\"],\"value\":[1025],\"required\":[4],\"isClearable\":[4,\"is-clearable\"],\"minWidth\":[1,\"min-width\"],\"internalValue\":[32],\"internalOptions\":[32]},null,{\"options\":[\"onOptionsChange\"],\"selectedValue\":[\"onSelectedValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"zonos-cart-items_14.cjs\",[[2,\"zonos-customer-info\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"defaultAddress\":[16],\"shouldUseCustomAddressFormOverride\":[4,\"should-use-custom-address-form-override\"],\"showErrorBanner\":[32],\"shippingCountry\":[32],\"isCheckingForRestrictedItems\":[32],\"isValidatingAddress\":[32],\"taxIdErrorMessage\":[32],\"invalidShippingCharacterList\":[32],\"invalidBillingCharacterList\":[32],\"openAddressValidationDialog\":[32],\"shouldEnabledCustomAddress\":[32],\"isEmailError\":[32],\"recordedFormTypeUsed\":[32]},null,{\"showErrorBanner\":[\"watchShowErrorBanner\"]}],[2,\"zonos-checkout-payment\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"overridePrimaryColor\":[1,\"override-primary-color\"],\"showErrorBanner\":[32],\"hasStripePaymentError\":[32],\"stagingOrderCreateErrorMessage\":[32],\"internalContinueLoading\":[32]},null,{\"continueLoading\":[\"continueLoadingWatcher\"],\"hasStripePaymentError\":[\"stripePaymentErrorWatcher\"]}],[1,\"zonos-checkout-footer\",{\"mobile\":[4],\"dataTheme\":[1,\"data-theme\"],\"showLanguageDialog\":[32],\"isMobile\":[32]},[[4,\"click\",\"handleGlobalClick\"]],{\"mobile\":[\"handleMobileChange\"]}],[2,\"zonos-shipping\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"selectedShippingMethod\":[32],\"collapsedDAPOptions\":[32],\"isSelecting\":[32],\"showErrorBanner\":[32],\"serviceLevelsDDP\":[32],\"serviceLevelsDAP\":[32],\"serviceLevelsOther\":[32],\"serviceLevelsAll\":[32],\"displayBaseCurrency\":[32]}],[1,\"zonos-cart-subtotal\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"loading\":[32]}],[1,\"zonos-cart-restricted-items\",{\"hide\":[4],\"errorImages\":[32],\"internalCollapsed\":[32],\"firstRender\":[32]}],[1,\"zonos-checkout-finish\",{\"borderRadius\":[1,\"border-radius\"],\"storybookForceStatus\":[1,\"storybook-force-status\"],\"overrideNotification\":[16],\"isLoading\":[32],\"notificationType\":[32],\"notificationTitle\":[32],\"notificationMessages\":[32],\"notificationActionText\":[32],\"order\":[32],\"isWaitingToRedirect\":[32]}],[1,\"zonos-confirm-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"dialogIntent\":[1,\"dialog-intent\"],\"dialogSubtitle\":[1,\"dialog-subtitle\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"dialogConfirmBtnText\":[1,\"dialog-confirm-btn-text\"],\"dialogWidth\":[2,\"dialog-width\"],\"dialogCancelBtnText\":[1,\"dialog-cancel-btn-text\"],\"dialogType\":[1,\"dialog-type\"],\"isMobile\":[4,\"is-mobile\"],\"dialogOpen\":[4,\"dialog-open\"],\"noClickOutside\":[4,\"no-click-outside\"]},[[4,\"keydown\",\"handleKeyDown\"]]],[1,\"zonos-checkout-progress-tabs\",{\"tabColor\":[1,\"tab-color\"],\"backgroundColor\":[1,\"background-color\"],\"setTabItems\":[64],\"setTabSelected\":[64]}],[1,\"zonos-review\",{\"mobile\":[4],\"collapsed\":[4],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"]]],[1,\"zonos-cart-items\",{\"errorImages\":[32]}],[1,\"zonos-currency-toggle\",{\"errorImages\":[32]}],[1,\"zonos-loading-overlay\",{\"open\":[4],\"spinnerColor\":[1,\"spinner-color\"],\"size\":[2]}],[1,\"zonos-rest-state\",{\"restStateSubtitle\":[1,\"rest-state-subtitle\"],\"restStateTitle\":[1,\"rest-state-title\"],\"restStateType\":[1,\"rest-state-type\"],\"isErrorImageLoad\":[32]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -6,10 +6,10 @@ const index = require('./index-1c710d00.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-c424eb05.js');
-const cart = require('./cart-3d961c6e.js');
-const localization = require('./localization-ff33875b.js');
+const cart = require('./cart-47c17ebf.js');
+const localization = require('./localization-e9089be5.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-const paypal = require('./paypal-dee5c109.js');
+const paypal = require('./paypal-3a803d21.js');
 require('./VarianceTest-0cb1e118.js');
 require('./isDarkColor-35e8daec.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-ff33875b.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
 const debounce = require('./debounce-0b9c0f8a.js');
-const localization = require('./localization-ff33875b.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
@@ -251,19 +251,23 @@ const ZonosHello = class {
             }
         }, 1000);
         this.watchProductCountChange = () => {
+            var _a;
             const observer = new MutationObserver(this.handleProductCountChange);
             observer.observe(document.body, {
                 childList: true,
                 subtree: true,
             });
+            (_a = this.observerWatcher) === null || _a === void 0 ? void 0 : _a.push(observer);
         };
         this.watchPriceChange = () => {
+            var _a;
             const observer = new MutationObserver(() => void this.displayCurrency());
             observer.observe(document.body, {
                 attributes: true,
                 childList: true,
                 subtree: true,
             });
+            (_a = this.observerWatcher) === null || _a === void 0 ? void 0 : _a.push(observer);
         };
         this.updateHelloOnPageChange = () => {
             // If the product count changes on the same url (loading more products), update the peek message and item restrictions
@@ -348,6 +352,11 @@ const ZonosHello = class {
             }
         }, 100);
     }
+    disconnectedCallback() {
+        var _a;
+        // disconnect all observers
+        (_a = this.observerWatcher) === null || _a === void 0 ? void 0 : _a.forEach(observer => observer.disconnect());
+    }
     /**
      * This method will trigger the currency conversion and display the converted value
      * @returns void
@@ -499,7 +508,7 @@ const ZonosHello = class {
                 shouldFloat && 'zonos--hello-widget-float',
             ]), onClick: () => {
                 void this.changeShowDialog(!this.showDialog);
-            }, onMouseEnter: () => this.enableShowPeekMessage(), onMouseLeave: () => (this.showPeekMessage = false), ref: el => el && (this.helloRef = el) }, index.h("zonos-text", { class: "zonos--hello-message" }, this.peekMessage), selectedCountryCode && (index.h("div", { class: "zonos--hello-country-flag-wrapper" }, index.h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode })))), index.h("div", { class: classes.classes([
+            }, onMouseEnter: () => this.enableShowPeekMessage(), onMouseLeave: () => (this.showPeekMessage = false), ref: el => el && (this.helloRef = el), type: "button" }, index.h("zonos-text", { class: "zonos--hello-message" }, this.peekMessage), selectedCountryCode && (index.h("div", { class: "zonos--hello-country-flag-wrapper" }, index.h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode })))), index.h("div", { class: classes.classes([
                 'zonos--hello-dialog-wrapper',
                 this.mobileLocationOverride &&
                     'zonos--hello-dialog-wrapper-mobile-override',

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-ff33875b.js');
+const localization = require('./localization-e9089be5.js');
 const zonosStore = require('./zonosStore-7c1e1bc1.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-969d05d8.js');

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js

@@ -10,7 +10,9 @@ import { buildCartItemsByTempCart } from "../../utils/api/buildCartItemsByTempCa
 import { isStoreDiscountEnabled } from "../../utils/api/isStoreDiscountEnabl";
 import { selectVarianceTest } from "../../utils/api/selectVarianceTest";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
+import { updateCheckoutSessionAttributes } from "../../utils/api/updateCheckoutSessionAttributes";
 import { buildCartUrl } from "../../utils/buildCartUrl";
+import { getAbandonedCartRenewTokenValue } from "../../utils/checkout/getAbandonedCartRenewTokenValue";
 import { getIsStagingMode } from "../../utils/checkout/getIsStagingMode";
 import { getIsTestMode } from "../../utils/checkout/getIsTestMode";
 import { isCheckoutMobile } from "../../utils/checkout/isCheckoutMobile";
@@ -21,7 +23,6 @@ import { classes } from "../../utils/classes";
 import { createCustomEvent } from "../../utils/createCustomEvent";
 import { getBorderRadius } from "../../utils/getBorderRadius";
 import { getLegacyQueryParams } from "../../utils/getLegacyQueryParams";
-import { handleFetch } from "../../utils/handleFetch";
 import { currencyFormat } from "../../utils/hello/currencyConversion/currencyFormat";
 import { getZCountryUrlParam } from "../../utils/hello/getZCountryUrlParam";
 import { isDarkColor } from "../../utils/isDarkColor";
@@ -589,6 +590,29 @@ export class ZonosCheckout {
         this.placedOrderInfo = existingPlacedOrderInfo;
         log('=== Showing order duplication confirmation', 'warn');
     }
+    recordCheckoutInfo() {
+        if (!storageStore.checkoutSessionId) {
+            return;
+        }
+        // Record the order duplication consent so we know user did see the notification and proceed with the order duplication
+        void updateCheckoutSessionAttributes({
+            attributes: [
+                {
+                    key: 'APP_VERSION',
+                    value: window.Zonos.version,
+                },
+                {
+                    key: 'APP_VERSION_NPM_INTEGRATION',
+                    value: window.Zonos.isNpm ? '1' : '0',
+                },
+                {
+                    key: 'LEGACY_CHECKOUT_FACADE',
+                    value: window.Zonos.isLegacyCheckout ? '1' : '0',
+                },
+            ],
+            checkoutSessionId: storageStore.checkoutSessionId,
+        });
+    }
     confirmProceedWithOrderDuplication() {
         // Reset the placed order info
         this.placedOrderInfo = null;
@@ -596,17 +620,18 @@ export class ZonosCheckout {
             return;
         }
         // Record the order duplication consent so we know user did see the notification and proceed with the order duplication
-        void handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
-            body: {
-                id: storageStore.checkoutSessionId,
-                metadata: [
-                    {
-                        key: 'orderDuplicationConsent',
-                        value: '1',
-                    },
-                ],
-            },
-            method: 'POST',
+        void updateCheckoutSessionAttributes({
+            attributes: [{ key: 'ORDER_DUPLICATION_CONSENT', value: '1' }],
+            checkoutSessionId: storageStore.checkoutSessionId,
+        });
+    }
+    markTheSessionAsAbandonedCart() {
+        if (!storageStore.checkoutSessionId) {
+            return;
+        }
+        void updateCheckoutSessionAttributes({
+            attributes: [{ key: 'WITH_ABANDONED_CART_TOKEN', value: '1' }],
+            checkoutSessionId: storageStore.checkoutSessionId,
         });
     }
     handleCancelOrderDuplication() {
@@ -753,6 +778,12 @@ export class ZonosCheckout {
                         const loadTime = endTime - startTime;
                         void sendLoadNativeCheckoutLog({ loadTime });
                     }
+                    this.recordCheckoutInfo();
+                    // update checkout session attribute to know the current cart is abandoned
+                    const isAbandonedCart = !!getAbandonedCartRenewTokenValue();
+                    if (isAbandonedCart) {
+                        this.markTheSessionAsAbandonedCart();
+                    }
                 }
                 catch (err) {
                     if (err instanceof Error) {

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js

@@ -4,8 +4,8 @@ import { localizationStore } from "../../../store/hello/localization";
 import { storageStore } from "../../../store/storageStore";
 import { translate } from "../../../store/translationStore";
 import { getZonosStoreTheme, zonosStore, } from "../../../store/zonosStore";
+import { updateCheckoutSessionAttributes } from "../../../utils/api/updateCheckoutSessionAttributes";
 import { containsNonLatinChars } from "../../../utils/containsNonLatinChars";
-import { handleFetch } from "../../../utils/handleFetch";
 import { log } from "../../../utils/logging/log";
 import { sendErrorLog } from "../../../utils/logging/sendErrorLog";
 import { taxIdValidationResult } from "../../../utils/taxIdValidationResult";
@@ -274,17 +274,14 @@ export class ZonosCustomerInfo {
             if (type === 'shipping' &&
                 storageStore.checkoutSessionId &&
                 !this.recordedFormTypeUsed) {
-                void handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
-                    body: {
-                        id: storageStore.checkoutSessionId,
-                        metadata: [
-                            {
-                                key: 'ZONOS_FORM_TYPE_USING',
-                                value: shouldUseCustomAddressForm ? 'custom' : 'stripe',
-                            },
-                        ],
-                    },
-                    method: 'POST',
+                void updateCheckoutSessionAttributes({
+                    attributes: [
+                        {
+                            key: 'ZONOS_FORM_TYPE_USING',
+                            value: shouldUseCustomAddressForm ? 'custom' : 'stripe',
+                        },
+                    ],
+                    checkoutSessionId: storageStore.checkoutSessionId,
                 });
                 this.recordedFormTypeUsed = true;
             }

package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.css

@@ -32,15 +32,22 @@
 }
 
 :host {
-  overflow: scroll;
+  display: block;
+  overflow: auto;
+  position: relative;
 }
 :host .scroller {
   display: inline-block;
+  pointer-events: none;
 }
 :host .item-container {
-  position: relative;
   display: inline-block;
+  position: absolute;
+  left: 0;
+  top: 0;
 }
 :host .item-container .item {
   position: absolute;
+  top: 0;
+  left: 0;
 }