@zonos/elements 1.1.2 → 1.2.0

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

@@ -28,5 +28,3 @@ const ZonosBadge = class {
 ZonosBadge.style = zonosBadgeCss;
 
 export { ZonosBadge as zonos_badge };
-
-//# sourceMappingURL=zonos-badge.entry.js.map

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

@@ -60,5 +60,3 @@ const ZonosBanner = class {
 ZonosBanner.style = zonosBannerCss;
 
 export { ZonosBanner as zonos_banner };
-
-//# sourceMappingURL=zonos-banner.entry.js.map

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d1aa9293.js';
-import { z as zonosStore } from './zonosStore-1c9c7d76.js';
+import { z as zonosStore } from './zonosStore-e5291656.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-e8ad5967.js';
+import { g as getBorderRadius } from './getBorderRadius-278281bf.js';
 import { i as isColorVariable } from './isColorVariable-4cda28c9.js';
-import { i as isDarkColor } from './isDarkColor-3bb345f4.js';
+import { i as isDarkColor } from './isDarkColor-8fd3a24e.js';
 
 /**
  * Get theme for button text based on background color
@@ -120,5 +120,3 @@ const ZonosSpinner = class {
 ZonosSpinner.style = zonosSpinnerCss;
 
 export { ZonosButton as zonos_button, ZonosSpinner as zonos_spinner };
-
-//# sourceMappingURL=zonos-button_2.entry.js.map

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

@@ -38,5 +38,3 @@ const VStack = class {
 VStack.style = zonosVStackCss;
 
 export { ZonosCard as zonos_card, VStack as zonos_v_stack };
-
-//# sourceMappingURL=zonos-card_2.entry.js.map

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-d1aa9293.js';
-import { c as cartStore, s as stripeStore, l as stripeStoreRetrievePayment, j as stripeStoreReset, m as cartStoreUpdateSelectedShippingOption, n as cartStoreGetShippingTransitInfo } from './cart-d00e1acb.js';
-import { t as translate } from './localization-1d92a557.js';
-import { g as getBorderRadius } from './getBorderRadius-e8ad5967.js';
-import { s as submitGtag, i as isCheckoutMobile } from './submitGtag-85914088.js';
+import { c as cartStore, s as stripeStore, p as stripeStoreRetrievePayment, o as stripeStoreReset, i as cartStoreUpdateSelectedShippingOption, b as cartStoreGetShippingTransitInfo } from './cart-cf46a264.js';
+import { t as translate } from './localization-add1d9e9.js';
+import { g as getBorderRadius } from './getBorderRadius-278281bf.js';
+import { s as submitGtag, i as isCheckoutMobile } from './submitGtag-aa5fe441.js';
 import { c as classes } from './classes-0d95c529.js';
-import { z as zonosStore } from './zonosStore-1c9c7d76.js';
-import './isDarkColor-3bb345f4.js';
+import { z as zonosStore } from './zonosStore-e5291656.js';
+import './isDarkColor-8fd3a24e.js';
 
 const formatCurrency = ({ amount, currency, showCurrencyText, }) => showCurrencyText
   ? `${new Intl.NumberFormat('en-US', {
@@ -118,6 +118,12 @@ const ZonosCheckoutFinish = class {
         }
         else {
           submitGtag('zonos-checkout-success');
+          const successEvent = new CustomEvent('zonos-checkout-success', {
+            detail: {
+              message: 'Zonos Checkout successfully processed order',
+            },
+          });
+          document.dispatchEvent(successEvent);
         }
       }
       stripeStoreReset();
@@ -140,6 +146,7 @@ const ZonosCheckoutFinish = class {
       this.notificationType = this.overrideNotification.type;
       this.notificationTitle = this.overrideNotification.title;
       this.notificationMessages = this.overrideNotification.messages;
+      this.isLoading = false;
       return;
     }
     void this.checkPaymentStatus();
@@ -229,7 +236,7 @@ const ZonosCollapse = class {
 };
 ZonosCollapse.style = zonosCollapseCss;
 
-const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:Inter;display:block}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:var(--amino-space-20)}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:var(--amino-space-32)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:var(--amino-space-20);overflow:auto;padding:0 5px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{width:100%}";
+const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:Inter;display:block}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:var(--amino-space-20)}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:var(--amino-space-32)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:var(--amino-space-20);overflow:auto;padding:5px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{width:100%}";
 
 const ZonosCustomerInfo = class {
   constructor(hostRef) {
@@ -490,5 +497,3 @@ const ZonosShipping = class {
 ZonosShipping.style = zonosShippingCss;
 
 export { ZonosCartItems as zonos_cart_items, ZonosCartSubtotal as zonos_cart_subtotal, ZonosCheckoutFinish as zonos_checkout_finish, ZonosCheckoutPayment as zonos_checkout_payment, ZonosCollapse as zonos_collapse, ZonosCustomerInfo as zonos_customer_info, ZonosDialog as zonos_dialog, ZonosLogo as zonos_logo, ZonosReview as zonos_review, ZonosShipping as zonos_shipping };
-
-//# sourceMappingURL=zonos-cart-items_10.entry.js.map

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-d1aa9293.js';
-import { i as initStripeElements, c as cartStore, a as cartStoreUpdateItems, b as cartStoreReset, s as stripeStore, d as stripeStoreInitCheckoutSession, e as cartStoreUpdateToErrorState, f as stripeStorePrefetchLandedCost, g as cartStoreNextStep, h as stripeStoreConfirmPayment, j as stripeStoreReset, k as cartStorePreviousStep } from './cart-d00e1acb.js';
-import { l as log, a as localizationStore, t as translate } from './localization-1d92a557.js';
-import { z as zonosStore, m as mergeConfig } from './zonosStore-1c9c7d76.js';
-import { s as submitGtag, i as isCheckoutMobile } from './submitGtag-85914088.js';
+import { k as initStripeElements, c as cartStore, h as cartStoreUpdateItems, g as cartStoreReset, s as stripeStore, l as stripeStoreInitCheckoutSession, j as cartStoreUpdateToErrorState, m as stripeStorePrefetchLandedCost, d as cartStoreNextStep, n as stripeStoreConfirmPayment, o as stripeStoreReset, e as cartStorePreviousStep } from './cart-cf46a264.js';
+import { a as localizationStore, l as log, t as translate } from './localization-add1d9e9.js';
+import { z as zonosStore, m as mergeConfig } from './zonosStore-e5291656.js';
+import { s as submitGtag, i as isCheckoutMobile } from './submitGtag-aa5fe441.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-e8ad5967.js';
-import { i as isDarkColor } from './isDarkColor-3bb345f4.js';
+import { g as getBorderRadius } from './getBorderRadius-278281bf.js';
+import { i as isDarkColor } from './isDarkColor-8fd3a24e.js';
 
 const LeftArrow = `<svg color="var(--amino-gray-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M9.707 16.707a1 1 0 0 1-1.414 0l-3.647-3.646a1.5 1.5 0 0 1 0-2.122l3.647-3.646a1 1 0 0 1 1.414 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
@@ -31,6 +31,19 @@ const ZonosCheckout = class {
         overrideTheme: this.isMobile ? theme : undefined,
       });
     };
+    this.isShippableCountry = (showLog = true) => {
+      if (!localizationStore.localizationLoaded) {
+        return false;
+      }
+      // if localization is loaded and the localization is not a shippable country, keep the original click event
+      if (!localizationStore.isShippableCountry) {
+        if (showLog) {
+          log(`not shippable country`);
+        }
+        return false;
+      }
+      return true;
+    };
     this.getCurrentLocalePageEnum = () => {
       switch (cartStore.step) {
         case 'customer-info':
@@ -46,7 +59,6 @@ const ZonosCheckout = class {
     this.appearanceSettingsOverride = undefined;
     this.preview = false;
     this.mobile = false;
-    this.buttonAnchorElements = null;
     this.defaultAddress = null;
     this.forceDialogOpen = false;
     this.open = this.forceDialogOpen;
@@ -88,6 +100,7 @@ const ZonosCheckout = class {
     // if client secret doesn't exist, request a new one.
     if (!stripeStore.clientSecret) {
       const success = await stripeStoreInitCheckoutSession();
+      log(`stripeStoreInitCheckoutSession: ${success}`);
       if (!success) {
         return false;
       }
@@ -97,41 +110,46 @@ const ZonosCheckout = class {
     return true;
   }
   attachCheckout() {
-    if (!this.buttonAnchorElements) {
+    const buttonAnchorSelector = zonosStore.checkoutSettings.placeOrderButtonSelector;
+    if (!buttonAnchorSelector) {
       // do nothing if button element is not found
       return;
     }
+    const buttonAnchorElements = document.querySelectorAll(buttonAnchorSelector);
     // only attach event once, and looping through all of the button elements
-    this.buttonAnchorElements.forEach(button => {
+    buttonAnchorElements.forEach(button => {
       const isEventAttached = button.getAttribute('data-zonos-checkout-attached');
-      if (!isEventAttached) {
-        button.addEventListener('click', async (e) => {
-          if (!localizationStore.localizationLoaded) {
-            return;
-          }
-          // if localization is loaded and the localization is not a shippable country, keep the original click event
-          if (!localizationStore.isShippableCountry) {
-            log(`not shippable country`);
-            return;
-          }
-          e.preventDefault();
-          e.stopPropagation();
-          log('zonos checkout button clicked');
-          this.open = true;
+      if (isEventAttached) {
+        // do nothing if event is already attached
+        return;
+      }
+      button.addEventListener('click', async (e) => {
+        // do nothing if it's not shippable country
+        if (!this.isShippableCountry()) {
+          return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        log('zonos checkout button clicked');
+        this.open = true;
+        try {
+          // buildCartDetail need to be catch since it may throw error
           const result = await this.buildCartAndInit();
           if (!result) {
-            cartStoreUpdateToErrorState({
-              messages: [
-                translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
-              ],
-              title: translate('Error creating Checkout'),
-            });
-            return;
+            throw new Error('Error building cart');
           }
           submitGtag('zonos-checkout-start');
-        });
-        button.setAttribute('data-zonos-checkout-attached', 'true');
-      }
+        }
+        catch (err) {
+          cartStoreUpdateToErrorState({
+            messages: [
+              translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+            ],
+            title: translate('Error creating Checkout'),
+          });
+        }
+      });
+      button.setAttribute('data-zonos-checkout-attached', 'true');
     });
   }
   appearanceSettingsOverrideChanged() {
@@ -147,20 +165,38 @@ const ZonosCheckout = class {
   async init() {
     stripeStore.stripe = window.Zonos.stripe;
     this.stripe = window.Zonos.stripe;
-    // only init checkout if visitor's country is in the shipping zones.
-    const interval = setInterval(() => {
-      stripeStore.stripe = window.Zonos.stripe;
-      this.stripe = window.Zonos.stripe;
-      if (!localizationStore.localizationLoaded) {
+    const hideInternationalOrderInterval = setInterval(() => {
+      const internationalSelector = window.Zonos.internationalHideSelector;
+      if (!internationalSelector) {
+        // cleanup right away if selector is not found
+        clearInterval(hideInternationalOrderInterval);
         return;
       }
-      // if localization is loaded and the localization is not a shippable country, stop the interval and don't init checkout
-      // No need to check localization if it's preview mode
-      if (!localizationStore.isShippableCountry && !this.preview) {
-        log('not shippable country');
-        clearInterval(interval);
+      // hide the selector if it's international
+      const isInternationalOrder = this.isShippableCountry(false);
+      const selector = document.querySelectorAll(internationalSelector);
+      if (!isInternationalOrder) {
+        // show the selector when it's domestic
+        selector === null || selector === void 0 ? void 0 : selector.forEach(el => {
+          const element = el;
+          const display = element.getAttribute('data-zonos-checkout-original-display');
+          // fallback to initial (browser value) if "display" is not found
+          element.style.display = display || 'initial';
+        });
         return;
       }
+      selector === null || selector === void 0 ? void 0 : selector.forEach(el => {
+        const element = el;
+        const display = element.style.display;
+        // save the display state so we can restore it later
+        element.setAttribute('data-zonos-checkout-original-display', display);
+        element.style.display = 'none';
+      });
+    }, 100);
+    // only init checkout if visitor's country is in the shipping zones.
+    const interval = setInterval(() => {
+      stripeStore.stripe = window.Zonos.stripe;
+      this.stripe = window.Zonos.stripe;
       if (!this.stripe) {
         log('waiting for stripe to be loaded');
         return;
@@ -175,9 +211,13 @@ const ZonosCheckout = class {
       }
       else {
         this.attachCheckout();
+        // keep checking for checkout selector every 50ms just in case the selector is not loaded in the DOM yet
+        setInterval(() => {
+          this.attachCheckout();
+        }, 50);
       }
       clearInterval(interval);
-    }, 100);
+    }, 50);
     setTimeout(() => {
       // if localization is not loaded after 10 seconds, stop the interval and don't init checkout
       clearInterval(interval);
@@ -283,7 +323,9 @@ const ZonosCheckout = class {
     var _a;
     const dialogLoading = 
     // if it's last step, don't need to check stripe elements
-    (cartStore.step !== 'finish' && !stripeStore.stripeElements) ||
+    (cartStore.step !== 'finish' &&
+      cartStore.step !== 'error' &&
+      !stripeStore.stripeElements) ||
       stripeStore.isFetchingSession;
     const { colorPrimary, colorSecondary, logoUrl, style } = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride);
     const hasFooter = zonosStore.appearance.zonosAttribution === 'ENABLED';
@@ -333,5 +375,3 @@ const ZonosCheckout = class {
 ZonosCheckout.style = zonosCheckoutCss;
 
 export { ZonosCheckout as zonos_checkout };
-
-//# sourceMappingURL=zonos-checkout.entry.js.map

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

@@ -23,5 +23,3 @@ const ZonosComponent = class {
 ZonosComponent.style = zonosComponentCss;
 
 export { ZonosComponent as zonos_component };
-
-//# sourceMappingURL=zonos-component.entry.js.map

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-d1aa9293.js';
-import { s as stripeStore } from './cart-d00e1acb.js';
-import { h as handleFetch, b as logError, i as isValidSelector, l as log, c as initLocalizationStore, d as localizationStoreUpdateSelectedCountryCode } from './localization-1d92a557.js';
-import { z as zonosStore, d as zonosStoreInitSetting } from './zonosStore-1c9c7d76.js';
-import './isDarkColor-3bb345f4.js';
-import './getBorderRadius-e8ad5967.js';
+import { s as stripeStore } from './cart-cf46a264.js';
+import { h as handleFetch, b as logError, i as isValidSelector, l as log, c as initLocalizationStore, d as localizationStoreUpdateSelectedCountryCode } from './localization-add1d9e9.js';
+import { z as zonosStore, d as zonosStoreInitSetting } from './zonosStore-e5291656.js';
+import './isDarkColor-8fd3a24e.js';
+import './getBorderRadius-278281bf.js';
 
 const getZonosSetting = async () => {
   const url = `${"https://v1.route.js.zonos.com"}/api/zonos-setting`;
@@ -15,12 +15,11 @@ const getZonosSetting = async () => {
   return { errors: [], json };
 };
 
-const injectCheckoutElement = (triggerAnchorElement) => {
+const injectCheckoutElement = () => {
   // append checkout component if doesn't exist
   const checkoutElement = document.querySelector('zonos-checkout');
   if (!checkoutElement) {
     const newCheckoutElement = document.createElement('zonos-checkout');
-    newCheckoutElement.buttonAnchorElements = triggerAnchorElement;
     document.body.appendChild(newCheckoutElement);
   }
 };
@@ -34,8 +33,7 @@ const initCheckout = async (config) => {
     logError(`Selector checkoutButtonAnchor "${config.placeOrderButtonSelector}" is not a valid selector`);
     return;
   }
-  const triggerElement = document.querySelectorAll(config.placeOrderButtonSelector);
-  injectCheckoutElement(triggerElement);
+  injectCheckoutElement();
 };
 
 const injectHelloComponent = (triggerAnchorElement) => {
@@ -161,5 +159,3 @@ const ZonosController = class {
 ZonosController.style = zonosControllerCss;
 
 export { ZonosController as zonos_controller };
-
-//# sourceMappingURL=zonos-controller.entry.js.map

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d1aa9293.js';
-import { a as localizationStore, d as localizationStoreUpdateSelectedCountryCode, t as translate } from './localization-1d92a557.js';
+import { a as localizationStore, d as localizationStoreUpdateSelectedCountryCode, t as translate } from './localization-add1d9e9.js';
 import { c as classes } from './classes-0d95c529.js';
-import { i as isDarkColor } from './isDarkColor-3bb345f4.js';
-import './zonosStore-1c9c7d76.js';
+import { i as isDarkColor } from './isDarkColor-8fd3a24e.js';
+import './zonosStore-e5291656.js';
 
 const zonosCountryFlagCss = ":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 
@@ -1891,5 +1891,3 @@ const ZonosHelloDialogFooter = class {
 ZonosHelloDialogFooter.style = zonosHelloDialogFooterCss;
 
 export { ZonosCountryFlag as zonos_country_flag, ZonosCountrySelect as zonos_country_select, ZonosCustomMessage as zonos_custom_message, ZonosHelloDialogFooter as zonos_hello_dialog_footer };
-
-//# sourceMappingURL=zonos-country-flag_4.entry.js.map

package/dist/esm/zonos-elements.js

@@ -14,7 +14,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["zonos-text",[[1,"zonos-text",{"class":[1],"color":[1],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-checkout",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"buttonAnchorElements":[16],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged"],"mobile":["handleMobileChange"]}]]],["zonos-hello",[[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],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64]},[[9,"resize","handleResize"]]]]],["zonos-controller",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64]}]]],["zonos-component",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-country-flag_4",[[1,"zonos-country-select",{"closeCountrySelect":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}],[1,"zonos-country-flag",{"class":[1],"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-hello-dialog",[[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]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification",[[1,"zonos-notification",{"class":[1],"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"selectedItem":[32]}]]],["zonos-badge",[[1,"zonos-badge",{"bold":[4],"color":[1],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4],"class":[1]}]]],["zonos-address_2",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}]]],["zonos-banner",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"class":[1],"hasContent":[32]}]]],["zonos-card_2",[[1,"zonos-card",{"actions":[16],"class":[1],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}],[1,"zonos-v-stack",{"spacing":[2],"class":[1]}]]],["zonos-icon",[[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"color":[1],"content":[1],"size":[2]}]]],["zonos-button_2",[[1,"zonos-button",{"class":[1],"color":[1],"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"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"color":[1]}]]],["zonos-cart-items_10",[[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"footerRightAction":[16],"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"]]],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32]}],[1,"zonos-logo",{"theme":[1],"width":[1],"class":[1]}]]]], options);
+  return bootstrapLazy([["zonos-text",[[1,"zonos-text",{"class":[1],"color":[1],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-checkout",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged"],"mobile":["handleMobileChange"]}]]],["zonos-hello",[[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],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64]},[[9,"resize","handleResize"]]]]],["zonos-controller",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64]}]]],["zonos-component",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-country-flag_4",[[1,"zonos-country-select",{"closeCountrySelect":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}],[1,"zonos-country-flag",{"class":[1],"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-hello-dialog",[[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]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification",[[1,"zonos-notification",{"class":[1],"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"selectedItem":[32]}]]],["zonos-badge",[[1,"zonos-badge",{"bold":[4],"color":[1],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4],"class":[1]}]]],["zonos-address_2",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}]]],["zonos-banner",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"class":[1],"hasContent":[32]}]]],["zonos-card_2",[[1,"zonos-card",{"actions":[16],"class":[1],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}],[1,"zonos-v-stack",{"spacing":[2],"class":[1]}]]],["zonos-icon",[[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"color":[1],"content":[1],"size":[2]}]]],["zonos-button_2",[[1,"zonos-button",{"class":[1],"color":[1],"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"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"color":[1]}]]],["zonos-cart-items_10",[[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"footerRightAction":[16],"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"]]],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32]}],[1,"zonos-logo",{"theme":[1],"width":[1],"class":[1]}]]]], options);
 });
-
-//# sourceMappingURL=zonos-elements.js.map

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

@@ -1,9 +1,16 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-d1aa9293.js';
-import { f as currencyConvertAndFormat, t as translate, a as localizationStore } from './localization-1d92a557.js';
-import { z as zonosStore } from './zonosStore-1c9c7d76.js';
+import { f as currencyConvertAndFormat, t as translate, a as localizationStore } from './localization-add1d9e9.js';
+import { z as zonosStore } from './zonosStore-e5291656.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-feba1ae2.js';
 
+const getHasMoreSpaceAbove = (ref) => {
+  const componentRect = ref.getBoundingClientRect();
+  const availableSpaceAbove = componentRect.top;
+  const availableSpaceBelow = window.innerHeight - componentRect.bottom;
+  return availableSpaceAbove >= availableSpaceBelow;
+};
+
 const BagIcon = `<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="https://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.66666 4.16667C9.20642 4.16667 8.83333 4.53976 8.83333 5V5.83333H12.1667V5C12.1667 4.53976 11.7936 4.16667 11.3333 4.16667H9.66666ZM13.8333 5.83333V5C13.8333 3.61929 12.714 2.5 11.3333 2.5H9.66666C8.28595 2.5 7.16666 3.61929 7.16666 5V5.83333H6.77759C5.44832 5.83333 4.35149 6.87354 4.2811 8.20094L3.92756 14.8676C3.85169 16.2983 4.99133 17.5 6.42405 17.5H14.5759C16.0087 17.5 17.1483 16.2983 17.0724 14.8676L16.7189 8.20094C16.6485 6.87354 15.5517 5.83333 14.2224 5.83333H13.8333ZM12.1667 7.5V8.33333C12.1667 8.79357 12.5398 9.16667 13 9.16667C13.4602 9.16667 13.8333 8.79357 13.8333 8.33333V7.5H14.2224C14.6655 7.5 15.0311 7.84674 15.0546 8.2892L15.4081 14.9559C15.4334 15.4328 15.0535 15.8333 14.5759 15.8333H6.42405C5.94648 15.8333 5.5666 15.4328 5.59189 14.9559L5.94542 8.2892C5.96889 7.84674 6.3345 7.5 6.77759 7.5H7.16666V8.33333C7.16666 8.79357 7.53976 9.16667 7.99999 9.16667C8.46023 9.16667 8.83333 8.79357 8.83333 8.33333V7.5H12.1667Z" fill="#4D505A"/>
 </svg>
@@ -21,7 +28,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:Inter;display:block}: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(--amino-v3-shadow-medium);box-shadow:var(--amino-v3-shadow-medium);z-index:10;justify-self:center}:host .zonos--hello-dialog{position:absolute;background:var(--amino-surface-color);width:100vw;max-width:430px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:600px;border-radius:var(--amino-radius-12);outline:none;-webkit-box-shadow:var(--amino-v3-shadow-xxl);box-shadow:var(--amino-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::-webkit-scrollbar{width:12px;height:12px}:host .zonos--hello-dialog::-webkit-scrollbar-track{background:#f5f5f5;border-top-right-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-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:var(--amino-space-8);top:var(--amino-space-8);width:var(--amino-size-md);height:var(--amino-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(--amino-hover-color);border-radius:var(--amino-radius-6)}:host .zonos--hello-dialog .zonos--hello-dialog-content{padding:var(--amino-space-16)}:host .zonos--hello-dialog .zonos--hello-dialog-content .zonos--hello-country-flag{border-radius:var(--amino-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:var(--amino-space-12)}: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:unset;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}: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:unset;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}: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 zonosHelloDialogCss = ":host{font-family:Inter;display:block}: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(--amino-v3-shadow-medium);box-shadow:var(--amino-v3-shadow-medium);z-index:10;justify-self:center}:host .zonos--hello-dialog{position:absolute;background:var(--amino-surface-color);width:100vw;max-width:430px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:600px;border-radius:var(--amino-radius-12);outline:none;-webkit-box-shadow:var(--amino-v3-shadow-xxl);box-shadow:var(--amino-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(--amino-radius-12);border-bottom-right-radius:var(--amino-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:var(--amino-space-8);top:var(--amino-space-8);width:var(--amino-size-md);height:var(--amino-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(--amino-hover-color);border-radius:var(--amino-radius-6)}:host .zonos--hello-dialog .zonos--hello-dialog-content{padding:var(--amino-space-16)}:host .zonos--hello-dialog .zonos--hello-dialog-content .zonos--hello-country-flag{border-radius:var(--amino-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:var(--amino-space-12)}: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:unset;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}: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:unset;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}: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 ZonosHelloDialog = class {
   constructor(hostRef) {
@@ -86,6 +93,7 @@ const ZonosHelloDialog = class {
       : translate('Taxes will apply to all orders');
     const animateLeft = this.animateFromLeftOverride ||
       (this.dialogRef && getHasMoreSpaceOnRight(this.dialogRef));
+    const animateFromBottom = this.dialogRef && getHasMoreSpaceAbove(this.dialogRef);
     const { customMessages } = localizationStore;
     const welcomeMessage = `${translate('Welcome to')} ${zonosStore.organizationName}!`;
     const defaultMessage = ((_a = customMessages.find(x => x.pageName === 'hello_default')) === null || _a === void 0 ? void 0 : _a.message) ||
@@ -95,6 +103,7 @@ const ZonosHelloDialog = class {
     return (h(Host, { class: "zonos--elements" }, h("div", { "aria-hidden": "true", class: classes([
         'zonos--hello-dialog',
         animateLeft && 'zonos--hello-dialog-animate-from-left',
+        animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
         !!this.mobileLocationOverride &&
           'zonos--hello-dialog-mobile-override',
         this.isOpen && 'zonos--hello-dialog-open',
@@ -111,5 +120,3 @@ const ZonosHelloDialog = class {
 ZonosHelloDialog.style = zonosHelloDialogCss;
 
 export { ZonosHelloDialog as zonos_hello_dialog };
-
-//# sourceMappingURL=zonos-hello-dialog.entry.js.map

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-d1aa9293.js';
-import { _ as _root, i as isObjectLike_1, e as _baseGetTag, f as isObject_1, z as zonosStore, m as mergeConfig } from './zonosStore-1c9c7d76.js';
-import { h as handleFetch, b as logError, a as localizationStore, i as isValidSelector, t as translate, s as setZonosCountryUrlParam, e as currencyDisplay, f as currencyConvertAndFormat, g as currencyConvert, j as currencyFormat, l as log } from './localization-1d92a557.js';
+import { _ as _root, i as isObjectLike_1, e as _baseGetTag, f as isObject_1, z as zonosStore, m as mergeConfig } from './zonosStore-e5291656.js';
+import { h as handleFetch, b as logError, a as localizationStore, i as isValidSelector, t as translate, s as setZonosCountryUrlParam, e as currencyDisplay, f as currencyConvertAndFormat, g as currencyConvert, j as currencyFormat, l as log } from './localization-add1d9e9.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-feba1ae2.js';
 
@@ -450,7 +450,7 @@ const getProductsOnPage = () => {
 
 const zonosHelloCss = ":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block}:host .zonos--hello-wrapper{position:relative}:host .zonos--hello-wrapper .zonos--hello-dialog-wrapper-mobile-override{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media (max-width: 768px){:host .zonos--hello-wrapper{position:fixed;bottom:0;left:0;width:100vw;z-index:1001;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}:host .zonos--hello-widget{-webkit-transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);padding:6px;border-radius:30px;background:var(--amino-page-background);font-size:var(--amino-font-size-s);border:var(--amino-border);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:1000}:host .zonos--hello-widget>.zonos--hello-message{-ms-flex-order:0;order:0;width:100%;max-width:0;height:100%;white-space:nowrap;-webkit-transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);transition:border 0.3s ease-in, all 0.7s cubic-bezier(0.31, -0.02, 0.06, 1.53);overflow:hidden;color:var(--amino-text-color);position:absolute;background:var(--amino-page-background);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-top-left-radius:30px;border-bottom-left-radius:30px;left:0;-webkit-transform:translateX(calc(-100% + var(--amino-space-16)));transform:translateX(calc(-100% + var(--amino-space-16)));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-top:var(--amino-border);border-bottom:var(--amino-border)}:host .zonos--hello-widget.zonos--hello-has-restrictions{background:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host .zonos--hello-widget.zonos--hello-has-restrictions>.zonos--hello-message{background:var(--amino-red-100);color:var(--amino-red-800);font-weight:500}:host .zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:1px solid var(--amino-red-200)}:host .zonos--hello-widget.zonos--hello-show-peek-message{max-width:100vw;width:100%}:host .zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{max-width:100vw;padding:0 6px;padding-right:var(--amino-space-16);border:var(--amino-border)}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:0;border-bottom-left-radius:0}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left)>.zonos--hello-message{border-right:none}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:0;border-bottom-right-radius:0}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{border-left:0}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:var(--amino-space-16);padding-right:6px;border-left:none}:host .zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-ms-flex-order:1;order:1;-webkit-transform:translateX(calc(100% - var(--amino-space-16)));transform:translateX(calc(100% - var(--amino-space-16)));right:0;left:auto;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:30px;border-bottom-right-radius:30px}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper .zonos--hello-country-flag{height:18px;width:18px;position:relative;overflow:hidden;border-radius:30px;-webkit-box-shadow:var(--amino-v3-shadow-medium);box-shadow:var(--amino-v3-shadow-medium);z-index:10;justify-self:center}@media (max-width: 768px){:host .zonos--hello-widget .zonos--hello-country-flag-wrapper .zonos--hello-country-flag{border-radius:var(--amino-radius-4);width:24px}}@media (max-width: 768px){:host .zonos--hello-widget{position:fixed;bottom:var(--amino-space-32);right:var(--amino-space-32);border-radius:var(--amino-radius-4);padding:var(--amino-space-4);border:1px solid transparent}:host .zonos--hello-widget.zonos--hello-widget-left{left:var(--amino-space-32);right:auto}:host .zonos--hello-widget.zonos--hello-widget-top{bottom:auto;top:var(--amino-space-32)}:host .zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:none}:host .zonos--hello-widget>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}:host .zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-widget.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:var(--amino-radius-4);border-bottom-left-radius:var(--amino-radius-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:var(--amino-radius-4);border-bottom-right-radius:var(--amino-radius-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:var(--amino-space-8);padding-right:var(--amino-space-4)}:host .zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--amino-radius-4);padding-right:6px;border:none}:host .zonos--hello-widget .zonos--hello-country-flag-wrapper{border-radius:var(--amino-radius-4)}}:host .zonos--hello-mobile-override.zonos--hello-widget{position:fixed;bottom:var(--amino-space-32);right:var(--amino-space-32);border-radius:var(--amino-radius-4);padding:var(--amino-space-4);border:1px solid transparent}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-left{left:var(--amino-space-32);right:auto}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-top{bottom:auto;top:var(--amino-space-32)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-has-restrictions.zonos--hello-show-peek-message>.zonos--hello-message{border:none}:host .zonos--hello-mobile-override.zonos--hello-widget>.zonos--hello-message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:30px;top:0;bottom:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-widget-animate-from-left>.zonos--hello-message{-webkit-transform:translateX(0);transform:translateX(0)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message:not(.zonos--hello-widget-animate-from-left){border-top-left-radius:var(--amino-radius-4);border-bottom-left-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left{border-top-right-radius:var(--amino-radius-4);border-bottom-right-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message.zonos--hello-widget-animate-from-left>.zonos--hello-message{padding-left:var(--amino-space-8);padding-right:var(--amino-space-4)}:host .zonos--hello-mobile-override.zonos--hello-widget.zonos--hello-show-peek-message>.zonos--hello-message{padding:0 var(--amino-radius-4);padding-right:6px;border:none}:host .zonos--hello-mobile-override.zonos--hello-widget .zonos--hello-country-flag-wrapper{border-radius:var(--amino-radius-4)}:host .zonos--hello-mobile-override.zonos--hello-widget .zonos--hello-country-flag{border-radius:var(--amino-radius-4);width:24px}";
 
-const PEEK_MESSAGE_DELAY_MS = 3000;
+const PEEK_MESSAGE_CLOSE_DELAY_MS = 3000;
 const RESIZE_DEBOUNCE_DELAY_MS = 500;
 const ZonosHello = class {
   constructor(hostRef) {
@@ -499,9 +499,13 @@ const ZonosHello = class {
       if (peekMessageBehavior === 'ENABLED') {
         setTimeout(() => {
           this.enableShowPeekMessage();
-          setTimeout(() => {
-            this.showPeekMessage = false;
-          }, PEEK_MESSAGE_DELAY_MS);
+          const hasRestrictions = this.allRestrictedItems.some(item => this.productsOnPage.some(product => product.description === item.itemDescription));
+          if (!hasRestrictions) {
+            // If restrictions, persist the message until they hover over the hello widget
+            setTimeout(() => {
+              this.showPeekMessage = false;
+            }, PEEK_MESSAGE_CLOSE_DELAY_MS);
+          }
         }, peekMessageDelayToUse);
       }
     };
@@ -692,5 +696,3 @@ const ZonosHello = class {
 ZonosHello.style = zonosHelloCss;
 
 export { ZonosHello as zonos_hello };
-
-//# sourceMappingURL=zonos-hello.entry.js.map

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

@@ -26,5 +26,3 @@ const ZonosIcon = class {
 ZonosIcon.style = zonosIconCss;
 
 export { ZonosIcon as zonos_icon };
-
-//# sourceMappingURL=zonos-icon.entry.js.map

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

@@ -63,5 +63,3 @@ const ZonosNotification = class {
 ZonosNotification.style = zonosNotificationCss;
 
 export { ZonosNotification as zonos_notification };
-
-//# sourceMappingURL=zonos-notification.entry.js.map

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-d1aa9293.js';
-import { s as stripeStore } from './cart-d00e1acb.js';
-import './zonosStore-1c9c7d76.js';
-import './localization-1d92a557.js';
-import './isDarkColor-3bb345f4.js';
-import './getBorderRadius-e8ad5967.js';
+import { s as stripeStore } from './cart-cf46a264.js';
+import './zonosStore-e5291656.js';
+import './localization-add1d9e9.js';
+import './isDarkColor-8fd3a24e.js';
+import './getBorderRadius-278281bf.js';
 
 const zonosPaymentCss = ".sc-zonos-payment-h{font-family:Inter;display:block}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:var(--amino-space-16)}";
 
@@ -52,5 +52,3 @@ const ZonosPayment = class {
 ZonosPayment.style = zonosPaymentCss;
 
 export { ZonosPayment as zonos_payment };
-
-//# sourceMappingURL=zonos-payment.entry.js.map

package/dist/esm/zonos-shipping-rich-radio.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-d1aa9293.js';
-import { z as zonosStore } from './zonosStore-1c9c7d76.js';
+import { z as zonosStore } from './zonosStore-e5291656.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-e8ad5967.js';
+import { g as getBorderRadius } from './getBorderRadius-278281bf.js';
 import { i as isColorVariable } from './isColorVariable-4cda28c9.js';
 
 const zonosShippingRichRadioCss = ":host{font-family:Inter;display:block}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-left-radius:var(--border-radius, var(--amino-radius-10));border-bottom-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item.selected{border-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
@@ -46,5 +46,3 @@ const ZonosShippingRichRadio = class {
 ZonosShippingRichRadio.style = zonosShippingRichRadioCss;
 
 export { ZonosShippingRichRadio as zonos_shipping_rich_radio };
-
-//# sourceMappingURL=zonos-shipping-rich-radio.entry.js.map

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

@@ -152,5 +152,3 @@ const ZonosText = class {
 ZonosText.style = zonosTextCss;
 
 export { ZonosText as zonos_text };
-
-//# sourceMappingURL=zonos-text.entry.js.map