@zonos/elements 1.3.283 → 1.3.284

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

@@ -52,7 +52,7 @@ export class ZonosCollectSubtotal {
     }
     render() {
         this.initSubtotalData();
-        return (h(Host, { key: '873283e3bcbed910a71ec1a45c814a7ea05bcac5', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '0df7eed4bd29a79e9065599859317fa2837803c3', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '8d7e641c65cae73a38f182b2775686816eeea853', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'cd85fe2eeebc447cb844be0e9ae2ca3acfbb988f', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '6bf01a7f93b0a097648b7284a5a32aa51311a588', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '981f35ab9dd6d7519a77465b6bd9fa53e21ddbe7', class: "zonos--column" }), h("td", { key: '5bc30957e829731d8d18bdbd468eff56abe1527e', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (h(Host, { key: 'f014c2ae733fe652d7d74349c0e12f93f46d71f5', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '0bab186aa957c29f026151f5a112ff66bb42cb04', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '97c24d5f179f5b59bcb91bc156b1d3e15b811262', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'cba67296a6d17c0cd665981eb19ba95706f68843', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '6665f531a8656c4a1e0f9761d919c150587a36fb', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '20aeeee1fde0e63aaa168f32a5400ea82758a14c', class: "zonos--column" }), h("td", { key: '14994ca56e814f68fa3511098f5299a0942a295a', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Duties')] || 0,
                 isForeign: true,
@@ -60,7 +60,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: 'aba01d5cd377a972c409971bfa6261101a2aca58', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'c016dafb4c6b92cfc715159249d4c0ed663fc301', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'afab7f0757f4f7e1941a81f2831bdbd4460ba3fa', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '0b6ee1a4a59db701e17caaad5c69da01156f7cff', class: "zonos--column" }), h("td", { key: 'a5c0ad551408a7c760048f6660fead6d71f9ba89', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: 'cbbe4ddf13aabca9ff86b21317b067191f4155b8', class: "zonos--row zonos--collect-tax" }, h("td", { key: '675a36a92e136f3afd1960616e842e152cba6256', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '8896868f1e7f545d5b92c148a0f9812936ac2a9a', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '8a4c29f6d2d513fd7da8be7b1ab695794f3a99ab', class: "zonos--column" }), h("td", { key: 'c15f7a872e59cce222a674acb55388dd18bfb74a', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Taxes')] || 0,
                 isForeign: true,
@@ -68,7 +68,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '794f30fc44ea873b4e242e17b5d647f80bf7dd2b', class: "zonos--row zonos--collect-fee" }, h("td", { key: '0290e97bb88893eda374f62e93e9876900932182', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b789da8295e4069fd3a5f5b6dee0b0457fc31a51', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '38a80da4106ce87ad7dabf6de3b1b1eba710b71e', class: "zonos--column" }), h("td", { key: '0fbfa990caf302692dfe1e8c27ddaea51df99660', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '4cf155874e4446b9ecab121cbaceba2328323359', class: "zonos--row zonos--collect-fee" }, h("td", { key: '3efcb4779f34f35a2398eb661f4b799b6b4480c7', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '41d30bb15d216663cd507f2c92d6639b5559708c', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: 'ef8259d337fb047d8979f5008d2d46f3fc76b007', class: "zonos--column" }), h("td", { key: 'e0430efffbe23880a776953ba6a05b0cea268df4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Fees')] || 0,
                 isForeign: true,
@@ -76,7 +76,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), h("tr", { key: '5427b75fa3f55701713bc837c4e75fac31bd5c53', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'd543700b03631be1b95cc5cca39c9239abaf147c', class: "zonos--column", colSpan: 3 })), h("tr", { key: 'ddf127c847f6261cb2658e164a58e01f5db47b90', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '1dcb250d978b55e5d999796cf39dcef885e0b145', class: "zonos--column" }), h("td", { key: '4299cfc2a589c61878c660e6cc60dc0a44162b2f', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '359d4e0dfec0717cc67d611a561f8e530e387863', type: "label" }, translate('Subtotal'))), h("td", { key: '07f45c0222553309ca503b1eef283b96156e19a5', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), h("tr", { key: '279ddddfc6e9fe88bc1f16aeaeb6464737ec212f', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'de88842e26eb39938b573fc2ac89915d9f6708ba', class: "zonos--column", colSpan: 3 })), h("tr", { key: '48ecfc5852f1cb25b7816503f3279a3cffc1a581', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '06e65acfd5dd213481f415dc2475d9353e18ee53', class: "zonos--column" }), h("td", { key: 'b5ae37799d471defdb983a9167b96aa5e176f78e', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '52afa80c7b0eeda13093c26ce031dab4e4a62ee8', type: "label" }, translate('Subtotal'))), h("td", { key: '840e0413b9c0d651ba7de6529d7c6581f165c047', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -84,7 +84,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), h("tr", { key: '0de126a7c6083b28ecd13a99828d3e9a37a04ba2', class: "zonos--row zonos--collect-total" }, h("td", { key: '2b5be6f49d700c545b25a603d0a9caafa42e3a70', class: "zonos--column" }), h("td", { key: 'da833751a18f408b0d2d17cb9b812497e43360a8', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b6cf2a310f40274d9633825471e16f429152a994', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: 'f93207f749dc584419b542a31dcae1a0c279f6e3', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), h("tr", { key: '62ffc4102084c920e8bde4527415ea93d8ae8292', class: "zonos--row zonos--collect-total" }, h("td", { key: 'ef199898aa67686f1c36d2d0c73d1695443e81a9', class: "zonos--column" }), h("td", { key: '1bd5949e640823841ac7425a46b519482b975c37', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '96d53a1ffd935ac98cd5560419cc7d5395945da4', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '008f69a34b557f2660426acccafe925f6b554293', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

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

@@ -18,10 +18,10 @@ export class ZonosInvoiceCartItems {
     }
     render() {
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '725ec1640ea2e6342529a0143e1b43374cb67c9c', class: classes([
+        return (h(Host, { key: '48cbe765b1096303cf0f2b051b0bac3911fba19b', class: classes([
                 'zonos--invoice-cart-items zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: 'c908da0c7a02eda9c5f14bf59da7a0e3b882b076', class: "zonos--cart-table" }, h("tbody", { key: 'bf2e01afac20f2804cd3f99c966c94172eabb3c3' }, nonRestrictedItems.map(item => {
+            ]) }, h("table", { key: '83a2f9d2de381d1f941f5d09681b3a8e58a38a08', class: "zonos--cart-table" }, h("tbody", { key: '5fbce46a1069457eb578ea737b42f05982aa5867' }, nonRestrictedItems.map(item => {
             var _a, _b, _c, _d;
             const invoiceId = (_b = (_a = item.attributes) === null || _a === void 0 ? void 0 : _a.find(metadata => metadata.key === 'invoiceId' || metadata.key === 'INVOICE_ID')) === null || _b === void 0 ? void 0 : _b.value;
             const invoiceCreatedAt = (_d = (_c = item.attributes) === null || _c === void 0 ? void 0 : _c.find(metadata => metadata.key === 'invoiceCreatedAt')) === null || _d === void 0 ? void 0 : _d.value;

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

@@ -260,11 +260,11 @@ export class ZonosInvoiceFinish {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: 'f3a8642f7372184047ee007498af82d45254beef', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '755581819b6a2e9d97e0faf671320e9390a3000a', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '02a93031a3031cd9ee3fd3695c84e8b8b84f496e', class: "zonos--finish-details" }, h("div", { key: '448c895e0068475da8e37f51ecf46d3686037499', 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: 'ec0690fb66d80b43f082a9372f995c5be12935ef', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '9cc0bfef51003d1cd03f8dba82c71e5ee2bafdf4', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'f6939aa032ccd82b2e6be113a294750e574ac72d', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '0141c1eabc7fed40cd571a138cd2a3aba7c5120c', class: "zonos--button-container" }, h("zonos-button", { key: 'bf126325f964ce22862583abd8a0f911712ff72c', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: 'a5112a4c35f95d80d567d1d9ca690c297f75bba8', class: "zonos--finish-details" }, h("div", { key: 'f17f25e741a7a846e4d0d653f2e67c6b36ebd77a', 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: '1169bd299d16f1b063de9638c6c6fce00cf9d0a6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'db6aebf906ad52207c8bc898c856b7a2a7f061e1', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'fd5516196ec5f645718b7fbf0c9de66ab322505b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'f50f1e9ed26e609346cdf3bdc1f93689d3c99d06', class: "zonos--button-container" }, h("zonos-button", { key: '3dadbbfe5113e02412bb6b890b4d2923101e3c31', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }

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

@@ -1,8 +1,9 @@
-import { h, Host, } from "@stencil/core";
+import { Fragment, h, Host, } from "@stencil/core";
 import { localizationStore } from "../../../store/hello/localization";
 import { translate } from "../../../store/translationStore";
 import { isInvoiceMobile, isInvoiceTablet, } from "../../../utils/checkout/isInvoiceMobileTablet";
 import { classes } from "../../../utils/classes";
+import { shouldShowLanguageSelect } from "../../../utils/shouldShowLanguageSelect";
 import { languages } from "../../../../types/ILanguage";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import ChevronDownIcon from "./assets/chevronDownIcon.svg";
@@ -44,18 +45,20 @@ export class ZonosInvoiceFooter {
     }
     render() {
         var _a;
+        // label resolves against every language, not just the offered ones, so the current
+        // locale always renders even if the merchant later drops it from the selector
         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 = 'gray-1000';
-        return (h(Host, { key: 'e0a86a84127a3dd9b269468ce4ae8fc7a00617ce', class: classes([
+        return (h(Host, { key: '1cd5499e17c070498d65ebbca71d0cbe3c825456', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'bf29c34fad93397f1882fe5fb1539fa9e9c557b5', class: "zonos--invoice-footer" }, h("div", { key: '271888bef61a2f66f8dde97877a816c4ddda77e6', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: 'afcb5fbde86cb96995f606be4ae1fa69a40eac8e', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '9d6c3ef03ce90dc48523a443f4a1716e1ad66309', class: "zonos--invoice-locale-label" }, languageLabel, h("zonos-icon", { key: '95d8e579e46178eda82d0e0a31b78e2f2e47b416', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '49b226ab4efbb2b6e94d78b5170b7979fd13989f', class: classes([
+            ]) }, h("div", { key: '2f31caade367c351d84571034eda59179c227084', class: "zonos--invoice-footer" }, h("div", { key: '25f127514ad98939aee122c6b4772198e095b26d', class: "zonos--invoice-locale-wrapper" }, shouldShowLanguageSelect() && (h(Fragment, { key: '03d37a0e0e94cf42d74a5c59905f7e7219533274' }, h("zonos-button", { key: '76aab1e78afa3a51f579f865a24591acea0baadc', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '28642dac198b7c61bef48d211c8a820e0c8d1fcc', class: "zonos--invoice-locale-label" }, languageLabel, h("zonos-icon", { key: '364b048befa8c5f45b6869f18b90b27da4b37056', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: 'ed4b425741e6aecc49882993be57da58de7d437b', class: classes([
                 'zonos--invoice-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--invoice-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: '4980a84db5e4ea95ab3baf633b1d1191c3f62a9c', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '9c401453c01fa66cd3f2b03a831ed35673023ffb', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: '7431183058403f1b9436bc8b30b07a84c56dc077', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: 'f7c58460b204b9a52edf5724fe446f7128cd489e', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '316357e0fafb72eee94cf76885b5e70ef3f2df77', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'e893e1bb00475fa2a93625db529d5231b8eb6bac', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'e884f0e31e771252acf5ce7cee6ba825a3686c2e', class: "dot" }), h("a", { key: 'a569168b5990f64c87ceb8b38c03f76370ef0631', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '62a907ad3213dd9469e4845c2fd36312a4dba1e4', textColor: colorDesktop }, translate('Privacy policy')))))));
+            ]) }, h("zonos-language-select", { key: 'e4c5e31e8cfdf0ca52a5b935743bda347f9fa7c1', handleOnClose: () => this.toggleLanguageDialog() }))))), h("div", { key: '1d0a2613e3a0d487b059fc66fb48f53858a4e6c7', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: 'a27c7eebe0dca7fedbc1e6e22438393391ec9024', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: '1013250d247fdb33ec365f8b3ffe9ca65d431d9d', textColor: colorDesktop }, translate('Powered by')), h("a", { key: 'ef93dda1f051f353da9e5f286942cc0a0e8015f7', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'de7cc9e5027eb85e7c578afda15a3b3f4e260e91', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: '180e60cdd756303a14a4a80b72b81b4a4e1c124a', class: "dot" }), h("a", { key: '7f46908aa8cd49974d7525d7110dbb25402586ab', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'bba7017be84a8e320ca4d8fb2074822cd7e9f917', textColor: colorDesktop }, translate('Privacy policy')))))));
     }
     static get is() { return "zonos-invoice-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,13 +39,13 @@ export class ZonosInvoiceReview {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (h(Host, { key: 'bba78735609377a64fafe9e30dd6dd908b6b85ef', class: classes([
+        return (h(Host, { key: '46c130c8e6aeacdd5f74feb613ec5829c0be396d', class: classes([
                 'zonos--invoice-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'c71ea7456d76c9f156931501a48eb268432366d8', class: "zonos--title" }, h("zonos-text", { key: 'd069d2cc81b6228e69bacc44596702a9259dd9a0', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: '9649e31a3053c9772363620cf2acfe557ace8715', class: "zonos--title" }, h("zonos-text", { key: '1b365c27c2280e61c4849c7382a945716ec2abf8', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: 'd9c1f63517ca7859297fe12115292dd737758daa', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: 'a1f24eb0f3080ec0ddad9ca323f49dd391117326', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: invoiceStore.amountTotalDue || 0,
                 isForeign: true,

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

@@ -12,10 +12,10 @@ export class ZonosInvoiceSubtotal {
         this.isMobile = false;
     }
     render() {
-        return (h(Host, { key: '79c93a4ee4be967b78b0a20c422fe18e1dde1e62', class: classes([
+        return (h(Host, { key: 'b98712b01891581bb2b64f5afd82711f7d41b585', class: classes([
                 'zonos--invoice-subtotal zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: '3ad275ada5248c59f39433fde8929216a4da1cf0', class: "zonos--invoice-table" }, h("tr", { key: '097673030be4002c7cb67494aa33804f13e2a318', class: "zonos--row zonos--invoice-total" }, h("td", { key: '581cbb1e86c7e31867b3e6ba981db5d129341fd6', class: "zonos--column" }), h("td", { key: '85979f2c25fb4e0076fc5d454dd570f92a4bedbc', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: 'e98f3bf6a6f76340c588f704674cccf7d44fd141', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: 'a6938a3cd48b4885debda015850bbf9bb467139c', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
+            ]) }, h("table", { key: 'ea7242545b5aa891a5214d426a96fa51ed8d5b5c', class: "zonos--invoice-table" }, h("tr", { key: '7aef27c5154017fd322869c514dc20c42009a855', class: "zonos--row zonos--invoice-total" }, h("td", { key: '60c5689c39d962b6c5a415bb93243259c815bfad', class: "zonos--column" }), h("td", { key: 'b5886f54449738b01fa7a2884f7101a2f910dd21', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: '1689b03f73918e7c2b6d3e1ef458473e817ac54c', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: 'f456cd24f03fe451814a7f0de609eed2ad761530', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: invoiceStore.amountTotalDue || 0,
                 isForeign: true,

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

@@ -37,16 +37,16 @@ export class ZonosBadge {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: 'c8d29084d1a10f985bcb52409881fff004a73118', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '95c8a620e803b4ea84d7789ff746d1edc1252389', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '28cd3711c8e8d6b362c56589553401707456fdc6', class: classes([
+            } }, h("div", { key: '000fb2efaa9cffa4635e89e700013bcc1f9fd63c', 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: '9dcb72621037e37fc11d5cabe915f6dad9798c2a', textColor: `${this.badgeColor}-800` }, h("slot", { key: '7599b4c4689100dc637a3842287a93a42b4edd41' })), this.dismissHandler && (h("zonos-icon", { key: '861156179b8c8a8d8db1b4ee72717581d2eb7222', "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: '8c84abeb697dd20f6c1acbd2f512a5bac2c45883', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'b5bc9ed235747f2986fd7a1c94cbede4b8ffc715' })), this.dismissHandler && (h("zonos-icon", { key: '629b306370ba2fab2e43b625fce19e44be2a91a7', "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

@@ -184,13 +184,13 @@ export class ZonosButton {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '6e6b961c9215370bdbfce09715d1a16d878d2d85', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: 'df2bfe5807583d29166ccb7f5da28dcf5b41dcd3', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-weight': this.bold ? 'bold' : 'normal',
-            }) }, h("button", Object.assign({ key: '3941358241e37fb19b2ace0fa0d892002c6967f0' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: '18c6ba3797948296d847a8deed8784ee34b93113' }, this.inheritedAttributes, { class: classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -205,7 +205,7 @@ export class ZonosButton {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }), this.loading && (h("div", { key: '769b699dd66e0e5f960efe018b0be7fed2a2ecd3', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: 'e7be35423da99ccc0bf9ba2269f030f0c2ea9223', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: 'cacea287ce83b46f57aae7753805d8bf4e580f82', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (h("div", { key: 'b468795b69f4e20f7d0ca2c915b95080a53092e4', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '368ea5d9cdb641140d78e55ac1874cbfd6b48db0', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '41ecf6db38ca534ed99fd8c2f6020bbfe99cddc9', 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

@@ -23,16 +23,16 @@ export class ZonosCard {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (h(Host, { key: '2e397f11a2f497f2bafcf5f6a0f5922e66488845', style: {
+        return (h(Host, { key: 'afc0d2d9b79510aa9d85c89af3c01d5a5c767787', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '300923b5b9b7db94cad3e47060174245ea61b75e', class: classes(['styled-card']), style: {
+            } }, h("div", { key: 'b68bbbb581f56db81f9b7819f6047c1ec48a956f', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '021cc3d1e0b79ab31c19212891d17fbaf5a5b77a', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '82f3d6ea4a52d822801d80b2a3c9cf35ed574464', type: "subheader" }, this.label), h("h-stack", { key: 'c272945368a1074513bcc06b7c306ca5c62ae8e9', spacing: 8 }, this.actions))), h("slot", { key: 'f1c1a3360eb8331e4f4ab69aec8c1dbd7dca2119' }), (this.footerActions || this.footerContent) && (h("footer", { key: '13f8e6d12545203c8a8a9ec5056e38df691eb907', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: '27db75fa9c5ac5dbdfefd92656aa6d8e5b654349', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: 'f54d58eb5f010346d2fcf919baf69d5c799bdbc4', type: "subheader" }, this.label), h("h-stack", { key: 'a3cbee0ae5fc73bb9507d5e30ab6779f2ce46f55', spacing: 8 }, this.actions))), h("slot", { key: '6ce557ff8df6046d428b22b290c3d79ce6bf36ad' }), (this.footerActions || this.footerContent) && (h("footer", { key: '7cc44dfa05e46026444ac1db6755b30151937be0', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: 'aad83f26fe6816d98edd96ffc28c24b82085a5e9' }, this.footerContent), h("h-stack", { key: 'fd6bf6f1069f9e85d7b17fb944d26dd5fc7e0151', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '6c401d4fbc34346f160b239a7190eb170763c382' }, this.footerContent), h("h-stack", { key: 'e6cc5de886d04757374b380149fe5b78b0874cf2', 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

@@ -51,14 +51,14 @@ export class ZonosCheckbox {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'e85da15e441564d911fc0cf3927d4bbfcd151570', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: 'fc12195af264aaca9a9738f594316d5357f8ebb1', class: classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, h("label", { key: 'f0dd01f615792e9c2cd2051a8a3aa04d8f6f1f53', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '503709370926204f7d4c7ac3e75853a832a73401', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, h("label", { key: '0db316fec272f3409d2525b4102e8bc6b51b5447', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '6e72a3e543dc6a0faa300d94adb226167a6f1114', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: '228d3d5cabdcd5633bd0fabea9997a787fdca0ae', class: "checkmark-container" }, h("svg", { key: '42ab50560eb8fde3dcb3d0d0325ba05c57c5e30f', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '63f95aec780a449cb03896ee3a2d2e039355af18', "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: 'fad4553fae51c0dffc77443c08439c8076a9dfbd', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: '7703e044bb17535afaf7d1f559e6808e0f7a0777', class: "checkmark-container" }, h("svg", { key: 'd6a0c3349d79e0d209c69e098f0b410a7ac67f98', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e12f7a8f0ee87eb72ba9fd9d6f6dbca4e2757e14', "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: 'dd53f7c4c37e21c745450476b69051ea65b03833', 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

@@ -77,17 +77,17 @@ export class ZonosCheckoutProgressTabs {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: 'b6a80cfc838ca16ce76be381fcde573a0d6db0cc', class: "zonos--elements", style: {
+        return (h(Host, { key: '90dd30f544a4af6c2ed60b28c55c887dfd91151c', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: '6002136139ac0349c9dca75fc4c24dc258599551', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: '6fbdfc5306c7f266e7ad80f0daefdfe2c747df54', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(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: '5b834399f95b66f5ae076e721acb51f50c068551', class: "zonos--tab-progress" }, h("div", { key: '267bf0a5b8911eadcca75147d625201115b7de8b', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: 'd797a4c506f42893919ecb30d2ee6a6f64b85ad4', class: "zonos--tab-progress" }, h("div", { key: '4c2a229a89f8e3bad1b8385a4311d5796981c834', 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

@@ -48,10 +48,10 @@ export class ZonosCollapse {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: '89b15e5cd4fc45b07cd185c076b239dddc7398f1', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: 'ccd63ae063383c197ef9e3de5fdea5bdfcc1951b', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: '21f33e337c456f9706eb4ac05e97e80b1a79b56d' }, h("iframe", { key: '2a2dd65f575471f7a0c6bbb407d063103ace77ab', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '6e09930a27e8c5278eea633f0998d4441fc3599c' }))));
+            } }, h("div", { key: '49d68d13f7d3fab4104908ec06706ded803b32fa' }, h("iframe", { key: '55c8aa296b517b1c69849c0fa56f407b217ad713', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '81207ecc6e59c358edbe4a653064d29c27ac5500' }))));
     }
     static get is() { return "zonos-collapse"; }
     static get encapsulation() { return "shadow"; }

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

@@ -108,13 +108,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: 'dc074c5b88b642e06edd8942408a3aeed05e5cdb', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: '9ad8aff8631692fa53ef172869d98e9fbfbdc059', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--zonos--border-radius': borderStyle,
                 '--zonos--dialog-width': `${this.dialogWidth}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '119a9c201e44a670fb1df61f6663d96f7148ecc6', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '9534a92f69dd3d692c1a2fd86fa1cf148f68cdfa', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'e79aaf3a80b57634f78575b15a75d7b549ed20ee', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: '6d7c55b90bfb05890d876a0243558eb9a2e7a772', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'abf306ddd70cefd64aa6804aeccf700506c175d7', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'dc7e9e6d501872597928603ded57d82c15c26710', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '44367b178f46c66dfb236485e05f6832ae63a63b', class: "wrapper" }, h("div", { key: '42d10d17180ec7364710682c27d6cd4fef0b8abe', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'b5f7563fb43e1b147db669e1df71f4fafb5284df', class: "content" }, h("div", { key: '38b78e383833b5e49908c8e95c35b9ad23c0f956', class: "title" }, h("zonos-text", { key: '726f5308881671e7e17bd0591521485bd7142c1e', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '58d663842d51a512b3c8799a907bd1ed58e4fb31', class: "subtitle" }, h("zonos-text", { key: '4411400d8906a22fd5f31652a1eeb314cae8ad68', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'df0452b2af633dd558858db824336fd5925aef50', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '50f88e85e18129ef4ee209615b951683c5ff6fa8', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '314b8be8954241b8c261c62d5a4bbe8155cc6914', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: '5c1fa9ec8b59cba68ccbc5dc36e66e2fdefdeae5', class: "wrapper" }, h("div", { key: '0ce48c41c78e393a181fd5e9beeac90622b5c620', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'b42157f8e76de8a60190e384d7d53a36d8051c67', class: "content" }, h("div", { key: 'bd8eb897f15a6d095df8fbd1803f62a11b9d5d7b', class: "title" }, h("zonos-text", { key: 'd1c06b89d4917b2366f881dda7da9e1369722126', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '4f1269aaab5ad3965d6ddfc0949341d4f202f296', class: "subtitle" }, h("zonos-text", { key: 'f784b5dd86ff684e790f27a586e3eeb4ac683884', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'e0403a968aee6ff878c9e916e9ff216e2052ab0c', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '66e34a9d61f677786bfe286f377854c9ebc780ed', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '3652507591e3055856a044e191525ea36b6042ca', 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

@@ -51,13 +51,13 @@ 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: '3581b885b6d8d220d4c38769658b25ccf473b012', class: "zonos--elements", style: {
+        return (h(Host, { key: '315a4cef4eaeecdc0bc1d2f05ae656f370c247ca', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '231cd93711e1e379d196944140c44c0e77332e30', class: "zonos--country-select" }, h("zonos-v-stack", { key: '8a3768ee37ad892960104c6f04e54ed977f5ba2e', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '4535301af6a7fa62b101ee5913842c4d1dbec6a2', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '9a15c15c77c7a193934a4d656f613120266e3f38', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, h("div", { key: 'fb45324e739bed4c056d2d3a7342a2f9860cb5d1', class: "zonos--country-select" }, h("zonos-v-stack", { key: 'f229faa99429adcb0305a1d2a838f90b651fe966', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: '680a6089bc12308bc41ee0620c8c90bc9db4ba7f', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '1819f9226fde595a5904ac1204ffa9180c225053', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
                 if (el) {
                     this.inputRef = el;
                 }
-            }, type: "text", value: this.inputValue }))), h("div", { key: '14e511287916d98676083c3f3118223073ce6a19', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'd5f14c5e652938fbf9ee18a31b421f406599db7f', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'ee2b4d3a2feefda0be007b174b85e368292dc868', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, type: "text", value: this.inputValue }))), h("div", { key: 'c7fda9cb96abca4e55958d58b4268633aae8ad43', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'd4f62720173f886908d56eefa09f3a55c7774326', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'd867490feeb0d626b4004f1aaab74230bb46b9d4', 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

@@ -14,9 +14,9 @@ export class ZonosCustomMessage {
     }
     render() {
         const messageWithLinks = formatStringWithLinks(this.message);
-        return (h(Host, { key: '5e87669fad207a56da569c72c5b6b1e86fed0d29', class: "zonos--elements", style: {
+        return (h(Host, { key: '3b47c062d2c2b22976206b3a71012c9de87d5b72', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: '4c9216e22dd3ceb35e647a6e43fc8f1b7c9a4da1', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '36dc67b55580fbdcf668a6b16a4a1b9fa5f477b6', class: "zonos--flex-message" }, h("zonos-icon", { key: 'b4f26b0b8fd35d7593e84d9abfe69a0dacfa5c20', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '74a9b55e87a0e244dc02481112abf26851e6722d', innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: 'ab6385a3369d4e7ce017409dd92379f48f6867cc', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: 'ef7c63319e469fd1f283a9eaa2e97bcb2253b840', class: "zonos--flex-message" }, h("zonos-icon", { key: 'e2c12c9419e3702cbdd155cf4099d6528db59312', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: 'f21324ea031b937d0b65540b51dbe5b5c8bd4fad', innerHTML: messageWithLinks }))))));
     }
     static get is() { return "zonos-custom-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -86,7 +86,7 @@ export class ZonosDialog {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '93de5ea91ebef1927a2d7dc91a00f87277755ac7', class: classes([
+        return (h(Host, { key: '73740b7d8c127367bbc2c621d036288920b3801d', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -98,10 +98,10 @@ export class ZonosDialog {
                 '--zonos--height': this.height || 'initial',
                 '--zonos--min-height': this.minHeight || '500px',
                 '--zonos--width': this.width,
-            } }, h("div", { key: '86330a3de751f262a3f0f80fbeb436bb6e2b206f', class: "zonos--backdrop" }), h("div", { key: 'a6702c9a9b5bba9f3523503cd85ba6e6ae77fc9d', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '2c4d6e9170fbe80a2ea249d3f40cbc72e5df05d3', class: "zonos--dialog" }, this.isLoading && (h("div", { key: 'e83dcb53e9cd7504d588b124c6468535e81ce71d', class: "zonos--loading" }, h("zonos-spinner", { key: '5e8b3451b5358c76c2fdf47a0ad5eecc8394d012', size: 30 }), this.loadingTitle && (h("zonos-text", { key: '671203125d8fd7e8cb811b61b7190f826221507a', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '791a95ed2bdad0c3bfb136c9e42d7d8e920110d9', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '8d4f7a2e12cd56d6341cf5aa17be1a7f151ca45b', class: "zonos--header" }, this.headerText && (h("h3", { key: '4bdd26b40a2209ccf44d85440cfbf173724f9aaa', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'c8f5d7eaff8c9ba94d60d587b5601472e80ea79a', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, title: "Close dialog", variant: "subtle" })))), h("div", { key: 'e5d91fb3bb3546e559566f8782aa9d939d0f1d04', class: classes([
+            } }, h("div", { key: '441c6b5c503a431909f52699ee60992609dea232', class: "zonos--backdrop" }), h("div", { key: '94fb4689581ae2d781cae264740bbf9dbd42deac', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: 'ba788097f52ca80229d16ce910071b56647061f9', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '47bfe052272192a74aeed3a5ddbed802ae27bc16', class: "zonos--loading" }, h("zonos-spinner", { key: '49168e9057d08233654abfa0ca36138d205ca283', size: 30 }), this.loadingTitle && (h("zonos-text", { key: 'ed89b9b21e30b0e670b296306ed9b797f2baa75e', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '7770dbdcf4e1fb630e0ed6c08dc4830edf00d1f0', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: 'c171e207af502ef02de35803c480d927edea3ce4', class: "zonos--header" }, this.headerText && (h("h3", { key: '03999b1441d3a0dc983fed2e64680211f4a59793', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'e2954d9326195df3029c0771481881e6485fae05', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, title: "Close dialog", variant: "subtle" })))), h("div", { key: 'ba456d3747bd51ada021ed909a41e5768ceed4ab', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '2da7a3c7a978bb520c255a0043f96bf15b2dd006' })), h("slot", { key: '38ec2165a11c9cc2b121122124482590f9cd31e9', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '81e4de1e59970996607f7d0f2f2aef7937f82c43' })), h("slot", { key: '3fcd369711a347b9e2d2840fc708e928e17d5da1', name: "dialog-footer" })))));
     }
     static get is() { return "zonos-dialog"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,10 +10,10 @@ export class HStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: '029e16a802574614fb1d7cf1c7142425bf5a8dd2', style: {
+        return (h(Host, { key: '1b810737fd49ee23a1d9ce845049efa6782f5a16', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("slot", { key: '9894338cb38887b8757182f8ed2a4ce1bcff0eaf' })));
+            } }, h("slot", { key: '64b114c99ecd5d6b953e5ce77f7d2a820f32cd36' })));
     }
     static get is() { return "zonos-h-stack"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,17 +31,17 @@ export class ZonosInput {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (h(Host, { key: 'f61a69708e8d3734111690389fce1acf14fbece8', class: classes([
+        return (h(Host, { key: 'bda69850cbd7478614011282716320c87ae9f9aa', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius(),
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '94fb3f77fe0eb3c67a2319cd27d3ce17f4d8684b', class: classes([
+            } }, h("div", { key: '4159ba855ec2b63cdeba2f1c22179ca52e0c677d', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: 'fd878fb73ed33c6054dd9d6a75e3980c9d670877', class: classes([
+            ]) }, h("input", { key: '97609767c20661f2dc485b56cb90a6007102660b', class: classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.inputValue && 'has-content',
@@ -49,7 +49,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: 'b59b852113bcb005acd9fd31de527cf693e162a7', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: '9bb796fcb97082a8d2c3945ed6f0a4181d6ca7d9', 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

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { localizationStore, localizationStoreUpdateSelectedLocale, } from "../../store/hello/localization";
 import { translate } from "../../store/translationStore";
 import { zonosStoreFontFamily } from "../../store/zonosStore";
-import { languages } from "../../../types/ILanguage";
+import { getSupportedLanguages } from "../../utils/getSupportedLanguages";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import GreenCheckDuotoneIcon from "./assets/greenCheckDuotone.svg";
 export class ZonosLanguageSelect {
@@ -20,9 +20,9 @@ export class ZonosLanguageSelect {
     }
     render() {
         const { selectedLocale } = localizationStore;
-        return (h(Host, { key: 'b2f1fc3b2bf928d9ab96d0dee0f77a184e842bcb', class: "zonos--elements", style: {
+        return (h(Host, { key: 'b557082e699209af33ab25715d5cb23fb8a20f56', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'a2c5e0ec32aef9ba6f9523777a4c75f441dcae39', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '93cf877ed11fd1e1af04e8269f5c264f69f52762', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '30865ea0b3d8f31d900c616b8b05882fcd083ac3', 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: 'f5fa8a8163aa46589d67df8d7b69a9b60c7c3994', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '7ffc14b7fab4014352361424de6ea6e2fc8d7f6c', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'ab06dd27d199ef7223ce4421ab4d4e7a5816e402', class: "zonos--language-select-content" }, getSupportedLanguages().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.href = '';
     }
     render() {
-        return (h(Host, { key: 'c3f532019c96bed8a9ecae34364f127e177c38f9', class: "zonos--elements" }, h("a", { key: '40a5c745b8e7e0dc497269cc7f6b55b0414aa33b', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '94a7470c679fd445635d39de30ffd28d498b7211' }))));
+        return (h(Host, { key: 'a8f6a7e96c5da6d98554ca6e40999596f7d4ead8', class: "zonos--elements" }, h("a", { key: '1df6e963d3e2e2dd5fadd97e39d3a05981458170', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '515048e9395bf523b29efaad40d60509ef0d767f' }))));
     }
     static get is() { return "zonos-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-loading-overlay/zonos-loading-overlay.js

@@ -13,7 +13,7 @@ export class ZonosLoadingOverlay {
         this.size = 40;
     }
     render() {
-        return (h(Host, { key: 'e284a5ada0945f1895dbd9b40039e9d2ef600111', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'fb68155fe133ba8cd1d923a0fbb37a382ecabc34', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '50dc3d4b1f53173240d23ffeac966f7463546fde', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (h(Host, { key: '8cafd99b309b04da5cf1b26b0f0804f4699c06b2', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '9ce7ac9b7e6956a5f76fc2105fa7f5d05299fd36', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '4be3a8d471e3aead2e4194c4ecbf66878a7a3f17', size: this.size, spinnerColor: this.spinnerColor }))));
     }
     static get is() { return "zonos-loading-overlay"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,11 +16,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: 'b698963f9d2d0ce2a3165d484cd8dda026e86350', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: '89d856c28d227afbe76656ce217544faad91715e', class: classes(['zonos--elements zonos--logo']), style: {
                 '--zonos--filter-color': filterColor,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--width': this.width,
-            } }, h("img", { key: 'cc8163dc55b4d0a34bfc83eaaa618add56fb0c9a', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: '025c97e65f2666028391f6ca2d548bf905528133', 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: '709006622bdc4ba41d622c57562d98e90d6bfbbd', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: 'c59d087ef1e9d319835387dafd6044df02fbada4', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'ecd47662e89cdd64c19e56f33fff5ebe929609fd', class: "zonos--restState-image" }, h("img", { key: 'c11941895f62fb7cd2dfcb34d8b5409ecbe23a3a', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: '66c517e9e27d02039bb8d94084d27d7bdb63acbc', class: "zonos--restState-image" }, h("img", { key: 'c2591b221940f1526f57eefea0a1624826188465', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: '40a66ae6959222fedcfd69de6f0236ac078903c3', class: "content" }, h("zonos-text", { key: 'ca7f67de9b084e16e1a5e5635a4917680fcbdfd6', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '9e6f22d9fb87b1462044a2395c32b03d9b4b59d3', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'f93aa94983a14e5a4bc03cd339c1d53954da0f30', class: "action" }, h("slot", { key: 'b893fc9c907a97f241d6b7148636b01381f26813' }))));
+            }, src: imageUrl })), h("div", { key: '12831552ca7bc7c5caed1b8337e302bd757ce066', class: "content" }, h("zonos-text", { key: '8d59853bd8670442b50dff2209bcadc66ceee908', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '9c0c37ca8b9b4b7db7567b962cfe2547e16c515b', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '29487c0cf698f4f593f7b93a923810edcec1c800', class: "action" }, h("slot", { key: 'fc0a95a5691a15ffa2d83a7b51713209fb6ec095' }))));
     }
     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

@@ -15,9 +15,9 @@ export class ZonosSelectDialogHeader {
         this.label = '';
     }
     render() {
-        return (h(Host, { key: 'de9b5deb0f4cee2fe4646e37ddf36f3ccfd0696c', class: "zonos--elements", style: {
+        return (h(Host, { key: '2c3fe65b8226875d1e543d87d622a2356c975bae', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: '8f64fbb4f6596d335d6799b3beb27deadc280017', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '58ea82f407f0a9833196f91a5f7f7c1074b537d9', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '78b6f980f1136910e1761a1f99facf355f892c52', type: "boldLabel" }, this.label), h("zonos-button", { key: '2ce0171ef775d275aacb3b661e0ad62d429c338e', 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: '1686924ae0153dc76a03852f08796c29e41013e3' }))));
+            } }, h("zonos-v-stack", { key: '7e065cce508376405350d8cf0b90437c5bbbd6e9', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '363ff8e4b18b50497b904af45bcf62ae374f90de', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '5b3833d7186579859d067c205ab3cb70bf01ed99', type: "boldLabel" }, this.label), h("zonos-button", { key: '7dd27337e33c3d97544696a8d850204296474f5e', 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: 'a5f6b16ecc6a1fb8c24bd783f0384d3506656f01' }))));
     }
     static get is() { return "zonos-select-dialog-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class ZonosSkeleton {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (h(Host, { key: 'b5450df7f385c16cc93b492ba8e3369f131db069', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+        return (h(Host, { key: 'ba8efa50f345f97a2cf905068ff2d8d05557209e', class: classes(['zonos--elements zonos--skeleton']), style: styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));