@zonos/elements 1.3.265 → 1.3.266

package/dist/cjs/zonos-invoice-cart-items_2.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c325b9e4.js');
-const localization = require('./localization-06cc0379.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-1f521ea7.js');
+const cart = require('./cart-efc42379.js');
+const localization = require('./localization-4b17c530.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-e0436f1c.js');
 const classes = require('./classes-b7918f56.js');
-const invoice = require('./invoice-ac9414df.js');
+const invoice = require('./invoice-9e4d479f.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./zonosStore-0662b95f.js');
 require('./VarianceTest-bec00ea8.js');
@@ -34,10 +34,10 @@ const ZonosInvoiceCartItems = class {
     }
     render() {
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
-        return (index.h(index.Host, { key: 'a79106d8930a18d9806ca7f82dbfada663f46964', class: classes.classes([
+        return (index.h(index.Host, { key: '55bb132970db23e06698701d7d27e108ff0643e0', class: classes.classes([
                 'zonos--invoice-cart-items zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, index.h("table", { key: '89496bfdd77e168ee388d94e83981b3657fea40b', class: "zonos--cart-table" }, index.h("tbody", { key: 'fa5a7a17018942300f8168e2d1ac0ea349f02da5' }, nonRestrictedItems.map(item => {
+            ]) }, index.h("table", { key: 'c9722c17a507ca9fdcb8ca47151d14ba1d74f698', class: "zonos--cart-table" }, index.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;
@@ -73,10 +73,10 @@ const ZonosInvoiceSubtotal = class {
         this.isMobile = false;
     }
     render() {
-        return (index.h(index.Host, { key: '4b2a1e8fe3d6b6c4bafa16bbcd596c10fc19267d', class: classes.classes([
+        return (index.h(index.Host, { key: 'a8d7a91a69c2ea3aeee0788f4d9523e1e65915eb', class: classes.classes([
                 'zonos--invoice-subtotal zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, index.h("table", { key: '34b2b3019193b694d3a38560aeec57289f1ef284', class: "zonos--invoice-table" }, index.h("tr", { key: '76ba9947536d494fe651da0a94b8e66a702f5728', class: "zonos--row zonos--invoice-total" }, index.h("td", { key: '1510c0eb1f4db6bd3f4295b0eba6c1b845f86043', class: "zonos--column" }), index.h("td", { key: '5d3a1fde0d9bac22ee32f961da18f749e01b2038', class: "zonos--column zonos--invoice-subtotal-title" }, index.h("zonos-text", { key: '0e61607f2795cea761e6082749ac9e85ec5a502a', type: "semiBoldLabel" }, localization.translate('Payment total'))), index.h("td", { key: '5b5bf8f17e8850b4b6428454adfb05f85a0a9f63', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback.renderFallback({
+            ]) }, index.h("table", { key: 'fb299d6ea07b48c099fca14e0c16369bf7b93955', class: "zonos--invoice-table" }, index.h("tr", { key: '5b01748b535af171bed832076fcfeb5308279808', class: "zonos--row zonos--invoice-total" }, index.h("td", { key: '829797e7d5560c6f73b661cdc53b473c57c7ad2f', class: "zonos--column" }), index.h("td", { key: 'cc75308e6470b4fa12182001467e7d2ca7915405', class: "zonos--column zonos--invoice-subtotal-title" }, index.h("zonos-text", { key: '38c9de7d3393a999bc06a7bafe033aefa45ead5c', type: "semiBoldLabel" }, localization.translate('Payment total'))), index.h("td", { key: '962069d60839b82e374d3c4aae3b2a6709a82017', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: invoice.invoiceStore.amountTotalDue || 0,
                 isForeign: true,

package/dist/cjs/zonos-invoice-finish_5.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c325b9e4.js');
-const paypal = require('./paypal-b52e1f24.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-efc42379.js');
+const paypal = require('./paypal-3bb55914.js');
+const localization = require('./localization-4b17c530.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
@@ -14,9 +14,9 @@ const VarianceTest = require('./VarianceTest-bec00ea8.js');
 const isInvoiceMobileTablet = require('./isInvoiceMobileTablet-dde41e4e.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const invoice = require('./invoice-ac9414df.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-1f521ea7.js');
-const placeTestOrder = require('./placeTestOrder-d93a6f2b.js');
+const invoice = require('./invoice-9e4d479f.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-e0436f1c.js');
+const placeTestOrder = require('./placeTestOrder-313cbd78.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./isDarkColor-e317bb06.js');
 require('./isContrastColor-a02c4889.js');
@@ -273,11 +273,11 @@ const ZonosInvoiceFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (index.h(index.Host, { key: '0e85f53a2195cb775590ca7cf815fe5ff555a5a7', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '5f563128da4ccbf30f9f09446760a83666be0987', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: 'a72982af4d9e1ccd015486185841bdfb8100de4f', class: "zonos--finish-details" }, index.h("div", { key: '905c39d1f8d0c4db69fe69af86b5d2fd27e6c6bc', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '4b4aac452d596888d9a2a132e4909cb96985e3e1', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: 'df0281e69b04b3f2ad238cbfb4a8a142e6c08447', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'f92416cc2024dc6e58c3886f0d8990a3753c82f4', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: 'cbd8a00f6ee518a62cab4edb8c29167a108710c0', class: "zonos--button-container" }, index.h("zonos-button", { key: 'bcc697820cfbab42417626c2bf1d887bee67fa5f', onClick: () => {
+            } }, !this.isLoading && (index.h("div", { key: '276f35404f91ae34b310e1f006770a8885a9751d', class: "zonos--finish-details" }, index.h("div", { key: 'e6f73be5adced5c4d7598a7c41827414a41b75fc', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '5c010a8bc22853ceb669b64cb0ac608dbd01f78c', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: 'c20d9274ef2d3824e581a172b416451f8ed0f4fb', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'eab62f7ca2bb6f9a610179a9c3a345844bf99d5b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: '5a870802ce9b2b34769ac1fa2920e17eed0d1c91', class: "zonos--button-container" }, index.h("zonos-button", { key: '09784e7c0a421a304987d84c1d81f0ee2995c0eb', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
@@ -342,15 +342,15 @@ const ZonosInvoiceFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.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 (index.h(index.Host, { key: 'f1df2afbf4312c216d2b0776b08bdf18a99918fa', class: classes.classes([
+        return (index.h(index.Host, { key: '01fce97d4d724d4bca4973a426e131da5a01dc16', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '15ec928ff1686fab2644fdad65b528e16f887c3d', class: "zonos--invoice-footer" }, index.h("div", { key: 'b3a81689dca77c65837366168b4cc512e873ebe6', class: "zonos--invoice-locale-wrapper" }, index.h("zonos-button", { key: 'f599ee52720855f47f1775f16b4beb5d673bc1fa', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: 'b5ac314d22571b01be5d7ddea7012b6431fde634', class: "zonos--invoice-locale-label" }, languageLabel, index.h("zonos-icon", { key: 'fa150a4e7d75327510e2bfc07e9911a8adb9a3ba', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '673eed561dace62416822df5e7948fdfb423e6c3', class: classes.classes([
+            ]) }, index.h("div", { key: '99e579f6903c96c8540d5010fc128173e34e0997', class: "zonos--invoice-footer" }, index.h("div", { key: 'fa45f5e6fbb2ff06265f252fd3c3acf74b265e1e', class: "zonos--invoice-locale-wrapper" }, index.h("zonos-button", { key: '3496814c51949ff1f1d727bd5c9fabeb4b86372f', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: 'c669df5b12bce8be322fca8d0cb76a29b088fd25', class: "zonos--invoice-locale-label" }, languageLabel, index.h("zonos-icon", { key: '748444a42af6feef4378b418341927c15e9dc293', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '80943da0cc442ff525c7fd8f5d3f0159933b1950', class: classes.classes([
                 'zonos--invoice-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--invoice-language-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: '6d1a6ae828bf8701fe08605ab5952528e74ad92f', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '3b2484d4a4a0899b746a81e055cd9a4a4fcf6db9', class: "zonos--invoice-footer-icon-wrapper" }, index.h("div", { key: '3b4a8431e9cbd3133c69356c1bba186f7cec2fdf', class: "zonos--invoice-footer-logo" }, index.h("zonos-text", { key: '73f8f0b9978b715d611c72beded88862e27c8473', textColor: colorDesktop }, localization.translate('Powered by')), index.h("a", { key: 'e9a9a63c0c042f40c76d1293c05d2c23165c7af1', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '5bd7ac7cd01581ba40a258f491417b04ab71c250', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'cf86cea8570caac18fbe1532478141e64e6cfd70', class: "dot" }), index.h("a", { key: '12b5cfa380ae7c2fbc2d3e7501c415761a1f199a', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '9588bdc785c892a39d3c37d034d1f874c8492fa2', textColor: colorDesktop }, localization.translate('Privacy policy')))))));
+            ]) }, index.h("zonos-language-select", { key: '5f72d992de939c0159979b7b054f50e803499d64', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '5f751d324bea65a722d60643f7a55a83648dbff9', class: "zonos--invoice-footer-icon-wrapper" }, index.h("div", { key: '041e633d638437535b04029bcc0173f69dc8861c', class: "zonos--invoice-footer-logo" }, index.h("zonos-text", { key: '57adb6eb396406aa2e1bf01e404fd53bc2c9c2cf', textColor: colorDesktop }, localization.translate('Powered by')), index.h("a", { key: '6e87d992ab4d97d2edf7be4ee3d2a07d77dd93ea', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: 'f13be4e13b4991b65f052587feba6e0b08382332', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: '44dbef690ef8088bfc30f2fc7dc83f693cd530f4', class: "dot" }), index.h("a", { key: '341ceb26c07e9d0aa1f273fc8ba0e92a7ddfb93b', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '47b7c26113144d942fc98f1dd87883f818e2ef2a', textColor: colorDesktop }, localization.translate('Privacy policy')))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -663,13 +663,13 @@ const ZonosInvoiceReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: 'be8d8f1688a86ccaa9431cae2885c57a08f3ee9b', class: classes.classes([
+        return (index.h(index.Host, { key: '52bdf36710017e5fa9edc0c138639a06cb5d05c5', class: classes.classes([
                 'zonos--invoice-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: '74dce7ae0a90490d95852c789d8e27ee51846ed5', class: "zonos--title" }, index.h("zonos-text", { key: '3539a1110abdac4b1dc909f37a4845d8a0ad8fa0', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
+            ]) }, index.h("div", { key: '3511c440fbf6ae155eca4d3a492f149dbfdef4c6', class: "zonos--title" }, index.h("zonos-text", { key: '8760547d3874af10a3b7e91e294ac6e68348db4f', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: 'd6feffd7216357889bbe9fba177feb8f24ad9222', class: "zonos--total-pay" }, renderFallback.renderFallback({
+        }))), index.h("div", { key: '09cd06a131b0e429e4797cea8eaf41b05cb7b676', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: invoice.invoiceStore.amountTotalDue || 0,
                 isForeign: true,

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c325b9e4.js');
-const invoice = require('./invoice-ac9414df.js');
-const paypal = require('./paypal-b52e1f24.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-efc42379.js');
+const invoice = require('./invoice-9e4d479f.js');
+const paypal = require('./paypal-3bb55914.js');
+const localization = require('./localization-4b17c530.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-edddbf4b.js');
 const handleFetch = require('./handleFetch-954f30e1.js');

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const localization = require('./localization-06cc0379.js');
+const localization = require('./localization-4b17c530.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-954f30e1.js');
@@ -34,9 +34,9 @@ const ZonosLanguageSelect = class {
     }
     render() {
         const { selectedLocale } = localization.localizationStore;
-        return (index.h(index.Host, { key: '14d44b42030ca6032055288d6b6f75b509910e0a', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '73a3caa12f7e3086474f200b6ee839b08213d77d', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '3fec082ed1aba86fb31327c5f8312f4eb84f0c71', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: 'd31533f6e04a0966dc6e9b4dcbe6320951162d16', handleOnClose: () => this.handleOnClose(), label: localization.translate('Select a language') }), index.h("div", { key: '8bc96f64036523ac15ad0414c7b0bed09e9df75d', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
+            } }, index.h("div", { key: '1c99467d96401c5887326e54d738c305b9d15278', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: '61d06916c6d8c56f6d95beb4d4869f5bd1d4704d', handleOnClose: () => this.handleOnClose(), label: localization.translate('Select a language') }), index.h("div", { key: 'b5cee89f90a0911b15607e0897803d73a182b367', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
     }
 };
 ZonosLanguageSelect.style = ZonosLanguageSelectStyle0;
@@ -60,9 +60,9 @@ const ZonosSelectDialogHeader = class {
         this.label = '';
     }
     render() {
-        return (index.h(index.Host, { key: 'eb0958752881635e0e5edf9b0e66fccd1064b3f8', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'fe2c8fdf8526d9737d5e78c97c823a8cb18caa15', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("zonos-v-stack", { key: '1f02a7f61e20a4b36e2d5598f8228482ad3f54f4', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: '87b5d8d2486cc45cd8be8841d2995f4c33e9c524', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: 'e5c9621a69d19e6925fb7115289f74b8ec0eb76d', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '4d61d8ee3df26c296b48b945ccb1380027def911', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: '1a20da26116e95278d21f7d413d238ae18d8805d' }))));
+            } }, index.h("zonos-v-stack", { key: '32c1113029b0b20d98615556c3ac34bafeadf8cf', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: '2f41e2f8d0c9593a8d2ea42af914cb9600ecb392', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: '8eb0aeee1db700d9fb70423ddc907ea83af0922a', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '21d8f5a416d8cee77112dba035c9f45e2a539d3e', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: '5f5b18516cf6c5c98286f037804eb589e270ce3b' }))));
     }
 };
 ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;

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

@@ -16,7 +16,7 @@ const ZonosLink = class {
         this.href = '';
     }
     render() {
-        return (index.h(index.Host, { key: '87f948b23f9166f04a9ff478c3a10cac68acd749', class: "zonos--elements" }, index.h("a", { key: '54ef1e907c92be92a395326808977e97b92b4121', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: '9a40d6624eb6e42d54efd40f5e6827713d51197c' }))));
+        return (index.h(index.Host, { key: 'cd003919a24549f15dd74070af6298426c291551', class: "zonos--elements" }, index.h("a", { key: '0825c350db56dcde8d6f79e269ffbf04f4adb65c', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: 'bb9d77ba3dbc358e5359ee3422a638cb712af263' }))));
     }
 };
 ZonosLink.style = ZonosLinkStyle0;

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

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

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-b1f95d96.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-a91911e7.js');
-const getContrastColor = require('./getContrastColor-68058615.js');
+const getContrastColor = require('./getContrastColor-ce80dbe7.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 require('./VarianceTest-bec00ea8.js');
 require('./isDarkColor-e317bb06.js');

package/dist/cjs/zonos-store-credit.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-c325b9e4.js');
-const localization = require('./localization-06cc0379.js');
+const cart = require('./cart-efc42379.js');
+const localization = require('./localization-4b17c530.js');
 const zonosStore = require('./zonosStore-0662b95f.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-1f521ea7.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-e0436f1c.js');
 const getBorderRadius = require('./getBorderRadius-a91911e7.js');
 require('./VarianceTest-bec00ea8.js');
 require('./handleFetch-954f30e1.js');

package/dist/cjs/zonos-stripe-input.cjs.entry.js

@@ -77,7 +77,7 @@ const ZonosStripeInput = class {
             ? zonosStore.zonosStore.appearance.theme === 'DARK'
             : primaryColor && isDarkColor.isDarkColor(primaryColor);
         const fontSize = zonosStore.zonosStore.appearance.fontSizeInputValue || 16;
-        return (index.h(index.Host, { key: '77300abdafcc0b557b89c15a7755b4278d0acdee', class: classes.classes([
+        return (index.h(index.Host, { key: 'f9f06dba4fb5f74088bd501fad3dbe9784e54b87', class: classes.classes([
                 'zonos--input zonos--elements',
                 isDark && 'dark',
                 (this.isError || !!this.error) && 'has-error',
@@ -86,10 +86,10 @@ const ZonosStripeInput = class {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
                 '--zonos--font-size': `${fontSize}px`,
                 '--zonos--primary-color': secondaryColor,
-            } }, index.h("div", { key: 'a6d091455bc8a33e8031d37f9b471118994bad47', class: classes.classes([
+            } }, index.h("div", { key: '9af2062a1f5730eea33d3741961f359a69f5ce83', class: classes.classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, index.h("input", Object.assign({ key: '2001e1c1427c11b203514c0c849f3a1f3c2381dc' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes.classes([
+            ]) }, index.h("input", Object.assign({ key: '01d97ec638227200096f60d6f5408246c857662d' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes.classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.internalValue && 'has-content',
@@ -99,7 +99,7 @@ const ZonosStripeInput = class {
                 this.inputChange.emit(input.value);
                 this.el.inputValue = input.value;
                 this.el.dispatchEvent(new Event('change'));
-            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: '8b42af0315ed314fb267bf32dfcfebfee3a69a75', class: "zonos--floated-label" }, index.h("label", { key: '3de63395251ac591b1c3c527093560702f30575f', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: 'ee7b2b13d5577b965387bb1029f8036fb099890d', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: '7344a6d20db2d94f49a1b848f49cb0dc17ad759d', class: "zonos--floated-label" }, index.h("label", { key: 'bac9810d8897672b7c7ab5e3cb07f1ae03803a8e', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: '7f84007f704fb2f1da0c7581f23c426d87cf1cc0', textColor: "red-600", type: "caption" }, this.error))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/collection-manifest.json

@@ -5,6 +5,7 @@
     "components/common/zonos-notification/zonos-notification.js",
     "components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.js",
     "components/common/zonos-spinner/zonos-spinner.js",
+    "components/common/zonos-stripe-select/zonos-stripe-select.js",
     "components/checkout/zonos-checkout/zonos-checkout.js",
     "components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-display/zonos-address-display.js",
     "components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-form/zonos-address-form.js",
@@ -59,7 +60,6 @@
     "components/common/zonos-skeleton/zonos-skeleton.js",
     "components/common/zonos-stripe-input/zonos-stripe-input.js",
     "components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js",
-    "components/common/zonos-stripe-select/zonos-stripe-select.js",
     "components/common/zonos-text/zonos-text.js",
     "components/common/zonos-toggle/zonos-toggle.js",
     "components/common/zonos-tooltip/zonos-tooltip.js",

package/dist/collection/components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-form/zonos-address-form.js

@@ -27,15 +27,15 @@ export class ZonosAddressForm {
         const { firstName, lastName } = extractName({
             name,
         });
-        return (h(Host, { key: '22d085e462e69a4100a8cb1763367f53b933ed1d', class: "zonos--address-form zonos--elements" }, h("div", { key: '17d6c92370343ffbd1b4a85b3c49055a5a7f9d72', class: "zonos--title" }, h("zonos-text", { key: 'a4cb01bd8fed154567e0b7ade87777a1552ea815', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
+        return (h(Host, { key: '7daab005bebe43bc506b8da0fc3603f87f5cc07e', class: "zonos--address-form zonos--elements" }, h("div", { key: '61e8f1447408a10c42cbb6dfe1e5cd2986c34824', class: "zonos--title" }, h("zonos-text", { key: 'd8b0298a92731c5d7e8297f00036cbf6a6b7e8db', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
             ? translate('Shipping')
-            : translate('Billing'))), h("div", { key: '4a1dddabc011e465d295b5c2994fda3a2531c96e', class: "zonos--address-group" }, h("div", { key: '60df882b5717b2f557a5051f492b2c838f938cd9', class: "zonos--contact" }, h("zonos-text", { key: '90b6613ccf1b2a445baae5f700f392d195924688', type: "label" }, translate('Contact')), h("zonos-input", { key: '125815769a366e113b61d5581578ef6ecbdffa79', class: "zonos--form-email", inputLabel: translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), h("div", { key: 'd0d331fb33f40243ce23824db5ba9551fd5636f8', class: "zonos--name zonos--address-row" }, h("zonos-input", { key: '46323db8f305e491215df03ef2092e76eec38355', class: "zonos--form-first-name", inputLabel: translate('First name'), inputValue: firstName, isError: isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
+            : translate('Billing'))), h("div", { key: 'b6fd70d9ee4cc61159e55a079649c79f48e4a98c', class: "zonos--address-group" }, h("div", { key: '3f163fd25a4c3a36c0fbe97b2578c9fbfbebc8e6', class: "zonos--contact" }, h("zonos-text", { key: '40ec47d730083b242fba7ed45711fa19bc1a3a73', type: "label" }, translate('Contact')), h("zonos-input", { key: '980d9afd5143a4be16b61fdd44b8badd26c0551f', class: "zonos--form-email", inputLabel: translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), h("div", { key: 'd3b7937d5c172a9aa1fb6fb294f7518702c42782', class: "zonos--name zonos--address-row" }, h("zonos-input", { key: '1cda2417557992ff1e018470f49bc553570e7ab8', class: "zonos--form-first-name", inputLabel: translate('First name'), inputValue: firstName, isError: isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${e.detail} ${lastName}`,
-            }) }), h("zonos-input", { key: '3c055ee2f1fcaf93ebcbd8f11ad6609cd33e9e14', class: "zonos--form-last-name", inputLabel: translate('Last name'), inputValue: lastName, isError: isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
+            }) }), h("zonos-input", { key: 'faf4991bde56989dc613d321660a3084b0e9a8e6', class: "zonos--form-last-name", inputLabel: translate('Last name'), inputValue: lastName, isError: isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${firstName} ${e.detail}`,
-            }) }))), h("div", { key: 'ce30f816d03b497eb4491d2554eb63c0aabf110c', class: "zonos--address" }, h("zonos-text", { key: '304867c5354ac55071c88944a63bba88ea3fb86f', type: "label" }, translate('Address')), h("zonos-input", { key: 'f0efe937603a38761643af1486b53359a19593e5', class: "zonos--form-country", inputLabel: translate('Country'), inputValue: country, isDisabled: true }), h("zonos-input", { key: '8360a4ae65c8963e886a3fb8322e0e539d121142', class: "zonos--form-line1", inputLabel: translate('Address line 1'), inputValue: line1, isError: isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), h("zonos-input", { key: '2c9374917b705c2c9306d3d4d7fc4b4043c2b73b', class: "zonos--form-line2", inputLabel: translate('Address line 2'), inputValue: line2, isError: isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), h("div", { key: 'fd067074070cadba3d895503f35c344ff817fec2', class: "zonos--address-row" }, h("zonos-input", { key: 'a565bee68e2498403df2801eb90005e8cb2d6f44', class: "zonos--form-city", inputLabel: translate('City'), inputValue: city, isError: isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), this.currentAddress.state && (h("zonos-input", { key: 'c5a14d96cef1d48cc82dcedaef21949a77251843', class: "zonos--form-state", inputLabel: translate('State/Province'), inputValue: state, isError: isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) }))), h("zonos-input", { key: 'a3359119c246a906f0c2305207b522324ccb16bf', class: "zonos--form-postal-code", inputLabel: translate('Postal code'), inputValue: postal_code, isError: isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), h("zonos-input", { key: '0196f951181a52f923ffb7cd5d4395e42b86cd8a', class: "zonos--form-phone", inputLabel: translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
+            }) }))), h("div", { key: '831483d5496ded27e71c1b4eb78bfb5ee8af52fb', class: "zonos--address" }, h("zonos-text", { key: '4d31ee6171c36401dda6653cedb43b81cf85a3cb', type: "label" }, translate('Address')), h("zonos-input", { key: '9134efbee8a46c04873dded9985d4437766aba61', class: "zonos--form-country", inputLabel: translate('Country'), inputValue: country, isDisabled: true }), h("zonos-input", { key: '4db075bee380c24ddfc706d7e72f631c9d451af3', class: "zonos--form-line1", inputLabel: translate('Address line 1'), inputValue: line1, isError: isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), h("zonos-input", { key: '6866187e5de8caaed307b4ad3e49048ccf8b08af', class: "zonos--form-line2", inputLabel: translate('Address line 2'), inputValue: line2, isError: isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), h("div", { key: '485f219a65abda705b20c4fdad0ec06d7b640f4c', class: "zonos--address-row" }, h("zonos-input", { key: '755a75893aaba7fd3be6842a4b29886f77a691bc', class: "zonos--form-city", inputLabel: translate('City'), inputValue: city, isError: isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), this.currentAddress.state && (h("zonos-input", { key: 'd66f0cf58169adb5c53a2c0e2cf308e66cd639ac', class: "zonos--form-state", inputLabel: translate('State/Province'), inputValue: state, isError: isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) }))), h("zonos-input", { key: '7fb5821a69f45779e616ef714c3774745b7cb0ca', class: "zonos--form-postal-code", inputLabel: translate('Postal code'), inputValue: postal_code, isError: isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), h("zonos-input", { key: 'a45be76f3e8073c5ea152f2814c52201c12f6d3b', class: "zonos--form-phone", inputLabel: translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
     }
     static get is() { return "zonos-address-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class ZonosCartItems {
     render() {
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '52911cfab4b2da9d65c840cd692e638c9dc732c5', class: "zonos--cart-items zonos--elements" }, h("table", { key: '428a62423a7fcf0721f420c9fdceac4bd928a6eb', class: "zonos--cart-table" }, h("tbody", { key: '41a438eeb79635ba00a241fa9771b9c33c7fe7ff' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: '0533f9858716c5084f2f7d454038918dcea3f1d0', class: "zonos--cart-items zonos--elements" }, h("table", { key: '9819698277a5c597528364d19b7c5c7c3161fdd7', class: "zonos--cart-table" }, h("tbody", { key: '59493dfb49143a56f2addaf0c9eb1e8ce014dc1f' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown(item.name);
             const amount = item.amount * item.quantity;

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

@@ -583,11 +583,11 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '97291e81aef62884ec0519d93dcc7ff184b2913d', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '3df50a75327f2dd1d7eea538aed0501c96504f2d', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isImmediateRedirecting && (h("div", { key: '40569271fb67acb22a4a0fa3c0fc8e1c0c641061', class: "loading-wrapper" }, h("zonos-spinner", { key: '8b431c7751e5e32fe97f4244151ece7de3c6d9bc', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: '0f5c89c285acf8c4f79e058c69cde9011df7e1a2', class: "zonos--finish-details" }, h("div", { key: '7491b15a90941476338ec6b1738312ffd4ebd2c0', 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: '87e0d022014596b02d813ee510917b7ec9b55e09', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '456bd678d5ba6f5b74da34f906bbe9f4bed870ac', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'ebde02a73e71ad88d7d68629f2cd8a34d961aa63',
+            } }, this.isImmediateRedirecting && (h("div", { key: '6031b9b4d5847bb46a201ccf7f6b1cd036b3e3df', class: "loading-wrapper" }, h("zonos-spinner", { key: 'e816086c5efdfe8c1b40ce0bad935ef829a8f88d', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: 'c787a355834af35a53f09f51f97c6796fa25c345', class: "zonos--finish-details" }, h("div", { key: 'a2a4bd3caee1cbffd514dcd69927a0f8a4e20af1', 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: '894069f110eab9cb02fe4dfa814d7c285dadf7cb', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '95bee491e9ac903a594569c911a81c63ebfab691', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'cf10c1bdfe95c5a13a2714fc7d64042fa7ef49ac',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -599,9 +599,9 @@ export class ZonosCheckoutFinish {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '2b86a3d9fb705ad080af532e645fd26aa844a14a', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'cc9da3752636dbf9ecd3446fb787074cb1fa725b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (h("div", { key: '83a9dc9fb81baaf9e223dfa9fe0fc0fc4c106635', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'edf8057b0430e3e4bb8fd675554659781e1724ae', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '3c40eee58d8a2ad5951dfdfc7c8d485052b6ba73', onClick: () => {
+            this.notificationType === 'success' && (h("div", { key: 'f61fedefbfcf3650377bfd2e1a86d7feb4129b12', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'fa794be3da7f480bc3682a2e932ee1f876ac5bb2', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '5bbff8ed5b5c585dd1a4ca8e2d206d48fb080f39', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'

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

@@ -37,10 +37,10 @@ export class ZonosCheckoutFooter {
         const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
-        return (h(Host, { key: '608a64c8e871bc0544cb80b719c9e11d441e2909', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '37e6da358ce729c118128d9fae97efed127d83b9', class: "zonos--checkout-footer" }, h("div", { key: 'd42eb447dd73073debd6c0d48b766ce31f995b32', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '3a61cc1647aa2e74d0e1fd5534ae9ff66446ba7a', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '28bfc7ed3b75c9724e951177914f2d874fff27fe', class: "zonos--checkout-locale-label" }, languageLabel, h("zonos-icon", { key: 'b082108bcc0b5dded10136056fa1426bb6adda8e', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: 'ddccc795078e5eb55b25cbe5d5a6bf502579cded', class: classes([
+        return (h(Host, { key: 'ec472ed419e634f96630332398ff6e814dcd0391', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: 'd29154eb86046ddd440460343b3b115d3e23c87d', class: "zonos--checkout-footer" }, h("div", { key: 'b0bb0fed3cc0b228fb1a80c6b27a3aaa84081b95', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: 'd6ef4aa2d32a04a5d27c8085471a85970a24dbed', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '6e7d935c324465ad501a28388d71ad73fba9c74f', class: "zonos--checkout-locale-label" }, languageLabel, h("zonos-icon", { key: '5041eee50cd91210e6c1d4257f66b63e76ce9e4a', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '87b4b4b6fe789592d61dd7e69944b433c0bc0cf2', class: classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, h("zonos-language-select", { key: 'c38f3ebb835b15cbfbe624507c0addb8622f65e6', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'b4862df1b1f4a27071ad4291891b968d016c7024', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: 'ac15fc57811b44fbe9d6c032f02660bb41bd40f9', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'dc954edc4349a90c41b54348516c6922fe6c5e56', textColor: colorDesktop }, "Privacy policy")), h("div", { key: 'f8d5136948a871718cbd73f982b229c8ea46bbf8', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '2e3542d9d2ddd78ba855858b93ccdeca47269962', textColor: colorDesktop }, "Powered by"), h("a", { key: '240abfbd5b86c5d0068cb20305ab3bb39abf22b5', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '7d5fe50373919e4bc22da89b00915e607eb1b9df', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
+            ]) }, h("zonos-language-select", { key: 'de8bd0ba1085564c2fe40c2d261e74ec9f67da90', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '7c3954550c4512b2d83fbafe05b57a44f0501991', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: '7bf2b74683ee81e8aa5ed5c0175ba22b8e8b5d6e', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'c39c00e77f47dbc1d47f69003cdb5c5f17c7a4e4', textColor: colorDesktop }, "Privacy policy")), h("div", { key: '567940865a03b6dce5273d70fb85860c042f9068', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: 'e3a0727029aa676e68c2a9a174c64188f7ab029e', textColor: colorDesktop }, "Powered by"), h("a", { key: '5a7f20a70efee92be700365818004f86827cc373', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'c4a61b660e474064c35626744cad44e598206179', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
     }
     static get is() { return "zonos-checkout-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class ZonosCollectCartItems {
     render() {
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: 'ccad7b37a4f0d00d679dfdecb98fa15c2600aea2', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '0464336c854621f6f2b31b2fa6ce93daa152e607', class: "zonos--cart-table" }, h("tbody", { key: 'a32edcb6ed81d0117fb96f93c9e4fea5d1971abe' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: '085e4b2fd45b68d916f268719cb52009cc06f8a2', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '23338d49319259769cd139ff9c329f3a9c6a059a', class: "zonos--cart-table" }, h("tbody", { key: '9a8ba11598f20b78a0ea199ccdf7254db461a0ac' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown(item.name);
             return (h("tr", { class: "zonos--collect-cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: item.name, onError: () => {

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

@@ -260,11 +260,11 @@ export class ZonosCollectFinish {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: 'ebc550d41d82330609ce842578fb9414397f11d2', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '3de21586bf8e0f31e698e2b1a51d3344aae94af1', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'e63176b8eb34a1c9bac491cc653c1108e085e77e', class: "zonos--finish-details" }, h("div", { key: 'abad1b8c765417e3d1cb4eb5f97c2713bc780517', 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: '00924614cb5e3553bd572008a7e13ecd7c516272', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'e39986d7d0f739a7ea221546f3f06aa5327ef824', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'b4894f5156a213413e58484fe465905e1c5e48d4', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '8770f7a408b8b9862a2ef5ac4fa02a6caae6183a', class: "zonos--button-container" }, h("zonos-button", { key: '3bebe519d938bccb40c65c668fa58088cfeff47f', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: '66f93432802d63e1fab59de19c1fd930cfddacbe', class: "zonos--finish-details" }, h("div", { key: '0857460a375bff54492dd7fe64baddf2af1e966a', 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: '008c4971516d110e1c2d0a348b09fa6ca0a0b1a6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '3e86105dbdae6cb696b0c4be81d9fcc30576ae4b', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'b372ae467ccb62b5c03aba28635135c350473986', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'bbf5885fe6e52135e3a2d7a82f0e85fd26e6aa74', class: "zonos--button-container" }, h("zonos-button", { key: '74dd846361072721bb3c511d675f7e42b7c063e9', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }

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

@@ -46,15 +46,15 @@ export class ZonosCollectFooter {
         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: '2650da0d6942ec1389d65316d4f387b205eb3d23', class: classes([
+        return (h(Host, { key: '5ec7e478c6b2b4fc21634ed70261dce3b095a8a0', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '711017e883a7c88de6a8c4d2761d969045fa7511', class: "zonos--collect-footer" }, h("div", { key: '3eb3e89a254e3dba1cbd0a4dca0e257f0f7a64f7', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '2615195358247954888d47aa01b873c2e1ff738d', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '90d0c4ca757c3825865cf82b9991a13d2972254d', class: "zonos--collect-locale-label" }, languageLabel, h("zonos-icon", { key: '6badf11c60712883ee1ed037a8ddb955a7675d53', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: 'e8b45be9f457a57482da8ed95193ca2c36525525', class: classes([
+            ]) }, h("div", { key: 'c16c9d6e73dbfbd416137c6bf697cbb92d2bf706', class: "zonos--collect-footer" }, h("div", { key: '7df1dde2ef014d5f1b7093e034d0ccf0e795ac61', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: 'fcbc9ddc94b68e353b2f8f064c99abf1cc2900a9', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: 'bf58b98ed61dbc6c6cba358c34f40a15301c8c9a', class: "zonos--collect-locale-label" }, languageLabel, h("zonos-icon", { key: '2cda7ba7b226accb3f42281a0dc94d8227330193', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '963404ac73580e236740343fec11447b9ee22ca4', class: classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: 'a0a9bc9fca4df158e615ae387a5be2598a7b9f36', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '8e4743edc609ac041cb283a2a4864efcbda0a86e', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: 'd1119f22e17b80d015198c2803657c0280939ec7', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '4faac90e9cb3469ffeb743155345232de8e3730a', textColor: colorDesktop }, "Powered by"), h("a", { key: '63b6ad613f96d8bd6f88b931c0c3833d08744479', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '09d6e961e27583a37b319be89fd0f80dbb9e96bd', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'b78088f8ab0cdc6b8dba6f1e0012e4c96407dd92', class: "dot" }), h("a", { key: '5ada46bc9f2fa3b52e235b3ec0231423e15fb5f5', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'b22d50bd1aaf5fddf8e1795f68b85c0e4f0125e8', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, h("zonos-language-select", { key: '8b41a062040737a68d3c9b00839fa65b412cf7c4', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '16c4a6476916227d6310c48fb4d0cc732ba8fd52', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: '220c6d0bb23e3d43f3a21ed2cf94f4eff016e8f5', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '6c6e2cab741612e4e75a2840dc36571e49aad40d', textColor: colorDesktop }, "Powered by"), h("a", { key: '60aa25c0951f8307974c4a892fddbb0626cc76d2', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '7f913799ae95ee9ed30aea2e6144d36c89ebd7f8', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'd74339c34ecebcbdeb60e08f8de4b83d07a93a71', class: "dot" }), h("a", { key: '8e9917e5ef37bedc593774bd7e0cab85fb7a99b4', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '2cc37adc0b69dfbb7ea7ee6b6727ad173c2cae6e', textColor: colorDesktop }, "Privacy policy"))))));
     }
     static get is() { return "zonos-collect-footer"; }
     static get encapsulation() { return "shadow"; }

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')))))))));
     }