@zonos/elements 1.3.265 → 1.3.267

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

@@ -39,13 +39,13 @@ export class ZonosCollectReview {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (h(Host, { key: '9b00168e63cbd687c01583577eefe9f5e9958996', class: classes([
+        return (h(Host, { key: 'e80b802a45d3d6395ead284a218ed1053d2e05a7', class: classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '5d29409d7c09ce620b32d6f4512bbd280817cfa8', class: "zonos--title" }, h("zonos-text", { key: 'b06ea84a112b06f1aba656060c85680cada09808', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: 'febeea7c348a5279ddf97bdd48e3d28fa07d6f22', class: "zonos--title" }, h("zonos-text", { key: '1ed640de9e3e6d87064a727ecca208368e1a1e81', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: '7d96f27c70d54f69862816be87bf1c084a91ecb9', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: '0a61b9f3a8ba33e83b50b8c53edfa3b784d47051', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

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: 'dbdf16aeb070857018db4456e06b8c74cc135d78', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '90e8278e1f518f5531813c3cf0b032707fe42eb8', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '3c63319c6be8719069eb7d80eda2546dcc76f273', class: "zonos--row zonos--collect-duty" }, h("td", { key: '942aa283152bbf69439e7a864156c2f4a71f66dd', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'db7ee74968f1b452e93a9e1d46de833e2513f582', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: 'dfae6f70ace82c38bdce41de0b4f900c790fa9ae', class: "zonos--column" }), h("td", { key: '943c6781ad1909d6c5c315f705fcb08547a92660', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (h(Host, { key: '6df77785504d4076a3b675a9ef62171105fa22b5', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '5a0917d3828ff18b5ad67d6e168e67b5646a6425', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: 'b51069b800459d0aa64cebb98c0bae99d05bde8a', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'b7bd45e0256a852ec363ffed7022d95079a8282c', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '47db47e87c83c4e5361e363d8c48cbef675a1eb7', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: 'd3b083c586c04fdca1a9410992cba6350050fd75', class: "zonos--column" }), h("td", { key: '6aedc27105ffe3a15744482025e3c711de22709a', 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: 'e87cf556d84fa66789f2410b77e049229eb54732', class: "zonos--row zonos--collect-tax" }, h("td", { key: '5941322ab31a1227a6944a05b25b27f387e184e7', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '729fd97147df76283b5d97a30015e2af84a4fbb6', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: 'a51514811435edae33c37f6062b0323ef2acfd05', class: "zonos--column" }), h("td", { key: 'a091d24821800034b1629813e05b40854951908d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: 'ee934191b6d95c2bdebf40c5a8d6e9a8dcc4716b', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'd9966df4b307915d69e99ddca307afb3b1dac57d', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '0b074f206a3746e9428a1f7f4df95a7035770535', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '4cd818d7d7db3bbb1b044f09420f3c0de9c2654f', class: "zonos--column" }), h("td", { key: '885a3b0d243f9687af99018c94e6f7990ab94ae4', 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: '1ee4eae6bc0ea9be2d3b98733a3d51034db3b2c3', class: "zonos--row zonos--collect-fee" }, h("td", { key: '6548ee27908c32e7c39f4f16a7c6f202df256e28', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b911ffc5f29252efba3989e494eca1c5ec0fbd54', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: 'f01086495ba4e1864f63de5fdd212de922e335c6', class: "zonos--column" }), h("td", { key: 'f2e628f5fb0087cebc5b135194325127357828e2', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '840cdf461bd3cb0780c517be7900a4db7522da6d', class: "zonos--row zonos--collect-fee" }, h("td", { key: '57edb0642163a4fb580c538334f77fba2f15efe1', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'daa9e1ab156a2a5b26aec744014c2501948872e8', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '90cc11dda267840a4d4559aed5cfa5d61e13a986', class: "zonos--column" }), h("td", { key: '3716f79ab7323f5d6ebca7ece57bfd7b78f62b20', 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: '1b3c7371aa2b395c310e1bbfbda5071fc76bc523', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'ffcab1bd04d14fbc8c57d6731f2243945d889b9f', class: "zonos--column", colSpan: 3 })), h("tr", { key: 'c674e6737e1888c3ef4dfa9a2cc06ec595ddc74f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: 'c79170263853ebba9168b566ed0985af9e7f7bec', class: "zonos--column" }), h("td", { key: '05bff80d6dd83b047ec4f40dedbb42dcef822a34', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '61e4f56cd4da5187bb64c746920b04655ed4624a', type: "label" }, translate('Subtotal'))), h("td", { key: 'a1701fa2c16e87cdba274349b7c5f9f0b90093ea', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), h("tr", { key: '2ac89b5b3f76c2991b88ce163ca571380d91ae8b', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'fc073ec87ac579ad5af8fb2dd08fe47112e21717', class: "zonos--column", colSpan: 3 })), h("tr", { key: '87c32f3ee0ffb3c347c495ec853ebf92b6a08a0f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '664d161448aec51324f0d177d20fa0ef765a17bb', class: "zonos--column" }), h("td", { key: 'c14949595986be080c502ad175529883f2c789cc', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'cf141dd8e58e73b981cdb5f51c111d83099222ae', type: "label" }, translate('Subtotal'))), h("td", { key: '3cba5203e563ec1f4c591d6c42cf7b9a7c8c2045', 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: '83b981afc2f2ddfa5a21ee28fea2e00ec3aef4e8', class: "zonos--row zonos--collect-total" }, h("td", { key: '041fdf582712439e15521ab290f6475106d890cc', class: "zonos--column" }), h("td", { key: '82734ce4831e6255d8d6fe6aa73e8c132ba65d1d', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'd7b1771c43d5176226d1e503ec9308da5806fa52', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '5bebbeaaa0ed0c112e73e4e6283d1364b9ae4f64', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), h("tr", { key: '14065db117fef4acbb0f459a624fee28ea127205', class: "zonos--row zonos--collect-total" }, h("td", { key: '0bc154f6d48ddb0bdc829233a66f0e486ed9df4f', class: "zonos--column" }), h("td", { key: '1f2997cebc3250152b1ecd207066ffc44af7f124', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'd50cc0977380fc1bf858fbe26201d919000a74b5', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '2fcd30a868708f5abea04230c1407fff62fb011d', 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: 'a79106d8930a18d9806ca7f82dbfada663f46964', class: classes([
+        return (h(Host, { key: '55bb132970db23e06698701d7d27e108ff0643e0', class: classes([
                 'zonos--invoice-cart-items zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: '89496bfdd77e168ee388d94e83981b3657fea40b', class: "zonos--cart-table" }, h("tbody", { key: 'fa5a7a17018942300f8168e2d1ac0ea349f02da5' }, nonRestrictedItems.map(item => {
+            ]) }, h("table", { key: 'c9722c17a507ca9fdcb8ca47151d14ba1d74f698', class: "zonos--cart-table" }, h("tbody", { key: 'd8d318e03bfeefaf687825c6131367e73c0b91ce' }, 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: '0e85f53a2195cb775590ca7cf815fe5ff555a5a7', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '5f563128da4ccbf30f9f09446760a83666be0987', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'a72982af4d9e1ccd015486185841bdfb8100de4f', class: "zonos--finish-details" }, h("div", { key: '905c39d1f8d0c4db69fe69af86b5d2fd27e6c6bc', 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: '4b4aac452d596888d9a2a132e4909cb96985e3e1', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'df0281e69b04b3f2ad238cbfb4a8a142e6c08447', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'f92416cc2024dc6e58c3886f0d8990a3753c82f4', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'cbd8a00f6ee518a62cab4edb8c29167a108710c0', class: "zonos--button-container" }, h("zonos-button", { key: 'bcc697820cfbab42417626c2bf1d887bee67fa5f', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: '276f35404f91ae34b310e1f006770a8885a9751d', class: "zonos--finish-details" }, h("div", { key: 'e6f73be5adced5c4d7598a7c41827414a41b75fc', 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: '5c010a8bc22853ceb669b64cb0ac608dbd01f78c', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'c20d9274ef2d3824e581a172b416451f8ed0f4fb', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'eab62f7ca2bb6f9a610179a9c3a345844bf99d5b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '5a870802ce9b2b34769ac1fa2920e17eed0d1c91', class: "zonos--button-container" }, h("zonos-button", { key: '09784e7c0a421a304987d84c1d81f0ee2995c0eb', 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

@@ -47,15 +47,15 @@ export class ZonosInvoiceFooter {
         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: 'f1df2afbf4312c216d2b0776b08bdf18a99918fa', class: classes([
+        return (h(Host, { key: '01fce97d4d724d4bca4973a426e131da5a01dc16', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '15ec928ff1686fab2644fdad65b528e16f887c3d', class: "zonos--invoice-footer" }, h("div", { key: 'b3a81689dca77c65837366168b4cc512e873ebe6', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: 'f599ee52720855f47f1775f16b4beb5d673bc1fa', 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: 'b5ac314d22571b01be5d7ddea7012b6431fde634', class: "zonos--invoice-locale-label" }, languageLabel, h("zonos-icon", { key: 'fa150a4e7d75327510e2bfc07e9911a8adb9a3ba', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '673eed561dace62416822df5e7948fdfb423e6c3', class: classes([
+            ]) }, h("div", { key: '99e579f6903c96c8540d5010fc128173e34e0997', class: "zonos--invoice-footer" }, h("div", { key: 'fa45f5e6fbb2ff06265f252fd3c3acf74b265e1e', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: '3496814c51949ff1f1d727bd5c9fabeb4b86372f', 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: 'c669df5b12bce8be322fca8d0cb76a29b088fd25', class: "zonos--invoice-locale-label" }, languageLabel, h("zonos-icon", { key: '748444a42af6feef4378b418341927c15e9dc293', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '80943da0cc442ff525c7fd8f5d3f0159933b1950', class: classes([
                 'zonos--invoice-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--invoice-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: '6d1a6ae828bf8701fe08605ab5952528e74ad92f', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '3b2484d4a4a0899b746a81e055cd9a4a4fcf6db9', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: '3b4a8431e9cbd3133c69356c1bba186f7cec2fdf', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: '73f8f0b9978b715d611c72beded88862e27c8473', textColor: colorDesktop }, translate('Powered by')), h("a", { key: 'e9a9a63c0c042f40c76d1293c05d2c23165c7af1', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '5bd7ac7cd01581ba40a258f491417b04ab71c250', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'cf86cea8570caac18fbe1532478141e64e6cfd70', class: "dot" }), h("a", { key: '12b5cfa380ae7c2fbc2d3e7501c415761a1f199a', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '9588bdc785c892a39d3c37d034d1f874c8492fa2', textColor: colorDesktop }, translate('Privacy policy')))))));
+            ]) }, h("zonos-language-select", { key: '5f72d992de939c0159979b7b054f50e803499d64', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '5f751d324bea65a722d60643f7a55a83648dbff9', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: '041e633d638437535b04029bcc0173f69dc8861c', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: '57adb6eb396406aa2e1bf01e404fd53bc2c9c2cf', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '6e87d992ab4d97d2edf7be4ee3d2a07d77dd93ea', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'f13be4e13b4991b65f052587feba6e0b08382332', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: '44dbef690ef8088bfc30f2fc7dc83f693cd530f4', class: "dot" }), h("a", { key: '341ceb26c07e9d0aa1f273fc8ba0e92a7ddfb93b', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '47b7c26113144d942fc98f1dd87883f818e2ef2a', 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: 'be8d8f1688a86ccaa9431cae2885c57a08f3ee9b', class: classes([
+        return (h(Host, { key: '52bdf36710017e5fa9edc0c138639a06cb5d05c5', class: classes([
                 'zonos--invoice-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '74dce7ae0a90490d95852c789d8e27ee51846ed5', class: "zonos--title" }, h("zonos-text", { key: '3539a1110abdac4b1dc909f37a4845d8a0ad8fa0', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: '3511c440fbf6ae155eca4d3a492f149dbfdef4c6', class: "zonos--title" }, h("zonos-text", { key: '8760547d3874af10a3b7e91e294ac6e68348db4f', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: 'd6feffd7216357889bbe9fba177feb8f24ad9222', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: '09cd06a131b0e429e4797cea8eaf41b05cb7b676', 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: '4b2a1e8fe3d6b6c4bafa16bbcd596c10fc19267d', class: classes([
+        return (h(Host, { key: 'a8d7a91a69c2ea3aeee0788f4d9523e1e65915eb', class: classes([
                 'zonos--invoice-subtotal zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: '34b2b3019193b694d3a38560aeec57289f1ef284', class: "zonos--invoice-table" }, h("tr", { key: '76ba9947536d494fe651da0a94b8e66a702f5728', class: "zonos--row zonos--invoice-total" }, h("td", { key: '1510c0eb1f4db6bd3f4295b0eba6c1b845f86043', class: "zonos--column" }), h("td", { key: '5d3a1fde0d9bac22ee32f961da18f749e01b2038', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: '0e61607f2795cea761e6082749ac9e85ec5a502a', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: '5b5bf8f17e8850b4b6428454adfb05f85a0a9f63', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
+            ]) }, h("table", { key: 'fb299d6ea07b48c099fca14e0c16369bf7b93955', class: "zonos--invoice-table" }, h("tr", { key: '5b01748b535af171bed832076fcfeb5308279808', class: "zonos--row zonos--invoice-total" }, h("td", { key: '829797e7d5560c6f73b661cdc53b473c57c7ad2f', class: "zonos--column" }), h("td", { key: 'cc75308e6470b4fa12182001467e7d2ca7915405', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: '38c9de7d3393a999bc06a7bafe033aefa45ead5c', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: '962069d60839b82e374d3c4aae3b2a6709a82017', 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: '76d8a0655e3d4009085f34ea0cbc56c180076081', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '219feb5a48098f89db6f6f338b54404a0d5368c6', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'c512b84c92030ad81f1a6180304fd79c2a3c3708', class: classes([
+            } }, h("div", { key: '9e37e1cdeef718fcdd8ee8243ef29bebd42bbc71', 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: '680812e8220ca3ad0a18a90c5bb614b5fea13c38', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'e939a288add6c2936746ed4b40721d13c38e793c' })), this.dismissHandler && (h("zonos-icon", { key: 'fddf84b6af4dda95c6937273d6168fc17290d747', "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: '9c538e2fe65246332655820eee13b10e7c50327b', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'df06a399a7541a63703383b8340c594541cb8067' })), this.dismissHandler && (h("zonos-icon", { key: 'bc972c68bb3eb511282bd8988b6602f4604d3e39', "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: '0e8c9eaa41b5769793e8b598e675f74e76061a7d', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: '8172735394435d60f27ff0b55d3bcd57c7327487', 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: '5de21db7f0fb00f327ffb9d9da450269e8493b43' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: 'c0afe56a3a2740aab6ed98311d6ea5d8a40fc390' }, 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: 'ff288d4a7ab7fc79e7e66328e413034e653ddc13', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '14f473f5f16407c020ae6163e5ccba00b6b8ea76', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '3fdd8e722cf4cb730f3227fe0562011af106da28', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (h("div", { key: '042ee0a9b02356aaf5b9332121e810782a3efff3', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '2973bb0afdddcfffd1d17bf423776dace52d9f7f', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '45c56c5839daf9bff44b424f2de43f02d37ca7cc', 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: '04b66449d19c5862587b5ef4b2f7cb32524b03bd', style: {
+        return (h(Host, { key: 'ae124207be3fbddbd445d74cdf31085401a09c67', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '218a1def4d384b3bf589e87ca657168de2cea3e5', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '43fe2ffcb7caa0754c93f6d94898156f5169139b', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: 'bc5f2eaa90786860e20e40987df70e0cc9c527bb', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '90be1e3b9cd28f5a7aacf79c65c56e14a37bc019', type: "subheader" }, this.label), h("h-stack", { key: 'c25845c181e02eadca3cacb2d73c7173ba0a1a50', spacing: 8 }, this.actions))), h("slot", { key: '1e875f0fc6d86ae7cc5bdcdc0fc509bdcc1e1862' }), (this.footerActions || this.footerContent) && (h("footer", { key: '8fdca089c61d02ca14946dc3aaa8cb62c2feae99', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: '6839065e2e630a841d6ecd7f03b19a93a988e49a', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '498435bbbb60cc6d1d13a304aad321107bd6feaf', type: "subheader" }, this.label), h("h-stack", { key: '4de3f042a72b16be374209b393cb174fc7d1b670', spacing: 8 }, this.actions))), h("slot", { key: 'add9dac3d8b9a50c0caa37d245f632c6a5e64d7f' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'e83f37ed24b44d9b7316579ee28ea51a3da119d8', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: '801f46a84cbb1185185ee35f51bf211f09d5aaee' }, this.footerContent), h("h-stack", { key: 'c995fab1c343973cf5da3079b99baa8b11af2903', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: '685721d5f7f51c99438f4ddf23cf75122db3223c' }, this.footerContent), h("h-stack", { key: '61a44c918aea4994c10b16045564b45135296852', 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: 'b72500a3ead1362eebf6cd90fc60fddbade0bccf', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: '68ce8866560fc44b0f0ccdc2c62ce6f12662b732', 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: '3a5104fa8f2b3874108f27732df0aee9d4bebbd6', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: 'aea12725ffa80d01c7fe1753d637f6e94e1d0fad', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, h("label", { key: '296bc060857897219204b2f7c92f14fe95d9a4e0', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '0995da201de091b958f8a7e0aa8e160d3806c9df', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: '807f1b1b8acf88793abe74d329c8ffd81a450d9b', class: "checkmark-container" }, h("svg", { key: '18bec57b0554f70704f5c53e57a5929a48165f44', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd98ba6681c05d63e242518b332b7d3292e19d39e', "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: 'f540e55464dd67bf513cf6a77b078c7492945b50', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: '9ea1f4c9e4eecf9ac151d10318fcdec7e3a242e2', class: "checkmark-container" }, h("svg", { key: '56a08834db133070b05d00c95017ed2e35a27d7f', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c137dbb9448ca58d7080b48f7e8e0ca0ce534ef9', "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: 'bdff3daf6e88591d3af0567c74569608e6dabb4e', 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: '425c77b4ab1b9a29ada76644a60c2c6f54fa2e28', class: "zonos--elements", style: {
+        return (h(Host, { key: '2bc73268f4413887abe526ab1ac01471627e9fbc', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: 'd8e13a57521242f597c8b8adf7c6f304b3a9d3ce', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: 'fb812b9d4e6ba72f26b4f31ccf8444500a72f277', 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: '9461341c83a92c810a3cf02f3828610732eecfe2', class: "zonos--tab-progress" }, h("div", { key: '142824930f5a8a6ef4fdafc7b39d9a96aa518cff', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: '0dcaeb8d709f06df00b965c7aa081294a060120e', class: "zonos--tab-progress" }, h("div", { key: '8faef8257c4a0244e1ee5f3ac5752904ecd63d96', 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: '3e88dfbb76bc891e26c8b25729719b3bdc7e4087', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: '4266c0d5399bbcecf4725cfda02ee88fb3b74843', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: '3304ccae3cf01ee2100f10e0e4751bb1ea709d00' }, h("iframe", { key: 'c7af721e790b0b7cea8a5345403d485c8ed0dae4', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: 'be37b54db2a486750777edf71ff1001e4589f80a' }))));
+            } }, h("div", { key: 'ca2fb1d9b821402ff26e171f678083d60b401a22' }, h("iframe", { key: 'ba726164295930bba21d115b732a7bd2edad18e0', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '1454a6f84d2e90be4b79868c99dfefdb21baf9d9' }))));
     }
     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: 'ae8a2dd88cbeeb8865f1ed67eae5d42356359d53', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: '459abd25f9719554dc3b4387a660618056909846', 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: 'c0622ae7cbbe469554716558eb56c452f9693568', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '3c42ad4fb2b793d65f564484126a519e97297743', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '18b46b2281cdf26b4dce3784b91a0ccd45cde7f2', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: 'f8a3c9bdbad91b046b3579eb140aad74e2784f8d', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'b41d27616223f89adb523269a3a8b982cd3559c7', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '69e7837a2aaaeea468e4887d14cbb0ea61d5f24a', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '9455881ea4d3c557b4de814235b0f66519e6fc6b', class: "wrapper" }, h("div", { key: '51f52ec83eb9fdbe1af20fdb0d149ce291597468', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'cdd954985d40e509eab4c15d063e1e7c9ebec839', class: "content" }, h("div", { key: '0ffddb684d1c33d421e2bf077fec01dba934a1e4', class: "title" }, h("zonos-text", { key: '5d778ebc6795ca69caf7df33503b6ec8ea3636c0', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'fab99060495ebeb545477e06417816c7fc8f9f3c', class: "subtitle" }, h("zonos-text", { key: 'c4baa52a5b53497db336018f62d5999e298d3ccf', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '5d92f093bd1ee37ee54c4e771e73a1d2b6b7bb39', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '0aa3788620a75732d72fca23c16b6b1a2fb694a0', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'a7195241b38061b363cae7b99828b714c96dbbff', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: '28ed6e2da0c8c56a00c46df985f21cf74c551894', class: "wrapper" }, h("div", { key: 'f20b3f00aeaef6fc306766a52607253554005cf4', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '7bb44bb7a880c599a8cc4615df48257fd0f9c19d', class: "content" }, h("div", { key: '584603b01b26b5d242f14c67a14d7b092d54b668', class: "title" }, h("zonos-text", { key: '028e06e106587778f6da2301ee44727ab1bf487f', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'c986563425dc6130fa154ce3c8e15c2aa03fb6cb', class: "subtitle" }, h("zonos-text", { key: '675899ceea2fd2de38ca8f87aa6ca69e4c7d8fc7', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '8a034df1cd91f07e870fd6eccebc2f382edf59fb', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '72e643fff73dabe0d5381e6ffc7f2237ef00f322', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'e247f450feef41b44688b937b38df8e061f386a3', 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: 'cd9acce39e76670301cd0eddde05d3933e8f4b57', class: "zonos--elements", style: {
+        return (h(Host, { key: '9b455dfc3e78f073178e36a48f4457c9a1fc3545', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '804da9b6cf7156f1dc071417f8e2c4a4495fe76a', class: "zonos--country-select" }, h("zonos-v-stack", { key: 'c1b530398ca6e35195cbdec87a4c3d715bf982c0', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'ccde759c50a589c61b92980b3842c4236003412e', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '2d86eb33f79cf77178485f8ee1a07094c2402c56', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+            } }, h("div", { key: 'feccd4390ee2e7ddf1c4ebde6f1f8bf6ae2aa846', class: "zonos--country-select" }, h("zonos-v-stack", { key: '67759dd235fa5f22b0d3d4e84523bb4a080e3cb0', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'd24bd17a1c6e6e59fb158d910ae0288d218cd1a1', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: 'a7afb62e4fbe51a1573de882e74be918c5851eb9', 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: '9d3f7a5a6938c0f728ef255ac829794c62dfd9f1', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'a0d4a6844e882ac15711b759c452c18407c567d4', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '3f15965c334c827ded8fde07609d74c26cac0ce5', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            }, type: "text", value: this.inputValue }))), h("div", { key: '6f0cc751bc79fd3f58bf8cddc85a48d80292993e', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: '072747f4d4baaeebd842329cacf4db7c4ce7b33a', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'f2b4ae2498161cff71235ff8169353779837c38a', 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: '74877279697e5e29703bea70e89cae5cb164fbeb', class: "zonos--elements", style: {
+        return (h(Host, { key: 'fa000be036f397ff9ff1111cde95eed6267af60a', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, this.message && (h("zonos-card", { key: 'c3ce65422f7cc7e55026147745349efe987a47a0', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: 'bae02d71232fed3850946d6426f871d9ede486b8', class: "zonos--flex-message" }, h("zonos-icon", { key: '7b5878e3ffb4f2b012fd17f2ada54fae08df69ae', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '714897772ab498d4c74f3d29e4186a1bf54397f2', innerHTML: messageWithLinks }))))));
+            } }, this.message && (h("zonos-card", { key: 'f388ef6cd627f47a4f7318f41a561d5e2afc3b8e', class: "zonos--custom-message", spacing: "12px" }, h("div", { key: '945d239a2db520ab316c66e333ce33d66a6dfa41', class: "zonos--flex-message" }, h("zonos-icon", { key: 'f828bcad998c78883ebeef62314335f9c0bfb03f', "aria-label": "Custom message icon", content: this.icon }), h("zonos-text", { key: '12f08f541f354cb6ad327805df0f487d8a5b347c', 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: 'a5e865f6ef72282447404923a8c1b9920ead47b1', class: classes([
+        return (h(Host, { key: '590c4e4902e0dbe713126b9ff156d063e8f8f8ad', 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: 'de67001c33a779ed467502d3f2300844034f9559', class: "zonos--backdrop" }), h("div", { key: 'ebdca7ccb32fcf7b4c60bf3d04b5de38b0668b75', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '668aa0ed4b56d7a8bfb2c93fbf045b60ae91c3e5', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '2f7a7471b2665de6c33f194799a890756949a555', class: "zonos--loading" }, h("zonos-spinner", { key: '30432f6ab8ca578896138bcdc1bac0ed737fadb1', size: 30 }), this.loadingTitle && (h("zonos-text", { key: '17fc6c0e541f62118c6ce9dc5670b7023c99372c', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '8f278c76b5109c5b048c8c99f559c41240f2f2c0', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '9967ec60be44a768192afc7afd09064001f2881e', class: "zonos--header" }, this.headerText && (h("h3", { key: '12daab9cff11f16b396c8595c76e9e82cea790b2', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '9ba377e1078166e81b3edb7a6f0925602bd271c5', 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: 'a467dd66e0feea9a2e035bf8af6ef4c5d43e88eb', class: classes([
+            } }, h("div", { key: '14a99268f7f0ab8c6c70764c8c1d5757e66b9dbf', class: "zonos--backdrop" }), h("div", { key: '05cddc36b2189cf234f6e83c39a83220c11ec43f', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '3b7160e77e0eedda0d01f46e338cc3923de4153d', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '3257270ad5e27e55a4d5b68700c924c4d69a0aaa', class: "zonos--loading" }, h("zonos-spinner", { key: 'f9a3e2452daa08f8fd0a889a08ad39da3f28b1cc', size: 30 }), this.loadingTitle && (h("zonos-text", { key: 'a342fae51f881c7686e577769850d5105722d722', class: "zonos--loading-title", size: "l", weight: 700 }, this.loadingTitle)), this.loadingText && (h("zonos-text", { key: '17e69ab28563fff1a2289dd1598b542d18a9350d', class: "zonos--loading-text" }, this.loadingText)))), (this.headerText || !this.noCloseButton) && (h("div", { key: '2e9f0db72356193bd9789a21adbe35f29b456d9f', class: "zonos--header" }, this.headerText && (h("h3", { key: '8f7e92cbf2ab27442f4b8901ce2f8ec826939bf0', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'da358aa5942534abaf67a065e6ccce4722f91f27', 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: '6abd9c5d6f7e1b8a533bdd878550009191905ff9', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: '7cb10ba057870384afa85d4492a39c2f01766641' })), h("slot", { key: 'e8a90958c50234218123ffbc65fe16980a35a169', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: 'a3bc9604905f1c1ff53a5dc5c022ad6145a98735' })), h("slot", { key: '717b33f0583845613702e989570a41e5a8b54f08', 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: '6d17afddd6bee4215f1ca29e6d1876ead04b1cf4', style: {
+        return (h(Host, { key: '721c4dd7d467879b21078725e6343b7ee8d76675', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("slot", { key: '1588eca69137d187ce946df8004a5192187e963b' })));
+            } }, h("slot", { key: '1e4dc26d7e61893d04bc6255abf2834b4545b335' })));
     }
     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: '3c4fd9d72bc124d6e915661038e6b64bee692a98', class: classes([
+        return (h(Host, { key: '445bab80717654fca6b836082410b1aaba4a3838', class: classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius(),
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '80906b54a0cc8e031b0752c4f7c7b8b3ffdd6b3f', class: classes([
+            } }, h("div", { key: '57d353636fbc0285bc38764504de9b2b0dc3e472', class: classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, h("input", { key: '413602bca1b288330631c043610161501c86e59c', class: classes([
+            ]) }, h("input", { key: '9c95331674590a833fb964e1a48898eb201ff5c3', 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: '183e2196be5a6d2acb202af9183b0624baf242df', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), h("label", { key: 'd0b17493714e5e4aa60fcc8535c66acfa3129367', 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

@@ -20,9 +20,9 @@ export class ZonosLanguageSelect {
     }
     render() {
         const { selectedLocale } = localizationStore;
-        return (h(Host, { key: '14d44b42030ca6032055288d6b6f75b509910e0a', class: "zonos--elements", style: {
+        return (h(Host, { key: '73a3caa12f7e3086474f200b6ee839b08213d77d', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '3fec082ed1aba86fb31327c5f8312f4eb84f0c71', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: 'd31533f6e04a0966dc6e9b4dcbe6320951162d16', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: '8bc96f64036523ac15ad0414c7b0bed09e9df75d', 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: '1c99467d96401c5887326e54d738c305b9d15278', class: "zonos--language-select" }, h("zonos-select-dialog-header", { key: '61d06916c6d8c56f6d95beb4d4869f5bd1d4704d', handleOnClose: () => this.handleOnClose(), label: translate('Select a language') }), h("div", { key: 'b5cee89f90a0911b15607e0897803d73a182b367', 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.href = '';
     }
     render() {
-        return (h(Host, { key: '87f948b23f9166f04a9ff478c3a10cac68acd749', class: "zonos--elements" }, h("a", { key: '54ef1e907c92be92a395326808977e97b92b4121', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: '9a40d6624eb6e42d54efd40f5e6827713d51197c' }))));
+        return (h(Host, { key: 'cd003919a24549f15dd74070af6298426c291551', class: "zonos--elements" }, h("a", { key: '0825c350db56dcde8d6f79e269ffbf04f4adb65c', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, h("slot", { key: 'bb9d77ba3dbc358e5359ee3422a638cb712af263' }))));
     }
     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: '3f830d0014a8988893b2cbde578035b1b8727ac5', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '84371b0bb118aef5c4ec5e1c6903d699d5402c14', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'cf53766a1bbdf7433c5f7a1cf46e00bbd63f08b3', size: this.size, spinnerColor: this.spinnerColor }))));
+        return (h(Host, { key: '8216ba7271f4eb12153620d0268fd7b5dea632ad', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: 'ad3ab1b7e51b2de173e1b1a489bce3cdacc798f1', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: 'dc1dd642825268c01c5df120165a7aec85d121e9', 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: '93f6a3dab000ca09fcd5c669406cdd44a06b5f25', class: classes(['zonos--elements zonos--logo']), style: {
+        return (h(Host, { key: 'deeabf3741e7b907703667597b8a7dfe26612d66', class: classes(['zonos--elements zonos--logo']), style: {
                 '--zonos--filter-color': filterColor,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--width': this.width,
-            } }, h("img", { key: 'f2343614678d331ea63210d01e3be9f3c49ce7a6', alt: "Zonos Logo", src: getAssetPath('./assets/ZonosLogo.png') })));
+            } }, h("img", { key: 'fc2d30312252068910760cbd32ae0615c7a988c1', 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: '70b8901469cba98007780b2dc6cceaa61f96d8ac', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: 'c8ad36ee240e6c623cfd950a9cd2eebc89e1d264', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '7903d837e37c843a55aee6211cc2071add4f5a05', class: "zonos--restState-image" }, h("img", { key: 'dee0733ab529b004f53d1d69a29a07d7a44a3eea', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: 'c1f45b4dfc584bd492f36cd678699aec372d0b41', class: "zonos--restState-image" }, h("img", { key: 'dbbcbfcdfb849c8f31c17eba4f99d2fbf1f9f05d', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: '612e7d71d5e6bd2e0c37d7c6595b35ea5ca416dd', class: "content" }, h("zonos-text", { key: 'c28379a4b4546afa6b323986c092c9538aa66b65', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '309e2e9c5086d0c84ccbe6c695d657d9f8e16da0', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '7fb9586682d221a311598ee8d294c6daede33e96', class: "action" }, h("slot", { key: '87959654a7a3c9c621d633a492627d53ff561fd4' }))));
+            }, src: imageUrl })), h("div", { key: 'a3f92d7c4b7c3d6b27b310024b60659903901300', class: "content" }, h("zonos-text", { key: 'c3f6af9cc17b95f988d848e18e3afbdb711c5ddd', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '656d089910ca5aa79b762d6c36b9b14ef093b706', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'e44d6b8bdf04cc1bc31a3ed427260c08ab05781b', class: "action" }, h("slot", { key: '662fcf9da75d402dbfdd4ec8135c5112c5cc7527' }))));
     }
     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: 'eb0958752881635e0e5edf9b0e66fccd1064b3f8', class: "zonos--elements", style: {
+        return (h(Host, { key: 'fe2c8fdf8526d9737d5e78c97c823a8cb18caa15', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("zonos-v-stack", { key: '1f02a7f61e20a4b36e2d5598f8228482ad3f54f4', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '87b5d8d2486cc45cd8be8841d2995f4c33e9c524', class: "zonos--select-dialog-header" }, h("zonos-text", { key: 'e5c9621a69d19e6925fb7115289f74b8ec0eb76d', type: "boldLabel" }, this.label), h("zonos-button", { key: '4d61d8ee3df26c296b48b945ccb1380027def911', 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: '1a20da26116e95278d21f7d413d238ae18d8805d' }))));
+            } }, h("zonos-v-stack", { key: '32c1113029b0b20d98615556c3ac34bafeadf8cf', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, h("div", { key: '2f41e2f8d0c9593a8d2ea42af914cb9600ecb392', class: "zonos--select-dialog-header" }, h("zonos-text", { key: '8eb0aeee1db700d9fb70423ddc907ea83af0922a', type: "boldLabel" }, this.label), h("zonos-button", { key: '21d8f5a416d8cee77112dba035c9f45e2a539d3e', 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: '5f5b18516cf6c5c98286f037804eb589e270ce3b' }))));
     }
     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: '06888cfea3918480152b8f1af660148882747195', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+        return (h(Host, { key: '22a28005143f47dd80eaec233e7d9937d7e72507', class: classes(['zonos--elements zonos--skeleton']), style: styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));