@zonos/elements 1.3.219 → 1.3.220

package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js

@@ -6,12 +6,12 @@ const index = require('./index-1c710d00.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
-const cart = require('./cart-9a2b32e4.js');
-const localization = require('./localization-b12edb2a.js');
+const cart = require('./cart-9a9ae4b9.js');
+const localization = require('./localization-0169b27d.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
-const paypal = require('./paypal-e80871d0.js');
+const paypal = require('./paypal-9ee374a0.js');
 require('./VarianceTest-0cb1e118.js');
-require('./translationStore-20a6d8bf.js');
+require('./translationStore-0c67178f.js');
 require('./isDarkColor-428965f4.js');
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -184,12 +184,20 @@ const ZonosPayment = class {
         }
     }
     watchInitStripe() {
+        var _a;
         if (!this.stripeElements) {
             return;
         }
         // Create and mount the Authentication Element in ${type} mode
         const paymentElement = cart.stripeStore.stripePaymentElement ||
             this.stripeElements.create('payment', {
+                defaultValues: {
+                    billingDetails: {
+                        address: {
+                            country: (_a = cart.stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address.country,
+                        },
+                    },
+                },
                 layout: 'tabs',
             });
         const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
@@ -212,7 +220,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '1828cd97531009303635ded8725233c07e45fba3', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '899f8ef9f1e008a8d613e54fd1196c1bab7cefdc', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '9e9b67bd29a4caf71a6f34fba03c67cbff03b0c7', class: "zonos--payment-component" }), index.h("div", { key: '1aeb4114ca6eac6541e0bafe72077093bdfb777e', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: 'c0b27f25785a9f6de2705e16d97f1bf5f7bcb0a4', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '1cfdb16f94a5219882da9da013a6e2de6a6b3c3f', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'bb5ac07b4c32f2469f4825426160542d9729d332', class: "zonos--payment-component" }), index.h("div", { key: '34f805b56fa151e8a3102361df9fb8b3e636dc75', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -276,7 +284,7 @@ const ZonosPaypalPayment = class {
         this.storeUnsubscribeList.forEach(unsubscribe => unsubscribe());
     }
     render() {
-        return (index.h(index.Host, { key: 'af7d707c64d3f1b637d5d296d46e59023fff0744', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: '5a387dc0c7ae0ef6492b5f68b548989dd9832380', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: 'bcf11ef0ceab1d847c237ec26ec604440983c16f', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: 'ce5033f39b2e9644e30fc1e0e35f64e5d9b9730d', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-b12edb2a.js');
-const translationStore = require('./translationStore-20a6d8bf.js');
+const localization = require('./localization-0169b27d.js');
+const translationStore = require('./translationStore-0c67178f.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
@@ -348,18 +348,18 @@ const ZonosHelloDialog = class {
         const defaultMessage = formatStringWithLinks.formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (index.h(index.Host, { key: 'cb93edb34ae6e427ca22018f78bd9f83bed8fb6c', class: "zonos--elements" }, index.h("div", { key: '36f0560ccc1b49c412077203eca49c8d8fbde0c1', class: classes.classes([
+        return (index.h(index.Host, { key: '178654e9b701bb68a4d47495897445cf87806c37', class: "zonos--elements" }, index.h("div", { key: 'eb0f3ced0226513df3911e0664aff10d523fdac7', 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: 'f5561b5699dc9ab8871e5c55002907f31551f06d' }, index.h("div", { key: '4f9d3e67db0d77c9cf945a02b3e7e5f7f4e8a2ef', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '47cc0055cd7077e5d8482446785e75addd50cc55', 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: '757fe60f5af6721f9b0e23e8182c5283c5e891b0', spacing: 24 }, index.h("zonos-country-flag", { key: '26dbfbceb8e3d16cc07debcb92d8759c8beb47da', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'fc41d363ac000d991a55cb5643d3db5bf65e86a7', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: 'ed02015e70e28bab9584f0cffae0401189537379', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '7c12a8d379e4c8bf2235b06d1d020bdad7f63a6c', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '120bd4591063877c10663559e2186875adeed017', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: 'f185f2d707a3b9628896a7e15f2a0ad20da112ec' }, index.h("div", { key: '80c53ad6728b221bedbfaec2ec77fee96029e12b', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '31b71832bee5e4515dbf060746f022d9c91502af', 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: '5f11c3b0355ba0c85cf134522b6e21fd28dfe16c', spacing: 24 }, index.h("zonos-country-flag", { key: '6d6dcad7e3700f67c4261995d867aacb42715404', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '7a325a9b94e58dc5f8dba5baba9a00f835466ee2', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '24e2407475b740b50ca07fe9278363fdefc27d01', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '6b38dee6ec6fcf39e02c5225155e2af69c367a39', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '567d126d05f236fa0aab764d78b1692ebfe82f8b', 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: '2d47773d1db35acf323f1a92808535c909e245ca', spacing: "12px" }, index.h("zonos-v-stack", { key: '9bd445564c4d13d03772a5289a758fc19c9853a5', spacing: 12 }, hasInclusivePrices ? (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), index.h("zonos-text", null, inclusivePriceMessage))) : (index.h(index.Fragment, null, dutyDeMinimisMessage && (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), index.h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage))), taxDeMinimisMessage && (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), index.h("zonos-text", { "aria-label": "Tax de minimis message" }, taxDeMinimisMessage))))), 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: '6ea82d255084e05957e6d82e6305b945388998ad', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '1b007ad4dadcb7b6f25e96a14e00dc8dcf4b9d5a' }, index.h("zonos-country-select", { key: 'f442a030a5abbb707fdddbc51a1126cd1fb3ef99', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: 'aba190f3fafb298bc063f2ba05dfe74af7cc97ae' }, index.h("zonos-language-select", { key: '105c6c35f630d2c7b551518665f433a90d13c488', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), index.h("zonos-card", { key: 'e96943bc58d47531f748217858939ddf2a586441', spacing: "12px" }, index.h("zonos-v-stack", { key: '3e1850a86542ad66c224e4b81f1c5442e7716f6d', spacing: 12 }, hasInclusivePrices ? (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), index.h("zonos-text", null, inclusivePriceMessage))) : (index.h(index.Fragment, null, dutyDeMinimisMessage && (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), index.h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage))), taxDeMinimisMessage && (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), index.h("zonos-text", { "aria-label": "Tax de minimis message" }, taxDeMinimisMessage))))), 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: '33e41b69e4a5b00623f3e412609e7162cb560c38', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: 'fa17c20b3d893ed9f2249bbceca5237fa48bc64e' }, index.h("zonos-country-select", { key: '15a5924f176c4a805405684c3eda90f47979cf0b', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: 'ab1d061a3c9c68b43c4203fa14af2ffcf7d33e82' }, index.h("zonos-language-select", { key: '97f4c760e65d7af39160a1ff978d8a7b0864a763', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
 const debounce = require('./debounce-465a4328.js');
-const localization = require('./localization-b12edb2a.js');
-const translationStore = require('./translationStore-20a6d8bf.js');
+const localization = require('./localization-0169b27d.js');
+const translationStore = require('./translationStore-0c67178f.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-45f35cac.js');

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: 'a239adc57fc0cd31bff05447fe10d0ad1e825007', class: classes.classes([
+        return (index.h(index.Host, { key: '52acbcb39e71fb56029f7aa44b62b2189aa27fd7', 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: 'd2f1086b2139b9c7af5ae2882e0dfb0db65028dc', class: classes.classes([
+            } }, index.h("div", { key: '9f4566c8f668d633ec5283319d67b8de93703524', class: classes.classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, index.h("input", { key: '8e48977b401aed6b36079f732adbc6493bb05804', class: classes.classes([
+            ]) }, index.h("input", { key: '72de2d08535a007c0e77a037f9d236f0dc45f56e', 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: '23ece9b49c1d718340a6f0bb59b93ad2dfe34828', class: "zonos--floated-label", "data-label": this.inputLabel }))));
+            }, placeholder: this.inputPlaceholder, type: "text", value: this.value }), index.h("label", { key: 'e4d54ac95efa67ce8c7e56b3a2625e99c417f04d', class: "zonos--floated-label", "data-label": this.inputLabel }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const localization = require('./localization-b12edb2a.js');
-const translationStore = require('./translationStore-20a6d8bf.js');
+const localization = require('./localization-0169b27d.js');
+const translationStore = require('./translationStore-0c67178f.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-45f35cac.js');
@@ -35,9 +35,9 @@ const ZonosLanguageSelect = class {
     }
     render() {
         const { selectedLocale } = localization.localizationStore;
-        return (index.h(index.Host, { key: '74b0315ab257fff13cf23057f485c0dcfb7edd1b', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: '232674c6f35113c6ad3f1094e6e6d4128b4d4c02', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'cc220539afcb6b883eec939edfb6933bf9fb08a0', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: '297b34a17100fb10b2fd95b44bc5c9cadad960ab', handleOnClose: () => this.handleOnClose(), label: translationStore.translate('Select a language') }), index.h("div", { key: '2b85c2aeba8ddcb5a7725089daaf9b0cea025d76', 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: '014d1364e165e4ee4e9cf304791fc10fdfb6d87c', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: '65b454467b033cd061ab08693e857eed75c76511', handleOnClose: () => this.handleOnClose(), label: translationStore.translate('Select a language') }), index.h("div", { key: '6ea8fca0b44ada24b9b2b84e22584ba1a7459dc4', 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;
@@ -61,9 +61,9 @@ const ZonosSelectDialogHeader = class {
         this.label = '';
     }
     render() {
-        return (index.h(index.Host, { key: '999f6edfe39142a7539164d2c046aa44945ff23f', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'cc65559ef7867bbd8e7990556b50434faa0a905c', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("zonos-v-stack", { key: '1213364336cd7f809f4f2539835f86b2b6b30273', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: 'af342994ec6e54a08ccee92443977c06e5e6bd65', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: '81c1a17bb93b0e4ba7a9874d34f6ce2fdcf3321e', type: "boldLabel" }, this.label), index.h("zonos-button", { key: 'e321c6d3a6020d4c3ccdac84bbf1025e5ef490c1', 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: 'f3583feb7eba033767769e1b06c24961d2e4f56a' }))));
+            } }, index.h("zonos-v-stack", { key: '77c280b12744520b4a172193f88798aa53d33eb7', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: 'eaba9d1e50f71f23e330e989521d2156a617b22d', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: 'ddddc6b5bca87cf44cbc7428d402f44c67422cb6', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '313e3955ba8bafc9a1b36b4c1c8f99e975fb8dd3', 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: '9af2821c22f3e37d52b6f03bf544fcaca1c0ed7b' }))));
     }
 };
 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: 'd39155a476f2043e12e6869abdec2bde6872951a', class: "zonos--elements" }, index.h("a", { key: '8fe2d59047850181984a00747ddc341ef88cb302', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: '4eef2f735b77fce6f254e44ca0d4aded68863468' }))));
+        return (index.h(index.Host, { key: '7c6ecf4d61e7dfb56491e58814478c906423473b', class: "zonos--elements" }, index.h("a", { key: '05bc59fb4940fa48d37a10cfe9df3c495d60785f', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: '07b51a0a95cd5a7b392bb5efef96c8e4dd4bb9b3' }))));
     }
 };
 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: '0b8e78167613096d36d1f500e21284194246974e', class: classes.classes(['zonos--elements zonos--logo']), style: {
+        return (index.h(index.Host, { key: '0f0fe90d3ef58b5a7b934361567e92b03630b46a', 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: 'd657a31c178c580a90e268ebc4b06fb4d0e15eae', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
+            } }, index.h("img", { key: 'ec026a1a596d985aa50c18f8ebffc8683e62cc05', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
     }
     static get assetsDirs() { return ["assets"]; }
 };

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: '351f86f2aa5ab9ee9fcb2b1919443a8b3d57a4c2', class: classes.classes([
+        return (index.h(index.Host, { key: '0bed90e63595e6036b9342e15c999bb7e7971240', 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: 'fb0b3e3d5feb11a458a6d4f3509ff812600b5935', class: classes.classes([
+            } }, index.h("div", { key: '00e5c3a220aaeee221c5cc104d2463f5468067cf', class: classes.classes([
                 'zonos--label-wrapper',
                 this.isDisabled && 'disabled',
-            ]) }, index.h("input", Object.assign({ key: '499164e3c30a1a72032dd815899c380f328cc431' }, this.inheritedAttributes, { autoComplete: this.autoComplete, class: classes.classes([
+            ]) }, index.h("input", Object.assign({ key: '25459f6bc07647962676edd724630cd7726bb680' }, 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: '27b56860180c0758d51b6f73e0336bdecf4d85e6', class: "zonos--floated-label" }, index.h("label", { key: '8119e9b68b052f9eaea762da61007a6eb4c29bd4', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: 'c141d6887bdfc3ac6fa580fcc47de25a9b99853b', textColor: "red-600", type: "caption" }, this.error))));
+            }, placeholder: this.inputPlaceholder || '', required: this.required, type: "text", value: this.internalValue })), index.h("div", { key: '145634dac24ef37cd206847537bea2f641f3b5a0', class: "zonos--floated-label" }, index.h("label", { key: '70eabcab7a30e851086a2b79107968f9a999c67e', htmlFor: this.inputId }, this.inputLabel))), this.error && (index.h("zonos-text", { key: '55ab6d14b5e6c98c665f41a1c4c1dd70523ee91f', textColor: "red-600", type: "caption" }, this.error))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -20,9 +20,9 @@ const ZonosToggle = class {
         this.options = [];
     }
     render() {
-        return (index.h(index.Host, { key: '1490dbdc9cc90d4d51ccc9e665fb5ee00455bf0e', class: classes.classes(['zonos--elements zonos--toggle']), style: {
+        return (index.h(index.Host, { key: '1b844d11272181b9c81c2bfb03a13a1ad412cb9f', class: classes.classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'af24e513fc988893be3dba1a08044d69c9493522', class: "wrapper" }, this.options.map(option => {
+            } }, index.h("div", { key: 'f5991e19ea02a82ae1f6e7529bb3bb77e66b7165', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (index.h("button", { class: classes.classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

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

@@ -22,10 +22,10 @@ const ZonosTooltip = class {
         this.showTooltip = false;
     }
     render() {
-        return (index.h(index.Host, { key: '10a391b40266e3f80d94f0870754fc1a5aaa1822', class: "zonos--elements" }, index.h("div", { key: '31236e53e67d2199204894d02590bfa5e54eaf8e', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: '37a6de3ef4e6fdd64ecb3f3bdcc21f0dd091e4da' }), index.h("div", { key: 'ecd0222cd1a712790b8864d265919278493e8252', class: classes.classes([
+        return (index.h(index.Host, { key: 'd96671c8c9b426cbde335b3d8024a56f4e188281', class: "zonos--elements" }, index.h("div", { key: 'de75e111a65033501e9907992df0d9ae8cbf5df5', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: '3d8297ef44c97112e29a62a31b3acf47789726a9' }), index.h("div", { key: 'ee777f084991e28255a2957cf3585110f14c65d5', class: classes.classes([
                 this.showTooltip && 'zonos--show-tooltip',
                 'zonos--tooltip-content',
-            ]) }, index.h("zonos-text", { key: 'afb6494edf8cbe4e3257a27cdc815b91995704e7', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: '8d7c0ce999a9ee7fe49dd506497343734c99f76e', size: "xs", textColor: "gray-0" }, this.subtitle)))));
+            ]) }, index.h("zonos-text", { key: 'fb22b220feb39c31111d45a393024e7df4d3e314', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: '6019665e4e0b8eb4390a70b5d90cdcc4f16c6ba3', size: "xs", textColor: "gray-0" }, this.subtitle)))));
     }
 };
 ZonosTooltip.style = ZonosTooltipStyle0;

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

@@ -20,9 +20,9 @@ const VStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: 'dc01f22fed27bc4804c12c0a0236bddf2ad95c51', style: {
+        return (index.h(index.Host, { key: 'd65f235ba8ffaefff1ec5e5bbd8bba1313e97a83', style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '460e86adabb0c867eab109806968fa1a72c2e58f', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: '5ea93490a795258d57d15f45cda39da6b244314a' }))));
+            } }, index.h("div", { key: '31806036975f9640fdccafcc11053596dd17f4ef', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: 'a3c5a3f592f86cfd9ebb810c72e2e22011ec4758' }))));
     }
 };
 VStack.style = ZonosVStackStyle0;

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

@@ -129,9 +129,6 @@ export class ZonosCheckoutPayment {
         if (!stripeStore.stripeElements) {
             return null;
         }
-        if (!stripeStore.clientSecret && !cartStore.isStagingMode) {
-            return null;
-        }
         // start validate on typing after error banner is shown, and hide it if the form is complete
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();

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

@@ -1798,7 +1798,7 @@ export class ZonosCheckout {
                     "signature": "(session: CheckoutSessionDetailsFragment) => Promise<void>",
                     "parameters": [{
                             "name": "session",
-                            "type": "{ cartId: string | null; clientSecret: string; completedAt: string | null; customerProfile: { email: string | null; locations: { administrativeArea: string; countryCode: CountryCode; email: string | null; line1: string; line2: string | null; locality: string; name: string | null; phone: string | null; postalCode: string; }[] | null; name: string | null; } | null; customerSessionClientSecret: string | null; id: string; landedCost: { amountSubtotals: { discounts: number | null; duties: number; fees: number; items: number; landedCostTotal: number; shipping: number; taxes: number; } | null; appliedAdjustments: { adjustment: { name: string | null; source: AdjustmentSource | null; } | null; amount: number; item: { amount: number; } | null; type: LandedCostAdjustmentType | null; }[] | null; deMinimis: { type: DeMinimisType; threshold: DeMinimisThreshold; method: IncotermCode; note: string; formula: string; }[]; duties: { amount: number; currencyCode: CurrencyCode; }[]; fees: { amount: number; currencyCode: CurrencyCode; }[]; rootId: string; landedCostGuaranteeCode: LandedCostGuaranteeCode; method: IncotermCode; remittance: { amount: number; description: string; }[]; id: string; shipmentRating: { amount: number; currencyCode: CurrencyCode; displayName: string; id: string; shippingProfile: { transitTime: { guaranteedDelivery: string | null; max: number | null; min: number | null; type: TransitTypeCode | null; } | null; } | null; }; taxes: { amount: number; currencyCode: CurrencyCode; }[]; } | null; metadata: ({ key: string; value: string; } | null)[] | null; organizationId: string; subtotals: { adjustments: number; duties: number; exchangeRate: { id: string; rate: number; sourceCurrencyCode: CurrencyCode; targetCurrencyCode: CurrencyCode; type: ExchangeRateType; }; fees: number; items: number; landedCostTotal: number; presentmentCurrencyCode: CurrencyCode; shipping: number; taxes: number; total: number; }; varianceTestResults: { selectedVariantKey: string; testKey: string; }[] | null; }",
+                            "type": "{ cartId: string | null; clientSecret: string; completedAt: string | null; customerProfile: { email: string | null; locations: { administrativeArea: string; countryCode: CountryCode; email: string | null; line1: string; line2: string | null; locality: string; name: string | null; phone: string | null; postalCode: string; }[] | null; name: string | null; } | null; customerSessionClientSecret: string | null; id: string; landedCost: { amountSubtotals: { discounts: number | null; duties: number; fees: number; items: number; landedCostTotal: number; shipping: number; taxes: number; } | null; appliedAdjustments: { adjustment: { name: string | null; source: AdjustmentSource | null; } | null; amount: number; item: { amount: number; } | null; type: LandedCostAdjustmentType | null; }[] | null; currencyCode: CurrencyCode; deMinimis: { formula: string; threshold: DeMinimisThreshold; method: IncotermCode; note: string; type: DeMinimisType; }[]; duties: { amount: number; currencyCode: CurrencyCode; }[]; fees: { amount: number; currencyCode: CurrencyCode; }[]; id: string; landedCostGuaranteeCode: LandedCostGuaranteeCode; method: IncotermCode; remittance: { amount: number; description: string; }[]; rootId: string; shipmentRating: { amount: number; currencyCode: CurrencyCode; displayName: string; id: string; shippingProfile: { transitTime: { guaranteedDelivery: string | null; max: number | null; min: number | null; type: TransitTypeCode | null; } | null; } | null; }; taxes: { amount: number; currencyCode: CurrencyCode; }[]; } | null; metadata: ({ key: string; value: string; } | null)[] | null; organizationId: string; subtotals: { adjustments: number; duties: number; exchangeRate: { id: string; rate: number; sourceCurrencyCode: CurrencyCode; targetCurrencyCode: CurrencyCode; type: ExchangeRateType; }; fees: number; items: number; landedCostTotal: number; presentmentCurrencyCode: CurrencyCode; shipping: number; taxes: number; total: number; }; varianceTestResults: { selectedVariantKey: string; testKey: string; }[] | null; }",
                             "docs": ""
                         }],
                     "references": {

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

@@ -72,6 +72,12 @@
   margin-top: 48px;
   max-width: 300px;
 }
+:host .zonos--button-container {
+  display: flex;
+  justify-content: center;
+  gap: 16px;
+  margin: 0 auto;
+}
 :host .zonos--subtitle {
   text-align: center;
 }

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

@@ -6,6 +6,7 @@ import { storageStore } from "../../../store/storageStore";
 import { translate } from "../../../store/translationStore";
 import { zonosStore } from "../../../store/zonosStore";
 import { trackConversionEvent } from "../../../utils/api/trackConversionEvent";
+import { getIsTestMode } from "../../../utils/checkout/getIsTestMode";
 import { createCustomEvent } from "../../../utils/createCustomEvent";
 import { getBorderRadius } from "../../../utils/getBorderRadius";
 import { handleFetch } from "../../../utils/handleFetch";
@@ -82,26 +83,9 @@ export class ZonosCollectFinish {
             log(`=== Polling order (${attempts} attemps)`, 'info');
             if (
             // Order found, in legacy checkout facade and still haven't found the legacy order number
-            order &&
-                attempts >= maxRetries) {
+            order) {
                 log('=== CollectOrder info found', 'info');
-                if (order && !foundLegacyOrderNumber) {
-                    // We pushed this one through without the legacy order number, so we should log this
-                    void sendErrorLog({
-                        endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order.id}`,
-                        errors: [
-                            `Collect order found but legacy order number doesn't exist after ${maxRetries} attempts`,
-                        ],
-                        metadata: {
-                            allLogs,
-                            checkoutSessionId: storageStore.checkoutSessionId || '',
-                            orderId: order.id,
-                            storeId: zonosStore.storeId,
-                        },
-                    });
-                    return;
-                }
-                else if (attempts > 10) {
+                if (attempts > 10) {
                     // Log out all the logs if we have tried more than 10 times
                     void sendErrorLog({
                         endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order.id}`,
@@ -239,6 +223,21 @@ export class ZonosCollectFinish {
             paypalStoreReset();
             storageStore.checkoutSessionId = null;
         };
+        this.getReceiptUrl = ({ cartId }) => {
+            const hostUrl = new URL(`${window.location.origin}/receipt`);
+            hostUrl.searchParams.set('referenceId', cartId);
+            // is test mode
+            const isTestMode = getIsTestMode();
+            if (isTestMode) {
+                hostUrl.searchParams.set('zonosTestMode', '1');
+            }
+            // Carry over the zonosQaUrl if it exists
+            const zonosQaUrl = new URLSearchParams(window.location.search).get('zonosQaUrl');
+            if (zonosQaUrl) {
+                hostUrl.searchParams.set('zonosQaUrl', zonosQaUrl);
+            }
+            return hostUrl.toString();
+        };
     }
     componentDidLoad() {
         if (this.overrideNotification) {
@@ -260,11 +259,14 @@ export class ZonosCollectFinish {
         }
     }
     render() {
-        return (h(Host, { key: 'c8310458ed1264e1f799c5e89dbb5e98229b2a08', class: "zonos--checkout-finish zonos--elements", style: {
+        const cartId = window.Zonos.cartId;
+        return (h(Host, { key: 'e145b7396302157ccb515c54f99e50faa8ba45e6', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'df8c6b30dc371111c192a24263afa79814d429fb', class: "zonos--finish-details" }, h("div", { key: 'c799b8f13474a996d5603636cc8730657508d2ac', 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: '9365caeb15712f54ae9777b9e6acf67e572f7e43', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '3cca628ac3b7ae3e819296299d0c3f0c8531ddbb', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '52136526f5b90feaa68a526c099fdd95e24ea23e', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))))))));
+            } }, !this.isLoading && (h("div", { key: 'b9df4788f27c935ba7fc47e7c930cd162c8fbebe', class: "zonos--finish-details" }, h("div", { key: 'a510c995880c8698dc98390d0504b70333551c86', 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: '8f84f87bf2365b85acffefe16e8b10cd9227a6e6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '0e3f3f71cae6262d6394ad2c5a6d656509b484d5', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'c769f2ada1e6b421e373aeb4393560a21d6fcffc', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '9972858fadd4d2d9c4f00e54921002ea04a5cc51', class: "zonos--button-container" }, h("zonos-button", { key: 'fe931a552fc1c43b29a1966736379c3c1d0536f6', onClick: () => {
+                window.open(this.getReceiptUrl({ cartId }), '_blank');
+            }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }
     static get is() { return "zonos-collect-finish"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,15 +44,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: 'f8415c3fa7cf1e02b956ee91d5c2b8c92aba83f0', class: classes([
+        return (h(Host, { key: '9509e7325ad0153d2f5c9ba3b5689fdb3ad6313e', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'ba5a7bd33565ec92bbde5135da011e833e1b5f54', class: "zonos--collect-footer" }, h("div", { key: 'ba2523ad59a5308317c2127f597116bf13a5bf5c', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '01cc5e41f2c00fb797f67a7e5187cc614974b381', 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" }, languageLabel), h("div", { key: '577572370a3364384054451a935bbcfe29681932', class: classes([
+            ]) }, h("div", { key: '250716798bf30901678b16e1ac159810f1d7a6ad', class: "zonos--collect-footer" }, h("div", { key: 'ab61803d4b5348b8978e7dfcb16a5733cca5dd29', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '6c5dcd25d5ef73b2098269d840e291343d30cb81', 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" }, languageLabel), h("div", { key: 'd1a367cd19b36f1a0f49ccfe78e750218b50a03e', class: classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: 'ab7ad7f5ac46b8b718ed658e003ea9c54fc0e509', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '13a5458f90a1f8899ba772a2dd8d4c9ed3b93bbe', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: 'aa0e23159a9a2ed22c7809dcf55a4be24114f8a4', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '33cb521cfc71be6f909d1457b792d515b80f1e04', textColor: colorDesktop }, "Powered by"), h("a", { key: '75dc6b0a319d1dd017f0e108975b7cfabe4d30fb', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '8a8628f4258ea36b86df16b8ed0139c13e04a67e', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'a24bc9f48cd16e8acd668fe23ad3b9427dd1b4ba', class: "dot" }), h("a", { key: '32d1c85120322d79fac8ed449cceeea39e065bba', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'bb3f04f0ebe79e03d1d7a70978acafa7ce7069cd', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, h("zonos-language-select", { key: '02f446b8f4e3dc875f78d5ac2f0b9aa6dd071f1c', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'b713a78cbd3d3f131c6c473bb1d979899d40b13b', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: '97eab5909d556f13fa2acc0628d583d49f13d3a2', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: 'a6488e084f153305eed8d6f65341d7ab00297adb', textColor: colorDesktop }, "Powered by"), h("a", { key: 'c63a6e1064dbd733add1cc3b1df1456484e2f103', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '081cae2c34e58478a8c20f0f9a9f20dc0b47c9b7', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: '0862a11838e62f425d38066230b01f445999d751', class: "dot" }), h("a", { key: 'b13f3af014b5d970e45f88cbb0ef669a0f9aa2ac', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: 'a675218a36da83427c2ce517a15b1ed5ea5910d6', 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.css

@@ -45,6 +45,9 @@
   align-items: center;
   gap: 48px;
 }
+:host .zonos--total-pay zonos-text {
+  flex-shrink: 0;
+}
 :host .zonos--total-pay::after {
   content: "";
   position: relative;

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: '0ad612b9bd517bde855d648cd49c853f0e76c584', class: classes([
+        return (h(Host, { key: '6432c5dd5afd628e33ba26385ecfecb470f1757e', class: classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'e7f6ba00c7129d537cabd37ed0583e4385bd3e4b', class: "zonos--title" }, h("zonos-text", { key: 'eda6c8358bde6ecf2b200878b0c3cb52d71d3abe', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: 'e4d113ff1268c36119e1f80164b6cfd702c67f75', class: "zonos--title" }, h("zonos-text", { key: 'aad9ad9b526ac65d97a88df516e8e7b34fc3d2b1', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: '7247a4bc5d030c3fa605946a6acb9c9698055633', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: 'fcdaebc734a270742fbe21ff932550994e522ea6', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: false,

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

@@ -9,8 +9,8 @@ export class ZonosCollectSubtotal {
         this.storeUnsubscribeList = [];
         this.subtotals = {};
         this.initSubtotalData = () => {
-            var _a, _b;
-            const cartLandedCostSubtotal = (_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.landedCost) === null || _b === void 0 ? void 0 : _b.amountSubtotals;
+            var _a;
+            const cartLandedCostSubtotal = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.subtotals;
             if (!cartLandedCostSubtotal) {
                 return;
             }
@@ -52,7 +52,7 @@ export class ZonosCollectSubtotal {
     }
     render() {
         this.initSubtotalData();
-        return (h(Host, { key: '802f3c4e95ac387e1635fda8c60650baa6c2a921', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '5fb1bc3eea8cb032df0073797a03f29aad0c6a4a', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: 'f0c9c76e23a98f2638132530bf162f17d1c4d369', class: "zonos--row zonos--collect-duty" }, h("td", { key: '3563ad4d3ebe19d70701dd6d846ce93f81fb620b', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'a181f357c9ed0a51fd2edf6a321718e859a001b6', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '1e35333b4f2768f52084f1ed8044b20b8ef6dcdd', class: "zonos--column" }), h("td", { key: 'd810adf7cb68dbe4abd7a50a3f136b1c8de6927c', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (h(Host, { key: 'ab687a6e1ec67f6609081036a75e9905ff34c6b1', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '303b8c49983e9f7aea4d31400fed53d858eb078d', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: 'a60fa4f1f1afacef0144b86c054f44572576f7af', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'aeaf798e26bbd482196d7208eb05657a1d15dad8', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '835d817709ae3b7e2d888d618e0856fb2e637e4d', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '5bb47a115ea61fa897a3f48bbd10c5f78af3703e', class: "zonos--column" }), h("td", { key: '32632c4beb855ca687c615f5e6c63c82e2e05c80', 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: 'b6bf34665036c13663685f5d88f030663478d013', class: "zonos--row zonos--collect-tax" }, h("td", { key: '6595bd3da49f934a560b215774a977db6ee054f4', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b707928fc729029e601b03b1a07d00782bc805be', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '198d8a22daaac2b96a86ff831b40cefb8d6be057', class: "zonos--column" }), h("td", { key: '6f673d2bd36b3cc17d83732c37c21080358961b5', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: '055bb237dafaea8de18b127641c8fd7e1ece563b', class: "zonos--row zonos--collect-tax" }, h("td", { key: '1e73b140c2c9090ccfb91ce4efca483e8fb56e9e', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'a3375ecd77460c78c7c5f59bf7b9b8612cd53e41', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '20685646be29873967c2f335c775046068248ad3', class: "zonos--column" }), h("td", { key: '2e2c6af2c1a7840df03351178ddf3107fcc36494', 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: 'b3392d88def450ba48cf35a7209a3f987ba2513a', class: "zonos--row zonos--collect-fee" }, h("td", { key: 'b37890202522d65bb307bf7490cafb9686ed0d83', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '1248245b912e6a0f7b5236c2fae13f4d33b84805', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '47e9ad0b21ad389f1eb029ef7f8f805388f529b0', class: "zonos--column" }), h("td", { key: '6fd116a562463aa95a21f6f1635d9b33d8b9c577', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '8157aba5c6a23680b0bc681adc127747f01a2973', class: "zonos--row zonos--collect-fee" }, h("td", { key: '8266654f9e65003f297222bb935013a8b9b3b430', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '8399000a5f61e4737764b68b89799b409dce6034', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '2a9763f2401967ea1bdfa2c17514d18e2a4e0db6', class: "zonos--column" }), h("td", { key: 'ac2f275312c2ba69888e6e57dde8b4b451839b86', 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: '76c57539723bd54d09a45a8d0051240ecb39db03', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'b26e8493902267d9ab81907b976af59d961a792a', class: "zonos--column", colSpan: 3 })), h("tr", { key: '20110aaeccafea4372d91e79062ec5344353e4bc', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: 'a6463d8923e162864002121e63decb286b3a0fc8', class: "zonos--column" }), h("td", { key: '49b504de5994357d849e38c0156c5192cdad07db', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'c76f8e4fba2ea9025b009ae400b5b89d30b14997', type: "label" }, translate('Subtotal'))), h("td", { key: '6568a8e64b3e1b426bb8fdf4aff9354bb1ac4b18', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), h("tr", { key: 'a293d1b9342251f7326c1ac68e2bab83eae2ed80', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'c136b1b807f32dc21c131326d70500d2e2c64efe', class: "zonos--column", colSpan: 3 })), h("tr", { key: '59747101f1a9ef7c8fad60e90ea5b8c31015438c', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '96d201ba6f3e571adac265127229c94cdc96be2a', class: "zonos--column" }), h("td", { key: 'f2f4cb751e35fc0ebaa803659f26a2314d8bf639', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'b4f89ea1e523af8a5aead4ef007a6f0dc7e7f441', type: "label" }, translate('Subtotal'))), h("td", { key: '28b6aea6363b2bef1d072ad77f409ae77976305c', 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: 'ff9ffa08886829765a5c5c5120fdf450dab78d70', class: "zonos--row zonos--collect-total" }, h("td", { key: '1d3169797facacf6824badd69996a8d4671fa21f', class: "zonos--column" }), h("td", { key: '559350e976dae25212dab5dc3bd4a3c27ddb50e3', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '926be9acc7b9bc06755319a2af594a76ddc0ab2e', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '22d88d0f09b37aaf521b6e535b31fdcb00b18faa', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), h("tr", { key: 'f0072cdd200e8483421265af39a90fb655fb2ef0', class: "zonos--row zonos--collect-total" }, h("td", { key: '88a007048d33c919a6c5f87cf7cd071f83e7448b', class: "zonos--column" }), h("td", { key: '24bba9e9b81ff443dd5ca4832c3169e3605a93b8', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '594d4e96bec3a2153f6622c6842970ebee5bb463', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: 'b3ffd6dcae747dd2ed68ae16fb60d9655f7669dc', 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/common/zonos-badge/zonos-badge.js

@@ -37,16 +37,16 @@ export class ZonosBadge {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: '1da500c8477b6f425f2a7ac11a66f598dceba5d0', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '5213d69a38c0e00d02d4c85d499ee5b5ca5a929c', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'b3692740733f6d0745164763b334d8ca06a25220', class: classes([
+            } }, h("div", { key: '178886813185320c971444c181a4fe0e8b57d7e3', class: classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, h("zonos-text", { key: '4db8c88a1f0623f3dd575529b787eff8e5fcc8da', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'bd288d8425236a176b33f71710ee7ecaf952a0e9' })), this.dismissHandler && (h("zonos-icon", { key: '095187937379f1df13b2ff09178ed0b7847fc2ee', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
+            ]) }, this.icon, h("zonos-text", { key: '6e75ee5fbbbe62b2d2c875a4866f33060dd9618b', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'b6c1dcd8b29f1c99dc2cbd37d944ad8af3267713' })), this.dismissHandler && (h("zonos-icon", { key: '232d8056ee38962614267def07647c3f52246f0d', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
     }
     static get is() { return "zonos-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -184,13 +184,13 @@ export class ZonosButton {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: 'aa9addffbd4d082cd46259078b2d6b02bf79e0b2', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: 'd44e5db9b123906c2435285d23d0d05b6c15d8b3', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-weight': this.bold ? 'bold' : 'normal',
-            }) }, h("button", Object.assign({ key: 'afc39851d100fee8868d1977e19e0cca59c493ac' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: 'a937efb3d014fd8f5501fcde7c3c2f0cb33439aa' }, this.inheritedAttributes, { class: classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -205,7 +205,7 @@ export class ZonosButton {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }), this.loading && (h("div", { key: '2bedbc66b1e3aa14217ee9043cd8b49c60fe7e02', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '0f0cc196919a08927fc18a384a2722cc3020220f', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: 'fec8347641037537c56399970f840c064d0363df', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (h("div", { key: '09292867f621fd3e04313494809e59254a353403', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '250912ac9cc2ba4d9d5db8fdc67fa6009d5ea7ac', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '0695250725aff37526e6ea4f94456a368b873c59', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get is() { return "zonos-button"; }
     static get encapsulation() { return "shadow"; }