@zonos/elements 1.3.272 → 1.3.274

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

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b1f95d96.js');
-const cart = require('./cart-f1374a56.js');
-const paypal = require('./paypal-5e9b8224.js');
-const localization = require('./localization-503c8477.js');
+const collect = require('./collect-286a9d04.js');
+const cart = require('./cart-660e115c.js');
+const paypal = require('./paypal-125259ab.js');
+const localization = require('./localization-f4a64f6f.js');
 const zonosStore = require('./zonosStore-45a87908.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-fc683d94.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
-const isCollectMobileTablet = require('./isCollectMobileTablet-d5c1a9ea.js');
+const isCollectMobileTablet = require('./isCollectMobileTablet-884d4280.js');
 const classes = require('./classes-b7918f56.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const renderCheckoutCurrency = require('./renderCheckoutCurrency-4486b06e.js');
-const placeTestOrder = require('./placeTestOrder-d1be2c8e.js');
+const renderCheckoutCurrency = require('./renderCheckoutCurrency-cad156a7.js');
+const placeTestOrder = require('./placeTestOrder-02001a99.js');
 const renderFallback = require('./renderFallback-bc20ee20.js');
 require('./isDarkColor-5d6ca405.js');
 require('./isContrastColor-76592c92.js');
@@ -192,6 +193,109 @@ const ZonosCollectFinish = class {
             cart.stripeStoreReset();
             localization.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 (collect.airwallexStore.paymentIntentId) {
+                return {
+                    isCompleted: false,
+                    paymentIntentId: collect.airwallexStore.paymentIntentId,
+                };
+            }
+            const checkoutSessionId = localization.storageStore.checkoutSessionId;
+            if (!checkoutSessionId) {
+                return { isCompleted: false, paymentIntentId: null };
+            }
+            const { json } = await handleFetch.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 = collect.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 collect.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 ||
+                collect.airwallexStoreIsPaidStatus(status);
+            const { messages } = sdkConfirmed || forcedSuccess || isCompleted
+                ? collect.airwallexStoreMessageBasedOnStatus('SUCCEEDED')
+                : collect.airwallexStoreMessageBasedOnStatus(status);
+            VarianceTest.log('=== Airwallex payment intent retrieve status', 'info', {
+                forcedSuccess,
+                isCompleted,
+                isPaid,
+                paymentIntentId,
+                sdkConfirmed,
+                status,
+            });
+            this.notificationType = isPaid ? 'success' : 'error';
+            this.notificationTitle = isPaid
+                ? localization.translate("You're all set!")
+                : localization.translate('Payment failed');
+            this.notificationMessages = messages;
+            if (isPaid) {
+                paypal.submitAnalytics({ event: 'zonos-checkout-success' });
+                const checkoutSessionId = localization.storageStore.checkoutSessionId;
+                void cart.trackConversionEvent({
+                    checkoutSessionId,
+                    eventName: 'checkout_orderCompleted',
+                });
+                const successEvent = createCustomEvent.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 {
+                paypal.submitAnalytics({ event: 'zonos-checkout-payment-fail' });
+                void handleFetch.sendErrorLog({
+                    endpoint: 'Airwallex payment failed',
+                    errors: [
+                        `Payment intent "${paymentIntentId}" status: ${status} - checkout session: ${localization.storageStore.checkoutSessionId}`,
+                    ],
+                    metadata: {
+                        allLogs: VarianceTest.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
+            cart.stripeStoreResetPromoCode();
+            cart.stripeStoreReset();
+            collect.airwallexStoreReset();
+            localization.storageStore.checkoutSessionId = null;
+        };
         this.checkStagingOrderStatus = async () => {
             this.notificationType = 'success';
             this.notificationTitle = localization.translate("You're all set!");
@@ -263,6 +367,9 @@ const ZonosCollectFinish = class {
         if (cart.cartStore.isStagingMode) {
             void this.checkStagingOrderStatus();
         }
+        else if (collect.collectStore.paymentProcessor === 'AIRWALLEX') {
+            void this.checkAirwallexPaymentStatus();
+        }
         else if (paypal.paypalStore.orderIdCreated) {
             void this.checkPaypalPaymentStatus();
         }
@@ -272,11 +379,11 @@ const ZonosCollectFinish = class {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (index.h(index.Host, { key: '3de21586bf8e0f31e698e2b1a51d3344aae94af1', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'fe3107670230caeaacc834983d9215422a7828ae', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (index.h("div", { key: '66f93432802d63e1fab59de19c1fd930cfddacbe', class: "zonos--finish-details" }, index.h("div", { key: '0857460a375bff54492dd7fe64baddf2af1e966a', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '008c4971516d110e1c2d0a348b09fa6ca0a0b1a6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: '3e86105dbdae6cb696b0c4be81d9fcc30576ae4b', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: 'b372ae467ccb62b5c03aba28635135c350473986', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: 'bbf5885fe6e52135e3a2d7a82f0e85fd26e6aa74', class: "zonos--button-container" }, index.h("zonos-button", { key: '74dd846361072721bb3c511d675f7e42b7c063e9', onClick: () => {
+            } }, !this.isLoading && (index.h("div", { key: 'fefefedc7ec022318cbc6da23b327079afec981b', class: "zonos--finish-details" }, index.h("div", { key: '4428271e11c3a96db732726719c5747364a18097', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '0c3371b3bed8fd83e437075f1c35179fbb7e5e09', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (index.h("zonos-badge", { key: 'dbb263f0f95a62d93ae3c5ac455625512eb1f63e', badgeColor: "gray" }, this.confirmationId)), index.h("zonos-text", { key: '07e2733ad91ced8e5260e0f8fea627610b864ebf', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), this.order && cartId && (index.h("div", { key: 'ecb7332cb4b7c28d398f2957d3b521c6328163eb', class: "zonos--button-container" }, index.h("zonos-button", { key: 'c8303e2a61d573b6e028ab38df2427fa98471e9f', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, localization.translate('View receipt')))))))));
     }
@@ -341,15 +448,15 @@ const ZonosCollectFooter = class {
         const languageLabel = (_a = ILanguage.languages.find(x => x.code === localization.localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = 'gray-1000';
-        return (index.h(index.Host, { key: '5ec7e478c6b2b4fc21634ed70261dce3b095a8a0', class: classes.classes([
+        return (index.h(index.Host, { key: '52908f4538918641b708887436e1cfe3b643376f', class: classes.classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: 'c16c9d6e73dbfbd416137c6bf697cbb92d2bf706', class: "zonos--collect-footer" }, index.h("div", { key: '7df1dde2ef014d5f1b7093e034d0ccf0e795ac61', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: 'fcbc9ddc94b68e353b2f8f064c99abf1cc2900a9', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: 'bf58b98ed61dbc6c6cba358c34f40a15301c8c9a', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '2cda7ba7b226accb3f42281a0dc94d8227330193', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '963404ac73580e236740343fec11447b9ee22ca4', class: classes.classes([
+            ]) }, index.h("div", { key: '46a1c762d78396a7f993bad323c93f8e6bc71f1b', class: "zonos--collect-footer" }, index.h("div", { key: 'a6a98539cdb901ecd162f5e5b98591c9b8b7321a', class: "zonos--collect-locale-wrapper" }, index.h("zonos-button", { key: '8a5c4a18bc1030c3e74e412ff14a59c299f59e9a', buttonColor: colorDesktop, class: "zonos--collect-footer-language-button", icon: index.h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, index.h("span", { key: '03bc4235862d1382cd8f0cdb007fd708bf2bfe87', class: "zonos--collect-locale-label" }, languageLabel, index.h("zonos-icon", { key: '4b3bbcd5bcd4039f3cb1f1c4c12698cba1894308', "aria-hidden": "true", class: "zonos--collect-locale-chevron", content: ChevronDownIcon$1, iconColor: colorDesktop, size: 18 }))), index.h("div", { key: '5508629b0cdc334b81ad4d4d5a034ced133d6744', class: classes.classes([
                 'zonos--collect-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--collect-language-dialog-open',
-            ]) }, index.h("zonos-language-select", { key: '8b41a062040737a68d3c9b00839fa65b412cf7c4', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '16c4a6476916227d6310c48fb4d0cc732ba8fd52', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: '220c6d0bb23e3d43f3a21ed2cf94f4eff016e8f5', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '6c6e2cab741612e4e75a2840dc36571e49aad40d', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '60aa25c0951f8307974c4a892fddbb0626cc76d2', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '7f913799ae95ee9ed30aea2e6144d36c89ebd7f8', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'd74339c34ecebcbdeb60e08f8de4b83d07a93a71', class: "dot" }), index.h("a", { key: '8e9917e5ef37bedc593774bd7e0cab85fb7a99b4', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '2cc37adc0b69dfbb7ea7ee6b6727ad173c2cae6e', textColor: colorDesktop }, "Privacy policy"))))));
+            ]) }, index.h("zonos-language-select", { key: 'ca4b77d72dfd9db8743290d333b7fcde15d090d6', handleOnClose: () => this.toggleLanguageDialog() }))), index.h("div", { key: '98f0d0c35e3c6b4fde833e4b9ae334549fe46f1f', class: "zonos--collect-footer-icon-wrapper" }, index.h("div", { key: 'b3039948472d797bf04a23d3aca839472f6c6946', class: "zonos--collect-footer-logo" }, index.h("zonos-text", { key: '75123a6fb2bcdce07e0ebe433a28d81eefaec9ea', textColor: colorDesktop }, "Powered by"), index.h("a", { key: '2a0f4e2bc5df9d383ac4b91c589d2ce7149c6b3d', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '436005434f2a9d2ff1228cd36d873b8de7d339f2', autoHeight: true, content: ZonosWordmark, size: 42 }))), index.h("div", { key: 'c488b5eefba54424a0e66af61415d78d8f3d46fa', class: "dot" }), index.h("a", { key: 'd98fc7646d4877179b94bee6d3f8a7a283bbc756', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, index.h("zonos-text", { key: '54fe3d9316ee5b22f5620b7acde145627b66cbe3', textColor: colorDesktop }, "Privacy policy"))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -394,10 +501,10 @@ const ZonosCollectOrderDetails = class {
         this.handleWindowResize();
     }
     renderShippingAddress() {
-        if (isCollectMobileTablet.collectStore.isFetchingShippingInfo) {
+        if (collect.collectStore.isFetchingShippingInfo) {
             return (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, index.h("zonos-skeleton", { skeletonWidth: "99px" })), index.h("div", { class: "zonos--collect-order-shipping-info" }, index.h("zonos-skeleton", { skeletonWidth: "152px" }), index.h("zonos-h-stack", { spacing: 8 }, index.h("zonos-skeleton", { skeletonWidth: "75px" }), index.h("zonos-skeleton", { skeletonWidth: "75px" })), index.h("zonos-skeleton", { skeletonWidth: "50px" }))));
         }
-        const shippingAddress = isCollectMobileTablet.collectStore.shippingAddress;
+        const shippingAddress = collect.collectStore.shippingAddress;
         if (!shippingAddress) {
             return null;
         }
@@ -427,10 +534,10 @@ const ZonosCollectOrderDetails = class {
                 this.isMobile && 'mobile',
             ]) }, index.h("div", { class: "zonos--wrapper" }, index.h("button", { class: "zonos--order-details-header", onClick: () => {
                 this.collapseState = !this.collapseState;
-            }, type: "button" }, index.h("zonos-text", { type: "semiBoldLabel" }, localization.translate('Order details')), renderCollapseIcon()), index.h("div", { class: "zonos--order-details-wrapper" }, index.h("zonos-collapse", { collapsed: this.collapseState }, index.h("div", { class: "zonos--collect-order-details-content" }, index.h("zonos-collect-cart-items", null), index.h("div", { class: "zonos--collect-order-info" }, index.h("div", { class: "zonos--collect-order-details-row" }, isCollectMobileTablet.collectStore.amountTotalPaid !== null && (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, localization.translate('Total paid')), index.h("zonos-text", null, renderCheckoutCurrency.renderCheckoutCurrency({
-            amount: isCollectMobileTablet.collectStore.amountTotalPaid || 0,
+            }, type: "button" }, index.h("zonos-text", { type: "semiBoldLabel" }, localization.translate('Shipment details')), renderCollapseIcon()), index.h("div", { class: "zonos--order-details-wrapper" }, index.h("zonos-collapse", { collapsed: this.collapseState }, index.h("div", { class: "zonos--collect-order-details-content" }, index.h("zonos-collect-cart-items", null), index.h("div", { class: "zonos--collect-order-info" }, index.h("div", { class: "zonos--collect-order-details-row" }, collect.collectStore.amountTotalPaid !== null && (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, localization.translate('Total paid')), index.h("zonos-text", null, renderCheckoutCurrency.renderCheckoutCurrency({
+            amount: collect.collectStore.amountTotalPaid || 0,
             isForeign: true,
-        })))), isCollectMobileTablet.collectStore.originCompanyName && (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, localization.translate('Ordered from')), index.h("zonos-text", null, isCollectMobileTablet.collectStore.originCompanyName || '')))), this.renderShippingAddress())))))));
+        })))), collect.collectStore.originCompanyName && (index.h("div", { class: "zonos--collect-order-details-column" }, index.h("zonos-text", { type: "smallHeader" }, localization.translate('Ordered from')), index.h("zonos-text", null, collect.collectStore.originCompanyName || '')))), this.renderShippingAddress())))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {
@@ -444,7 +551,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 {
@@ -453,6 +560,7 @@ const ZonosCollectPayment = class {
         this.continueClicked = index.createEvent(this, "continueClicked", 7);
         this.paypalSessionFailed = index.createEvent(this, "paypalSessionFailed", 7);
         this.paypalSessionDone = index.createEvent(this, "paypalSessionDone", 7);
+        this.airwallexPaymentDone = index.createEvent(this, "airwallexPaymentDone", 7);
         this.storeUnsubscribeList = [];
         /**
          * Whether or not the continue button is loading
@@ -577,6 +685,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 (collect.collectStore.paymentProcessor === 'AIRWALLEX') {
+            return (index.h(index.Host, { class: "zonos--checkout-payment zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Payment method')), index.h("zonos-airwallex-payment", { onAirwallexPaymentSuccess: () => this.airwallexPaymentDone.emit() }))));
+        }
         this.hasStripePaymentError = cart.stripeStore.hasPaymentError;
         if (!cart.stripeStore.stripeElements) {
             return null;
@@ -602,7 +716,7 @@ const ZonosCollectPayment = class {
                     variant: this.submitBtnType }, localization.translate('Place test order')))));
             }
             if (cart.stripeStore.isFetchingSession ||
-                isCollectMobileTablet.collectStore.isFetchingShippingInfo) {
+                collect.collectStore.isFetchingShippingInfo) {
                 return null;
             }
             return (index.h(index.Fragment, null, this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.translate('Missing required fields. Make sure all fields are completed.'))), this.hasStripePaymentError && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, cart.stripeStore.customErrorMessage ||
@@ -621,7 +735,7 @@ const ZonosCollectPayment = class {
                 // use primary type when on mobile mode
                 variant: this.submitBtnType }, localization.translate('Pay [orderTotal]', {
                 orderTotal: renderCheckoutCurrency.renderCheckoutCurrency({
-                    amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
+                    amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                     isForeign: true,
                 }),
             })), cart.stripeStore.shouldRenderPayInUsdButton && (index.h("zonos-button", { class: "zonos--pay-in-base-currency-btn", isDisabled: this.continueLoading &&
@@ -683,18 +797,18 @@ const ZonosCollectReview = class {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (index.h(index.Host, { key: 'e80b802a45d3d6395ead284a218ed1053d2e05a7', class: classes.classes([
+        return (index.h(index.Host, { key: '7f1709df3a42ae9917e26a86e9c90703b2243ab7', class: classes.classes([
                 'zonos--collect-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, index.h("div", { key: 'febeea7c348a5279ddf97bdd48e3d28fa07d6f22', class: "zonos--title" }, index.h("zonos-text", { key: '1ed640de9e3e6d87064a727ecca208368e1a1e81', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName]', {
+            ]) }, index.h("div", { key: '5ed5f5c7da922a9393501b5e31da9a20b9724d9c', class: "zonos--title" }, index.h("zonos-text", { key: 'd54511663bb32405e16349b20807b9ccddb5fd03', textColor: titleTextColor, type: 'semiBoldLabel' }, localization.translate('Pay [organizationName] duties, taxes and fees for your shipment', {
             organizationName: zonosStore.zonosStore.organizationName,
-        }))), index.h("div", { key: '0a61b9f3a8ba33e83b50b8c53edfa3b784d47051', class: "zonos--total-pay" }, renderFallback.renderFallback({
+        }))), index.h("div", { key: '82967c3614ee91cf95955372bb013837f93822d1', class: "zonos--total-pay" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency.renderCheckoutCurrency({
-                amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
+                amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '36px',
             skeletonWidth: '150px',
         }))));
@@ -755,44 +869,44 @@ const ZonosCollectSubtotal = class {
     }
     render() {
         this.initSubtotalData();
-        return (index.h(index.Host, { key: '6df77785504d4076a3b675a9ef62171105fa22b5', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: '5a0917d3828ff18b5ad67d6e168e67b5646a6425', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: 'b51069b800459d0aa64cebb98c0bae99d05bde8a', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'b7bd45e0256a852ec363ffed7022d95079a8282c', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '47db47e87c83c4e5361e363d8c48cbef675a1eb7', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: 'd3b083c586c04fdca1a9410992cba6350050fd75', class: "zonos--column" }), index.h("td", { key: '6aedc27105ffe3a15744482025e3c711de22709a', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        return (index.h(index.Host, { key: 'fea37a2a4dd32592b88703c37d901fee65408bed', class: "zonos--collect-subtotal zonos--elements" }, index.h("table", { key: 'be501438b0101c4b13421450dad99ec12f7c5a0b', class: "zonos--collect-table" }, !!this.subtotals[localization.translate('Duties')] && (index.h("tr", { key: '2c61bf6e958a199d4b8ae3aff00b74a9889ab491', class: "zonos--row zonos--collect-duty" }, index.h("td", { key: 'd6fc30c58fcc42c282b7dfb03c83b0b7feb0dd82', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '5909abeeed4a5f90df5a79be09383842137a175c', type: "semiBoldLabel" }, localization.translate('Duties'))), index.h("td", { key: '68d06c4e8732363e0e5e36d77f9d4b363c0adc3c', class: "zonos--column" }), index.h("td", { key: 'fd23e46a4ed44fadc31472e38a15f7579ebed160', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Duties')] || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: 'ee934191b6d95c2bdebf40c5a8d6e9a8dcc4716b', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: 'd9966df4b307915d69e99ddca307afb3b1dac57d', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '0b074f206a3746e9428a1f7f4df95a7035770535', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '4cd818d7d7db3bbb1b044f09420f3c0de9c2654f', class: "zonos--column" }), index.h("td", { key: '885a3b0d243f9687af99018c94e6f7990ab94ae4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Taxes')] && (index.h("tr", { key: '3960ae24df8093e1bb7e904bba82b774dc32103c', class: "zonos--row zonos--collect-tax" }, index.h("td", { key: 'cdfb4bd23f8b3f0545170a05a3b060533db22f26', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'bbbdaade160358cc94a9347f835d2e8bc759866d', type: "semiBoldLabel" }, localization.translate('Taxes'))), index.h("td", { key: '032c233f3301289c89791d78a5624d9409292041', class: "zonos--column" }), index.h("td", { key: 'b96dc16ecbff5add3adb0236c794c7a71c48800b', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Taxes')] || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '840cdf461bd3cb0780c517be7900a4db7522da6d', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '57edb0642163a4fb580c538334f77fba2f15efe1', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'daa9e1ab156a2a5b26aec744014c2501948872e8', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: '90cc11dda267840a4d4559aed5cfa5d61e13a986', class: "zonos--column" }), index.h("td", { key: '3716f79ab7323f5d6ebca7ece57bfd7b78f62b20', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), !!this.subtotals[localization.translate('Fees')] && (index.h("tr", { key: '056890bb4d5394aea10f618c97c6d22d0ed63d3b', class: "zonos--row zonos--collect-fee" }, index.h("td", { key: '920bbbc49538bf61a4b3a180454a904996448b22', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '3609ef98b6fe12f11d16a9176321321fa450c482', type: "semiBoldLabel" }, localization.translate('Fees'))), index.h("td", { key: 'c7393e334a5d229f879094aa10356740676a412a', class: "zonos--column" }), index.h("td", { key: '799e621fbeda831fd2181a362d9ace49a39b69e4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
                 amount: this.subtotals[localization.translate('Fees')] || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), index.h("tr", { key: '2ac89b5b3f76c2991b88ce163ca571380d91ae8b', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: 'fc073ec87ac579ad5af8fb2dd08fe47112e21717', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '87c32f3ee0ffb3c347c495ec853ebf92b6a08a0f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '664d161448aec51324f0d177d20fa0ef765a17bb', class: "zonos--column" }), index.h("td", { key: 'c14949595986be080c502ad175529883f2c789cc', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'cf141dd8e58e73b981cdb5f51c111d83099222ae', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: '3cba5203e563ec1f4c591d6c42cf7b9a7c8c2045', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        })))), index.h("tr", { key: 'b9cc1a5aa049ccefb48dc5d1627bdb8093ffe29f', class: "zonos--row zonos--collect-spacing" }, index.h("td", { key: '439b7508f723ed01efd63e499de979a84e136b21', class: "zonos--column", colSpan: 3 })), index.h("tr", { key: '6c3db4c263f849b9f1ad25a1ce1cfb23dcf03b10', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, index.h("td", { key: '3fac71f137d3d5af8a40d7aaa0ad36c31a827a5b', class: "zonos--column" }), index.h("td", { key: '45084572c966e849b69dd4f10d065fd3f0aa5544', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '5c09a882998169f59baa30a59574d1ca919ab1c6', type: "label" }, localization.translate('Subtotal'))), index.h("td", { key: 'd8debe70bbc2394f95581409a1db5cb8055383eb', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "label" }, renderCheckoutCurrency.renderCheckoutCurrency({
-                amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
+                amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), index.h("tr", { key: '14065db117fef4acbb0f459a624fee28ea127205', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '0bc154f6d48ddb0bdc829233a66f0e486ed9df4f', class: "zonos--column" }), index.h("td", { key: '1f2997cebc3250152b1ecd207066ffc44af7f124', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: 'd50cc0977380fc1bf858fbe26201d919000a74b5', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: '2fcd30a868708f5abea04230c1407fff62fb011d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
+        }))), index.h("tr", { key: 'db55f0a9600bff78e582609f17ac561fb30ec85f', class: "zonos--row zonos--collect-total" }, index.h("td", { key: '8b77eb9db155a44591bce58fd24ee46110b9a407', class: "zonos--column" }), index.h("td", { key: '5c1b6df053e202f60d1d3fa4ff5d8c53fb1762ce', class: "zonos--column zonos--collect-subtotal-title" }, index.h("zonos-text", { key: '393f436b62e9b49d52598896b2913f08e953987b', type: "semiBoldLabel" }, localization.translate('Customs fees total'))), index.h("td", { key: 'c2bc51d66b8490652c6f6df8fac0194544785706', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback.renderFallback({
             content: (index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency.renderCheckoutCurrency({
-                amount: isCollectMobileTablet.collectStore.amountDutyTaxFeeTotal || 0,
+                amount: collect.collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
             }))),
-            isLoading: isCollectMobileTablet.collectStore.isFetchingShippingInfo,
+            isLoading: collect.collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
         }))))));