@zonos/elements 1.3.6 → 1.3.7-alpha.0

package/dist/esm/{getBorderRadius-e9736f7e.js → getBorderRadius-0c7dfcf0.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-e6c7be3a.js';
+import { z as zonosStore } from './zonosStore-dec6bd7e.js';
 
 /**
  * Get the border radius for the elements based on the style

package/dist/esm/{isDarkColor-e982fa09.js → isDarkColor-d0a57fd2.js}

@@ -1,4 +1,4 @@
-import { a as commonjsGlobal } from './zonosStore-e6c7be3a.js';
+import { a as commonjsGlobal } from './zonosStore-dec6bd7e.js';
 
 var tinycolor$1 = {exports: {}};
 

package/dist/esm/{submitGtag-bebe2cb0.js → submitGtag-a38aed23.js}

@@ -1,5 +1,5 @@
-import { z as zonosStore } from './zonosStore-e6c7be3a.js';
-import { a as log } from './localization-d8f6453b.js';
+import { z as zonosStore } from './zonosStore-dec6bd7e.js';
+import { a as log } from './cart-2a0a6871.js';
 
 /**
  * Submit a gtag event if the gtag function is available.

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

@@ -1,11 +1,10 @@
 import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-b5be4dc3.js';
-import { s as stripeStore, f as stripeStorePrefetchLandedCost } from './cart-bc3bb22e.js';
-import { b as logError, l as localizationStore } from './localization-d8f6453b.js';
+import { s as stripeStore, g as stripeStorePrefetchLandedCost, o as logError, l as localizationStore } from './cart-2a0a6871.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
+import { d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-e9736f7e.js';
-import { i as isDarkColor } from './isDarkColor-e982fa09.js';
+import { g as getBorderRadius } from './getBorderRadius-0c7dfcf0.js';
+import { i as isDarkColor } from './isDarkColor-d0a57fd2.js';
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}";
 const ZonosAddressStyle0 = zonosAddressCss;
@@ -225,10 +224,23 @@ const ZonosCollapse = class {
     }
     render() {
         this.height = this.el.scrollHeight;
-        return (h(Host, { key: '372c80d0d5b8d2c693b2c74bd6652430c8e4a5bb', class: 'zonos--elements zonos--collapse', style: {
+        if (!this.collapsed) {
+            // wait for the collapse animation to finish, then set overflow to visible
+            setTimeout(() => {
+                // if the element collapsed state is still not changed, set overflow to visible
+                if (!this.collapsed) {
+                    this.el.style.overflow = 'visible';
+                }
+            }, 300);
+        }
+        else {
+            // set overflow to hidden to prevent content from showing when collapsed
+            this.el.style.overflow = 'hidden';
+        }
+        return (h(Host, { key: 'cbec79617b603172a6c3c41d29ee093f61eead92', class: 'zonos--elements zonos--collapse', style: {
                 '--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: 'babd12279d1ac54092a1cff83e8e5b8ed5e81008' }, h("iframe", { key: '6d3a7845d560ba587829ba68033cd92ec8d2af5b', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'f295e17fd3178eb44dc7c0c51f87a80694fd04d7' }))));
+            } }, h("div", { key: '6e72b98c155ee436bbaabce3d7b58294bb6ccc7a' }, h("iframe", { key: 'ef3306219530d635fa320099727a3574d5800285', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'a66b3d6d08a12f0c184a5c4294afdb2c340fe95d' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-b5be4dc3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
+import { d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const zonosBadgeCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-b5be4dc3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
+import { d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const zonosBannerCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--amino-radius-10);padding:var(--amino-space-16);background:var(--amino-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:var(--amino-space-0);grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:var(--amino-space-4)}:host(.info){background-color:var(--amino-blue-100);border:1px solid var(--amino-blue-200)}:host(.success){background-color:var(--amino-green-100);border:1px solid var(--amino-green-200)}:host(.error){background-color:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host(.warning){background-color:var(--amino-orange-100);border:1px solid var(--amino-orange-200)}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-b5be4dc3.js';
-import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
+import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-e9736f7e.js';
+import { g as getBorderRadius } from './getBorderRadius-0c7dfcf0.js';
 import { i as isColorVariable } from './isColorVariable-91c33804.js';
-import { i as isDarkColor } from './isDarkColor-e982fa09.js';
+import { i as isDarkColor } from './isDarkColor-d0a57fd2.js';
 
 /**
  * Get theme for button text based on background color

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

@@ -1,8 +1,10 @@
 import { r as registerInstance, h, H as Host } from './index-b5be4dc3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
+import { d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
-import { m as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './localization-d8f6453b.js';
+import { D as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-2a0a6871.js';
 import { l as languages } from './ILanguage-97790bee.js';
+import './isDarkColor-d0a57fd2.js';
+import './getBorderRadius-0c7dfcf0.js';
 
 const zonosCardCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--spacing, var(--amino-space-24));text-align:left}:host .styled-card hr{margin-left:calc(var(--spacing, var(--amino-space-24)) * -1);margin-right:calc(var(--spacing, var(--amino-space-24)) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, var(--amino-space-24)) * -1);padding:var(--spacing, var(--amino-space-24));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, var(--amino-space-24));border-bottom:var(--amino-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, var(--amino-space-24)) * -1);padding:var(--spacing, var(--amino-space-24));border-top:var(--amino-border);background:var(--amino-surface-color-secondary);margin-top:var(--spacing, var(--amino-space-24));border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);height:var(--footerHeight)}";
 const ZonosCardStyle0 = zonosCardCss;

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

@@ -1,11 +1,10 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-b5be4dc3.js';
-import { c as cartStore, s as stripeStore, l as stripeStoreRetrievePayment, j as stripeStoreReset, m as cartStoreUpdateSelectedShippingOption, n as cartStoreGetShippingTransitInfo } from './cart-bc3bb22e.js';
-import { t as translate, h as handleFetch, l as localizationStore } from './localization-d8f6453b.js';
-import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
-import { g as getBorderRadius } from './getBorderRadius-e9736f7e.js';
-import { s as submitGtag } from './submitGtag-bebe2cb0.js';
+import { c as cartStore, t as translate, n as handleFetch, s as stripeStore, A as stripeStoreRetrievePayment, k as stripeStoreReset, l as localizationStore, B as cartStoreUpdateSelectedShippingOption, C as cartStoreGetShippingTransitInfo } from './cart-2a0a6871.js';
+import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
+import { g as getBorderRadius } from './getBorderRadius-0c7dfcf0.js';
+import { s as submitGtag } from './submitGtag-a38aed23.js';
 import { c as classes } from './classes-0d95c529.js';
-import { i as isDarkColor } from './isDarkColor-e982fa09.js';
+import { i as isDarkColor } from './isDarkColor-d0a57fd2.js';
 import { l as languages } from './ILanguage-97790bee.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 
@@ -131,6 +130,11 @@ const ZonosCheckoutFinish = class {
                 case 'CLOSE_MODAL':
                     this.closeClickHandler();
                     break;
+                case 'ZONOS_SUCCESS_PAGE':
+                default:
+                    // Do nothing, display Zonos success page
+                    this.isLoading = false;
+                    break;
             }
         };
         // TODO: This method of pulling orders is temporary. Once we have a working event registry system, we will rely on that to tell us when the order is ready to trigger onOrderSuccess
@@ -139,7 +143,6 @@ const ZonosCheckoutFinish = class {
             if (order) {
                 this.order = order;
                 this.handleSuccessBehavior(order.id);
-                this.isLoading = false;
             }
             else if (!order && attempts < 5) {
                 // Wait for 1 second before the next attempt
@@ -191,12 +194,17 @@ const ZonosCheckoutFinish = class {
                 }
                 // Attempt to pull the order details from the graph every second on 5 attempts
                 if (this.notificationType === 'success') {
-                    this.isLoading = true;
                     void this.getPullOrder();
                 }
+                else {
+                    this.isLoading = false;
+                }
+            }
+            else {
+                this.isLoading = false;
             }
             stripeStoreReset();
-            this.isLoading = false;
+            cartStore.checkoutSessionId = null;
         };
         this.closeClickHandler = () => {
             this.closeClick.emit();
@@ -229,7 +237,7 @@ const ZonosCheckoutFinish = class {
         // const totalItems = this.order?.items?.reduce((acc, item) => {
         //   return acc + item.quantity;
         // }, 0);
-        return (h(Host, { key: '9a09eb68e5e6d256f72798bb5119ad1ff467fd70', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '08886ec74e789091534c8bd6561a8349a5a6966c', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius(this.borderRadius),
             } }, this.isLoading && (h("div", { class: "loading-wrapper" }, h("zonos-spinner", null))), !this.isLoading && (h(Fragment, null, h("div", { class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon$1, iconColor: 'red-800', size: 50 })), h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", null, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
     }
@@ -323,7 +331,7 @@ const ZonosCheckoutPayment = class {
 };
 ZonosCheckoutPayment.style = ZonosCheckoutPaymentStyle0;
 
-const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--font-family, Inter), Inter}.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--address.sc-zonos-customer-info{margin-bottom:var(--amino-space-16)}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:var(--amino-space-16)}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.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--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:0;margin-top:var(--amino-space-12);background:var(--primary-color, var(--amino-gray-0))}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
+const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-customer-info-h *.sc-zonos-customer-info{font-family:var(--font-family, Inter), Inter}.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--address.sc-zonos-customer-info{margin-bottom:var(--amino-space-16)}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info{margin-bottom:var(--amino-space-16)}.sc-zonos-customer-info-h .zonos--checkbox.sc-zonos-customer-info+.zonos--address.sc-zonos-customer-info{margin-bottom:0}.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--group-btn.sc-zonos-customer-info{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;bottom:-5px;padding-top:var(--amino-space-8);margin-top:var(--amino-space-12);background:var(--primary-color, var(--amino-gray-0))}.sc-zonos-customer-info-h .zonos--group-btn.sc-zonos-customer-info zonos-button.sc-zonos-customer-info{width:100%}";
 const ZonosCustomerInfoStyle0 = zonosCustomerInfoCss;
 
 const ZonosCustomerInfo = class {

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

@@ -1,12 +1,11 @@
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-b5be4dc3.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-bc3bb22e.js';
-import { l as localizationStore, a as log, t as translate } from './localization-d8f6453b.js';
-import { z as zonosStore, m as mergeConfig } from './zonosStore-e6c7be3a.js';
+import { i as initStripeElements, l as localizationStore, a as log, c as cartStore, b as cartStoreUpdateItems, d as cartStoreReset, s as stripeStore, e as stripeStoreInitCheckoutSession, f as cartStoreUpdateToErrorState, g as stripeStorePrefetchLandedCost, h as cartStoreNextStep, j as stripeStoreConfirmPayment, k as stripeStoreReset, m as cartStorePreviousStep, t as translate } from './cart-2a0a6871.js';
+import { z as zonosStore, m as mergeConfig } from './zonosStore-dec6bd7e.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-e9736f7e.js';
-import { i as isDarkColor } from './isDarkColor-e982fa09.js';
-import { s as submitGtag } from './submitGtag-bebe2cb0.js';
+import { g as getBorderRadius } from './getBorderRadius-0c7dfcf0.js';
+import { i as isDarkColor } from './isDarkColor-d0a57fd2.js';
+import { s as submitGtag } from './submitGtag-a38aed23.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>`;
 

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

@@ -1,9 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b5be4dc3.js';
-import { s as stripeStore } from './cart-bc3bb22e.js';
-import { h as handleFetch, b as logError, i as isValidSelector, a as log, c as initLocalizationStore, d as localizationStoreUpdateSelectedCountryCode } from './localization-d8f6453b.js';
-import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
-import './isDarkColor-e982fa09.js';
-import './getBorderRadius-e9736f7e.js';
+import { n as handleFetch, o as logError, p as isValidSelector, a as log, s as stripeStore, q as initLocalizationStore, r as localizationStoreUpdateSelectedCountryCode } from './cart-2a0a6871.js';
+import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
+import './isDarkColor-d0a57fd2.js';
+import './getBorderRadius-0c7dfcf0.js';
 
 const getZonosSettings = async () => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-settings`;

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

@@ -1,7 +1,9 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-b5be4dc3.js';
-import { l as localizationStore } from './localization-d8f6453b.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
+import { l as localizationStore } from './cart-2a0a6871.js';
+import { d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
+import './isDarkColor-d0a57fd2.js';
+import './getBorderRadius-0c7dfcf0.js';
 
 const zonosCountryFlagCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{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}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, h, H as Host } from './index-b5be4dc3.js';
-import { d as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './localization-d8f6453b.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
-import { i as isDarkColor } from './isDarkColor-e982fa09.js';
+import { r as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './cart-2a0a6871.js';
+import { d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
+import { i as isDarkColor } from './isDarkColor-d0a57fd2.js';
 import { l as languages } from './ILanguage-97790bee.js';
+import './getBorderRadius-0c7dfcf0.js';
 
 /**
  * Fuse.js v6.6.2 - Lightweight fuzzy-search (http://fusejs.io)

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

@@ -1,8 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b5be4dc3.js';
-import { k as currencyFormat, l as localizationStore, t as translate } from './localization-d8f6453b.js';
-import { z as zonosStore } from './zonosStore-e6c7be3a.js';
+import { z as currencyFormat, l as localizationStore, t as translate } from './cart-2a0a6871.js';
+import { z as zonosStore } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
+import './isDarkColor-d0a57fd2.js';
+import './getBorderRadius-0c7dfcf0.js';
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();

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

@@ -1,8 +1,10 @@
 import { r as registerInstance, h, H as Host } from './index-b5be4dc3.js';
-import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, m as mergeConfig } from './zonosStore-e6c7be3a.js';
-import { h as handleFetch, b as logError, l as localizationStore, i as isValidSelector, t as translate, g as getZCountryUrlParam, s as setZCountryUrlParam, a as log, e as currencyDisplay, f as currencyConvertAndFormat, j as currencyConvert, k as currencyFormat } from './localization-d8f6453b.js';
+import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, m as mergeConfig } from './zonosStore-dec6bd7e.js';
+import { n as handleFetch, o as logError, l as localizationStore, p as isValidSelector, t as translate, u as getZCountryUrlParam, v as setZCountryUrlParam, a as log, w as currencyDisplay, x as currencyConvertAndFormat, y as currencyConvert, z as currencyFormat } from './cart-2a0a6871.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
+import './isDarkColor-d0a57fd2.js';
+import './getBorderRadius-0c7dfcf0.js';
 
 var root = _root;
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getAssetPath, H as Host } from './index-b5be4dc3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
+import { d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const zonosLogoCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--filter-color);filter:var(--filter-color);width:var(--width)}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-b5be4dc3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
+import { d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const zonosNotificationCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:var(--amino-space-24);gap:var(--amino-space-8);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:var(--amino-space-8);border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";

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

@@ -1,9 +1,8 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-b5be4dc3.js';
-import { s as stripeStore } from './cart-bc3bb22e.js';
-import './zonosStore-e6c7be3a.js';
-import './localization-d8f6453b.js';
-import './isDarkColor-e982fa09.js';
-import './getBorderRadius-e9736f7e.js';
+import { s as stripeStore } from './cart-2a0a6871.js';
+import './zonosStore-dec6bd7e.js';
+import './isDarkColor-d0a57fd2.js';
+import './getBorderRadius-0c7dfcf0.js';
 
 const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.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)}";
 const ZonosPaymentStyle0 = zonosPaymentCss;

package/dist/esm/zonos-select-dialog-header_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-b5be4dc3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
+import { d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
 
 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>`;

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-b5be4dc3.js';
-import { d as zonosStoreFontFamily, z as zonosStore } from './zonosStore-e6c7be3a.js';
+import { d as zonosStoreFontFamily, z as zonosStore } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
-import { g as getBorderRadius } from './getBorderRadius-e9736f7e.js';
+import { g as getBorderRadius } from './getBorderRadius-0c7dfcf0.js';
 import { i as isColorVariable } from './isColorVariable-91c33804.js';
 
 const zonosShippingRichRadioCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{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-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-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{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}: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}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-b5be4dc3.js';
-import { d as zonosStoreFontFamily } from './zonosStore-e6c7be3a.js';
+import { d as zonosStoreFontFamily } from './zonosStore-dec6bd7e.js';
 import { c as classes } from './classes-0d95c529.js';
 
 const textOptions = {

package/dist/esm/{zonosStore-e6c7be3a.js → zonosStore-dec6bd7e.js}

@@ -2841,16 +2841,16 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
     }
     zonosStore.appearance = mergeConfig(zonosStore.appearance, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.appearanceSettings) ||
         (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.appearanceSettings) ||
-        null, overrideSettings.appearance);
+        null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.appearance);
     zonosStore.checkoutSettings = mergeConfig(zonosStore.checkoutSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.checkoutSettings) ||
         (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.checkoutSettings) ||
-        null, overrideSettings.checkoutSettings);
-    zonosStore.helloSettings = mergeConfig(zonosStore.helloSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.helloSettings) || (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.helloSettings) || null, overrideSettings.helloSettings);
+        null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.checkoutSettings);
+    zonosStore.helloSettings = mergeConfig(zonosStore.helloSettings, (savedZonosSettings === null || savedZonosSettings === void 0 ? void 0 : savedZonosSettings.helloSettings) || (zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.helloSettings) || null, overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.helloSettings);
     // set flag to true to indicate that config is ready
     zonosStore.loadedConfig = true;
     zonosStore.organizationName = ((_a = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _a === void 0 ? void 0 : _a.name) || '';
     zonosStore.storeId = ((_c = (_b = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _b === void 0 ? void 0 : _b.references) === null || _c === void 0 ? void 0 : _c.storeId) || null;
-    zonosStore.currencyConverter = overrideSettings.currencyConverter;
+    zonosStore.currencyConverter = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.currencyConverter;
 };
 const zonosStoreFontFamily = () => {
     const fontFamily = zonosStore.appearance.fontFamily || 'Inter';