@zonos/elements 1.3.115 → 1.3.116

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

@@ -19,11 +19,11 @@ const ZonosLogo = class {
         const filterColor = this.theme === 'DARK'
             ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
             : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (index.h(index.Host, { key: '6d75f5925a83f07e397562c0e209d91f4e2a8bec', class: classes.classes(['zonos--elements zonos--logo']), style: {
+        return (index.h(index.Host, { key: '08ef20244bc204125a7a308efed42cd7fc86c885', class: classes.classes(['zonos--elements zonos--logo']), style: {
                 '--filter-color': filterColor,
                 '--font-family': zonosStore.zonosStoreFontFamily(),
                 '--width': this.width,
-            } }, index.h("img", { key: '36331f626163498a0990c1515a82155eae6fd0e5', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
+            } }, index.h("img", { key: '9202f0619fa3874a19ca3050477719b19592d82a', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-e12d459c.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-95119cd0.js');
+const cart = require('./cart-b3f6a451.js');
 const handleFetch = require('./handleFetch-aa729c61.js');
-const paypal = require('./paypal-eb9670e2.js');
+const paypal = require('./paypal-aab541fd.js');
 require('./isDarkColor-d206c6fa.js');
 require('./getBorderRadius-61ed5601.js');
 
@@ -110,7 +110,7 @@ const ZonosPayment = 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: '7bab752dbac3a51f765e59355575801637ad8dd7', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '755920aa1202842860391c3c6fe133878cbe84df', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '5224e2a003581bb1456d7eb05f443cee4c35fd76', class: "zonos--payment-component" }), index.h("div", { key: '58ff4898fbb318e6220611fdac63c6e58ef33aaf', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: 'adcbeae4dadcaff59781ae47f779032e9fe43f5c', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'c83017ca67410a6715cacf6c0e524ed7b4304837', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '55c6d6dde8efaffec4411a838c62b7ede3efe30a', class: "zonos--payment-component" }), index.h("div", { key: 'd27b440253222daf94e4a6ad862c901efa54bfe5', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -164,7 +164,7 @@ const ZonosPaypalPayment = class {
         void this.loadPaypal();
     }
     render() {
-        return (index.h(index.Host, { key: '7be3c38f702c8fb105c54e652774f69fbbcfd34c', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: '6845b53c2a5d1f2637f3ae9d867d2c6de48ab1b5', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: 'a09fe5b66b1ac971c10529ecb6213479f2870f08', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: '6ba337785b8a90965e0cba05fd62681bc92633fe', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -17,9 +17,9 @@ const ZonosToggle = class {
         this.value = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '4db243fca7ab12fcfdf15b310538a911790d5a41', class: classes.classes(['zonos--elements zonos--toggle']), style: {
+        return (index.h(index.Host, { key: '20b8a280c9f318de47df0904742350f678445173', class: classes.classes(['zonos--elements zonos--toggle']), style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '3b1c0ebf67d06680ae3a7a3aea4261e538bf475f', class: "wrapper" }, this.options.map(option => {
+            } }, index.h("div", { key: 'e2e5e213922b637fda1e420f500d7e5e1c211ebb', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (index.h("button", { class: classes.classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

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

@@ -16,10 +16,10 @@ const ZonosTooltip = class {
         this.showTooltip = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'fa16c20a254958721bcc44dbe96f6588545e86f0', class: "zonos--elements" }, index.h("div", { key: '0e57607df02b12d5df9fb84b64c8345b40b2e823', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: '9faf457a730046b789a5b822fb6ab89d88970d59' }), index.h("div", { key: 'f85dbf49e172f9a1c1b57443b1ea22d819b4099c', class: classes.classes([
+        return (index.h(index.Host, { key: '24f3b1f73cc320540ab3700213004c267ea04658', class: "zonos--elements" }, index.h("div", { key: '7f52acf90cb5b9f1fd5efdc4fedc4d61a893a646', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: '1871529e8b75c44a71bf1f5bc9e60b81bbc598d2' }), index.h("div", { key: 'c0b9c9c1b3fef5f766d2bad4c5bea48f3d6bbb6f', class: classes.classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, index.h("zonos-text", { key: '6e90bfe3f346cbe5d49aab4e03c868b3138aeca7', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: '1c10f75f13ae427737fcf4ece41b9f7ba13fb76d', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, index.h("zonos-text", { key: '3b106cb439877dffa101f15fb01aff980a64c7cb', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: 'c0005051e6e1b614b7739718e1a262f6043d56f5', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
 };
 ZonosTooltip.style = ZonosTooltipStyle0;

package/dist/cjs/zonos-v-stack.cjs.entry.js

@@ -15,9 +15,9 @@ const VStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '68eab1cb4fcc28b5167d993fac6c514c9407b515', style: {
+        return (index.h(index.Host, { key: 'e542ff8bbefa3223f157ad4bd6e537af8e5d5a5d', style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '1b177f1e423b6bca713be84ef4cb079f433fe8c4', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: '7e0e5b409b24ba9ffd9311d7797d012606cf0b98' }))));
+            } }, index.h("div", { key: '9bd1cc8fdf94265d7d2767d507af7ad21d77234d', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: 'c8a294410e4c1348405c53283cf4dba176d5b27b' }))));
     }
 };
 VStack.style = ZonosVStackStyle0;

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

@@ -56,6 +56,14 @@ export class ZonosCheckoutFinish {
             }
             window.location.href = url;
         };
+        /**
+         * It would make more sense to have keep shopping button if the success behavior is not redirecting to a different page
+         */
+        this.shouldRenderKeepShoppingButton = () => {
+            const { successBehavior } = zonosStore.checkoutSettings;
+            return (successBehavior === 'ZONOS_SUCCESS_PAGE' ||
+                successBehavior === 'CLOSE_MODAL');
+        };
         this.handleSuccessBehavior = async () => {
             var _a, _b;
             /**
@@ -290,6 +298,7 @@ export class ZonosCheckoutFinish {
         this.notificationType = 'success';
         this.notificationTitle = '';
         this.notificationMessages = [];
+        this.notificationActionText = translate('Keep shopping');
         this.order = null;
     }
     componentDidLoad() {
@@ -312,11 +321,12 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: 'a255ef40504c8e569b44dcdde6a8026745f38c9f', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'c951a9a8fac681e50d9741b8bfef09e10e1e6b9b', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'a14c5a6476b6d77c8b070239b3dbf3b1248d91a1', class: "zonos--finish-details" }, h("div", { key: '7d1d11bc6d1648f6e05fa08c8afa38df2db4f773', 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, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '6e2b00afd313f4724cbd0e3c0ff6d099a4eb0423', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '89ddff1e318401adcc01a1883628651688a39338', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null)))))), isTestMode && cartStore.step === 'finish' && (h("div", { key: '078de76fc1c106538d8ac586edc831639b94e2e1', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '30b68c106ad0eada43b8fadd0b20738d63af0f24', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'a8d092e0a2084ed2c1e2342a7aaf06bf309b559b', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, !this.isLoading && (h("div", { key: 'b6d10fa322320f30c0ff702f256f32b6acb69af5', class: "zonos--finish-details" }, h("div", { key: '8c3801345cb72d8c9addcea1577e4480640c4ae9', 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, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '89a874b1f1d1b325cda6d6f8e5863c10867c6161', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'ed3410d00f0215bcfaf53e15bb5c6f6e0d923c65', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'adfd0912e7e7f59284488163f500c3d07453bc4b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: '2f9c5db57935e99531189a29a5471b26d963e646', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'ebcebeabea725bbbec030cfde621ab54c7263f53', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'f52f574517b536a7586d2fea92fc66b22996b8ed', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get is() { return "zonos-checkout-finish"; }
     static get encapsulation() { return "shadow"; }
@@ -403,6 +413,7 @@ export class ZonosCheckoutFinish {
             "notificationType": {},
             "notificationTitle": {},
             "notificationMessages": {},
+            "notificationActionText": {},
             "order": {}
         };
     }

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

@@ -33,10 +33,10 @@ export class ZonosCheckoutFooter {
         const languageLabel = (_a = languages.find(x => x.code === 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-1000';
-        return (h(Host, { key: 'c84407b445b03673c739e526407d5daece2465c1', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: 'de44554ef9af66b36e957ffc7c03c3102eb54289', class: "zonos--checkout-footer" }, h("div", { key: 'c045ebefdfe7e0c78f003ba25478297713726adc', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: 'f9028e5d572a8563f4b223edf28554ecc6bc79a2', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'efa7bd0f7ff692d10eddacdcd922eefd8734dcde', class: classes([
+        return (h(Host, { key: '43ce81796f2534226d03420dbaa8d8d37161f64a', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: 'c20e95a6ad27bccc7b23ae14ce9bea9319327dd4', class: "zonos--checkout-footer" }, h("div", { key: 'fa95241196ab3fff6c6520cbe083199a418f1f6c', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '7c12428aa768eb81a9ecec798575109be5811a2c', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: '4615354c98cd5617343db83743e4d177d893f712', class: classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, h("zonos-language-select", { key: '4086571d445ad29f824975a6ad107d1351302d78', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'f16a9caea53befe23f6fc6f5690635d9cd6e196b', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: '5ca1a5aadf50bb038209a505b8bece798c92efc5', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'c60d81728e5ebdddea08429eae156e312e407d35', textColor: colorDesktop }, "Privacy policy")), h("div", { key: 'e50935aea98312ab3ffd3c04e8155843e802791a', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: 'b8e10c2d63cf5bade264213ae2e37639b10347ae', textColor: colorDesktop }, "Powered by"), h("a", { key: '5f4ad624ac59e6e59d0bc73f70eb98399009cf1a', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'db358784c050fedfb7b0e4e02ca54c9926691963', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 })))))));
+            ]) }, h("zonos-language-select", { key: '35b0c80d3b20167991391f336d0eda178857047c', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '333f9da8e9aeb6286e52145630ec7e9ec8aabff6', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: 'b6de914d3f4886151e5b780de7f517e158e83173', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'b6aba4130c0f1f22dd6644002f752630d3d8524f', textColor: colorDesktop }, "Privacy policy")), h("div", { key: 'b44e2b03aa2e156076f27737be4d82dd62a98f0b', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '22cee8f4bdc69c38a9f5ab5affaaf9fd23fe70e3', textColor: colorDesktop }, "Powered by"), h("a", { key: '87fe092647de1fcc9ac6e3bf3ff00b9014f67560', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'b35efd69f13b4623ef40f42b12f83a8a9506f725', autoHeight: true, content: ZonosIcon, iconColor: colorDesktop, size: 108 })))))));
     }
     static get is() { return "zonos-checkout-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -169,13 +169,13 @@ export class ZonosShipping {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (h(Host, { key: '70176e5f30fc095476ee8ece7032ec0008a17642', class: "zonos--shipping zonos--elements" }, h("div", { key: 'a63647ce745b5201237d493d98bfc8f5c7be1eb2', class: "zonos--group" }, h("zonos-text", { key: '8e910c5b2f998870edd9716cd6e6b103b8b617ad', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: 'bb6991ac0beb5f57de5c00fde916936c6d36eb0b', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'd3635b8079fe184404c48e0e4cfb5f640567d1a0', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: 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.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
+        return (h(Host, { key: '1a4721f877f6ec6a82cf3d280f73d6c0beb093d2', class: "zonos--shipping zonos--elements" }, h("div", { key: '97477ecd56c30af140aa5797dc60ff9c27500f8c', class: "zonos--group" }, h("zonos-text", { key: '3041eae048928c7a48d0449015043f4e3ba84579', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: '045c89abf1610df69d9bdac288d235705a325fa5', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'ccb50e1734d2ab81363ace6fd35071ac760d85bf', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: 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.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
             !!this.serviceLevelsDAP.length && (h("button", { class: classes([
                 'zonos--shipping-options-collapse-trigger',
                 this.collapsedDAPOptions && 'collapsed',
             ]), onClick: () => {
                 this.collapsedDAPOptions = !this.collapsedDAPOptions;
-            } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '5fdef6f67c68d211220b96dc1ff802fa6159711d', class: "zonos--group-btn" }, h("zonos-button", { key: '1d4627bff782561ed545a46a54ef46494b4b2bd6', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+            } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: 'adf857b2d728ae34da27be04f67547fba42e26c0', class: "zonos--group-btn" }, h("zonos-button", { key: '5d8dec320202c3f43ea598f2183631b04da0dd7f', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, translate('Go to payment'))))));
     }

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

@@ -15,16 +15,16 @@ export class ZonosBadge {
         this.dismissHandler = undefined;
     }
     render() {
-        return (h(Host, { key: '0d5b32ba989420e4f68519f519db3227568a3cd9', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '250028cd50c23400b88ae1cbfa17836ade3d501b', class: classes(['zonos--elements zonos--badge']), style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '43ea955a3005bed1bf30736b9515dc59fc5d9166', class: classes([
+            } }, h("div", { key: '9d2f93b0fb791c6b3390d669473261183b5662dd', class: classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, h("zonos-text", { key: '4ba9b812daf3f977eb7558717d1ccdb6337dab81', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'e55243d80edfd4d2ac855b72c3d10f23a2145a6d' })), this.dismissHandler && (h("zonos-icon", { key: 'dcce519c1a2d75021922adabdd640995994a971e', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
+            ]) }, this.icon, h("zonos-text", { key: 'b612923e4e26d250a6f9d604e68d7d5a69f99701', textColor: `${this.badgeColor}-800` }, h("slot", { key: '71369a45f9e31e9f08cbd54a4e97d310d213a768' })), this.dismissHandler && (h("zonos-icon", { key: '256f64f95a466be5cc7d1606666067fc06dbd061', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
     }
     static get is() { return "zonos-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -121,12 +121,12 @@ export class ZonosButton {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '3bb9845e23e10deb5988e6b2c0904b0ea1afeeea', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: 'd35c2874d343aa93b38cb40cbe8cdeb5c77bb97c', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--background-color': backgroundColor,
                 '--border-radius': borderStyle,
                 '--color': color,
                 '--font-family': zonosStoreFontFamily(),
-            }) }, h("button", { key: 'd2237dc9995cd537d77c169880937a83350ae683', class: classes([
+            }) }, h("button", { key: '9a964a9eb765152075c6a08008341d177e4d2879', class: classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -141,7 +141,7 @@ export class ZonosButton {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }, this.loading && (h("div", { key: '4756ec69aa3bcd84406f4039567191fdf831f23f', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '0bcaad4c29bd28f14ecac8fe11a4ae9a16cee543', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: 'bdfdb5ebc08371dbe4e680cc252c4e9841756ec8', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }, this.loading && (h("div", { key: 'bcc0ae7d419ae25477b65d4e9c26b62f7f1e1a1f', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: 'dcd083f67544bd05b0ca866ff19a44fc33c77715', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: 'c32fab50c66737462c6a2743100cd43156edab27', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get is() { return "zonos-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,16 +22,16 @@ export class ZonosCard {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (h(Host, { key: '632905e207d9dd9f8392759cad2885291ce66aea', style: {
+        return (h(Host, { key: '0feaf20ca1bb493792614216aeace549a3bad708', style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '3eff8df6e47265977e82180ee7d6ac2b32861000', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '9a05937c24886d73e52ef2f6bf722869247e133c', class: classes(['styled-card']), style: {
                 '--background-color': backgroundColor,
                 '--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '1eb39042c68381efa46e762e48096366975a1b61', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '573de073bc15576ad3af98af703aa03a3135aebb', type: "subheader" }, this.label), h("h-stack", { key: '03f11b944d438db45a93ff7448e89b44f82e14fe', spacing: 8 }, this.actions))), h("slot", { key: '582071d03c2866271320aea7f30a4b5d9d63ff41' }), (this.footerActions || this.footerContent) && (h("footer", { key: '6909cb6983ce84f517deef48758271c8797b6ac4', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: '862b765cabe5ab5c897db18654b0be0c8ed492f3', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: 'e637d00494ba2ca7d081bd2eebcb825afc4ffa90', type: "subheader" }, this.label), h("h-stack", { key: '5174ef0a9f588d9862aca3375a3ad3269cbc0051', spacing: 8 }, this.actions))), h("slot", { key: 'b260fa53b675b0465d32deba0daaa13a0eb85ac1' }), (this.footerActions || this.footerContent) && (h("footer", { key: '0681bfa581ef37bf0a102eb1dfe9f6fd4c0d88f4', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: '6ff0f9ba56df40829dfd01663cc6ce528b880fda' }, this.footerContent), h("h-stack", { key: '8270f150b0c1b82dc37cb04a112998e23c110ed2', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '65271d4dd4e32a64467be17d10202cad1f302fe4' }, this.footerContent), h("h-stack", { key: 'fd1ded15a0caae9a2f781fc0f6fbf59e7768ef37', spacing: 8 }, this.footerActions))))));
     }
     static get is() { return "zonos-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,14 +36,14 @@ export class ZonosCheckbox {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '5309db6094793a992d4a605a6d1e3c83ced3c9d0', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: 'be29586ffd5ae5227614622cfb402686ff5e0583', class: classes(['zonos--elements zonos--checkbox']), style: {
                 '--background-color': backgroundColor,
                 '--border-radius': borderStyle,
                 '--font-family': zonosStoreFontFamily(),
                 '--size': `${this.size}px`,
-            } }, h("label", { key: '06e34043130ada8ca8abd0d0930ba60c7e0b9371', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: 'fe09f13ccd0b15c6d71cb21fc1742c1243c04b66', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
+            } }, h("label", { key: '091c2388668a94962d7b2bde4496856805f675e8', class: classes([this.isDisabled && 'disabled']) }, h("input", { key: 'c0f66d11f63591b03631cb1c970c0db201d435e2', checked: this.isChecked, disabled: this.isDisabled, hidden: true, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: 'c523e7e7919e8d26cb4a62790af04915d2f939d8', class: "checkmark-container" }, h("svg", { key: '95b0359976b4796a9186069a04c5568a13132b8e', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '68ecd2567b9c8922bd6919290f0f8affcaca0c2c', "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 && (h("zonos-text", { key: '52b38dcd04947a0a0106f565a124cd4a0f9d17db', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: 'ab6c4847d006a812829bd8e871520455da91c7b0', class: "checkmark-container" }, h("svg", { key: '617693bef302910db463cdf95b10700b72ea8d44', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '410728b7d5edf27966e660e598f166ce8292015e', "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 && (h("zonos-text", { key: '1b9a21e7ef15ad34684453bc25cb3744ba183cd0', size: this.fontSize }, this.label)))));
     }
     static get is() { return "zonos-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js

@@ -64,17 +64,17 @@ export class ZonosCheckoutProgressTabs {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: 'cb720c17828585b4e5235c0695d1887efacfc232', class: "zonos--elements", style: {
+        return (h(Host, { key: '6f1797cd7dbaf99d72cdb61041c780d0635d9dc0', class: "zonos--elements", style: {
                 '--color': contrastLabelColor,
                 '--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: '3249121ebbb26b8a377f0fdf39700e5098374bae', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: '8eb4ef12ed76f9e14a68b6dfe589b0f10bd3fc3b', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => (cartStore.step = tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: 'da31d2d0a835182509a8199dc4fa9f1278be23e1', class: "zonos--tab-progress" }, h("div", { key: '6523c3e32b0926915b7d06f9cb19f6fc427c0e84', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: 'fa2d07af26eb4c50ecb06ec685cbf0eddc54be98', class: "zonos--tab-progress" }, h("div", { key: 'af86726d61e8db32f95a84758ace851e7297d013', class: "zonos--progress-bar-fill" }))));
     }
     static get is() { return "zonos-checkout-progress-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,10 +42,10 @@ export class ZonosCollapse {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: '22d1cfa07362c868ff1b58315789d3d65bcce556', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: '514e75d41d29d70b4ca60230288ae183200b1e12', class: 'zonos--elements zonos--collapse', style: {
                 '--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: 'fa8c388a6497311d4dd4989e3f9ad2f7f3b8ee82' }, h("iframe", { key: 'b93e841bc726709fdca538d7fed38e09470c3ff5', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'aac6f96a0d928d372248f3fa1a906cd764f6e0d3' }))));
+            } }, h("div", { key: '068aee1d13bde4c83ea8582b34844da7452c907c' }, h("iframe", { key: 'b22fd8ad898a098c244cb817dc6951854505efca', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'b54783376005085e379c7b8d43218ead1bf8e8ac' }))));
     }
     static get is() { return "zonos-collapse"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,13 +83,13 @@ export class ZonosConfirmDialog {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: '2ae28cccbc55249c415bdeb1f3b6ebfcd16705fd', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: 'ba14f47b129207062edf7eca1f9fc5b71d689e4a', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--border-radius': borderStyle,
                 '--dialog-width': `${this.dialogWidth}px`,
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '6887502fc45f8726e00875c1533853f170d61b69', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '9e303d17187cf0c8d281e4faa9ad65704b7b5f56', "aria-hidden": "true", class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '2a7a8633c62e14bb134ebb6cd08050a558498afc', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: 'b9eb2237cc834e23ce3b60bf2f99ad5c4d0b4ebf', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '45b67c5a79955b579f0488f239f79a78d448482f', "aria-hidden": "true", class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '8aae5e6df9242f84fc225e687563db7aabc1751b', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '738395a26d051c099893c9d186e711742b87fd0d', class: "wrapper" }, h("div", { key: '6037c59790568e095c42fabd6bc2c02d026e36de', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '0db72c9e8702e642e6eba5d81d2560f69491742e', class: "content" }, h("div", { key: 'a6e25a16aba531ed8e4f0400c44df1ef5f3bd968', class: "title" }, h("zonos-text", { key: '8d572ed39778bb406bf69791fe8c8685c03a884f', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'c4a57430c8fc7003be681857f4a5a5c9588c4a38', class: "subtitle" }, h("zonos-text", { key: '73d8b2ca508ab2e022b92f12a0f6bbc0d4c6abe2', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'f7c52a24a3ed7ca4ac63b57dc38dc67b6272d9f3', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '50906e6744254cb190e0e13e51c7509f3560623e', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '9b25a61bca74e9ee10e5f9057232faf3507acbe8', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: '7a1eb45d4e015a9cd1ebb7acc9fe28917153bd53', class: "wrapper" }, h("div", { key: 'd145883d1ff60117e800e4238e3f011e43173246', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '9a93b028b1d282f1d6fde264773a0f4a4d62326c', class: "content" }, h("div", { key: '92573585e3689e4fffa60d904199999e0bfa8216', class: "title" }, h("zonos-text", { key: 'eaf1f349f478f577edc6884cf9824b74d86dcbb7', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'aa3df64ec40031fd7599972a454cab232f57c7b9', class: "subtitle" }, h("zonos-text", { key: 'ea802033d7faf3bcd2a9c682dcdcd6588d3c9970', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'fb814639b9bbf9f284cf2def17d75ead8270c06f', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: 'fa1597ca8c4cd999c23229d0097e5c264844b8d1', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '78be0072def6bfa88a7482d3f7bbd5df53450f3d', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get is() { return "zonos-confirm-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,9 +44,9 @@ export class ZonosCountrySelect {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (h(Host, { key: 'ca2d15b7e1b015647a56469047fcde2076eb53f7', class: "zonos--elements", style: {
+        return (h(Host, { key: '24c9ba5c24b2e02cb6c3859f5c238b62802632e2', class: "zonos--elements", style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '7b17008dc0e05f2c0bd7e5d2b8e11f7bbc179f13', class: "zonos--country-select" }, h("zonos-v-stack", { key: '34d80924f011f447c8a1fbd0c70317a7e719afab', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '87b671b9f67ab69f19ead665c28cff0727838f4c', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '57137401c8dca3d88eb59192e85dc81ae0892c67', autocomplete: "off", autofocus: "autofocus", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), value: this.inputValue }))), h("div", { key: '99d772c8e074bdd66cc3166388e79bd9cd5b22b7', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '7b5958e70d457310fb13704f9681d4002a48cd4d', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'ae7eb7938141016c5442553fd5b745083e23f44a', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            } }, h("div", { key: 'e5e3a5b00ae72bfc4b4f24a15931070fc0a1544a', class: "zonos--country-select" }, h("zonos-v-stack", { key: '95e5dc40ea4df2428374c605c5260cb25a035b96', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'fe10347233450a3ac609d3a9126c2b61c37aa3a0', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '327b31df73b687089ad233c93da1befa23bf915d', autocomplete: "off", autofocus: "autofocus", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), value: this.inputValue }))), h("div", { key: '96040b624228b7405cca923ca86ca8a16ae7fd10', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'c9e87b914cb9700ae1b849b8ada1100844ed5d7b', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '733fac45be882421b39570153d61fc2abbacc361', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;

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

@@ -8,9 +8,9 @@ export class ZonosCustomMessage {
     }
     render() {
         const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: '096cea7d57ab1c8fca1fadf4b68f0285e0e1d3c6', class: "zonos--elements", style: {
+        return (h(Host, { key: '37b59a5aad442e9c20b8ed03672c73c315b45538', class: "zonos--elements", style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: '2718d07d60779749b70045d9554c58d9fd88dd35', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: 'd0cf15bf81ced064b50756bb950e8fa32d8afb1c', class: "zonos--flex-message" }, h("zonos-icon", { key: 'b92ab3807d532f4a267f2d3b176062221f9ea86d', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '4760b0c6c6a72457b5a8c742b091d2fc5c62b15b', innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: '5de7e44deb7c0544789a9d2b306fc8b2cad338b8', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: 'c911e94eb1d7cbaf1db2126d14a6eeed8932ff97', class: "zonos--flex-message" }, h("zonos-icon", { key: '35c7f483046b78e9dffe87370d6b2f9435bc0ec1', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: 'fdbc136b2a01fd5df35a3b01aa82bb9d088083e0', innerHTML: messageWithLinks }))))));
     }
     static get is() { return "zonos-custom-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,7 +59,7 @@ export class ZonosDialog {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'c8ab0781b89349e035d788af2ec4fbc00241bb30', class: classes([
+        return (h(Host, { key: '018771d0e01311ae520abcf33fbd64316794b202', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -71,10 +71,10 @@ export class ZonosDialog {
                 '--height': this.height || 'initial',
                 '--min-height': this.minHeight || '500px',
                 '--width': this.width,
-            } }, h("div", { key: '14169030c9b8882ffe9b14383c1dbfa319147d01', class: "zonos--backdrop" }), h("div", { key: 'c361b1520e4fb28e308dd548e139af89c289493d', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '1868e77997d810a0925f365772829668f1ae73c6', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'ff35aada7dcfe1c5bbfb8eade99ea4af3d29f306', class: "zonos--loading" }, h("zonos-spinner", { key: '2947bba83fafbfb48af54ac92d79aae2330dbbe5', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: 'bfcdc066fb00e472bfe60631f6ee08460bf91045', class: "zonos--header" }, this.headerText && (h("h3", { key: 'a54a43766b3d8742c27d797e2cd0f9925133a6f3', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '176a8d137c9d40ddfed9de5fcf4ba926fcf7b408', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), h("div", { key: '5f76d5221d2c075808f3550f28b11581a3a78cfd', class: classes([
+            } }, h("div", { key: 'a86c9f8465054fde894bbdd71149e59d97e8cbcf', class: "zonos--backdrop" }), h("div", { key: 'b2f0c86fa0e768474ba4d522f8c2b8157f89cd56', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '26cd8a7b98d38c53dcf4789c8781f0c1ced99633', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '34d0ba841a9af9ca2ff6d21d0471113cc86cdec3', class: "zonos--loading" }, h("zonos-spinner", { key: '0109778b1a9734de0959035e3975414fb1cac1be', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: 'f80a4c337727500ee1ad92c1d80d7b3088eccc0f', class: "zonos--header" }, this.headerText && (h("h3", { key: '92b078fbbcd9ca5f8bf178fc67f2bee817d1e961', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '698e45fffd466f22b6179aa220d35fe39ee5374c', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), h("div", { key: 'a4012e5a48d5fbcc77cac038d8a39fe05f332008', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '53fc24113ac0cfbeb622cb38cea32ebff572f7e8' })), h("slot", { key: '92079f1396304c9966cefc918fcbe87f64a348f3', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: 'd64b381cb91afde4ddbde58348a62612d9871c8e' })), h("slot", { key: '4ddd73bfe41ecd1c90b18f82a8d8f12a1eacf144', name: "dialog-footer" })))));
     }
     static get is() { return "zonos-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,17 +17,17 @@ export class ZonosInput {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (h(Host, { key: '41fca8ea9ded7776bd4641f390e3af0bf8465140', class: classes([
+        return (h(Host, { key: 'f4b7ad75b2aebce3bc05a482fe20fee290a3a4e7', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--border-radius': getBorderRadius(),
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'dc964c53ff80c9567f679cf28cf1b962bd7edc8e', class: classes([
+            } }, h("div", { key: '356e16c11c1cd9edf137f69978ebaa3eb2c28d4e', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '5e4912b6be78a12ef33df3d4c640d5187cdafcad', class: classes([
+            ]) }, h("input", { key: '71659072bd58942efebb88be65ced18ad29be8ab', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.inputValue && 'has-content',
@@ -35,7 +35,7 @@ export class ZonosInput {
             ]), disabled: this.isDisabled, onInput: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '81dab4ff8f061a9b8e0ea8b3219b1a67ff740044', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: 'b84c60836fc969c23aedc314c67337e8e87f2ab6', class: "zonos--floated-label", "data-label": this.inputLabel }))));
     }
     static get is() { return "zonos-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,9 +16,9 @@ export class ZonosLanguageSelect {
     }
     render() {
         const { selectedLocale } = localizationStore;
-        return (h(Host, { key: 'd8babed69ce894a20a988c9fcd4f5b986bb7e7a7', class: "zonos--elements", style: {
+        return (h(Host, { key: '6682af3d631bac1a8d3783418c30364ff7694792', class: "zonos--elements", style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '3003bf23ed248a452661090cf662c3f431c431dd', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '606429c6d8fc9f0bab2b82bc2e9c1ba029504b1f', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '571a66206dcf55db38318637af63fbdcc2064f1d', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, h("div", { key: '9f7e60bc5c4e9d1c0cc31afcbbaec444a7da630e', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: 'f790ef85eeb0bed05773d98793437ab4d6e64c8d', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '7385a1134b21ae4b39947483ee643da021e6c54c', class: "zonos--language-select-content" }, languages.map(language => (h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
     static get is() { return "zonos-language-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class ZonosLink {
         this.linkTitle = undefined;
     }
     render() {
-        return (h(Host, { key: 'ad8e7bb2e2893d3114a89487ed77068d62315290', class: "zonos--elements" }, h("a", { key: '5d02d48ee043c195d3bb4b7c880e9b202ffc6c28', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: 'bc5f41e64fd3d20a8d84a1daa831e9bb18de8992' }))));
+        return (h(Host, { key: 'bba0da02c0dee468bd0cacd268f339f7ec4f1008', class: "zonos--elements" }, h("a", { key: '19515197e397b2b24237e77d3e89de75382c14e1', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '63d597a3091e954c9302e461030646b38ee2396e' }))));
     }
     static get is() { return "zonos-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,11 +10,11 @@ export class ZonosLogo {
         const filterColor = this.theme === 'DARK'
             ? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
             : 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
-        return (h(Host, { key: '6d75f5925a83f07e397562c0e209d91f4e2a8bec', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: '08ef20244bc204125a7a308efed42cd7fc86c885', class: classes(['zonos--elements zonos--logo']), style: {
                 '--filter-color': filterColor,
                 '--font-family': zonosStoreFontFamily(),
                 '--width': this.width,
-            } }, h("img", { key: '36331f626163498a0990c1515a82155eae6fd0e5', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: '9202f0619fa3874a19ca3050477719b19592d82a', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get is() { return "zonos-logo"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js

@@ -14,11 +14,11 @@ export class ZonosRestState {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: 'e27bb400718152b275761f858f8667474d452b09', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: 'c6b1e581578da852f6ff852c0c8ff48eba97c82b', class: classes(['zonos--elements zonos--restState']), style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '4b00e2becf4fe8ea79be85e3053a8e60b0c56929', class: "zonos--restState-image" }, h("img", { key: 'ff7cc6756987eb4a1270157b8b8477b01b6c9aca', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: '3c9bb31ade1e3343901fbb22bef5a123b3332a77', class: "zonos--restState-image" }, h("img", { key: '00417c062265b35f8603d90520f5efe677b76b19', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: '0e941e59df893963592951660017530ae64f5176', class: "content" }, h("zonos-text", { key: '99827682fe5a3c5a55dbb8abffac070a1cfdb3a2', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '9d052f43dc1d5955250e63e231479773d418f8f9', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'd43236e1e2d25636985da4b44761a5dd86ea1f4b', class: "action" }, h("slot", { key: 'c4b89eb985e3a0d9805e67ea6f7e2cdf4cd3560f' }))));
+            }, src: imageUrl })), h("div", { key: '503346f06d25e04a1bc1bbfb770359817854cd64', class: "content" }, h("zonos-text", { key: 'eb580484efd22fd93530d43d04889569ced27fba', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '34972cd05b26b01b1e7877a80b79d6729b63b025', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '703bfa3740b94e7d742804cd073347ba5f6a8855', class: "action" }, h("slot", { key: 'd0b330b60ad98bda20d35cc6802412d24ab6c536' }))));
     }
     static get is() { return "zonos-rest-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,9 +8,9 @@ export class ZonosSelectDialogHeader {
         this.label = '';
     }
     render() {
-        return (h(Host, { key: 'f19a588ac869bfc887d5aa8f1d08a3cf50e600cd', class: "zonos--elements", style: {
+        return (h(Host, { key: '21cd3c3e35baf172ecad7f47a76810e8f39bdeff', class: "zonos--elements", style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: '2ce1c3e5ce865164bde7ef29f951eb50a21d9f39', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: 'a9886290aff7a24e03889a9b782fd78d1d8d20b6', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'd5e10c08f839ea1d2288f6e57fdbf3637af608e4', type: "boldLabel" }, this.label), h("zonos-button", { key: '70cee9d0f910c9919b5f045a694835571fcb8ebd', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '044e7f3ce68caa607ba9dc5fa7643ae9a9fb8082' }))));
+            } }, h("zonos-v-stack", { key: '0470633326b6fca9b45a8be67e0d77819561f634', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '8713cbf368658af22bb88825d32175117d47c95b', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '2f94e9f6139570398897ca55934c5244df7f82e8', type: "boldLabel" }, this.label), h("zonos-button", { key: 'c247dabcc8f487a4cc5a814fb1aa4d9a68fa4ba3', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), h("slot", { key: '26727e634ec09a3b9e3912ada3b920a87a1ba4d0' }))));
     }
     static get is() { return "zonos-select-dialog-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,9 +7,9 @@ export class ZonosToggle {
         this.value = undefined;
     }
     render() {
-        return (h(Host, { key: '4db243fca7ab12fcfdf15b310538a911790d5a41', class: classes(['zonos--elements zonos--toggle']), style: {
+        return (h(Host, { key: '20b8a280c9f318de47df0904742350f678445173', class: classes(['zonos--elements zonos--toggle']), style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '3b1c0ebf67d06680ae3a7a3aea4261e538bf475f', class: "wrapper" }, this.options.map(option => {
+            } }, h("div", { key: 'e2e5e213922b637fda1e420f500d7e5e1c211ebb', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (h("button", { class: classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

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

@@ -7,10 +7,10 @@ export class ZonosTooltip {
         this.showTooltip = false;
     }
     render() {
-        return (h(Host, { key: 'fa16c20a254958721bcc44dbe96f6588545e86f0', class: "zonos--elements" }, h("div", { key: '0e57607df02b12d5df9fb84b64c8345b40b2e823', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '9faf457a730046b789a5b822fb6ab89d88970d59' }), h("div", { key: 'f85dbf49e172f9a1c1b57443b1ea22d819b4099c', class: classes([
+        return (h(Host, { key: '24f3b1f73cc320540ab3700213004c267ea04658', class: "zonos--elements" }, h("div", { key: '7f52acf90cb5b9f1fd5efdc4fedc4d61a893a646', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("slot", { key: '1871529e8b75c44a71bf1f5bc9e60b81bbc598d2' }), h("div", { key: 'c0b9c9c1b3fef5f766d2bad4c5bea48f3d6bbb6f', class: classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, h("zonos-text", { key: '6e90bfe3f346cbe5d49aab4e03c868b3138aeca7', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: '1c10f75f13ae427737fcf4ece41b9f7ba13fb76d', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, h("zonos-text", { key: '3b106cb439877dffa101f15fb01aff980a64c7cb', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), h("zonos-text", { key: 'c0005051e6e1b614b7739718e1a262f6043d56f5', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
     static get is() { return "zonos-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,9 +7,9 @@ export class VStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: '68eab1cb4fcc28b5167d993fac6c514c9407b515', style: {
+        return (h(Host, { key: 'e542ff8bbefa3223f157ad4bd6e537af8e5d5a5d', style: {
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '1b177f1e423b6bca713be84ef4cb079f433fe8c4', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: '7e0e5b409b24ba9ffd9311d7797d012606cf0b98' }))));
+            } }, h("div", { key: '9bd1cc8fdf94265d7d2767d507af7ad21d77234d', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'c8a294410e4c1348405c53283cf4dba176d5b27b' }))));
     }
     static get is() { return "zonos-v-stack"; }
     static get encapsulation() { return "shadow"; }