@zonos/elements 1.3.270 → 1.3.273

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-44fa77ef.js';
-import { s as submitAnalytics, c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-8725008c.js';
-import { t as translate, s as storageStore, l as localizationStore, v as translationStoreOnChange } from './localization-066586b6.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-323d2ba1.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-802f4481.js';
-import { p as placeTestOrder } from './placeTestOrder-38be871e.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,

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

@@ -1,11 +1,12 @@
 import { r as registerInstance, h, a as Host, F as Fragment } from './index-cfd394c8.js';
-import { b as stripeStore, i as initStripeElements, c as stripeStoreRetrievePayment, d as cartStore, n as cartStoreUpdateToErrorState, e as cartStoreUpdateItems, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, w as stripeStoreUpdateCheckoutSessionBaseCurrency, C as stripeStoreConfirmPayment, H as stripeStoreOnChange, F as stripeStoreReset, f as cartStoreReset } from './cart-44fa77ef.js';
-import { i as isCollectMobile, a as isCollectTablet, c as collectStoreUpdateSelectedShippingOption, b as collectStoreInitShippingInfo, d as collectStoreAsyncAddressUpdate, e as collectStore } from './isCollectMobileTablet-323d2ba1.js';
-import { p as paypalStoreHasPaypalEnabled, a as paypalStore } from './paypal-8725008c.js';
-import { s as storageStore, t as translate, e as localizationStoreOnChange, h as currencyFormat, l as localizationStore } from './localization-066586b6.js';
+import { c as collectStore, a as airwallexStoreSetFromSession, b as airwallexStore, d as airwallexStoreRetrievePaymentIntent, e as airwallexStoreIsPaidStatus, f as airwallexStoreInitSdk, g as collectStoreUpdateSelectedShippingOption, h as collectStoreInitShippingInfo, i as collectStoreAsyncAddressUpdate } from './collect-a235299d.js';
+import { b as stripeStore, i as initStripeElements, d as cartStore, c as stripeStoreRetrievePayment, n as cartStoreUpdateToErrorState, e as cartStoreUpdateItems, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, w as stripeStoreUpdateCheckoutSessionBaseCurrency, C as stripeStoreConfirmPayment, H as stripeStoreOnChange, F as stripeStoreReset, f as cartStoreReset } from './cart-23e29950.js';
+import { p as paypalStoreHasPaypalEnabled, a as paypalStore } from './paypal-5bc6b0d0.js';
+import { s as storageStore, t as translate, e as localizationStoreOnChange, h as currencyFormat, l as localizationStore } from './localization-17546792.js';
 import { z as zonosStore } from './zonosStore-8e19daff.js';
 import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-a117f75d.js';
 import { h as handleFetch, s as sendErrorLog, l as logError, g as getIsTestMode } from './handleFetch-a844cac1.js';
+import { i as isCollectMobile, a as isCollectTablet } from './isCollectMobileTablet-111b0dd7.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as log } from './VarianceTest-572cecf5.js';
 import { r as renderFallback } from './renderFallback-b250f4e9.js';
@@ -116,6 +117,56 @@ const ZonosCollect = class {
             });
             return json;
         };
+        /**
+         * Determine which payment processor the collect session uses and initialize it.
+         *
+         * The checkout session returns the `paymentProcessor` (05CHECK-860). When it is
+         * `AIRWALLEX` we initialize the Airwallex SDK and render only the Airwallex
+         * payment element. Otherwise we fall back to the Stripe flow, which renders the
+         * Stripe billing info section + payment.
+         *
+         * If the Airwallex session already has a client secret but is not yet completed
+         * and has no order attached, we verify the live payment intent status first — if
+         * the payment already went through (e.g. the customer returned after a redirect)
+         * we jump straight to the finish step instead of rendering the payment form.
+         */
+        this.initPaymentProcessor = async () => {
+            var _a;
+            const checkoutSessionId = storageStore.checkoutSessionId;
+            if (checkoutSessionId) {
+                const json = await this.fetchCheckoutSession(checkoutSessionId);
+                collectStore.paymentProcessor =
+                    (json === null || json === void 0 ? void 0 : json.checkoutSession.paymentProcessor) || null;
+                if (collectStore.paymentProcessor === 'AIRWALLEX') {
+                    // An Airwallex session must have a usable client secret (from the session
+                    // or seeded from the payment-intent create response). If it doesn't, we
+                    // can't mount the payment element — surface an error instead of rendering
+                    // a blank/broken Airwallex UI.
+                    if (!json || !airwallexStoreSetFromSession(json.checkoutSession)) {
+                        throw new Error('Airwallex checkout session is missing a client secret');
+                    }
+                    const { checkoutSession } = json;
+                    airwallexStore.currency = cartStore.currency;
+                    this.confirmationId = ((_a = checkoutSession.landedCost) === null || _a === void 0 ? void 0 : _a.shortId) || null;
+                    let alreadyPaid = !!checkoutSession.completedAt || !!checkoutSession.order;
+                    if (!alreadyPaid &&
+                        checkoutSession.clientSecret &&
+                        checkoutSession.paymentIntentId) {
+                        const { status } = await airwallexStoreRetrievePaymentIntent(checkoutSession.paymentIntentId);
+                        alreadyPaid = airwallexStoreIsPaidStatus(status);
+                    }
+                    if (alreadyPaid) {
+                        void this.setToFinishStep();
+                        return;
+                    }
+                    void airwallexStoreInitSdk();
+                    // Airwallex renders its own payment UI, so the Stripe elements
+                    // (billing info section) are not needed.
+                    return;
+                }
+            }
+            void this.applyStripeTheme();
+        };
         /**
          * Check if stripe payment intent is succeeded or in a good state to move forward
          */
@@ -159,6 +210,67 @@ const ZonosCollect = class {
             log('Payment intent is not succeeded, proceed to order');
             return { shouldAllowOrder: true };
         };
+        /**
+         * Recover the collect flow when updating the checkout session failed — which
+         * happens once the session is already completed/paid (e.g. the customer already
+         * submitted payment, so the update request is rejected). Without this we would
+         * drop straight to the error screen even though the payment went through.
+         *
+         * Fetches the session and, if it is completed or already has an order attached,
+         * jumps to the finish step. Otherwise it verifies the live payment intent status
+         * for the session's processor (Stripe or Airwallex) and routes to finish when
+         * the payment has gone through.
+         *
+         * @returns `true` when it routed to the finish step, `false` when the caller
+         * should treat the session as invalid.
+         */
+        this.recoverCompletedCollectSession = async (checkoutSessionId) => {
+            var _a;
+            const json = await this.fetchCheckoutSession(checkoutSessionId);
+            if (!json) {
+                return false;
+            }
+            const { checkoutSession } = json;
+            // Some merchants use landed cost id as the confirmation id
+            this.confirmationId = ((_a = checkoutSession.landedCost) === null || _a === void 0 ? void 0 : _a.shortId) || null;
+            collectStore.paymentProcessor = checkoutSession.paymentProcessor || null;
+            const isAirwallex = checkoutSession.paymentProcessor === 'AIRWALLEX';
+            if (isAirwallex && checkoutSession.clientSecret) {
+                // Populate the store so the finish step has the payment intent data.
+                airwallexStoreSetFromSession(checkoutSession);
+                airwallexStore.currency = cartStore.currency;
+            }
+            // Session already finalized → straight to finish. This must run before the
+            // Airwallex client-secret check below, because a paid/completed session may
+            // no longer expose a client secret and should still reach the finish step.
+            if (checkoutSession.completedAt || checkoutSession.order) {
+                void this.setToFinishStep('succeeded');
+                return true;
+            }
+            // Not completed and no order yet — verify the live payment intent status for
+            // the session's processor.
+            if (isAirwallex) {
+                if (checkoutSession.clientSecret && checkoutSession.paymentIntentId) {
+                    const { status } = await airwallexStoreRetrievePaymentIntent(checkoutSession.paymentIntentId);
+                    if (airwallexStoreIsPaidStatus(status)) {
+                        void this.setToFinishStep();
+                        return true;
+                    }
+                }
+            }
+            else if (checkoutSession.clientSecret) {
+                const { status } = await stripeStoreRetrievePayment({
+                    clientSecret: checkoutSession.clientSecret,
+                });
+                // If payment intent is still processing or succeeded, set to finish step
+                if (status === 'processing' || status === 'succeeded') {
+                    stripeStore.clientSecret = checkoutSession.clientSecret;
+                    void this.setToFinishStep(status);
+                    return true;
+                }
+            }
+            return false;
+        };
     }
     /**
      * Listen to resize event to update the isMobile state
@@ -230,29 +342,16 @@ const ZonosCollect = class {
                     throw new Error('Failed to initialize checkout session! The cart might be created with LIVE Collect quote but being used with sandbox credential');
                 }
             }
-            // If there is checkout session in collect cart references and we failed to retrieve it from `update-checkout-session`, it most likely means the cart is already completed / invalid landed cost
+            // If there is checkout session in collect cart references and we failed to retrieve it from `update-checkout-session`, it most likely means the cart is already completed / paid (the update request is rejected) or has an invalid landed cost.
             if ((!cartStore.checkoutSession ||
                 ((_g = cartStore.checkoutSession) === null || _g === void 0 ? void 0 : _g.completedAt)) &&
                 cartCheckoutSessionId) {
-                // Attempt to retrieve the checkout session
-                const json = await this.fetchCheckoutSession(cartCheckoutSessionId);
-                // Some merchants use landed cost id as the confirmation id
-                this.confirmationId = ((_h = json === null || json === void 0 ? void 0 : json.checkoutSession.landedCost) === null || _h === void 0 ? void 0 : _h.shortId) || null;
-                // If checkout session is already completed, set to finish step
-                if (!!(json === null || json === void 0 ? void 0 : json.checkoutSession.completedAt)) {
-                    void this.setToFinishStep('succeeded');
+                // Attempt to recover by checking the completed session / payment intent
+                // status for the session's processor before treating it as invalid.
+                const handled = await this.recoverCompletedCollectSession(cartCheckoutSessionId);
+                if (handled) {
                     return;
                 }
-                if (json === null || json === void 0 ? void 0 : json.checkoutSession.clientSecret) {
-                    const { status } = await stripeStoreRetrievePayment({
-                        clientSecret: json.checkoutSession.clientSecret,
-                    });
-                    // If payment intent is still processing or succeeded, set to finish step
-                    if (status === 'processing' || status === 'succeeded') {
-                        void this.setToFinishStep(status);
-                        return;
-                    }
-                }
                 void sendErrorLog({
                     endpoint: 'INVALID_COLLECT_CHECKOUT_SESSION',
                     errors: [
@@ -260,7 +359,7 @@ const ZonosCollect = class {
                     ],
                     metadata: {
                         cartCheckoutSessionId,
-                        cartId: (_j = window.Zonos.cartData) === null || _j === void 0 ? void 0 : _j.id,
+                        cartId: (_h = window.Zonos.cartData) === null || _h === void 0 ? void 0 : _h.id,
                         cartLandedCostId,
                     },
                 });
@@ -274,14 +373,31 @@ const ZonosCollect = class {
                     ],
                     metadata: {
                         cartCheckoutSessionId: cartCheckoutSessionId || 'N/A',
-                        cartId: (_k = window.Zonos.cartData) === null || _k === void 0 ? void 0 : _k.id,
+                        cartId: (_j = window.Zonos.cartData) === null || _j === void 0 ? void 0 : _j.id,
                         cartLandedCostId: cartLandedCostId || 'N/A',
                     },
                 });
                 throw new Error('Could not update/create checkout session for this collect cart');
             }
-            // const checkoutSessionId = storageStore.checkoutSessionId;
-            void stripeStoreGetPaymentIntent();
+            collectStore.paymentProcessor =
+                cartStore.checkoutSession.paymentProcessor;
+            if (collectStore.paymentProcessor === 'AIRWALLEX') {
+                // Airwallex needs the payment intent (client secret) created before we
+                // fetch the session and render its element.
+                await stripeStoreGetPaymentIntent();
+                // Seed the Airwallex store from the payment-intent create response (the
+                // reliable source of the client secret) so the drop-in can mount even if
+                // the follow-up get-checkout-session fetch is missing it.
+                if ((_k = cartStore.checkoutSession) === null || _k === void 0 ? void 0 : _k.clientSecret) {
+                    airwallexStore.clientSecret = cartStore.checkoutSession.clientSecret;
+                    airwallexStore.currency = cartStore.currency;
+                }
+            }
+            else {
+                // Stripe, PayPal, and legacy sessions without a processor still need a
+                // payment intent so the payment UI loads with a client secret.
+                void stripeStoreGetPaymentIntent();
+            }
             const landedCost = (_l = cartStore.checkoutSession) === null || _l === void 0 ? void 0 : _l.landedCost;
             if (!landedCost) {
                 throw new Error('Landed cost could not be found in checkout session after creating/updating them');
@@ -290,7 +406,7 @@ const ZonosCollect = class {
             void collectStoreInitShippingInfo({
                 landedCostId: landedCost.id,
             });
-            void this.applyStripeTheme();
+            await this.initPaymentProcessor();
         }
         catch (err) {
             logError(err);
@@ -410,10 +526,24 @@ const ZonosCollect = class {
         }
         const baseCurrencySettlementInfo = this.getBaseCurrencySettlementInfo();
         const { logoUrl, theme } = zonosStore.appearance;
+        // The company name comes from the origin party.
+        const collectCompanyName = collectStore.originCompanyName;
         const renderLogo = () => {
-            // add timestamp to logo url so browser won't cache it on the dashboard setting
-            const logo = `${logoUrl}?timestamp=${Date.now()}`;
-            return (h("div", { class: "zonos--logo" }, logo && (h("img", { alt: `${zonosStore.organizationName} logo`, src: logo }))));
+            var _a;
+            // The carrier's Collect logo (from landed cost metadata) takes priority.
+            // When it isn't provided, only fall back to the organization's appearance
+            // logo if the `shouldFallbackToOrganizationLogoForCollect` generic setting
+            // is enabled; otherwise no logo is shown.
+            const logo = collectStore.collectLogoUrl
+                ? collectStore.collectLogoUrl
+                : ((_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.shouldFallbackToOrganizationLogoForCollect) && logoUrl
+                    ? // Timestamped so the browser won't cache a stale dashboard logo.
+                        `${logoUrl}?timestamp=${Date.now()}`
+                    : '';
+            if (!logo) {
+                return null;
+            }
+            return (h("div", { class: "zonos--logo" }, h("img", { alt: `${collectCompanyName || zonosStore.organizationName} logo`, src: logo })));
         };
         const isTestMode = getIsTestMode();
         const renderTopHeader = () => {
@@ -427,9 +557,9 @@ const ZonosCollect = class {
                     this.showLanguageDialogMobile &&
                         'zonos--collect-language-dialog-open',
                 ]) }, h("zonos-language-select", { handleOnClose: () => this.toggleLanguageDialog() })))), renderFallback({
-                content: (h("zonos-text", { class: "zonos--header-title", type: "header" }, collectStore.originCompanyName
+                content: (h("zonos-text", { class: "zonos--header-title", type: "header" }, collectCompanyName
                     ? translate('Customs charges for your recent purchase from [companyName] are available for payment', {
-                        companyName: collectStore.originCompanyName,
+                        companyName: collectCompanyName,
                     })
                     : translate('Customs charges from your recent purchase are available for payment'))),
                 isLoading: collectStore.isFetchingShippingInfo,
@@ -437,11 +567,19 @@ const ZonosCollect = class {
                 skeletonWidth: '600px',
             })));
         };
+        // const isAirwallex = collectStore.paymentProcessor === 'AIRWALLEX';
         const renderContent = () => {
             if (this.isOverlayLoading || stripeStore.isFetchingSession) {
                 return null;
             }
-            return (h("div", { class: 'zonos--content' }, cartStore.step !== 'finish' && cartStore.step !== 'error' && (h(Fragment, null, (this.isMobile || this.isTablet) && renderTopHeader(), h("div", { class: "zonos--left", "data-theme": theme }, !this.isMobile && !this.isTablet && renderTopHeader(), h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Billing info')), h("zonos-v-stack", { spacing: 16 }, h("zonos-link-authentication", { titleText: "" }), h("zonos-address", { titleText: "", type: "billing" })), h("zonos-collect-payment", { class: classes(['zonos--collect-container']), continueLoading: this.submitLoading, onContinueClicked: async () => {
+            return (h("div", { class: 'zonos--content' }, cartStore.step !== 'finish' && cartStore.step !== 'error' && (h(Fragment, null, (this.isMobile || this.isTablet) && renderTopHeader(), h("div", { class: "zonos--left", "data-theme": theme }, !this.isMobile && !this.isTablet && renderTopHeader(), collectStore.paymentProcessor !== 'AIRWALLEX' && (h(Fragment, null, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Billing info')), h("zonos-v-stack", { spacing: 16 }, h("zonos-link-authentication", { titleText: "" }), h("zonos-address", { titleText: "", type: "billing" })))), h("zonos-collect-payment", { class: classes(['zonos--collect-container']), continueLoading: this.submitLoading, onAirwallexPaymentDone: () => {
+                    var _a;
+                    cartStore.step = 'finish';
+                    this.confirmationId =
+                        collectStore.landedCostShortId ||
+                            ((_a = cartStore.selectedLandedCost) === null || _a === void 0 ? void 0 : _a.landedCostId) ||
+                            null;
+                }, onContinueClicked: async () => {
                     await this.handleStripePaymentContinue();
                 } })), h("div", { class: "zonos--right", "data-theme": theme }, h("zonos-collect-review", { mobile: this.isMobile, tablet: this.isTablet }), h("div", { class: "zonos--order-details-container" }, h("zonos-collect-order-details", { collapsed: this.collapseReview, mobile: this.isMobile, onCollapseClicked: () => {
                     this.collapseReview = !this.collapseReview;

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

@@ -27,7 +27,7 @@ const ZonosComponent = class {
         return format(this.first, this.middle, this.last);
     }
     render() {
-        return h("div", { key: 'f8ec6c765a31d6d9599003523128ef4f5c8d3078' }, "Hello, World! I'm ", this.getText());
+        return h("div", { key: '27751801e26bb6bc488e28911f5c685332b879c7' }, "Hello, World! I'm ", this.getText());
     }
 };
 ZonosComponent.style = ZonosComponentStyle0;