@zonos/elements 1.3.272 → 1.3.274

package/dist/esm/zonos-cart-items_12.entry.js

@@ -1,18 +1,18 @@
 import { r as registerInstance, e as getAssetPath, h, a as Host, F as Fragment, d as createEvent, g as getElement } from './index-cfd394c8.js';
-import { d as cartStore, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, b as stripeStore, F as stripeStoreReset, c as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, R as storeCreditStore, S as storeCreditStoreReset, z as storeCreditStoreCoversFullAmount, v as isPolicyConsentRequired, E as policyConsentStore, J as stripeStoreRecordPolicyConsent, u as cartStoreNextStep, T as stripeStoreTranslateAddressToLatin, U as extractName, G as cartStoreOnChange, V as stripeStoreAsyncAddressUpdate, L as cartStoreUpdateSelectedShippingOption, W as cartStoreGetShippingTransitInfo, X as cartStoreGetMethod, Y as sortServiceLevelOptionsByAmount } from './cart-1415dcf0.js';
-import { t as translate, l as localizationStore, s as storageStore, u as getExchangeRate, v as numberFormat, e as localizationStoreOnChange } from './localization-29723d89.js';
-import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-8390b5bf.js';
+import { d as cartStore, M as cartStoreHasOneEligibleItem, N as stripeStoreApplyPromoCode, O as stripeStoreRemovePromoCode, b as stripeStore, F as stripeStoreReset, c as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, Q as stripeStoreMessageBasedOnStatus, R as storeCreditStore, S as storeCreditStoreReset, z as storeCreditStoreCoversFullAmount, v as isPolicyConsentRequired, E as policyConsentStore, J as stripeStoreRecordPolicyConsent, u as cartStoreNextStep, T as stripeStoreTranslateAddressToLatin, U as extractName, G as cartStoreOnChange, V as stripeStoreAsyncAddressUpdate, L as cartStoreUpdateSelectedShippingOption, W as cartStoreGetShippingTransitInfo, X as cartStoreGetMethod, Y as sortServiceLevelOptionsByAmount } from './cart-23e29950.js';
+import { t as translate, l as localizationStore, s as storageStore, u as getExchangeRate, v as numberFormat, e as localizationStoreOnChange } from './localization-17546792.js';
+import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-e3953f67.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-5f7856f2.js';
 import { c as classes } from './classes-0d95c529.js';
 import { z as zonosStore, c as createStore, h as zonosStoreOnChange, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-8e19daff.js';
-import { D as DUTY_KEY, T as TAXES_KEY, h as hasInclusivePrice } from './hasInclusivePrice-a3b0f71c.js';
-import { s as submitAnalytics, c as paypalStoreReset, a as paypalStore } from './paypal-cb5559d4.js';
+import { D as DUTY_KEY, T as TAXES_KEY, h as hasInclusivePrice } from './hasInclusivePrice-5e106f84.js';
+import { s as submitAnalytics, c as paypalStoreReset, a as paypalStore } from './paypal-5bc6b0d0.js';
 import { h as handleFetch, s as sendErrorLog, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-d23f47a6.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { p as placeTestOrder } from './placeTestOrder-443376eb.js';
+import { p as placeTestOrder } from './placeTestOrder-e842854a.js';
 import { i as isDarkColor } from './isDarkColor-566f04c5.js';
 import { g as getContrastColor } from './getContrastColor-f0bd5b65.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
@@ -36,7 +36,7 @@ const ZonosCartItems = class {
     render() {
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '0533f9858716c5084f2f7d454038918dcea3f1d0', class: "zonos--cart-items zonos--elements" }, h("table", { key: '9819698277a5c597528364d19b7c5c7c3161fdd7', class: "zonos--cart-table" }, h("tbody", { key: '59493dfb49143a56f2addaf0c9eb1e8ce014dc1f' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: 'ec83033ab6a41452e8d3f611ca59f571741d7c73', class: "zonos--cart-items zonos--elements" }, h("table", { key: '3f403b3e3943f13394e419b6d3e01629ed673cd8', class: "zonos--cart-table" }, h("tbody", { key: '0c2caccc03dd36d00453e88ac7df9d8e3c47b5f1' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown(item.name);
             const amount = item.amount * item.quantity;
@@ -959,11 +959,11 @@ const ZonosCheckoutFinish = class {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '3df50a75327f2dd1d7eea538aed0501c96504f2d', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '7bbe3b38422e6b6a0b7a98c8e9cacf4b6abbfd8f', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isImmediateRedirecting && (h("div", { key: '6031b9b4d5847bb46a201ccf7f6b1cd036b3e3df', class: "loading-wrapper" }, h("zonos-spinner", { key: 'e816086c5efdfe8c1b40ce0bad935ef829a8f88d', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: 'c787a355834af35a53f09f51f97c6796fa25c345', class: "zonos--finish-details" }, h("div", { key: 'a2a4bd3caee1cbffd514dcd69927a0f8a4e20af1', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '894069f110eab9cb02fe4dfa814d7c285dadf7cb', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '95bee491e9ac903a594569c911a81c63ebfab691', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'cf10c1bdfe95c5a13a2714fc7d64042fa7ef49ac',
+            } }, this.isImmediateRedirecting && (h("div", { key: '8608faad8369cb1ad3e208862d264cc176f37702', class: "loading-wrapper" }, h("zonos-spinner", { key: '749ea9f925a11859310a47280f906f4e54cff7b2', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: 'ccb75f51c73fa22e94771f4ff00456a042185fb7', class: "zonos--finish-details" }, h("div", { key: '4bb0e457e963c2c95517a1688d0dcfdaa2c94013', 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: '7b57ab0d072852734a54833153d9a4aef526f97d', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'b633c665c126225ab060f806e150d77e118b7f6a', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'f15e8bef4931917ec51a5c449b6d20e76c295cbf',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -975,9 +975,9 @@ const ZonosCheckoutFinish = class {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'cc9da3752636dbf9ecd3446fb787074cb1fa725b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'f450a254f244806612f269f90ce984167c787795', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (h("div", { key: 'f61fedefbfcf3650377bfd2e1a86d7feb4129b12', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'fa794be3da7f480bc3682a2e932ee1f876ac5bb2', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '5bbff8ed5b5c585dd1a4ca8e2d206d48fb080f39', onClick: () => {
+            this.notificationType === 'success' && (h("div", { key: 'd5ab67cad67c9b62e2e369c52f028aca0fb485b5', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '1ab66e026b3797e2fc0f44fe0bcea439dab85128', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '8fc0dc456bb32fb94ea390bf50a9590b35bbb04d', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'
@@ -1051,10 +1051,10 @@ const ZonosCheckoutFooter = class {
         const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
-        return (h(Host, { key: '9bf4e1fae3660eb17d04521c533f52651f9b6153', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '90b473ca63321395e9fceb48b8d21d90b225c01f', class: "zonos--checkout-footer" }, h("div", { key: '4cd4d63838aae1c26df2b3513cb24f93a497705b', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '2db346594fdf00329a8f4887c4d431ddedc22e40', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '55332b4a8d812976333a9f14853d63c94fc2d3b4', class: "zonos--checkout-locale-label" }, languageLabel, h("zonos-icon", { key: '1c27c4b559974ebbcff5470d6fb7a2ace3e204c2', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), h("div", { key: '5e87976476c7fb124c308352587643b009bda3df', class: classes([
+        return (h(Host, { key: 'edf9d7cfd7375fcd4f335caedccc2928f84a594e', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '14f359b70f1f4610be37571ae5d32ae7791be012', class: "zonos--checkout-footer" }, h("div", { key: 'ae803331487f9759403633a8e27cc6e480b40f93', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: 'f173841a4c1b3af79a2c21ad9195b509f2891964', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '7148d2a6076b786954cb9a02e41c760ba4719d6b', class: "zonos--checkout-locale-label" }, languageLabel, h("zonos-icon", { key: '0a759d42576bf657893e6e2349cc3938855de6fc', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), h("div", { key: '63b1ac3440c35349341272b051c4a3e04e19f818', class: classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, h("zonos-language-select", { key: '3ab16dc27d046bd8a0ebab4fd44ba0a10b53b0a5', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '3d7e9500d281348acb8f6c64f7a792b0248b5347', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: '8b2ba4f4d0e962d94e24b08e69ad53310050049b', href: "https://zonos.com/docs/legal/zonos-privacy-policy", rel: "noopener noreferrer", target: "_blank" }, h("zonos-text", { key: '06c700777036ef3e15b2f8586e96ccb020f06850', textColor: colorDesktop }, translate('Privacy policy'))), h("div", { key: '1af786991ea239d2b40a43de0e5b872350f8e171', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '889819449f802936510bda4f21b1233e76853613', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '1d2f3f924b78e4e8b37b1504e37a2cdb0b0bfb9b', href: "https://zonos.com", rel: "noopener noreferrer", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '2429284234ffcb51ecff0fd3a98f88bbe8c4c1c5', autoHeight: true, content: colorDesktop === 'gray-1000'
+            ]) }, h("zonos-language-select", { key: '5cad0220d288b722355715c5418928f065af07c1', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '30ec30fd80133525889fea8ab0567179f3ffdd3a', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: 'a6900165737de98bed8fee21d88b4e269ad209e3', href: "https://zonos.com/docs/legal/zonos-privacy-policy", rel: "noopener noreferrer", target: "_blank" }, h("zonos-text", { key: 'ca88bc63b702dcb651530f41aee4764734a5ee84', textColor: colorDesktop }, translate('Privacy policy'))), h("div", { key: '8caa023f3aca229e464a27f55c289985114cc641', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '9a3b6097c157dd86bd8a03c41887915051852930', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '5e0657c052e71ce12c5717b8a5473e4fc5ca2926', href: "https://zonos.com", rel: "noopener noreferrer", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '1c6a13757a62a14a9898b3de06aaa1f717f3035d', autoHeight: true, content: colorDesktop === 'gray-1000'
                 ? ZonosIconLight
                 : ZonosIconDark, size: 108 })))))));
     }
@@ -1527,17 +1527,17 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: '2bc73268f4413887abe526ab1ac01471627e9fbc', class: "zonos--elements", style: {
+        return (h(Host, { key: 'e5c68ba81756351ca14ee7cecc1fc31070aea2f6', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: 'fb812b9d4e6ba72f26b4f31ccf8444500a72f277', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: '64c20db4eb660505af2e97c07e9658f9866cfd57', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: '0dcaeb8d709f06df00b965c7aa081294a060120e', class: "zonos--tab-progress" }, h("div", { key: '8faef8257c4a0244e1ee5f3ac5752904ecd63d96', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: 'e3257fb953c3c76e946a47334a16a2bd802ceb10', class: "zonos--tab-progress" }, h("div", { key: '2e8a3905cf361d1138846aa8f8153b92e80c5fca', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return getElement(this); }
@@ -2250,11 +2250,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: 'c8ad36ee240e6c623cfd950a9cd2eebc89e1d264', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: '318c4da3d24faab9e2896923388183be1553fc39', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'c1f45b4dfc584bd492f36cd678699aec372d0b41', class: "zonos--restState-image" }, h("img", { key: 'dbbcbfcdfb849c8f31c17eba4f99d2fbf1f9f05d', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: '4a25dbfceb67d366ea68ebe0b16bd3af2f2073e6', class: "zonos--restState-image" }, h("img", { key: '5af2ffcf96d9ee70ceb14c6c16ad8607c5a734d8', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: 'a3f92d7c4b7c3d6b27b310024b60659903901300', class: "content" }, h("zonos-text", { key: 'c3f6af9cc17b95f988d848e18e3afbdb711c5ddd', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '656d089910ca5aa79b762d6c36b9b14ef093b706', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'e44d6b8bdf04cc1bc31a3ed427260c08ab05781b', class: "action" }, h("slot", { key: '662fcf9da75d402dbfdd4ec8135c5112c5cc7527' }))));
+            }, src: imageUrl })), h("div", { key: 'c3c6c28e7edabc3f127f74a1f8025cdd556c2df1', class: "content" }, h("zonos-text", { key: '8fc1b63061c1c6ed1aaf7c8bf1f6d0107ad96574', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '8410ef232d219a27bedd6fab0f2145c242c21a6d', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'f9d8cd4653bc3918b9c2c3bf453b17999e16972f', class: "action" }, h("slot", { key: '60091e060884958d729092292ae6c34f9af85ae1' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

package/dist/esm/zonos-checkbox_2.entry.js

@@ -68,14 +68,14 @@ const ZonosCheckbox = class {
             customRoundRadius: '4px',
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '68ce8866560fc44b0f0ccdc2c62ce6f12662b732', class: classes(['zonos--elements zonos--checkbox']), style: {
+        return (h(Host, { key: '2021966f1236912bd2970023fbc44165c7b6ed7c', class: classes(['zonos--elements zonos--checkbox']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--size': `${this.size}px`,
-            } }, h("label", { key: '296bc060857897219204b2f7c92f14fe95d9a4e0', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '0995da201de091b958f8a7e0aa8e160d3806c9df', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+            } }, h("label", { key: 'b49919481676d8360a07d9cd456ce149559b9a09', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '5d3382b19c8f5207e5a505ff09248441969aa5c7', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
                 this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: '9ea1f4c9e4eecf9ac151d10318fcdec7e3a242e2', class: "checkmark-container" }, h("svg", { key: '56a08834db133070b05d00c95017ed2e35a27d7f', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c137dbb9448ca58d7080b48f7e8e0ca0ce534ef9', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: 'bdff3daf6e88591d3af0567c74569608e6dabb4e', size: this.fontSize }, this.label)))));
+            }, type: "checkbox" }), h("span", { key: 'fc35e3d6c1a3380b8f2b012951b5cf50e42e9735', class: "checkmark-container" }, h("svg", { key: 'c134d6444c50ff2294c7685f2a3ed52a6ef070b6', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '635394bdaa83c0d222f995a805128b3ccfae71a0', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '0626598dc95151a065a615ffaf99fd59030d2a29', size: this.fontSize }, this.label)))));
     }
 };
 ZonosCheckbox.style = ZonosCheckboxStyle0;
@@ -93,9 +93,9 @@ const ZonosToggle = class {
         this.options = [];
     }
     render() {
-        return (h(Host, { key: 'a69d1282e442b2cc5b24df68ee41c452b02fb022', class: classes(['zonos--elements zonos--toggle']), style: {
+        return (h(Host, { key: 'cdc4d67f72773fa460d24cfc0a24fcb5288f40ad', class: classes(['zonos--elements zonos--toggle']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'a0fff3107e8d9a98d3ff323379c6e39bee294eca', class: "wrapper" }, this.options.map(option => {
+            } }, h("div", { key: '2eb725addb5f65b98edd5193ceb6eaaa2564952b', class: "wrapper" }, this.options.map(option => {
             const selected = option.value === this.value;
             return (h("button", { class: classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
                     this.toggleChanged.emit(option.value);

package/dist/esm/zonos-checkout.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment, a as Host } from './index-cfd394c8.js';
-import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreSaveDomesticShippingSession, b as stripeStore, i as initStripeElements, c as stripeStoreRetrievePayment, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, p as policyConsentStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, l as cartStoreStartCheckoutInterval, t as trackConversionEvent, m as getCheckoutSessionBody, n as cartStoreUpdateToErrorState, o as stripeStoreCleanupDomesticShippingSession, q as cartStoreSetCheckoutSession, r as stripeStorePrefetchLandedCost, u as cartStoreNextStep, v as isPolicyConsentRequired, w as stripeStoreUpdateCheckoutSessionBaseCurrency, x as stripeStoreHandleInventoryCheck, y as storeCreditStoreApplyCredit, z as storeCreditStoreCoversFullAmount, A as validateCheckoutSession, B as storeCreditStoreCreateOrder, C as stripeStoreConfirmPayment, D as stripeStoreHandleInventoryRefund, E as policyConsentStore, F as stripeStoreReset, G as cartStoreOnChange, H as stripeStoreOnChange, I as storeCreditStoreGetEffectiveAmount } from './cart-1415dcf0.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitAnalytics, a as paypalStore, b as paypalInitScript } from './paypal-cb5559d4.js';
-import { f as filterValidTests, a as fetchCheckoutId, b as fetchBigCommerceCheckout, i as isBigCommerceCustomerLoggedIn, l as localizationStore, c as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, d as storageStoreSetEnabledVariantTestKeys, t as translate, e as localizationStoreOnChange, h as currencyFormat } from './localization-29723d89.js';
+import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreSaveDomesticShippingSession, b as stripeStore, i as initStripeElements, c as stripeStoreRetrievePayment, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, p as policyConsentStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, l as cartStoreStartCheckoutInterval, t as trackConversionEvent, m as getCheckoutSessionBody, n as cartStoreUpdateToErrorState, o as stripeStoreCleanupDomesticShippingSession, q as cartStoreSetCheckoutSession, r as stripeStorePrefetchLandedCost, u as cartStoreNextStep, v as isPolicyConsentRequired, w as stripeStoreUpdateCheckoutSessionBaseCurrency, x as stripeStoreHandleInventoryCheck, y as storeCreditStoreApplyCredit, z as storeCreditStoreCoversFullAmount, A as validateCheckoutSession, B as storeCreditStoreCreateOrder, C as stripeStoreConfirmPayment, D as stripeStoreHandleInventoryRefund, E as policyConsentStore, F as stripeStoreReset, G as cartStoreOnChange, H as stripeStoreOnChange, I as storeCreditStoreGetEffectiveAmount } from './cart-23e29950.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitAnalytics, a as paypalStore, b as paypalInitScript } from './paypal-5bc6b0d0.js';
+import { f as filterValidTests, a as fetchCheckoutId, b as fetchBigCommerceCheckout, i as isBigCommerceCustomerLoggedIn, l as localizationStore, c as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, d as storageStoreSetEnabledVariantTestKeys, t as translate, e as localizationStoreOnChange, h as currencyFormat } from './localization-17546792.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-8e19daff.js';
 import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-a117f75d.js';
 import { h as handleFetch, g as getIsTestMode, j as jsonParse, l as logError, b as getAdditionalLogMetadata, s as sendErrorLog, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-a844cac1.js';

package/dist/esm/zonos-collapse.entry.js

@@ -53,10 +53,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: '4266c0d5399bbcecf4725cfda02ee88fb3b74843', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: '9a7c1c2e4f960e34fa81af1ce3bc509857082a27', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: 'ca2fb1d9b821402ff26e171f678083d60b401a22' }, h("iframe", { key: 'ba726164295930bba21d115b732a7bd2edad18e0', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '1454a6f84d2e90be4b79868c99dfefdb21baf9d9' }))));
+            } }, h("div", { key: 'e68bac246e123eaf18d3b0a47c38b60ddd9c297a' }, h("iframe", { key: '011961e0e1608ba664ba366a16347c843d4280b3', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '8234271563b9a56b8507374e4aa9881ae8f699ba' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/zonos-collect-cart-items_3.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, e as getAssetPath, h, a as Host } from './index-cfd394c8.js';
-import { d as cartStore } from './cart-1415dcf0.js';
+import { d as cartStore } from './cart-23e29950.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-5f7856f2.js';
 import { f as zonosStoreFontFamily } from './zonosStore-8e19daff.js';
 import { c as classes } from './classes-0d95c529.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import './localization-29723d89.js';
+import './localization-17546792.js';
 import './handleFetch-a844cac1.js';
 import './VarianceTest-572cecf5.js';
 import './isDarkColor-566f04c5.js';
@@ -21,7 +21,7 @@ const ZonosCollectCartItems = class {
     render() {
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '085e4b2fd45b68d916f268719cb52009cc06f8a2', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '23338d49319259769cd139ff9c329f3a9c6a059a', class: "zonos--cart-table" }, h("tbody", { key: '9a8ba11598f20b78a0ea199ccdf7254db461a0ac' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: 'b59fc5d56e5672ed47312fa930a1f35bf987b58d', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '1f1020fd843fc2e86a12f426786f275e2c45c7c6', class: "zonos--cart-table" }, h("tbody", { key: 'b383812ea0967e3715701c09753fda8b3dbfe612' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown(item.name);
             return (h("tr", { class: "zonos--collect-cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: item.name, onError: () => {
@@ -48,10 +48,10 @@ const HStack = class {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: '721c4dd7d467879b21078725e6343b7ee8d76675', style: {
+        return (h(Host, { key: 'f06155d19be654e8af1f3fe31d8b90c9714803a1', style: {
                 '--spacing': `${this.spacing}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("slot", { key: '1e4dc26d7e61893d04bc6255abf2834b4545b335' })));
+            } }, h("slot", { key: '6cfa7de515d78cc8376e9c863e54e6875392bd0a' })));
     }
 };
 HStack.style = ZonosHStackStyle0;
@@ -74,7 +74,7 @@ const ZonosSkeleton = class {
         this.skeletonHeight = '14px';
     }
     render() {
-        return (h(Host, { key: '22a28005143f47dd80eaec233e7d9937d7e72507', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+        return (h(Host, { key: '58a2bedd58be3710e9e769efda15097c3ba19ea8', class: classes(['zonos--elements zonos--skeleton']), style: styles({
                 '--zonos--skeleton-height': this.skeletonHeight,
                 '--zonos--skeleton-width': this.skeletonWidth,
             }) }));

package/dist/esm/zonos-collect-finish_6.entry.js

@@ -1,17 +1,18 @@
 import { r as registerInstance, d as createEvent, h, F as Fragment, a as Host, g as getElement } from './index-cfd394c8.js';
-import { b as stripeStore, c as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, F as stripeStoreReset, Q as stripeStoreMessageBasedOnStatus, d as cartStore, u as cartStoreNextStep, G as cartStoreOnChange } from './cart-1415dcf0.js';
-import { s as submitAnalytics, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-cb5559d4.js';
-import { t as translate, s as storageStore, l as localizationStore, x as translationStoreOnChange } from './localization-29723d89.js';
+import { b as airwallexStore, d as airwallexStoreRetrievePaymentIntent, j as airwallexStoreMessageBasedOnStatus, k as airwallexStoreReset, c as collectStore, e as airwallexStoreIsPaidStatus } from './collect-a235299d.js';
+import { b as stripeStore, c as stripeStoreRetrievePayment, t as trackConversionEvent, P as stripeStoreResetPromoCode, F as stripeStoreReset, Q as stripeStoreMessageBasedOnStatus, d as cartStore, u as cartStoreNextStep, G as cartStoreOnChange } from './cart-23e29950.js';
+import { s as submitAnalytics, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-5bc6b0d0.js';
+import { t as translate, s as storageStore, l as localizationStore, x as translationStoreOnChange } from './localization-17546792.js';
 import { z as zonosStore } from './zonosStore-8e19daff.js';
 import { h as handleFetch, s as sendErrorLog, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-d23f47a6.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
-import { i as isCollectMobile, a as isCollectTablet, e as collectStore } from './isCollectMobileTablet-2c62fdaa.js';
+import { i as isCollectMobile, a as isCollectTablet } from './isCollectMobileTablet-111b0dd7.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-8390b5bf.js';
-import { p as placeTestOrder } from './placeTestOrder-443376eb.js';
+import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-e3953f67.js';
+import { p as placeTestOrder } from './placeTestOrder-e842854a.js';
 import { r as renderFallback } from './renderFallback-b250f4e9.js';
 import './isDarkColor-566f04c5.js';
 import './isContrastColor-fbddacb6.js';
@@ -188,6 +189,109 @@ const ZonosCollectFinish = class {
             stripeStoreReset();
             storageStore.checkoutSessionId = null;
         };
+        /**
+         * Resolve the Airwallex payment intent id, preferring the value already in the
+         * store and falling back to re-fetching the collect checkout session (e.g. when
+         * the page was reloaded after a redirect).
+         */
+        this.getAirwallexSessionInfo = async () => {
+            // When the payment intent id is already in the store (e.g. the drop-in just
+            // succeeded this session), there's no completed session to re-fetch.
+            if (airwallexStore.paymentIntentId) {
+                return {
+                    isCompleted: false,
+                    paymentIntentId: airwallexStore.paymentIntentId,
+                };
+            }
+            const checkoutSessionId = storageStore.checkoutSessionId;
+            if (!checkoutSessionId) {
+                return { isCompleted: false, paymentIntentId: null };
+            }
+            const { json } = await handleFetch('/api/zonos-elements/collect/get-checkout-session', {
+                body: {
+                    checkoutSessionId,
+                },
+                method: 'POST',
+            });
+            const checkoutSession = json === null || json === void 0 ? void 0 : json.checkoutSession;
+            return {
+                // A completed session (or one with an order attached) is already paid.
+                isCompleted: !!((checkoutSession === null || checkoutSession === void 0 ? void 0 : checkoutSession.completedAt) || (checkoutSession === null || checkoutSession === void 0 ? void 0 : checkoutSession.order)),
+                paymentIntentId: (checkoutSession === null || checkoutSession === void 0 ? void 0 : checkoutSession.paymentIntentId) || null,
+            };
+        };
+        this.checkAirwallexPaymentStatus = async () => {
+            // If the drop-in already confirmed the payment in-widget this session, trust
+            // that result. A status lookup that fails or hasn't propagated yet must not
+            // show a payment failure after the shopper already completed payment.
+            const sdkConfirmed = airwallexStore.paymentConfirmed;
+            // A forced success status is set when recovery routes an already-completed /
+            // paid session to the finish step (mirrors the Stripe finish flow).
+            const forcedSuccess = this.storybookForceStatus === 'succeeded';
+            const { isCompleted, paymentIntentId } = await this.getAirwallexSessionInfo();
+            const { status } = paymentIntentId
+                ? await airwallexStoreRetrievePaymentIntent(paymentIntentId)
+                : { status: null };
+            // Treat the payment as complete when the drop-in confirmed it in-widget, the
+            // session is already completed/paid (incl. the forced-success recovery path),
+            // or the payment intent reports a paid/authorized status. Pending states such
+            // as REQUIRES_CUSTOMER_ACTION (3DS not yet done) are not complete, so we must
+            // not show success or poll for an order.
+            const isPaid = sdkConfirmed ||
+                forcedSuccess ||
+                isCompleted ||
+                airwallexStoreIsPaidStatus(status);
+            const { messages } = sdkConfirmed || forcedSuccess || isCompleted
+                ? airwallexStoreMessageBasedOnStatus('SUCCEEDED')
+                : airwallexStoreMessageBasedOnStatus(status);
+            log('=== Airwallex payment intent retrieve status', 'info', {
+                forcedSuccess,
+                isCompleted,
+                isPaid,
+                paymentIntentId,
+                sdkConfirmed,
+                status,
+            });
+            this.notificationType = isPaid ? 'success' : 'error';
+            this.notificationTitle = isPaid
+                ? translate("You're all set!")
+                : translate('Payment failed');
+            this.notificationMessages = messages;
+            if (isPaid) {
+                submitAnalytics({ event: 'zonos-checkout-success' });
+                const checkoutSessionId = storageStore.checkoutSessionId;
+                void trackConversionEvent({
+                    checkoutSessionId,
+                    eventName: 'checkout_orderCompleted',
+                });
+                const successEvent = createCustomEvent('zonos-checkout-success', {
+                    message: 'Zonos Checkout successfully processed order',
+                });
+                document.dispatchEvent(successEvent);
+                // wait this to finish before resetting store and checkout session id
+                await this.handleSuccessBehavior();
+            }
+            else {
+                submitAnalytics({ event: 'zonos-checkout-payment-fail' });
+                void sendErrorLog({
+                    endpoint: 'Airwallex payment failed',
+                    errors: [
+                        `Payment intent "${paymentIntentId}" status: ${status} - checkout session: ${storageStore.checkoutSessionId}`,
+                    ],
+                    metadata: {
+                        allLogs,
+                        credentialToken: window.Zonos.zonosApiKey,
+                    },
+                });
+            }
+            // Make sure to stop the loading spinner even when there's an error
+            this.isLoading = false;
+            // reset promo when checkout is finished
+            stripeStoreResetPromoCode();
+            stripeStoreReset();
+            airwallexStoreReset();
+            storageStore.checkoutSessionId = null;
+        };
         this.checkStagingOrderStatus = async () => {
             this.notificationType = 'success';
             this.notificationTitle = translate("You're all set!");
@@ -259,6 +363,9 @@ const ZonosCollectFinish = class {
         if (cartStore.isStagingMode) {
             void this.checkStagingOrderStatus();
         }
+        else if (collectStore.paymentProcessor === 'AIRWALLEX') {
+            void this.checkAirwallexPaymentStatus();
+        }
         else if (paypalStore.orderIdCreated) {
             void this.checkPaypalPaymentStatus();
         }
@@ -268,11 +375,11 @@ const ZonosCollectFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: '3de21586bf8e0f31e698e2b1a51d3344aae94af1', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'fe3107670230caeaacc834983d9215422a7828ae', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '66f93432802d63e1fab59de19c1fd930cfddacbe', class: "zonos--finish-details" }, h("div", { key: '0857460a375bff54492dd7fe64baddf2af1e966a', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '008c4971516d110e1c2d0a348b09fa6ca0a0b1a6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '3e86105dbdae6cb696b0c4be81d9fcc30576ae4b', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'b372ae467ccb62b5c03aba28635135c350473986', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'bbf5885fe6e52135e3a2d7a82f0e85fd26e6aa74', class: "zonos--button-container" }, h("zonos-button", { key: '74dd846361072721bb3c511d675f7e42b7c063e9', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: 'fefefedc7ec022318cbc6da23b327079afec981b', class: "zonos--finish-details" }, h("div", { key: '4428271e11c3a96db732726719c5747364a18097', 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: '0c3371b3bed8fd83e437075f1c35179fbb7e5e09', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'dbb263f0f95a62d93ae3c5ac455625512eb1f63e', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '07e2733ad91ced8e5260e0f8fea627610b864ebf', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'ecb7332cb4b7c28d398f2957d3b521c6328163eb', class: "zonos--button-container" }, h("zonos-button", { key: 'c8303e2a61d573b6e028ab38df2427fa98471e9f', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }
@@ -337,15 +444,15 @@ const ZonosCollectFooter = class {
         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: '5ec7e478c6b2b4fc21634ed70261dce3b095a8a0', class: classes([
+        return (h(Host, { key: '52908f4538918641b708887436e1cfe3b643376f', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'c16c9d6e73dbfbd416137c6bf697cbb92d2bf706', class: "zonos--collect-footer" }, h("div", { key: '7df1dde2ef014d5f1b7093e034d0ccf0e795ac61', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: 'fcbc9ddc94b68e353b2f8f064c99abf1cc2900a9', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: 'bf58b98ed61dbc6c6cba358c34f40a15301c8c9a', class: "zonos--collect-locale-label" }, languageLabel, h("zonos-icon", { key: '2cda7ba7b226accb3f42281a0dc94d8227330193', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), h("div", { key: '963404ac73580e236740343fec11447b9ee22ca4', class: classes([
+            ]) }, h("div", { key: '46a1c762d78396a7f993bad323c93f8e6bc71f1b', class: "zonos--collect-footer" }, h("div", { key: 'a6a98539cdb901ecd162f5e5b98591c9b8b7321a', class: "zonos--collect-locale-wrapper" }, h("zonos-button", { key: '8a5c4a18bc1030c3e74e412ff14a59c299f59e9a', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '03bc4235862d1382cd8f0cdb007fd708bf2bfe87', class: "zonos--collect-locale-label" }, languageLabel, h("zonos-icon", { key: '4b3bbcd5bcd4039f3cb1f1c4c12698cba1894308', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), h("div", { key: '5508629b0cdc334b81ad4d4d5a034ced133d6744', class: classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: '8b41a062040737a68d3c9b00839fa65b412cf7c4', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '16c4a6476916227d6310c48fb4d0cc732ba8fd52', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: '220c6d0bb23e3d43f3a21ed2cf94f4eff016e8f5', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '6c6e2cab741612e4e75a2840dc36571e49aad40d', textColor: colorDesktop }, "Powered by"), h("a", { key: '60aa25c0951f8307974c4a892fddbb0626cc76d2', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '7f913799ae95ee9ed30aea2e6144d36c89ebd7f8', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'd74339c34ecebcbdeb60e08f8de4b83d07a93a71', class: "dot" }), h("a", { key: '8e9917e5ef37bedc593774bd7e0cab85fb7a99b4', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '2cc37adc0b69dfbb7ea7ee6b6727ad173c2cae6e', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, h("zonos-language-select", { key: 'ca4b77d72dfd9db8743290d333b7fcde15d090d6', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '98f0d0c35e3c6b4fde833e4b9ae334549fe46f1f', class: "zonos--collect-footer-icon-wrapper" }, h("div", { key: 'b3039948472d797bf04a23d3aca839472f6c6946', class: "zonos--collect-footer-logo" }, h("zonos-text", { key: '75123a6fb2bcdce07e0ebe433a28d81eefaec9ea', textColor: colorDesktop }, "Powered by"), h("a", { key: '2a0f4e2bc5df9d383ac4b91c589d2ce7149c6b3d', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '436005434f2a9d2ff1228cd36d873b8de7d339f2', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'c488b5eefba54424a0e66af61415d78d8f3d46fa', class: "dot" }), h("a", { key: 'd98fc7646d4877179b94bee6d3f8a7a283bbc756', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '54fe3d9316ee5b22f5620b7acde145627b66cbe3', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -423,7 +530,7 @@ const ZonosCollectOrderDetails = class {
                 this.isMobile && 'mobile',
             ]) }, h("div", { class: "zonos--wrapper" }, h("button", { class: "zonos--order-details-header", onClick: () => {
                 this.collapseState = !this.collapseState;
-            }, type: "button" }, h("zonos-text", { type: "semiBoldLabel" }, translate('Order details')), renderCollapseIcon()), h("div", { class: "zonos--order-details-wrapper" }, h("zonos-collapse", { collapsed: this.collapseState }, h("div", { class: "zonos--collect-order-details-content" }, h("zonos-collect-cart-items", null), h("div", { class: "zonos--collect-order-info" }, h("div", { class: "zonos--collect-order-details-row" }, collectStore.amountTotalPaid !== null && (h("div", { class: "zonos--collect-order-details-column" }, h("zonos-text", { type: "smallHeader" }, translate('Total paid')), h("zonos-text", null, renderCheckoutCurrency({
+            }, type: "button" }, h("zonos-text", { type: "semiBoldLabel" }, translate('Shipment details')), renderCollapseIcon()), h("div", { class: "zonos--order-details-wrapper" }, h("zonos-collapse", { collapsed: this.collapseState }, h("div", { class: "zonos--collect-order-details-content" }, h("zonos-collect-cart-items", null), h("div", { class: "zonos--collect-order-info" }, h("div", { class: "zonos--collect-order-details-row" }, collectStore.amountTotalPaid !== null && (h("div", { class: "zonos--collect-order-details-column" }, h("zonos-text", { type: "smallHeader" }, translate('Total paid')), h("zonos-text", null, renderCheckoutCurrency({
             amount: collectStore.amountTotalPaid || 0,
             isForeign: true,
         })))), collectStore.originCompanyName && (h("div", { class: "zonos--collect-order-details-column" }, h("zonos-text", { type: "smallHeader" }, translate('Ordered from')), h("zonos-text", null, collectStore.originCompanyName || '')))), this.renderShippingAddress())))))));
@@ -440,7 +547,7 @@ const CheckmarkLineIcon = `<svg color="var(--zonos-elements-gray-1000)" xmlns="h
 
 const RemoveLineIcon = `<svg color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="var(--zonos-elements-gray-1000)" d="M14.475 10.586a.75.75 0 1 0-1.06-1.06L12 10.938l-1.414-1.414a.75.75 0 0 0-1.06 1.06L10.938 12l-1.414 1.414a.75.75 0 1 0 1.06 1.06L12 13.062l1.414 1.414a.75.75 0 0 0 1.06-1.06L13.062 12l1.414-1.414Z"/><path fill="var(--zonos-elements-gray-1000)" fill-rule="evenodd" d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-6.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0Z" clip-rule="evenodd"/></svg>`;
 
-const zonosCollectPaymentCss = ".sc-zonos-collect-payment-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-collect-payment-h *.sc-zonos-collect-payment{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-collect-payment-h img.sc-zonos-collect-payment{max-width:100%}.sc-zonos-collect-payment-h dl.sc-zonos-collect-payment,.sc-zonos-collect-payment-h dd.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h1.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h2.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h3.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h4.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h5.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h6.sc-zonos-collect-payment,.sc-zonos-collect-payment-h hr.sc-zonos-collect-payment,.sc-zonos-collect-payment-h figure.sc-zonos-collect-payment,.sc-zonos-collect-payment-h p.sc-zonos-collect-payment,.sc-zonos-collect-payment-h pre.sc-zonos-collect-payment{margin:0}.sc-zonos-collect-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-collect-payment-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1}.sc-zonos-collect-payment-h .zonos--title.sc-zonos-collect-payment{margin-bottom:24px}.sc-zonos-collect-payment-h .zonos--group.sc-zonos-collect-payment{margin-bottom:20px;overflow:auto;padding:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;-ms-scroll-chaining:none;overscroll-behavior:contain}.sc-zonos-collect-payment-h .zonos--group.sc-zonos-collect-payment::-webkit-scrollbar{width:10px}.sc-zonos-collect-payment-h .zonos--group.sc-zonos-collect-payment::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}.sc-zonos-collect-payment-h .zonos--group.sc-zonos-collect-payment::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-collect-payment-h .zonos--group.sc-zonos-collect-payment::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-collect-payment-h .zonos--payment-error-banner.sc-zonos-collect-payment{margin-bottom:8px}.sc-zonos-collect-payment-h .zonos--error-banner.sc-zonos-collect-payment{margin-bottom:16px}.sc-zonos-collect-payment-h zonos-button.sc-zonos-collect-payment{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-collect-payment-h .zonos--pay-in-base-currency-btn.sc-zonos-collect-payment{-webkit-box-shadow:none;box-shadow:none}.sc-zonos-collect-payment-h .zonos--group-btn.sc-zonos-collect-payment{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;gap:12px;bottom:-4px;padding-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0))}.sc-zonos-collect-payment-h .zonos--group-btn.sc-zonos-collect-payment zonos-text.sc-zonos-collect-payment{text-align:center}.sc-zonos-collect-payment-h .zonos--group-btn.sc-zonos-collect-payment zonos-button.sc-zonos-collect-payment{width:100%}.sc-zonos-collect-payment-h .zonos--test-cards.sc-zonos-collect-payment{margin-top:auto;padding-top:16px}";
+const zonosCollectPaymentCss = ".sc-zonos-collect-payment-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-collect-payment-h *.sc-zonos-collect-payment{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-collect-payment-h img.sc-zonos-collect-payment{max-width:100%}.sc-zonos-collect-payment-h dl.sc-zonos-collect-payment,.sc-zonos-collect-payment-h dd.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h1.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h2.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h3.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h4.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h5.sc-zonos-collect-payment,.sc-zonos-collect-payment-h h6.sc-zonos-collect-payment,.sc-zonos-collect-payment-h hr.sc-zonos-collect-payment,.sc-zonos-collect-payment-h figure.sc-zonos-collect-payment,.sc-zonos-collect-payment-h p.sc-zonos-collect-payment,.sc-zonos-collect-payment-h pre.sc-zonos-collect-payment{margin:0}.sc-zonos-collect-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-collect-payment-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1}.sc-zonos-collect-payment-h .zonos--title.sc-zonos-collect-payment{margin-bottom:24px}.sc-zonos-collect-payment-h .zonos--group.sc-zonos-collect-payment{margin-bottom:20px;overflow:visible;padding:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1}.sc-zonos-collect-payment-h .zonos--payment-error-banner.sc-zonos-collect-payment{margin-bottom:8px}.sc-zonos-collect-payment-h .zonos--error-banner.sc-zonos-collect-payment{margin-bottom:16px}.sc-zonos-collect-payment-h zonos-button.sc-zonos-collect-payment{-webkit-box-shadow:0 0 1px 0 var(--zonos-elements-gray-600);box-shadow:0 0 1px 0 var(--zonos-elements-gray-600)}.sc-zonos-collect-payment-h .zonos--pay-in-base-currency-btn.sc-zonos-collect-payment{-webkit-box-shadow:none;box-shadow:none}.sc-zonos-collect-payment-h .zonos--group-btn.sc-zonos-collect-payment{position:-webkit-sticky;position:sticky;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;gap:12px;bottom:-4px;padding-top:12px;background:var(--zonos--primary-color, var(--zonos-elements-gray-0))}.sc-zonos-collect-payment-h .zonos--group-btn.sc-zonos-collect-payment zonos-text.sc-zonos-collect-payment{text-align:center}.sc-zonos-collect-payment-h .zonos--group-btn.sc-zonos-collect-payment zonos-button.sc-zonos-collect-payment{width:100%}.sc-zonos-collect-payment-h .zonos--test-cards.sc-zonos-collect-payment{margin-top:auto;padding-top:16px}";
 const ZonosCollectPaymentStyle0 = zonosCollectPaymentCss;
 
 const ZonosCollectPayment = class {
@@ -449,6 +556,7 @@ const ZonosCollectPayment = class {
         this.continueClicked = createEvent(this, "continueClicked", 7);
         this.paypalSessionFailed = createEvent(this, "paypalSessionFailed", 7);
         this.paypalSessionDone = createEvent(this, "paypalSessionDone", 7);
+        this.airwallexPaymentDone = createEvent(this, "airwallexPaymentDone", 7);
         this.storeUnsubscribeList = [];
         /**
          * Whether or not the continue button is loading
@@ -573,6 +681,12 @@ const ZonosCollectPayment = class {
     }
     render() {
         var _a;
+        // Airwallex (05CHECK-860) renders its own drop-in element which collects the
+        // payment details and exposes its own pay button, so it bypasses the Stripe
+        // elements/client-secret guards and the Stripe continue buttons below.
+        if (collectStore.paymentProcessor === 'AIRWALLEX') {
+            return (h(Host, { class: "zonos--checkout-payment zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Payment method')), h("zonos-airwallex-payment", { onAirwallexPaymentSuccess: () => this.airwallexPaymentDone.emit() }))));
+        }
         this.hasStripePaymentError = stripeStore.hasPaymentError;
         if (!stripeStore.stripeElements) {
             return null;
@@ -679,13 +793,13 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (h(Host, { key: 'e80b802a45d3d6395ead284a218ed1053d2e05a7', class: classes([
+        return (h(Host, { key: '7f1709df3a42ae9917e26a86e9c90703b2243ab7', class: classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: 'febeea7c348a5279ddf97bdd48e3d28fa07d6f22', class: "zonos--title" }, h("zonos-text", { key: '1ed640de9e3e6d87064a727ecca208368e1a1e81', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: '5ed5f5c7da922a9393501b5e31da9a20b9724d9c', class: "zonos--title" }, h("zonos-text", { key: 'd54511663bb32405e16349b20807b9ccddb5fd03', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName] duties, taxes and fees for your shipment', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: '0a61b9f3a8ba33e83b50b8c53edfa3b784d47051', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: '82967c3614ee91cf95955372bb013837f93822d1', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -751,7 +865,7 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (h(Host, { key: '6df77785504d4076a3b675a9ef62171105fa22b5', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '5a0917d3828ff18b5ad67d6e168e67b5646a6425', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: 'b51069b800459d0aa64cebb98c0bae99d05bde8a', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'b7bd45e0256a852ec363ffed7022d95079a8282c', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '47db47e87c83c4e5361e363d8c48cbef675a1eb7', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: 'd3b083c586c04fdca1a9410992cba6350050fd75', class: "zonos--column" }), h("td", { key: '6aedc27105ffe3a15744482025e3c711de22709a', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (h(Host, { key: 'fea37a2a4dd32592b88703c37d901fee65408bed', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: 'be501438b0101c4b13421450dad99ec12f7c5a0b', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '2c61bf6e958a199d4b8ae3aff00b74a9889ab491', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'd6fc30c58fcc42c282b7dfb03c83b0b7feb0dd82', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '5909abeeed4a5f90df5a79be09383842137a175c', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '68d06c4e8732363e0e5e36d77f9d4b363c0adc3c', class: "zonos--column" }), h("td", { key: 'fd23e46a4ed44fadc31472e38a15f7579ebed160', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Duties')] || 0,
                 isForeign: true,
@@ -759,7 +873,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: 'ee934191b6d95c2bdebf40c5a8d6e9a8dcc4716b', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'd9966df4b307915d69e99ddca307afb3b1dac57d', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '0b074f206a3746e9428a1f7f4df95a7035770535', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '4cd818d7d7db3bbb1b044f09420f3c0de9c2654f', class: "zonos--column" }), h("td", { key: '885a3b0d243f9687af99018c94e6f7990ab94ae4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: '3960ae24df8093e1bb7e904bba82b774dc32103c', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'cdfb4bd23f8b3f0545170a05a3b060533db22f26', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'bbbdaade160358cc94a9347f835d2e8bc759866d', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '032c233f3301289c89791d78a5624d9409292041', class: "zonos--column" }), h("td", { key: 'b96dc16ecbff5add3adb0236c794c7a71c48800b', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Taxes')] || 0,
                 isForeign: true,
@@ -767,7 +881,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '840cdf461bd3cb0780c517be7900a4db7522da6d', class: "zonos--row zonos--collect-fee" }, h("td", { key: '57edb0642163a4fb580c538334f77fba2f15efe1', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'daa9e1ab156a2a5b26aec744014c2501948872e8', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '90cc11dda267840a4d4559aed5cfa5d61e13a986', class: "zonos--column" }), h("td", { key: '3716f79ab7323f5d6ebca7ece57bfd7b78f62b20', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '056890bb4d5394aea10f618c97c6d22d0ed63d3b', class: "zonos--row zonos--collect-fee" }, h("td", { key: '920bbbc49538bf61a4b3a180454a904996448b22', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '3609ef98b6fe12f11d16a9176321321fa450c482', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: 'c7393e334a5d229f879094aa10356740676a412a', class: "zonos--column" }), h("td", { key: '799e621fbeda831fd2181a362d9ace49a39b69e4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Fees')] || 0,
                 isForeign: true,
@@ -775,7 +889,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), h("tr", { key: '2ac89b5b3f76c2991b88ce163ca571380d91ae8b', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'fc073ec87ac579ad5af8fb2dd08fe47112e21717', class: "zonos--column", colSpan: 3 })), h("tr", { key: '87c32f3ee0ffb3c347c495ec853ebf92b6a08a0f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '664d161448aec51324f0d177d20fa0ef765a17bb', class: "zonos--column" }), h("td", { key: 'c14949595986be080c502ad175529883f2c789cc', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'cf141dd8e58e73b981cdb5f51c111d83099222ae', type: "label" }, translate('Subtotal'))), h("td", { key: '3cba5203e563ec1f4c591d6c42cf7b9a7c8c2045', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), h("tr", { key: 'b9cc1a5aa049ccefb48dc5d1627bdb8093ffe29f', class: "zonos--row zonos--collect-spacing" }, h("td", { key: '439b7508f723ed01efd63e499de979a84e136b21', class: "zonos--column", colSpan: 3 })), h("tr", { key: '6c3db4c263f849b9f1ad25a1ce1cfb23dcf03b10', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '3fac71f137d3d5af8a40d7aaa0ad36c31a827a5b', class: "zonos--column" }), h("td", { key: '45084572c966e849b69dd4f10d065fd3f0aa5544', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '5c09a882998169f59baa30a59574d1ca919ab1c6', type: "label" }, translate('Subtotal'))), h("td", { key: 'd8debe70bbc2394f95581409a1db5cb8055383eb', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -783,7 +897,7 @@ const ZonosCollectSubtotal = class {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), h("tr", { key: '14065db117fef4acbb0f459a624fee28ea127205', class: "zonos--row zonos--collect-total" }, h("td", { key: '0bc154f6d48ddb0bdc829233a66f0e486ed9df4f', class: "zonos--column" }), h("td", { key: '1f2997cebc3250152b1ecd207066ffc44af7f124', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'd50cc0977380fc1bf858fbe26201d919000a74b5', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '2fcd30a868708f5abea04230c1407fff62fb011d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), h("tr", { key: 'db55f0a9600bff78e582609f17ac561fb30ec85f', class: "zonos--row zonos--collect-total" }, h("td", { key: '8b77eb9db155a44591bce58fd24ee46110b9a407', class: "zonos--column" }), h("td", { key: '5c1b6df053e202f60d1d3fa4ff5d8c53fb1762ce', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '393f436b62e9b49d52598896b2913f08e953987b', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: 'c2bc51d66b8490652c6f6df8fac0194544785706', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,