@zonos/elements 1.3.13-alpha.2 → 1.3.14-alpha.0

package/dist/cjs/{cart-b32bfb92.js → cart-5d196917.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-bd2a0c59.js');
-const isDarkColor = require('./isDarkColor-7faf0a82.js');
-const getBorderRadius = require('./getBorderRadius-4fa738c3.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
+const isDarkColor = require('./isDarkColor-f5473002.js');
+const getBorderRadius = require('./getBorderRadius-c8cc2bb3.js');
 
 const stringsArabic = {
     '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {

package/dist/cjs/{getBorderRadius-4fa738c3.js → getBorderRadius-c8cc2bb3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-bd2a0c59.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
 
 /**
  * Get the border radius for the elements based on the style

package/dist/cjs/{index-564fe383.js → index-3b4816ef.js}

@@ -584,17 +584,35 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
     const newVnodeAttrs = newVnode.$attrs$ || EMPTY_OBJ;
     {
         // remove attributes no longer present on the vnode by setting them to undefined
-        for (memberName in oldVnodeAttrs) {
+        for (memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
             if (!(memberName in newVnodeAttrs)) {
                 setAccessor(elm, memberName, oldVnodeAttrs[memberName], undefined, isSvgMode, newVnode.$flags$);
             }
         }
     }
     // add new & update changed attributes
-    for (memberName in newVnodeAttrs) {
+    for (memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
         setAccessor(elm, memberName, oldVnodeAttrs[memberName], newVnodeAttrs[memberName], isSvgMode, newVnode.$flags$);
     }
 };
+/**
+ * Sort a list of attribute names to ensure that all the attribute names which
+ * are _not_ `"ref"` come before `"ref"`. Preserve the order of the non-ref
+ * attributes.
+ *
+ * **Note**: if the supplied attributes do not include `'ref'` then the same
+ * (by reference) array will be returned without modification.
+ *
+ * @param attrNames attribute names to sort
+ * @returns a list of attribute names, sorted if they include `"ref"`
+ */
+function sortedAttrNames(attrNames) {
+    return attrNames.includes('ref')
+        ? // we need to sort these to ensure that `'ref'` is the last attr
+            [...attrNames.filter((attr) => attr !== 'ref'), 'ref']
+        : // no need to sort, return the original array
+            attrNames;
+}
 /**
  * Create a DOM Node corresponding to one of the children of a given VNode.
  *

package/dist/cjs/{isDarkColor-7faf0a82.js → isDarkColor-f5473002.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-bd2a0c59.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
 
 var tinycolor$1 = {exports: {}};
 

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
+const index = require('./index-3b4816ef.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/{sendErrorLog-5f732a8a.js → sendErrorLog-3e181984.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const cart = require('./cart-b32bfb92.js');
+const cart = require('./cart-5d196917.js');
 
 const checkoutBreakpoint = 890;
 const isCheckoutMobile = (isMobile) => {

package/dist/cjs/{submitGtag-fe94f3a0.js → submitGtag-44e3a996.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const cart = require('./cart-b32bfb92.js');
-const zonosStore = require('./zonosStore-bd2a0c59.js');
+const cart = require('./cart-5d196917.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
 
 const trackConversionEvent = async (eventName, metadata) => {
     var _a, _b;

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
-const cart = require('./cart-b32bfb92.js');
-const zonosStore = require('./zonosStore-bd2a0c59.js');
-const sendErrorLog = require('./sendErrorLog-5f732a8a.js');
+const index = require('./index-3b4816ef.js');
+const cart = require('./cart-5d196917.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
+const sendErrorLog = require('./sendErrorLog-3e181984.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-4fa738c3.js');
-const isDarkColor = require('./isDarkColor-7faf0a82.js');
+const getBorderRadius = require('./getBorderRadius-c8cc2bb3.js');
+const isDarkColor = require('./isDarkColor-f5473002.js');
 
 /**
  * Check if the given address object contains non-latin characters
@@ -224,7 +224,7 @@ const ZonosAddress = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: 'b1ad2f6c9c23e6411bf1adccdd34b3aa4f5250b1', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '786a733a44925a670393b72bf0ae3db5ba59f9a1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'b9d58cbc17abf5daf5d13ffdebc7485c3ac6457d', class: "zonos--address-component" }), this.invalidCharacterList && (index.h("zonos-banner", { bannerTitle: cart.translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (index.h("zonos-text", null, `- ${cart.translate(mappedFields[fieldName])}: ${cart.translate('only supports Latin characters (A-Z, a-z)')}`)))))));
+        return (index.h(index.Host, { key: 'be43a9b0929211e2dd8e83950569caa12213ad91', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '2a9214eae80832c2f706f3dc2e7c837c9f615dd6', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '70a039b36fe8550680c95338f1b225389f5c7fab', class: "zonos--address-component" }), this.invalidCharacterList && (index.h("zonos-banner", { key: 'a9cf6873645eb0ef68be0595d1f16483fccdf5df', bannerTitle: cart.translate('Please resolve the following errors:'), intent: "error" }, Object.keys(this.invalidCharacterList).map(fieldName => (index.h("zonos-text", null, `- ${cart.translate(mappedFields[fieldName])}: ${cart.translate('only supports Latin characters (A-Z, a-z)')}`)))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -272,14 +272,14 @@ const ZonosCheckbox = class {
                     ? 'var(--amino-gray-800)'
                     : 'var(--amino-gray-0)';
         const borderStyle = getBorderRadius.getBorderRadius(this.borderStyle, '4px');
-        return (index.h(index.Host, { key: '2ae2a0d33d34aafe96cc91e1cd7c7ee530dede4b', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
+        return (index.h(index.Host, { key: '47b3b90b44f846e49de755f2c131e79da3f34c0f', class: classes.classes(['zonos--elements zonos--checkbox']), style: {
                 '--background-color': backgroundColor,
                 '--border-radius': borderStyle,
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 '--size': `${this.size}px`,
-            } }, index.h("label", { key: 'b9630027581a9f20374c2dfe88faa94cb50203c9', class: classes.classes([this.isDisabled && 'disabled']) }, index.h("input", { key: 'd1b2411d9f906692f18514a15df1bb290f662164', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
+            } }, index.h("label", { key: '6c1aac697aee17eb684d8416ae65092e3095fada', class: classes.classes([this.isDisabled && 'disabled']) }, index.h("input", { key: 'f75b6bff9ea136596af3489721096d862ea622c3', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), index.h("span", { key: '8fc3cda232615f446aff5db71cd992de5327b8e7', class: "checkmark-container" }, index.h("svg", { key: '5b91a7a26abfd80850eb3c2bb2e045ef73abfd7a', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '2046a40a75da63ac288c5def90d82ab0d0e0523c', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), index.h("span", { key: '2a2dcd8e798fdd54daf43dedcb42dac3088a6dfc', class: "checkmark-container" }, index.h("svg", { key: 'e74713df9adc970d0a5b8d6374eb63e69c64ff1a', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '3ae1a1a8f74a607ad5d4e4f940b45ac0b242426e', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (index.h("zonos-text", { key: '25ff0a74e7ec6409e41d3f2998648f0c28a28ae0', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -329,10 +329,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (index.h(index.Host, { key: '032f5818dd8394b5111927907c8fa135a55fef5c', class: 'zonos--elements zonos--collapse', style: {
+        return (index.h(index.Host, { key: 'db574e5124dcd54045af65a6f429af3fddc501fd', class: 'zonos--elements zonos--collapse', style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, index.h("div", { key: '5ddbf406c93f37c9e23375f11dd8439934c0d2a5' }, index.h("iframe", { key: 'b3efa8bc198918dbb3284e8ce658ffca6249eaa8', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: 'ffcd123c3a046e62855a650da9972cde94a7774c' }))));
+            } }, index.h("div", { key: '9f773ededa3fb0b47b2dba74ef701fd8dc3af396' }, index.h("iframe", { key: '50a8449beb6272a854c34b859be04cdeea10f804', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '5c0bd94dfe7bbb6a8dc20b1bac69e81ae7f99f76' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -373,7 +373,7 @@ const ZonosLinkAuthentication = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: 'a434761e3f237cd44971e458512c7649f214eb4d', class: "zonos--link-authentication zonos--elements" }, index.h("zonos-text", { key: '0c350ff6dabb1c71376e4e6539a68613d7174189', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'e9cc2bd1e68b64e2fed41851a0d2f2be40583337', class: "zonos--link-authentication-component" })));
+        return (index.h(index.Host, { key: '675de93a982a3cc558b64f24971441c227955e6f', class: "zonos--link-authentication zonos--elements" }, index.h("zonos-text", { key: 'd75a5a301e869325c9a249275ce10d4905c0198c', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: 'fbf58d00fa76d7e715f2d1056a298840043e1056', class: "zonos--link-authentication-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
-const zonosStore = require('./zonosStore-bd2a0c59.js');
+const index = require('./index-3b4816ef.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
 const classes = require('./classes-b7918f56.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)}";
@@ -20,16 +20,16 @@ const ZonosBadge = class {
         this.rounded = false;
     }
     render() {
-        return (index.h(index.Host, { key: '9e6c4ec2341f5ca076a3c54bcce347db9e83bb38', class: classes.classes(['zonos--elements zonos--badge']), style: {
+        return (index.h(index.Host, { key: '9113b76d0368284d8062ba73cb1433ae64648c56', class: classes.classes(['zonos--elements zonos--badge']), style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'ad4d88e7ac5b8e8a617bb904faeaad73d426c271', class: classes.classes([
+            } }, index.h("div", { key: '0edaabad09319fa6cc2d5b02c304e5ed77d35eac', class: classes.classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, index.h("zonos-text", { key: 'd0709a3ffbcc65703933273f614bbb71792b8f61' }, index.h("slot", { key: '997537e7fd4102a35a1e16789fa7b5444ee85a5a' })))));
+            ]) }, this.icon, index.h("zonos-text", { key: '2d37289c26e12cb074ff7003032a1d417bbf1fdf' }, index.h("slot", { key: '2caa00a312b624d747dbe145b8673ced9118e49e' })))));
     }
 };
 ZonosBadge.style = ZonosBadgeStyle0;
@@ -45,10 +45,10 @@ const ZonosTooltip = class {
         this.showTooltip = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'a23ad45e8f96b88b0feaf17690c6bdb75aacb12c', class: "zonos--elements" }, index.h("div", { key: 'b057f5ae304921f5fd50536cb5b7fb493120f1e7', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: '396ac2ec3fcc8d49f8a346d1059cb096ef2e2874' }), index.h("div", { key: '4aa607dcc9c4c675224e9d7effd1e8ad2bdee097', class: classes.classes([
+        return (index.h(index.Host, { key: '5226e33bb8f9280965b254c51235c38e2e5f6ab6', class: "zonos--elements" }, index.h("div", { key: 'fd9bc052cc1081cbd87eaa3f4e6f0f53070c5b53', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: '82d9885a2afb7e28707ddf6b24cb7c2dc148ef33' }), index.h("div", { key: 'c59b3beaca558dc95149455c9a15a8ce26bb0d70', class: classes.classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, index.h("zonos-text", { key: 'e69a1883f21f277be88e892a99ae6e66a9829a1c', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: 'cb901c3cd7d0931f157eddef8fe4286fbd66b66b', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, index.h("zonos-text", { key: 'f5213ba0f401359e5bccd289df3eae18e7b18a1d', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: '3bfad7df7cf6715230ffc0bc1c0b49b8900955b7', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
 };
 ZonosTooltip.style = ZonosTooltipStyle0;

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
-const zonosStore = require('./zonosStore-bd2a0c59.js');
+const index = require('./index-3b4816ef.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
 const classes = require('./classes-b7918f56.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/cjs/zonos-button_2.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
-const zonosStore = require('./zonosStore-bd2a0c59.js');
+const index = require('./index-3b4816ef.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-4fa738c3.js');
+const getBorderRadius = require('./getBorderRadius-c8cc2bb3.js');
 const isColorVariable = require('./isColorVariable-fff5e469.js');
-const isDarkColor = require('./isDarkColor-7faf0a82.js');
+const isDarkColor = require('./isDarkColor-f5473002.js');
 
 /**
  * Get theme for button text based on background color
@@ -100,12 +100,12 @@ const ZonosButton = class {
         const spinnerColor = backgroundActualColor && isDarkColor.isDarkColor(backgroundActualColor)
             ? 'white'
             : 'black';
-        return (index.h(index.Host, { key: '284820ccca8e757e0223e3cc5fb13b7ed89a1eba', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (index.h(index.Host, { key: '104b26d8b3fac6bafce6f5f852775af682d1b3f3', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--background-color': overrideBackground,
                 '--border-radius': borderStyle,
                 '--color': color,
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            }) }, index.h("button", { key: '635799fed660c88d0a2a3f3b6f5490149bb5edc3', class: classes.classes([
+            }) }, index.h("button", { key: '2ad1b59dd11e4460928b42f33e5d421e90f259d2', class: classes.classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -118,7 +118,7 @@ const ZonosButton = class {
                 overrideBackground &&
                     variant === 'standard' &&
                     'override-background',
-            ]), disabled: disabled }, this.loading && (index.h("div", { class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: '35af5f49e65bb8cf93d538fa741302b41887da67', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            ]), disabled: disabled }, this.loading && (index.h("div", { key: '2849e63aa713c682e61a4a0c95e9bd5e0f5f8892', class: "zonos--spinner-wrapper" }, index.h("zonos-spinner", { key: '7040089b82edd821ae997f39fbbab50c0e523924', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, index.h("slot", { key: 'b20b86b70bbb180f45880ffaf1fd13751fc4682f', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     get ele() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
-const zonosStore = require('./zonosStore-bd2a0c59.js');
+const index = require('./index-3b4816ef.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-b32bfb92.js');
+const cart = require('./cart-5d196917.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
-require('./isDarkColor-7faf0a82.js');
-require('./getBorderRadius-4fa738c3.js');
+require('./isDarkColor-f5473002.js');
+require('./getBorderRadius-c8cc2bb3.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;
@@ -24,12 +24,12 @@ const ZonosCard = class {
         this.spacing = '24px';
     }
     render() {
-        return (index.h(index.Host, { key: 'c2f25ffa32920500b63702df35b9e30dcf28b47d', style: {
+        return (index.h(index.Host, { key: '0d8b5af14b922c5bb4664a657da1f5f40dbb80c9', style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '30515451d4694d3fffffab4c23ac2b0ff0e37710', class: classes.classes(['styled-card']), style: { padding: this.spacing } }, this.label && (index.h("header", { class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { type: "subheader" }, this.label), index.h("h-stack", { spacing: 8 }, this.actions))), index.h("slot", { key: 'a1ced320f20a585c7201fc5c7b0729ce8e91a176' }), (this.footerActions || this.footerContent) && (index.h("footer", { class: "card-footer", style: {
+            } }, index.h("div", { key: '4636de2659dac17eddf05aa9ce0e3b1b3091de65', class: classes.classes(['styled-card']), style: { padding: this.spacing } }, this.label && (index.h("header", { key: '591276139b808995cb26b54921bdbb1d55995fbb', class: "card-header", style: { padding: this.spacing } }, index.h("zonos-text", { key: '017ca4195a3d2b9efdc337966203165a1f0f074d', type: "subheader" }, this.label), index.h("h-stack", { key: 'dc3a2c4ad7cb2a053819727fc5bff90d70438a25', spacing: 8 }, this.actions))), index.h("slot", { key: '0f19e23f2744b2ccbfc5ca7d1aefebf7326ab649' }), (this.footerActions || this.footerContent) && (index.h("footer", { key: 'fd0adb2b5146f0542c12b2628f011417911c54ec', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, index.h("div", null, this.footerContent), index.h("h-stack", { spacing: 8 }, this.footerActions))))));
+            } }, index.h("div", { key: '82bc7d63eec3c3d716128740e86879a11befa0aa' }, this.footerContent), index.h("h-stack", { key: '66261eaffa40882c5bd2255649325a16a5f65f7e', spacing: 8 }, this.footerActions))))));
     }
 };
 ZonosCard.style = ZonosCardStyle0;
@@ -55,9 +55,9 @@ const ZonosLanguageSelect = class {
     }
     render() {
         const { selectedLocale } = cart.localizationStore;
-        return (index.h(index.Host, { key: '25e0e2be0bbac853efa9c26c1595a1d57461a1a1', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'c3185eaf7f8e73d1356d6cba5a7c7ba6da9db7f8', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'b9f3a630f945570a9c0058bb0367e810b7650eb0', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: 'b30a41cc7f4eab57f15b48ffa3f7c0ad1e695e65', handleOnClose: () => this.handleOnClose(), label: cart.translate('Select a language') }), index.h("div", { key: 'c6826b80ece54415befc388e57baa02d56472aef', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, index.h("div", { key: '59c2af417f20ee915dfddaa08c2a9f4288a5d040', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: '2cc4a3bed8e5e2c89f8ef624a9a0d2e778da9005', handleOnClose: () => this.handleOnClose(), label: cart.translate('Select a language') }), index.h("div", { key: 'b0bb95a16d56e344833f3d6ec3b23ae6d5b65270', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
 };
 ZonosLanguageSelect.style = ZonosLanguageSelectStyle0;

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
-const cart = require('./cart-b32bfb92.js');
-const zonosStore = require('./zonosStore-bd2a0c59.js');
-const submitGtag = require('./submitGtag-fe94f3a0.js');
-const getBorderRadius = require('./getBorderRadius-4fa738c3.js');
-const sendErrorLog = require('./sendErrorLog-5f732a8a.js');
+const index = require('./index-3b4816ef.js');
+const cart = require('./cart-5d196917.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
+const submitGtag = require('./submitGtag-44e3a996.js');
+const getBorderRadius = require('./getBorderRadius-c8cc2bb3.js');
+const sendErrorLog = require('./sendErrorLog-3e181984.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
-const isDarkColor = require('./isDarkColor-7faf0a82.js');
+const isDarkColor = require('./isDarkColor-f5473002.js');
 const isColorVariable = require('./isColorVariable-fff5e469.js');
 
 const formatCurrency = ({ amount, currency, showCurrencyText, }) => showCurrencyText
@@ -244,7 +244,7 @@ const ZonosCheckoutFinish = class {
         // }, 0);
         return (index.h(index.Host, { key: '8c2087b3a0578cbbd7979fff5e6b696a4325e548', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius.getBorderRadius(this.borderRadius),
-            } }, this.isLoading && (index.h("div", { class: "loading-wrapper" }, index.h("zonos-spinner", null))), !this.isLoading && (index.h(index.Fragment, null, index.h("div", { class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon$1, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", null, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, cart.translate('Keep shopping')))))));
+            } }, this.isLoading && (index.h("div", { key: 'dd86d26aee1eb604b8e9b2e7328706db43c80467', class: "loading-wrapper" }, index.h("zonos-spinner", { key: 'a2f07a512a1d45df0be48461b0e989681b6cb78d' }))), !this.isLoading && (index.h(index.Fragment, null, index.h("div", { key: 'f147c24eefb4aa36ed556c581c2f64a096dbe17b', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon$1, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '33a02654ede8a7ef7d884b0138c6e2c96406372f', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: 'c179ac24421803973ae8509a338cc34a4c80ac54' }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { key: '488594968d4e957856218b0f804ed9b9947102aa', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, cart.translate('Keep shopping')))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -292,10 +292,10 @@ const ZonosCheckoutFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === cart.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1200';
-        return (index.h(index.Host, { key: '2ce26e27b7c90b4d37f26197821ed1a39ddb9fae', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: '5f52ec7b5ad1659ceb9d2edb4661e5995b72afaf', class: "zonos--checkout-footer" }, index.h("div", { key: '5d127f033702bff94cc2db76b4695a03055ec783', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: '701b5014848ea716f7dcc22221b453146af92962', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), index.h("div", { key: 'e2a319113905bd76473aef822780521f2be58405', class: classes.classes([
+        return (index.h(index.Host, { key: 'fae1e5cb1250e834ecf3b09f11785ddea61be3b2', class: classes.classes(['zonos--elements', this.isMobile && 'mobile']) }, index.h("div", { key: 'f3d48fcc675458dd38ca48e21f24a003b5ff9b56', class: "zonos--checkout-footer" }, index.h("div", { key: '97daec871630cf2bb33956b668abee2e715eceb5', class: "zonos--checkout-locale-wrapper" }, index.h("zonos-button", { key: 'cd6e12e8d1320e3e6542eef16f15ab27921748c3', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), index.h("div", { key: 'bdc6d9311d2d039e87c261ead45474b7bf1fe992', class: classes.classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: '4fb9860a4547541f3947d349ab6056e899335952', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '0a348521a7ccecc23a7a69019940c2421bb8420c', class: "zonos--checkout-footer-icon-wrapper" }, index.h("zonos-text", { key: '9adf4c24fcf1b5d0827556e9e68006860b0bb9c4', textColor: colorDesktop, type: "caption" }, "Powered by"), index.h("a", { key: 'a3f957e10d14d68d3973169470a21fdabb2f7a06', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '49592d8302447d007dc840de18fa78af7898f382', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 }))))));
+            ]) }, index.h("zonos-language-select", { key: '7318bb4137e160e9ed05a423fb80f1806c4f0104', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '55c76c6cf6777407532c00cf167d59e3cefc5eab', class: "zonos--checkout-footer-icon-wrapper" }, index.h("zonos-text", { key: '41a7fae5a1a08d22b91341ccfcc0df9daeeb8f82', textColor: colorDesktop, type: "caption" }, "Powered by"), index.h("a", { key: '394e19392718d2a40a351692fa358f8f86366b46', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '4d8cadbb7c26e8f7888caad2b158d521ab504590', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -428,17 +428,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: 'e79dc4967096d3b6f0ac25d58f02e77f773c8e95', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '508d496a46dc5c97d68326e079a344f677f9cfc2', class: "zonos--elements", style: {
                 '--color': contrastLabelColor,
                 '--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: '20e500d31c28ee0705c1999e0f258b679af9d73a', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: '35892f4230914211d8aecde8bbc99fffebe44f47', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
             const isSelected = tab.value === selectedStep;
             return (index.h("button", { class: classes.classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cart.cartStore.step = tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1200' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1200', type: "label" }, cart.translate(tab.label))));
-        })), index.h("div", { key: '129502b873f339192ef5f4c67ac8c06d533ccfca', class: "zonos--tab-progress" }, index.h("div", { key: '728a074d6a411b400be30929bf9a5fdc8431745d', class: "zonos--progress-bar-fill" }))));
+        })), index.h("div", { key: '475526f811089f65ecfa1d81348f22e77662e565', class: "zonos--tab-progress" }, index.h("div", { key: 'b45d8170d733043c66e7d6e8f52874f3ccfa0274', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.getElement(this); }
@@ -562,7 +562,7 @@ const ZonosDialog = class {
             document.body.style.overflow = 'auto';
         }
         const borderStyle = getBorderRadius.getBorderRadius(this.borderStyle);
-        return (index.h(index.Host, { key: 'f0aee4766d2c62f3f4feff18c99dba62ea97ca06', class: classes.classes([
+        return (index.h(index.Host, { key: 'b2f500bb70769f6d14d7e4002e5b11fe854e3bd1', class: classes.classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -573,10 +573,10 @@ const ZonosDialog = class {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 '--height': this.height || 'initial',
                 '--width': this.width,
-            } }, index.h("div", { key: '42e8afd7ddc94ab9ec4951f4221e32729256694e', class: "zonos--backdrop" }), index.h("div", { key: '035c21c65ae5cabc12b41b6ad1684fa4dbc5b92e', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, index.h("div", { key: 'b9a3299c9fb920f9af5783506b0489122b2eae11', class: "zonos--dialog" }, this.isLoading && (index.h("div", { class: "zonos--loading" }, index.h("zonos-spinner", { size: 30 }))), (this.headerText || !this.noCloseButton) && (index.h("div", { class: "zonos--header" }, this.headerText && (index.h("h3", { class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (index.h("zonos-button", { class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler })))), index.h("div", { key: 'f5e5a75782ca6acd4a2c004756b800f3c2558129', class: classes.classes([
+            } }, index.h("div", { key: '9715c4765caee524a8030b2baa9352e44d0eeec0', class: "zonos--backdrop" }), index.h("div", { key: '05357a1ab95c995a35602517555f33e14c712bcc', "aria-hidden": "true", class: "zonos--dialog-layout", onClick: this.clickOutsideDialogHandler }, index.h("div", { key: '6acbd0635fcfb95910c20db9d1803a3c2685f4ac', class: "zonos--dialog" }, this.isLoading && (index.h("div", { key: '5a94b2d158ffdd5c1d5b4b6e2d1cca60ff31fb10', class: "zonos--loading" }, index.h("zonos-spinner", { key: '80fe57fea64e1ac4a5eb286fe19c327230748837', size: 30 }))), (this.headerText || !this.noCloseButton) && (index.h("div", { key: '773b53526fc24469e41e927d50a0aadbc8470a4a', class: "zonos--header" }, this.headerText && (index.h("h3", { key: '9e9a754fdc82900b720ac5289b83d0217eb89517', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (index.h("zonos-button", { key: '4525da6839849fd972f9b470e280f176803921ed', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler })))), index.h("div", { key: '1c9ff5924f0fa9cdb7753fbcf0c2dc51171535b0', class: classes.classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, index.h("slot", { key: '3fe4ec47852e99f1dc5b6a7a84a8b918594b8b7f' })), index.h("slot", { key: '5515f4109274b178249c05c6e6c91fdc30ce528a', name: "dialog-footer" })))));
+            ]) }, index.h("slot", { key: '96b0c127f550413a5108a6f87a8397a0c6e01e64' })), index.h("slot", { key: 'a5c64424aadb3a56682de39b497ecc0eafdf3de7', name: "dialog-footer" })))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -716,7 +716,7 @@ const ZonosShipping = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'ab881bdb575ac0177154ffa8a2d84d668151c46d', class: "zonos--shipping zonos--elements" }, index.h("div", { key: 'b8738e0fb5c32b329ae03ccd2cb2d1a178a05aa8', class: "zonos--group" }, index.h("zonos-text", { key: 'd942ab3f4e77631145a0a38dae95999454a92b56', class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Shipping information')), index.h("zonos-text", { key: '6855f44cf3458891776b3c215417bec329de89dc', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, cart.translate('Shipping method')), !((_a = this.serviceLevels) === null || _a === void 0 ? void 0 : _a.length) ? (index.h("zonos-banner", { bannerTitle: cart.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), intent: "error" })) : (index.h("zonos-shipping-rich-radio", { initialSelectedValue: (_b = this.selectedShippingMethod) === null || _b === void 0 ? void 0 : _b.value, items: this.serviceLevels, onRadioSelected: e => this.handleRadioSelected(e) })), index.h("div", { key: 'f6398edeecd18c603680ad6c7c8e1aa5f5cebe4a', class: "zonos--group-btn" }, index.h("zonos-button", { key: 'a548fb385ed341308ff86e615d9088e7cd4ec34d', backgroundColor: this.submitBtnColor, isDisabled: this.disabled, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+        return (index.h(index.Host, { key: '0ded6474793fbb142e8e9a3bc10f1b5ae88858a7', class: "zonos--shipping zonos--elements" }, index.h("div", { key: '334d49db61fe69bf43f2bf68828c724cb7c9851e', class: "zonos--group" }, index.h("zonos-text", { key: '57ac7f10aff623a7e9c009bee86a4e88c979417f', class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Shipping information')), index.h("zonos-text", { key: 'bb7679250828b859f90940617dc03c20addb6252', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, cart.translate('Shipping method')), !((_a = this.serviceLevels) === null || _a === void 0 ? void 0 : _a.length) ? (index.h("zonos-banner", { bannerTitle: cart.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), intent: "error" })) : (index.h("zonos-shipping-rich-radio", { initialSelectedValue: (_b = this.selectedShippingMethod) === null || _b === void 0 ? void 0 : _b.value, items: this.serviceLevels, onRadioSelected: e => this.handleRadioSelected(e) })), index.h("div", { key: 'ace80fcc503601d577fb7751777b00331c027f16', class: "zonos--group-btn" }, index.h("zonos-button", { key: 'd48000ef65953b5f99d95c4b404bb7a47351dbce', backgroundColor: this.submitBtnColor, isDisabled: this.disabled, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, cart.translate('Go to payment'))))));
     }

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
-const cart = require('./cart-b32bfb92.js');
-const zonosStore = require('./zonosStore-bd2a0c59.js');
-const submitGtag = require('./submitGtag-fe94f3a0.js');
-const sendErrorLog = require('./sendErrorLog-5f732a8a.js');
+const index = require('./index-3b4816ef.js');
+const cart = require('./cart-5d196917.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
+const submitGtag = require('./submitGtag-44e3a996.js');
+const sendErrorLog = require('./sendErrorLog-3e181984.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-4fa738c3.js');
-const isDarkColor = require('./isDarkColor-7faf0a82.js');
+const getBorderRadius = require('./getBorderRadius-c8cc2bb3.js');
+const isDarkColor = require('./isDarkColor-f5473002.js');
 
 /**
  * This is just function to make the key typesafe to enter

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
+const index = require('./index-3b4816ef.js');
 
 function format(first, middle, last) {
     return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
@@ -22,7 +22,7 @@ const ZonosComponent = class {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return index.h("div", { key: '9a5547114b58b739fb5d783f551bc345f067779d' }, "Hello, World! I'm ", this.getText());
+        return index.h("div", { key: '4d80a174a7fa12f620fc831eb7fe3f5ad8ad575b' }, "Hello, World! I'm ", this.getText());
     }
 };
 ZonosComponent.style = ZonosComponentStyle0;

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
-const cart = require('./cart-b32bfb92.js');
-const zonosStore = require('./zonosStore-bd2a0c59.js');
-require('./isDarkColor-7faf0a82.js');
-require('./getBorderRadius-4fa738c3.js');
+const index = require('./index-3b4816ef.js');
+const cart = require('./cart-5d196917.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
+require('./isDarkColor-f5473002.js');
+require('./getBorderRadius-c8cc2bb3.js');
 
 const getZonosSettings = async () => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-settings`;
@@ -269,7 +269,7 @@ const ZonosController = class {
         zonosStore.zonosStore.organizationName = organizationName;
     }
     render() {
-        return index.h(index.Host, { key: 'bd56d32009707ec9042ae5f8a87de7a7cedcca73', class: "zonos--elements" });
+        return index.h(index.Host, { key: 'e0869cf08934b9d047adef9875c9a5f50d604bdf', class: "zonos--elements" });
     }
 };
 ZonosController.style = ZonosControllerStyle0;

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-564fe383.js');
-const cart = require('./cart-b32bfb92.js');
-const zonosStore = require('./zonosStore-bd2a0c59.js');
+const index = require('./index-3b4816ef.js');
+const cart = require('./cart-5d196917.js');
+const zonosStore = require('./zonosStore-aee974e0.js');
 const classes = require('./classes-b7918f56.js');
-require('./isDarkColor-7faf0a82.js');
-require('./getBorderRadius-4fa738c3.js');
+require('./isDarkColor-f5473002.js');
+require('./getBorderRadius-c8cc2bb3.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;