@zonos/elements 1.3.233 → 1.3.234

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
-const localization = require('./localization-39516612.js');
-const translationStore = require('./translationStore-08d3ff9c.js');
+const localization = require('./localization-8ef6250a.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const hasInclusivePrice = require('./hasInclusivePrice-84145546.js');
+const hasInclusivePrice = require('./hasInclusivePrice-ca85cabd.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 const TaxId = require('./TaxId-12acedde.js');
 require('./handleFetch-954f30e1.js');
@@ -136,7 +135,7 @@ const ZonosHelloDialog = class {
             // For GB, if the store doesn't allow low value orders, we would like to tell shopper that duties will always apply as there would be a custom message saying "Orders to United Kingdom must be over .* to ship."
             if (!(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.allowLowValueOrders) &&
                 (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode) === 'GB') {
-                return translationStore.translate('Duties will apply to all orders.');
+                return localization.translate('Duties will apply to all orders.');
             }
             // Our Robby API spells deminimis wrong here
             const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
@@ -144,17 +143,17 @@ const ZonosHelloDialog = class {
                 : null;
             // If deminimis is undefined or null, assume it's $0
             return dutyDeminimis
-                ? translationStore.translate('Spend up to [threshold] duty free.', {
+                ? localization.translate('Spend up to [threshold] duty free.', {
                     threshold: dutyDeminimis,
                 })
-                : translationStore.translate('Duties will apply to all orders.');
+                : localization.translate('Duties will apply to all orders.');
         };
         this.getTaxMessage = () => {
             const { countryLandedCost } = localization.localizationStore;
             // For GB, if the store doesn't allow low value orders, we would like to tell shopper that taxes will always apply as there would be a custom message saying "Orders to United Kingdom must be over .* to ship."
             if (!(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.allowLowValueOrders) &&
                 (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode) === 'GB') {
-                return translationStore.translate('Taxes will apply to all orders.');
+                return localization.translate('Taxes will apply to all orders.');
             }
             // Our Robby API spells deminimis wrong here
             const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
@@ -162,35 +161,35 @@ const ZonosHelloDialog = class {
                 : null;
             return taxDeminimis &&
                 !this.isNoThresholdCountry(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode)
-                ? translationStore.translate('Spend up to [threshold] tax free.', {
+                ? localization.translate('Spend up to [threshold] tax free.', {
                     threshold: taxDeminimis,
                 })
-                : translationStore.translate('Taxes will apply to all orders.');
+                : localization.translate('Taxes will apply to all orders.');
         };
         this.getEuDutyTaxMessage = (landedCost) => {
             return [
-                `${translationStore.translate('Due to the IOSS tax law, all orders will be assessed at [percentage] VAT regardless of order total.', {
+                `${localization.translate('Due to the IOSS tax law, all orders will be assessed at [percentage] VAT regardless of order total.', {
                     percentage: `${landedCost.vatTaxRate * 100}%`,
                 })} ${wrapStringWithLink({
                     href: 'https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/european-ioss',
-                    text: translationStore.translate('Learn more.'),
+                    text: localization.translate('Learn more.'),
                 })}`,
             ];
         };
         this.getUkDutyTaxMessage = (landedCost) => {
             if (landedCost.allowLowValueOrders) {
                 return [
-                    `${translationStore.translate('Due to the UK tax law, all orders will be assessed at [percentage] VAT regardless of order total.', {
+                    `${localization.translate('Due to the UK tax law, all orders will be assessed at [percentage] VAT regardless of order total.', {
                         percentage: `${landedCost.vatTaxRate * 100}%`,
                     })} ${wrapStringWithLink({
                         href: 'https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/european-ioss',
-                        text: translationStore.translate('Learn more.'),
+                        text: localization.translate('Learn more.'),
                     })}`,
                 ];
             }
             const dutyDeminimis = landedCost.dutyDeminimus;
             return [
-                translationStore.translate('Orders to [countryName] must be over [threshold] to ship.', {
+                localization.translate('Orders to [countryName] must be over [threshold] to ship.', {
                     countryName: 'United Kingdom',
                     threshold: localization.currencyFormat({ amount: dutyDeminimis }),
                 }),
@@ -201,11 +200,11 @@ const ZonosHelloDialog = class {
                 return [];
             }
             return [
-                `${translationStore.translate('Due to the Australia tax law, all orders will be assessed at [percentage] GST regardless of order total.', {
+                `${localization.translate('Due to the Australia tax law, all orders will be assessed at [percentage] GST regardless of order total.', {
                     percentage: `${landedCost.vatTaxRate * 100}%`,
                 })} ${wrapStringWithLink({
                     href: 'https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/australia-gst',
-                    text: translationStore.translate('Learn more.'),
+                    text: localization.translate('Learn more.'),
                 })}`,
             ];
         };
@@ -214,11 +213,11 @@ const ZonosHelloDialog = class {
                 return null;
             }
             return [
-                `${translationStore.translate('Due to the New Zealand tax law, all orders will be assessed at [percentage] GST regardless of order total.', {
+                `${localization.translate('Due to the New Zealand tax law, all orders will be assessed at [percentage] GST regardless of order total.', {
                     percentage: `${landedCost.vatTaxRate * 100}%`,
                 })} ${wrapStringWithLink({
                     href: 'https://zonos.com/docs/guides/country-guides/new-zealand/new-zealand-import-taxes',
-                    text: translationStore.translate('Learn more.'),
+                    text: localization.translate('Learn more.'),
                 })}`,
             ];
         };
@@ -227,11 +226,11 @@ const ZonosHelloDialog = class {
                 return null;
             }
             return [
-                `${translationStore.translate('Due to the VOEC tax law, all orders will be assessed at [percentage] VAT regardless of order total.', {
+                `${localization.translate('Due to the VOEC tax law, all orders will be assessed at [percentage] VAT regardless of order total.', {
                     percentage: `${landedCost.vatTaxRate * 100}%`,
                 })} ${wrapStringWithLink({
                     href: 'https://zonos.com/docs/guides/country-guides/norway-voec-scheme',
-                    text: translationStore.translate('Learn more.'),
+                    text: localization.translate('Learn more.'),
                 })}`,
             ];
         };
@@ -240,11 +239,11 @@ const ZonosHelloDialog = class {
                 return null;
             }
             return [
-                `${translationStore.translate('Due to the Singapore tax law, all orders will be assessed at [percentage] GST regardless of order total.', {
+                `${localization.translate('Due to the Singapore tax law, all orders will be assessed at [percentage] GST regardless of order total.', {
                     percentage: `${landedCost.vatTaxRate * 100}%`,
                 })} ${wrapStringWithLink({
                     href: 'https://zonos.com/docs/global-ecommerce/landed-cost/tax-remittance/singapore-gst-settings',
-                    text: translationStore.translate('Learn more.'),
+                    text: localization.translate('Learn more.'),
                 })}`,
             ];
         };
@@ -261,19 +260,19 @@ const ZonosHelloDialog = class {
                 (taxConfiguration === null || taxConfiguration === void 0 ? void 0 : taxConfiguration.status) === 'ENABLED') {
                 return {
                     inclusiveType: 'DUTIES_TAXES_AND_FEES',
-                    message: translationStore.translate('Product prices already include duties, taxes and fees. No additional duties, taxes, or fees will be added at checkout.'),
+                    message: localization.translate('Product prices already include duties, taxes and fees. No additional duties, taxes, or fees will be added at checkout.'),
                 };
             }
             if ((dutyConfiguration === null || dutyConfiguration === void 0 ? void 0 : dutyConfiguration.status) === 'ENABLED') {
                 return {
                     inclusiveType: 'DUTIES_FEES',
-                    message: translationStore.translate('Product prices already include duties and fees. No additional duties or fees will be added at checkout.'),
+                    message: localization.translate('Product prices already include duties and fees. No additional duties or fees will be added at checkout.'),
                 };
             }
             if ((taxConfiguration === null || taxConfiguration === void 0 ? void 0 : taxConfiguration.status) === 'ENABLED') {
                 return {
                     inclusiveType: 'TAXES',
-                    message: translationStore.translate('Product prices already include taxes. No additional taxes will be added at checkout.'),
+                    message: localization.translate('Product prices already include taxes. No additional taxes will be added at checkout.'),
                 };
             }
             return null;
@@ -350,26 +349,26 @@ const ZonosHelloDialog = class {
             (this.dialogRef && getHasMoreSpaceOnRight.getHasMoreSpaceOnRight(this.dialogRef));
         const animateFromBottom = this.dialogRef && getHasMoreSpaceAbove(this.dialogRef);
         const { customMessages } = localization.localizationStore;
-        const welcomeMessage = translationStore.translate('Welcome to [storeName]', {
+        const welcomeMessage = localization.translate('Welcome to [storeName]', {
             storeName: zonosStore.zonosStore.organizationName,
         });
         const defaultMessageStr = ((_a = customMessages.find(x => x.pageName === 'hello_default')) === null || _a === void 0 ? void 0 : _a.message) ||
-            translationStore.translate('Know about duties and taxes before you buy. Shop with confidence!');
+            localization.translate('Know about duties and taxes before you buy. Shop with confidence!');
         const defaultMessage = formatStringWithLinks.formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (index.h(index.Host, { key: '9b72c4f7b35ebdb1179430d4fc6baec2f9c7d9ca', class: "zonos--elements" }, index.h("div", { key: '821ea623e2c2764a647c493887bce1b9d6d21756', class: classes.classes([
+        return (index.h(index.Host, { key: '11ed48bbde2bad56be9789726660115cca4c3855', class: "zonos--elements" }, index.h("div", { key: 'ecd279d309005b8f222e119725f9c60167891021', class: classes.classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: 'e2aa3326f46296c22733a836078e980afd9e736c' }, index.h("div", { key: '683e1d862da858facf1cf513271a3ce470bd1389', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '90bdcf789ad76957a4c5623c52f25d6c4c4d0e16', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: 'ebae01dd1e80f6b6c3e9e6f310468feb940532b5', spacing: 24 }, index.h("zonos-country-flag", { key: '94c73321eae6a57d1bc5db1067564bbc415a8bb1', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'a06e2bc0e4c712a86e4bd2ed8fdef054a6c33776', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '4d487ee5c7ba3092e0630e4ceeaa43c562bfccf5', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: 'cd8e2a7bfacdb82262d7e3d54019b220b27aff9a', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '612dd0f2d812b957fa02c6da598db8b067f6d32d', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '94d205fc69b6121b1267433c5781408665285be5' }, index.h("div", { key: '342cafb1e634043b1f6d5f663d4ff7af4c70f8d9', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: 'cbdb975b86b1ff4268d9fb4d266d2efb389deed7', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: 'f3247b193b881f12acce10d0dbc05b06d1267921', spacing: 24 }, index.h("zonos-country-flag", { key: '719c94e322c6b4ec30e3c2aeb1874816dd5052e9', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '45bad14718218a4e89e13cf50cc6c4cf04fb30e1', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: 'e17e42f358d7dd3e85b872e25bfd8429c71cccf6', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: 'f7dc626a99daa381a029398b0654591a6a7ef4e4', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: 'd3c64e56e515290db8778badf7bbfc575093c3ad', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (index.h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (index.h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), index.h("zonos-card", { key: '12b7726f5afd1fd37bf00558e1059dd6a4ae4301', spacing: "12px" }, index.h("zonos-v-stack", { key: '1a935c9c54b8410ad6255bcc9d652e71ed5b0d55', spacing: 12 }, this.renderHelloMessage(), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), index.h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '76d5ac661a9b67dd34b9950b88b6e6fece9267d4', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '154934865bc0791c462f7b05e50b8186ddf1ef69' }, index.h("zonos-country-select", { key: '74a170a0cce0d78761f53a80a588ca42a883fbd0', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '09be0a1d26f4753f455e4ea35d60acd17967270e' }, index.h("zonos-language-select", { key: 'b904c114352a255af58461fbbcb352d0a883e85c', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), index.h("zonos-card", { key: 'f1c9f532220a65b080581b1dcf70507e7ef3159c', spacing: "12px" }, index.h("zonos-v-stack", { key: '39b12d0cafeb884771c900d25b48338522ebeceb', spacing: 12 }, this.renderHelloMessage(), additionalInformation === null || additionalInformation === void 0 ? void 0 :
+            additionalInformation.map(info => (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), index.h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: 'be2f1edf9a1f1220c0e6c138cafe65eae0fc7ec9', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '37ca201defd370a60a127dc9fc6058d2724d8473' }, index.h("zonos-country-select", { key: 'f3c004eb15c75566ab133d4742a70b4191925ede', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: 'b9b0ac6125fc30f935e3675a8903044e69d5f5c7' }, index.h("zonos-language-select", { key: 'c4cb6f926840f69cb8e7dd8e10c6435940c4e8c5', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -4,8 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-69fa8852.js');
 const debounce = require('./debounce-815d1517.js');
-const localization = require('./localization-39516612.js');
-const translationStore = require('./translationStore-08d3ff9c.js');
+const localization = require('./localization-8ef6250a.js');
 const zonosStore = require('./zonosStore-37a4b4f4.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
@@ -157,20 +156,20 @@ const ZonosHello = class {
             const isRestrictionPage = zonosStore.zonosStore.currentHelloPage === 'productDetail' ||
                 zonosStore.zonosStore.currentHelloPage === 'productList';
             if (isRestrictionPage && this.allRestrictedItems.length) {
-                const clickMessage = translationStore.translate('click to learn more');
+                const clickMessage = localization.translate('click to learn more');
                 const restrictMessage = zonosStore.zonosStore.currentHelloPage === 'productDetail'
-                    ? translationStore.translate('Restricted item')
-                    : translationStore.translate('Restricted items found');
+                    ? localization.translate('Restricted item')
+                    : localization.translate('Restricted items found');
                 return `${restrictMessage} - ${clickMessage}`;
             }
             switch (zonosStore.zonosStore.currentHelloPage) {
                 case 'cart':
-                    return translationStore.translate(`Prepay duties and taxes at checkout`);
+                    return localization.translate(`Prepay duties and taxes at checkout`);
                 case 'productList':
                 case 'productDetail':
-                    return translationStore.translate(`See duty and tax thresholds`);
+                    return localization.translate(`See duty and tax thresholds`);
                 default:
-                    return translationStore.translate('Welcome to [storeName]', {
+                    return localization.translate('Welcome to [storeName]', {
                         storeName: organizationName,
                     });
             }

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

@@ -42,17 +42,17 @@ const ZonosInput = class {
         this.inputChange.emit(newValue);
     }
     render() {
-        return (index.h(index.Host, { key: '52acbcb39e71fb56029f7aa44b62b2189aa27fd7', class: classes.classes([
+        return (index.h(index.Host, { key: 'c0e1dfd6cf7f7f3021d373f72a477317518a1f32', class: classes.classes([
                 'zonos--input zonos--elements',
                 this.inputSize,
                 this.isError && 'has-error',
             ]), style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius(),
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '9f4566c8f668d633ec5283319d67b8de93703524', class: classes.classes([
+            } }, index.h("div", { key: '632868fc469c71f74696f2817e91b8293dc825a6', class: classes.classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, index.h("input", { key: '72de2d08535a007c0e77a037f9d236f0dc45f56e', class: classes.classes([
+            ]) }, index.h("input", { key: 'af801641f363523c1e32ae96a5d5ddf410f1ef9c', class: classes.classes([
                 'zonos--floated-input',
                 !!this.inputLabel && 'has-label',
                 this.inputValue && 'has-content',
@@ -60,7 +60,7 @@ const ZonosInput = class {
             ]), disabled: this.isDisabled, onInput: e => {
                 const input = e.target;
                 this.inputChange.emit(input.value);
-            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), index.h("label", { key: 'e4d54ac95efa67ce8c7e56b3a2625e99c417f04d', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), index.h("label", { key: '419c140e987039cda4191f5b1bc8393c41b4a680', class: "zonos--floated-label", "data-label": this.inputLabel }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-69fa8852.js');
+const cart = require('./cart-22ced7cc.js');
+const localization = require('./localization-8ef6250a.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-5494e45b.js');
+const classes = require('./classes-b7918f56.js');
+const invoice = require('./invoice-8fd4242c.js');
+const renderFallback = require('./renderFallback-78b54537.js');
+require('./zonosStore-37a4b4f4.js');
+require('./VarianceTest-bec00ea8.js');
+require('./handleFetch-954f30e1.js');
+require('./isDarkColor-878e600e.js');
+require('./getBorderRadius-2ef1170d.js');
+
+const zonosInvoiceCartItemsCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right;padding-right:0}:host .zonos--cart-table .zonos--column:first-child{padding-left:0;width:50px}:host .zonos--cart-table .zonos--cart-item-link{text-align:left}:host .zonos--cart-table .zonos--cart-item-created-at{text-align:right}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host(.mobile) table{margin-top:16px}:host(.mobile) table td{vertical-align:top}";
+const ZonosInvoiceCartItemsStyle0 = zonosInvoiceCartItemsCss;
+
+const ZonosInvoiceCartItems = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Whether the component is mobile
+         */
+        this.isMobile = false;
+        this.errorImages = [];
+        this.locale = null;
+    }
+    componentWillLoad() {
+        const locale = navigator.language;
+        this.locale = locale;
+    }
+    render() {
+        const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
+        return (index.h(index.Host, { key: '33a10486833e881dd8405984cfc59611b064bef5', class: classes.classes([
+                'zonos--invoice-cart-items zonos--elements',
+                this.isMobile && 'mobile',
+            ]) }, index.h("table", { key: 'c6c3a6017050cc385bc5944e83ca8db1f2564884', class: "zonos--cart-table" }, index.h("tbody", { key: '6a232dbdf2e6e6c58b65d6360c9190d720c7dc1f' }, 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;
+            const invoiceCreatedAtDate = invoiceCreatedAt && this.locale
+                ? new Date(invoiceCreatedAt).toLocaleDateString(this.locale, {
+                    day: 'numeric',
+                    month: 'long',
+                    year: 'numeric',
+                })
+                : null;
+            const invoiceLink = invoiceId
+                ? `https://dashboard.zonos.com/billing/invoices/${invoiceId}`
+                : null;
+            return (index.h("tr", { class: "zonos--invoice-cart-item" }, index.h("td", { class: "zonos--column zonos--cart-item-title" }, index.h("zonos-text", { type: "semiBoldLabel" }, localization.translate('Invoice:'))), index.h("td", { class: "zonos--column zonos--cart-item-link" }, invoiceLink && invoiceId && (index.h("zonos-link", { href: invoiceLink }, invoiceId)), this.isMobile && (index.h("zonos-text", { type: "caption" }, invoiceCreatedAtDate))), index.h("td", { class: "zonos--column zonos--cart-item-created-at" }, !this.isMobile && (index.h("zonos-text", { type: "label" }, invoiceCreatedAtDate))), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
+                amount: item.amount,
+                isForeign: false,
+            })))));
+        })))));
+    }
+    static get assetsDirs() { return ["assets"]; }
+};
+ZonosInvoiceCartItems.style = ZonosInvoiceCartItemsStyle0;
+
+const zonosInvoiceSubtotalCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:-webkit-sticky;position:sticky;bottom:60px}:host .zonos--invoice-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--invoice-table .zonos--column{padding:8px 8px;vertical-align:top}:host .zonos--invoice-table .zonos--column:last-child{text-align:right;padding-right:0}:host .zonos--invoice-table .zonos--column:first-child{width:60px;max-width:100px}:host .zonos--title-with-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}:host .zonos--invoice-subtotal-price{text-align:right}:host .zonos--invoice-subtotal-price zonos-text{white-space:nowrap}:host .zonos--invoice-total .zonos--column{padding:16px 0}:host .zonos--invoice-total .zonos--invoice-subtotal-title,:host .zonos--invoice-total .zonos--invoice-subtotal-price{border-top:1px solid var(--zonos-elements-gray-200)}:host .zonos--invoice-subtotal-price zonos-text,:host .zonos--invoice-pay-total zonos-text{white-space:nowrap}:host(.mobile){position:relative;bottom:0}";
+const ZonosInvoiceSubtotalStyle0 = zonosInvoiceSubtotalCss;
+
+const ZonosInvoiceSubtotal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Whether the component is mobile
+         */
+        this.isMobile = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '99eaf74026ee26cc11ab78adf57f1b7eb55309d3', class: classes.classes([
+                'zonos--invoice-subtotal zonos--elements',
+                this.isMobile && 'mobile',
+            ]) }, index.h("table", { key: 'a3f9a029a979fd4afeaee02c55a49c4e6547e483', class: "zonos--invoice-table" }, index.h("tr", { key: 'bf8594623c4eb7492899647fbe3bc4fa0a8b1973', class: "zonos--row zonos--invoice-total" }, index.h("td", { key: 'b967b527461161244479ff8ac5ae40bdbd7f2b38', class: "zonos--column" }), index.h("td", { key: '4af6f40176c19c0aad1109a8be722a2b41fc66e9', class: "zonos--column zonos--invoice-subtotal-title" }, index.h("zonos-text", { key: '0b01c51ddabd61c0abaf8214e05db2fe6a650941', type: "semiBoldLabel" }, localization.translate('Payment total'))), index.h("td", { key: '00109c0948f0110c478643461a0a70a7cc2441ba', 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,
+            }))),
+            isLoading: invoice.invoiceStore.isFetchingPayorInfo,
+            skeletonHeight: '14px',
+            skeletonWidth: '150px',
+        }))))));
+    }
+    static get assetsDirs() { return ["assets"]; }
+};
+ZonosInvoiceSubtotal.style = ZonosInvoiceSubtotalStyle0;
+
+exports.zonos_invoice_cart_items = ZonosInvoiceCartItems;
+exports.zonos_invoice_subtotal = ZonosInvoiceSubtotal;