@zonos/elements 1.1.2 → 1.2.1

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

@@ -40,4 +40,3 @@ export class ZonosCartItems {
     };
   }
 }
-//# sourceMappingURL=zonos-cart-items.js.map

package/dist/collection/components/checkout/zonos-checkout/zonos-cart-subtotal/zonos-cart-subtotal.css

@@ -53,6 +53,12 @@
 :host .zonos--cart-subtotal-price {
   border-bottom: 1px solid var(--amino-gray-200);
 }
+:host .zonos--cart-duty-tax-price {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 5px;
+}
 :host .zonos--cart-subtotal-price {
   text-align: right;
 }

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

@@ -8,6 +8,7 @@ import InfoIcon from "./assets/InfoIcon.svg";
 export class ZonosCartSubtotal {
   render() {
     const totalWithoutTaxes = cartStore.total - cartStore.dutiesTaxFees;
+    const showDutyTaxesInfo = cartStore.step === 'payment' || cartStore.step === 'shipping';
     const renderShippingInfo = () => {
       if (!cartStore.selectedShippingOption) {
         return (h(Fragment, null, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Shipping')), h("zonos-text", { class: "zonos--caption", type: "caption" }, translate('No shipping method selected'))));
@@ -22,12 +23,12 @@ export class ZonosCartSubtotal {
         amount: cartStore.shipping,
         currency: cartStore.currency,
       })
-      : '-')), cartStore.step === 'payment' && (h("tr", { class: "zonos--row zonos--cart-duties" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("div", { class: "zonos--title-with-icon" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), h("zonos-icon", { content: InfoIcon, size: 16 })), !!cartStore.isSelectedShippingAboveDeminimis && (h("zonos-text", { color: "gray-800", type: "body" }, translate('Order is over the de minimis threshold for both duty and tax')))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, cartStore.dutiesTaxFees
+      : '-')), showDutyTaxesInfo && (h("tr", { class: "zonos--row zonos--cart-duties" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("div", { class: "zonos--title-with-icon" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Duties, taxes, and fees')), h("zonos-icon", { content: InfoIcon, size: 16 })), !!cartStore.isSelectedShippingAboveDeminimis && (h("zonos-text", { color: "gray-800", type: "body" }, translate('Order is over the de minimis threshold for both duty and tax')))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("div", { class: "zonos--cart-duty-tax-price" }, cartStore.dutiesTaxFees
       ? formatCurrency({
         amount: cartStore.dutiesTaxFees,
         currency: cartStore.currency,
       })
-      : '-', cartStore.isSelectedShippingGuarantee && (h("zonos-badge", null, translate('Guaranteed')))))), h("tr", { class: "zonos--row zonos--cart-pay-total" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Order total'))), h("td", { class: "zonos--column" }, h("zonos-text", { type: "semiBoldLabel" }, formatCurrency({
+      : '-', cartStore.isSelectedShippingGuarantee && (h("zonos-badge", null, translate('Guaranteed'))))))), h("tr", { class: "zonos--row zonos--cart-pay-total" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Order total'))), h("td", { class: "zonos--column" }, h("zonos-text", { type: "semiBoldLabel" }, formatCurrency({
       amount: 
       // show total without taxes when step is shipping, show total with taxes when step is payment
       cartStore.step === 'shipping'
@@ -50,4 +51,3 @@ export class ZonosCartSubtotal {
   }
   static get assetsDirs() { return ["assets"]; }
 }
-//# sourceMappingURL=zonos-cart-subtotal.js.map

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

@@ -28,6 +28,12 @@ export class ZonosCheckoutFinish {
         }
         else {
           submitGtag('zonos-checkout-success');
+          const successEvent = new CustomEvent('zonos-checkout-success', {
+            detail: {
+              message: 'Zonos Checkout successfully processed order',
+            },
+          });
+          document.dispatchEvent(successEvent);
         }
       }
       stripeStoreReset();
@@ -50,6 +56,7 @@ export class ZonosCheckoutFinish {
       this.notificationType = this.overrideNotification.type;
       this.notificationTitle = this.overrideNotification.title;
       this.notificationMessages = this.overrideNotification.messages;
+      this.isLoading = false;
       return;
     }
     void this.checkPaymentStatus();
@@ -170,4 +177,3 @@ export class ZonosCheckoutFinish {
       }];
   }
 }
-//# sourceMappingURL=zonos-checkout-finish.js.map

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.css

@@ -38,7 +38,7 @@
 :host .zonos--group {
   margin-bottom: var(--amino-space-20);
   overflow: auto;
-  padding: 0 5px;
+  padding: 5px;
 }
 :host .zonos--group::-webkit-scrollbar {
   width: 10px;
@@ -58,6 +58,10 @@
 :host .zonos--payment-error-banner {
   margin-bottom: var(--amino-space-8);
 }
-:host zonos-button {
-  width: 100%;
+:host .zonos--group-btn {
+  display: flex;
+  justify-content: center;
+}
+:host .zonos--group-btn zonos-button {
+  width: calc(100% - 10px);
 }

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

@@ -30,12 +30,12 @@ export class ZonosCheckoutPayment {
       return null;
     }
     this.disabled = !((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
-    return (h(Host, { class: "zonos--checkout-payment zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Payment method')), this.paymentError && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, translate("We couldn't complete your payment. Please verify the payment details and try again."))), h("zonos-payment", null)), h("zonos-button", { backgroundColor: this.submitBtnColor, "is-disabled": this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
+    return (h(Host, { class: "zonos--checkout-payment zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Payment method')), this.paymentError && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, translate("We couldn't complete your payment. Please verify the payment details and try again."))), h("zonos-payment", null)), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, "is-disabled": this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
       // use primary type when on mobile mode
       variant: this.submitBtnType }, "Pay", ' ', formatCurrency({
       amount: cartStore.total,
       currency: cartStore.currency,
-    }))));
+    })))));
   }
   static get is() { return "zonos-checkout-payment"; }
   static get encapsulation() { return "scoped"; }
@@ -158,4 +158,3 @@ export class ZonosCheckoutPayment {
       }];
   }
 }
-//# sourceMappingURL=zonos-checkout-payment.js.map

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

@@ -30,6 +30,19 @@ export class ZonosCheckout {
         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(`Checkout: not shippable country`);
+        }
+        return false;
+      }
+      return true;
+    };
     this.getCurrentLocalePageEnum = () => {
       switch (cartStore.step) {
         case 'customer-info':
@@ -45,7 +58,6 @@ export class ZonosCheckout {
     this.appearanceSettingsOverride = undefined;
     this.preview = false;
     this.mobile = false;
-    this.buttonAnchorElements = null;
     this.defaultAddress = null;
     this.forceDialogOpen = false;
     this.open = this.forceDialogOpen;
@@ -87,6 +99,7 @@ export class ZonosCheckout {
     // if client secret doesn't exist, request a new one.
     if (!stripeStore.clientSecret) {
       const success = await stripeStoreInitCheckoutSession();
+      log(`stripeStoreInitCheckoutSession: ${success}`);
       if (!success) {
         return false;
       }
@@ -96,41 +109,46 @@ export class ZonosCheckout {
     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() {
@@ -146,20 +164,39 @@ export class ZonosCheckout {
   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') ||
+            getComputedStyle(element).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;
@@ -174,9 +211,13 @@ export class ZonosCheckout {
       }
       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);
@@ -282,7 +323,9 @@ export class ZonosCheckout {
     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';
@@ -310,7 +353,13 @@ export class ZonosCheckout {
           '--border-radius': getBorderRadius(style),
         } }, cartStore.step !== 'finish' && cartStore.step !== 'error' && (h(Fragment, null, h("div", { class: "zonos--left", "data-theme": leftSideTheme, style: {
           '--primary-color': !this.isMobile ? colorPrimary : '',
-        } }, !this.isMobile && renderTopHeader(), cartStore.step === 'customer-info' && (h("zonos-customer-info", { continueLoading: this.submitLoading, defaultAddress: this.defaultAddress, onContinueClicked: () => this.handleCustomerInfoContinue(), submitBtnColor: submitButtonColor, submitBtnType: submitBtnType })), cartStore.step === 'shipping' && (h("zonos-shipping", { continueLoading: this.submitLoading, onContinueClicked: () => this.handleShippingContinue(), submitBtnColor: submitButtonColor, submitBtnType: submitBtnType })), cartStore.step === 'payment' && (h("zonos-checkout-payment", { continueLoading: this.submitLoading, onContinueClicked: () => this.handleCheckoutPaymentContinue(), paymentError: this.paymentError, submitBtnColor: submitButtonColor, submitBtnType: submitBtnType }))), h("div", { class: "zonos--right", "data-theme": rightSideTheme }, this.isMobile && renderTopHeader(), !this.isMobile && (h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => this.closeDialogHandler() })), h("div", { class: "flex--wrapper" }, h("div", { class: "zonos--wrapper" }, h("zonos-collapse", { collapseSize: reviewElementSize, collapsed: this.collapseReviewMobile }, h("zonos-review", { collapsed: this.collapseReviewMobile, mobile: this.isMobile, onClick: () => {
+        } }, !this.isMobile && renderTopHeader(), cartStore.step === 'customer-info' && (h("zonos-customer-info", { continueLoading: this.submitLoading, defaultAddress: this.defaultAddress, onContinueClicked: () => this.handleCustomerInfoContinue(), submitBtnColor: submitButtonColor, submitBtnType: submitBtnType })), cartStore.step === 'shipping' && (h("zonos-shipping", { continueLoading: this.submitLoading, onContinueClicked: () => this.handleShippingContinue(), submitBtnColor: submitButtonColor, submitBtnType: submitBtnType })), cartStore.step === 'payment' && (h("zonos-checkout-payment", { continueLoading: this.submitLoading, onContinueClicked: () => this.handleCheckoutPaymentContinue(), paymentError: this.paymentError, submitBtnColor: submitButtonColor, submitBtnType: submitBtnType }))), h("div", { class: "zonos--right", "data-theme": rightSideTheme }, this.isMobile && renderTopHeader(), !this.isMobile && (h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => this.closeDialogHandler() })), h("div", { class: "flex--wrapper" }, h("div", { class: "zonos--wrapper" }, h("zonos-collapse", { collapseSize: reviewElementSize,
+        // only collapse on mobile
+        collapsed: this.collapseReviewMobile && this.isMobile }, h("zonos-review", { collapsed: this.collapseReviewMobile, mobile: this.isMobile, onClick: () => {
+          // do nothing if it's not mobile
+          if (!this.isMobile) {
+            return;
+          }
           this.collapseReviewMobile =
             !this.collapseReviewMobile;
         }, ref: el => (this.zonosReviewRef = el) }), h("zonos-cart-items", null))), h("zonos-v-stack", { spacing: 16 }, h("zonos-cart-subtotal", null), h("zonos-custom-message", { class: "zonos--checkout-default-message", icon: MessageIcon, message: defaultMessage }))), !this.isMobile && renderFooter()), this.isMobile && renderFooter())), (cartStore.step === 'finish' || cartStore.step === 'error') && (h("div", { class: "zonos--done", "data-theme": rightSideTheme }, h("div", { class: "zonos--header" }, renderLogo(), h("zonos-button", { class: "zonos--close-button", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => this.handleFinishClick(), theme: rightSideTheme })), h("zonos-checkout-finish", { borderRadius: style, onCloseClick: () => this.handleFinishClick(), overrideNotification: cartStore.step === 'error' && !!cartStore.error
@@ -399,27 +448,6 @@ export class ZonosCheckout {
         "reflect": false,
         "defaultValue": "false"
       },
-      "buttonAnchorElements": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "HTMLElement[] | null",
-          "resolved": "HTMLElement[] | null",
-          "references": {
-            "HTMLElement": {
-              "location": "global",
-              "id": "global::HTMLElement"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The button element that will open the dialog"
-        },
-        "defaultValue": "null"
-      },
       "defaultAddress": {
         "type": "unknown",
         "mutable": false,
@@ -502,6 +530,10 @@ export class ZonosCheckout {
             "Promise": {
               "location": "global",
               "id": "global::Promise"
+            },
+            "HTMLElement": {
+              "location": "global",
+              "id": "global::HTMLElement"
             }
           },
           "return": "Promise<void>"
@@ -563,4 +595,3 @@ export class ZonosCheckout {
       }];
   }
 }
-//# sourceMappingURL=zonos-checkout.js.map

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

@@ -41,7 +41,7 @@
 :host .zonos--group {
   margin-bottom: var(--amino-space-20);
   overflow: auto;
-  padding: 0 5px;
+  padding: 5px;
 }
 :host .zonos--group::-webkit-scrollbar {
   width: 10px;
@@ -58,6 +58,10 @@
 :host .zonos--group::-webkit-scrollbar-thumb:hover {
   background: #d6d6d6;
 }
-:host zonos-button {
-  width: 100%;
+:host .zonos--group-btn {
+  display: flex;
+  justify-content: center;
+}
+:host .zonos--group-btn zonos-button {
+  width: calc(100% - 10px);
 }

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

@@ -31,9 +31,9 @@ export class ZonosCustomerInfo {
     this.disabled =
       !((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete) ||
         !((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.complete);
-    return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), h("zonos-link-authentication", { titleText: translate('Contact') }), h("zonos-address", { defaultAddress: this.defaultAddress, titleText: translate('Address'), type: "shipping" })), h("zonos-button", { backgroundColor: this.submitBtnColor, isDisabled: this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
+    return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), h("zonos-link-authentication", { titleText: translate('Contact') }), h("zonos-address", { defaultAddress: this.defaultAddress, titleText: translate('Address'), type: "shipping" })), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, isDisabled: this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
       // use primary type when on mobile mode
-      variant: this.submitBtnType }, translate('Continue to shipping'))));
+      variant: this.submitBtnType }, translate('Continue to shipping')))));
   }
   static get is() { return "zonos-customer-info"; }
   static get encapsulation() { return "scoped"; }
@@ -160,4 +160,3 @@ export class ZonosCustomerInfo {
       }];
   }
 }
-//# sourceMappingURL=zonos-customer-info.js.map

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

@@ -119,4 +119,3 @@ export class ZonosReview {
       }];
   }
 }
-//# sourceMappingURL=zonos-review.js.map

package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.css

@@ -44,7 +44,7 @@
 :host .zonos--group {
   margin-bottom: var(--amino-space-20);
   overflow: auto;
-  padding-right: 5px;
+  padding: 5px;
 }
 :host .zonos--group::-webkit-scrollbar {
   width: 10px;
@@ -61,8 +61,12 @@
 :host .zonos--group::-webkit-scrollbar-thumb:hover {
   background: #d6d6d6;
 }
-:host zonos-button {
-  width: 100%;
+:host .zonos--group-btn {
+  display: flex;
+  justify-content: center;
+}
+:host .zonos--group-btn zonos-button {
+  width: calc(100% - 10px);
 }
 :host zonos-banner {
   margin-top: var(--amino-space-24);

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

@@ -173,4 +173,3 @@ export class ZonosShipping {
       }];
   }
 }
-//# sourceMappingURL=zonos-shipping.js.map

package/dist/collection/components/common/countries.js

@@ -264,4 +264,3 @@ export const countries = [
   'ZM',
   'ZW',
 ];
-//# sourceMappingURL=countries.js.map

package/dist/collection/components/common/zonos-badge/zonos-badge.js

@@ -189,4 +189,3 @@ export class ZonosBadge {
     };
   }
 }
-//# sourceMappingURL=zonos-badge.js.map

package/dist/collection/components/common/zonos-banner/zonos-banner.js

@@ -132,4 +132,3 @@ export class ZonosBanner {
     };
   }
 }
-//# sourceMappingURL=zonos-banner.js.map

package/dist/collection/components/common/zonos-button/zonos-button.js

@@ -415,4 +415,3 @@ export class ZonosButton {
       }];
   }
 }
-//# sourceMappingURL=zonos-button.js.map

package/dist/collection/components/common/zonos-card/zonos-card.js

@@ -166,4 +166,3 @@ export class ZonosCard {
     };
   }
 }
-//# sourceMappingURL=zonos-card.js.map

package/dist/collection/components/common/zonos-collapse/zonos-collapse.js

@@ -85,4 +85,3 @@ export class ZonosCollapse {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=zonos-collapse.js.map

package/dist/collection/components/common/zonos-country-flag/zonos-country-flag.js

@@ -103,4 +103,3 @@ export class ZonosCountryFlag {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=zonos-country-flag.js.map

package/dist/collection/components/common/zonos-country-select/zonos-country-select.js

@@ -76,4 +76,3 @@ export class ZonosCountrySelect {
     };
   }
 }
-//# sourceMappingURL=zonos-country-select.js.map

package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js

@@ -60,4 +60,3 @@ export class ZonosCustomMessage {
     };
   }
 }
-//# sourceMappingURL=zonos-custom-message.js.map

package/dist/collection/components/common/zonos-dialog/zonos-dialog.js

@@ -380,4 +380,3 @@ export class ZonosDialog {
       }];
   }
 }
-//# sourceMappingURL=zonos-dialog.js.map

package/dist/collection/components/common/zonos-icon/zonos-icon.js

@@ -124,4 +124,3 @@ export class ZonosIcon {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=zonos-icon.js.map

package/dist/collection/components/common/zonos-logo/zonos-logo.js

@@ -93,4 +93,3 @@ export class ZonosLogo {
     };
   }
 }
-//# sourceMappingURL=zonos-logo.js.map

package/dist/collection/components/common/zonos-notification/zonos-notification.js

@@ -128,4 +128,3 @@ export class ZonosNotification {
     };
   }
 }
-//# sourceMappingURL=zonos-notification.js.map

package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.css

@@ -49,11 +49,14 @@
   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:not(:last-child) {
+  border-bottom: none;
+}
 :host .zonos--shipping-rich-radio-item.selected {
-  border-color: var(--selected-border-color, var(--amino-blue-600));
+  outline: 1px solid var(--selected-border-color, var(--amino-blue-600));
+  outline-offset: -1px;
 }
 :host .zonos--shipping-info {
   display: flex;

package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.js

@@ -173,4 +173,3 @@ export class ZonosShippingRichRadio {
       }];
   }
 }
-//# sourceMappingURL=zonos-shipping-rich-radio.js.map

package/dist/collection/components/common/zonos-spinner/zonos-spinner.js

@@ -75,4 +75,3 @@ export class ZonosSpinner {
   }
   static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=zonos-spinner.js.map

package/dist/collection/components/common/zonos-text/zonos-text.js

@@ -196,4 +196,3 @@ export class ZonosText {
     };
   }
 }
-//# sourceMappingURL=zonos-text.js.map

package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js

@@ -71,4 +71,3 @@ export class VStack {
     };
   }
 }
-//# sourceMappingURL=zonos-v-stack.js.map

package/dist/collection/components/component-template/zonos-component/zonos-component.js

@@ -83,4 +83,3 @@ export class ZonosComponent {
     };
   }
 }
-//# sourceMappingURL=zonos-component.js.map

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

@@ -15,7 +15,7 @@ import { getProductsOnPage } from "../../utils/hello/getProductsOnPage";
 import { setZonosCountryUrlParam } from "../../utils/hello/setZonosCountryUrlParam";
 import { log } from "../../utils/logging/log";
 import { mergeConfig } from "../../utils/mergeConfig";
-const PEEK_MESSAGE_DELAY_MS = 3000;
+const PEEK_MESSAGE_CLOSE_DELAY_MS = 3000;
 const RESIZE_DEBOUNCE_DELAY_MS = 500;
 export class ZonosHello {
   constructor() {
@@ -63,9 +63,13 @@ export class ZonosHello {
       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);
       }
     };
@@ -157,6 +161,19 @@ export class ZonosHello {
         return hasMoreSpaceOnRight;
       }
     };
+    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(`Hello: not shippable country`);
+        }
+        return false;
+      }
+      return true;
+    };
     this.mobileLocationOverride = undefined;
     this.animateFromLeftOverride = undefined;
     this.appearanceSettingsOverride = undefined;
@@ -235,7 +252,8 @@ export class ZonosHello {
     const appearanceSettings = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride);
     const { theme } = appearanceSettings;
     const restrictedItemsOnPage = (_b = this.allRestrictedItems) === null || _b === void 0 ? void 0 : _b.filter(product => this.productsOnPage.some(restriction => restriction.description === product.itemDescription));
-    return (h(Host, { class: "zonos--hello zonos--elements", "data-theme": theme }, selectedCountryCode && (h("div", { class: "zonos--hello-wrapper" }, h("button", { class: classes([
+    const showHello = this.isShippableCountry() && !!selectedCountryCode;
+    return (h(Host, { class: "zonos--hello zonos--elements", "data-theme": theme }, showHello && (h("div", { class: "zonos--hello-wrapper" }, h("button", { class: classes([
         'zonos--hello-widget',
         this.showPeekMessage && 'zonos--hello-show-peek-message',
         this.mobileLocationOverride && 'zonos--hello-mobile-override',
@@ -454,4 +472,3 @@ export class ZonosHello {
       }];
   }
 }
-//# sourceMappingURL=zonos-hello.js.map

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js

@@ -79,4 +79,3 @@ export class ZonosHelloDialogFooter {
     };
   }
 }
-//# sourceMappingURL=zonos-hello-dialog-footer.js.map