@zonos/elements 1.3.272 → 1.3.274

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

@@ -0,0 +1,215 @@
+import { createElement, } from "@airwallex/components-sdk";
+import { h, Host, } from "@stencil/core";
+import { airwallexStore, airwallexStoreGetLocale, airwallexStoreInitSdk, airwallexStoreOnChange, } from "../../store/checkout/airwallex";
+import { cartStore } from "../../store/checkout/cart";
+import { collectStore } from "../../store/checkout/collect";
+import { localizationStore, localizationStoreOnChange, } from "../../store/hello/localization";
+import { translate } from "../../store/translationStore";
+import { zonosStore } from "../../store/zonosStore";
+import { log } from "../../utils/logging/log";
+import { logError } from "../../utils/logging/logError";
+/**
+ * Renders the Airwallex payment element (drop-in) using the payment intent client
+ * secret returned on the collect checkout session (05CHECK-860).
+ */
+export class ZonosAirwallexPayment {
+    constructor() {
+        this.element = null;
+        this.storeUnsubscribeList = [];
+        /** Client secret currently being mounted, to avoid overlapping mounts. */
+        this.mountingClientSecret = null;
+        /**
+         * Whether the SDK failed to load or the element failed to mount.
+         */
+        this.hasError = false;
+        /**
+         * Mirror of the store client secret so the element (re)mounts once it becomes
+         * available. The client secret is fetched asynchronously and is usually not yet
+         * set when this component first mounts.
+         */
+        this.clientSecret = airwallexStore.clientSecret;
+        /**
+         * Build the full set of drop-in options. The SDK's `element.update` requires the
+         * first argument to contain the most up-to-date version of everything that was
+         * originally passed to `createElement`, so both calls share this.
+         */
+        this.getDropInOptions = (clientSecret) => {
+            var _a;
+            // Authorize (hold) when a capture delay is configured, otherwise capture
+            // immediately — mirrors the PayPal intent logic in paypalInitScript.
+            const hasAuthorizeSettingSet = zonosStore.checkoutSettings.captureDelay &&
+                zonosStore.checkoutSettings.captureDelay > 0;
+            return {
+                autoCapture: !hasAuthorizeSettingSet,
+                client_secret: clientSecret,
+                // The shopper's ship-to country (from the collect shipping info).
+                country_code: ((_a = collectStore.shippingAddress) === null || _a === void 0 ? void 0 : _a.location.countryCode) || undefined,
+                currency: airwallexStore.currency || cartStore.currency,
+                intent_id: airwallexStore.paymentIntentId || undefined,
+            };
+        };
+        this.mountPaymentElement = async () => {
+            var _a;
+            const clientSecret = this.clientSecret;
+            // The client secret arrives asynchronously — wait for it instead of erroring.
+            if (!clientSecret) {
+                return;
+            }
+            // Skip if we are already mounting (or have mounted) this exact client secret.
+            if (this.mountingClientSecret === clientSecret) {
+                return;
+            }
+            this.mountingClientSecret = clientSecret;
+            const isReady = await airwallexStoreInitSdk();
+            if (!isReady) {
+                this.hasError = true;
+                this.mountingClientSecret = null;
+                return;
+            }
+            const container = this.el.querySelector('.zonos--airwallex-payment-component');
+            if (!container) {
+                logError('Cannot find container element for Airwallex payment element');
+                this.hasError = true;
+                this.mountingClientSecret = null;
+                return;
+            }
+            try {
+                // Tear down any previously mounted element before remounting.
+                (_a = this.element) === null || _a === void 0 ? void 0 : _a.destroy();
+                this.element = null;
+                const element = await createElement('dropIn', this.getDropInOptions(clientSecret));
+                if (!element) {
+                    logError('Failed to create Airwallex payment element');
+                    this.hasError = true;
+                    this.mountingClientSecret = null;
+                    return;
+                }
+                element.mount(container);
+                element.on('success', () => {
+                    log('Airwallex payment succeeded');
+                    airwallexStore.hasPaymentError = false;
+                    // The drop-in confirmed the payment — the finish step trusts this over a
+                    // possibly-lagging payment intent status lookup.
+                    airwallexStore.paymentConfirmed = true;
+                    this.airwallexPaymentSuccess.emit();
+                });
+                element.on('error', payload => {
+                    logError(payload);
+                    airwallexStore.hasPaymentError = true;
+                    this.airwallexPaymentError.emit();
+                });
+                this.element = element;
+                this.hasError = false;
+            }
+            catch (err) {
+                logError(err);
+                this.hasError = true;
+                this.mountingClientSecret = null;
+            }
+        };
+        /**
+         * Update the mounted element's locale whenever the shopper changes language.
+         */
+        this.localeChangeHandler = () => {
+            if (!this.element || !this.clientSecret) {
+                return;
+            }
+            // `update`'s first argument must carry the most up-to-date version of all the
+            // options originally passed to `createElement`.
+            this.element.update(this.getDropInOptions(this.clientSecret), {
+                locale: airwallexStoreGetLocale(localizationStore.selectedLocale),
+            });
+        };
+    }
+    /**
+     * (Re)mount the payment element whenever the client secret becomes available
+     * or changes.
+     */
+    clientSecretWatcher() {
+        void this.mountPaymentElement();
+    }
+    componentWillLoad() {
+        this.storeUnsubscribeList = [
+            // Keep the local state in sync with the store so the @Watch above fires
+            // once the asynchronously-fetched client secret becomes available.
+            airwallexStoreOnChange('clientSecret', clientSecret => {
+                this.clientSecret = clientSecret;
+            }),
+            // Keep the Airwallex element locale in sync with the selected language.
+            localizationStoreOnChange('selectedLocale', this.localeChangeHandler),
+        ];
+    }
+    componentDidLoad() {
+        // If the client secret is already available on first render, mount now —
+        // @Watch does not fire for the initial value.
+        void this.mountPaymentElement();
+    }
+    disconnectedCallback() {
+        var _a;
+        // unsubscribe from store subscriptions
+        this.storeUnsubscribeList.forEach(subscription => subscription());
+        (_a = this.element) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.element = null;
+    }
+    render() {
+        return (h(Host, { key: '3d5f4aaea91533348ae6273757b8af6f17a7ab59', class: "zonos--airwallex-payment zonos--elements" }, this.hasError && (h("zonos-banner", { key: '27fe7775145b9ff4f9b572ee592eb0cdc5f2ef13', class: "zonos--payment-error-banner", intent: "error" }, translate("We couldn't complete your payment. Please verify the payment details and try again."))), h("div", { key: '48a50ebcc6ad1e3b3cbf807ef5d466030995a171', class: "zonos--airwallex-payment-component" })));
+    }
+    static get is() { return "zonos-airwallex-payment"; }
+    static get encapsulation() { return "scoped"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["zonos-airwallex-payment.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["zonos-airwallex-payment.css"]
+        };
+    }
+    static get states() {
+        return {
+            "hasError": {},
+            "clientSecret": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "airwallexPaymentSuccess",
+                "name": "airwallexPaymentSuccess",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the Airwallex payment intent is confirmed successfully."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "airwallexPaymentError",
+                "name": "airwallexPaymentError",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the Airwallex payment fails."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "clientSecret",
+                "methodName": "clientSecretWatcher"
+            }];
+    }
+}

package/dist/collection/components/checkout/zonos-checkout/zonos-address-update-dialog/zonos-address-form/zonos-address-form.js

@@ -27,15 +27,15 @@ export class ZonosAddressForm {
         const { firstName, lastName } = extractName({
             name,
         });
-        return (h(Host, { key: '7daab005bebe43bc506b8da0fc3603f87f5cc07e', class: "zonos--address-form zonos--elements" }, h("div", { key: '61e8f1447408a10c42cbb6dfe1e5cd2986c34824', class: "zonos--title" }, h("zonos-text", { key: 'd8b0298a92731c5d7e8297f00036cbf6a6b7e8db', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
+        return (h(Host, { key: '45d9837eb2fa1799686031aae55b7a5b56683f44', class: "zonos--address-form zonos--elements" }, h("div", { key: '021635c62ccf3956099fbc4111a7cccacf87e6a1', class: "zonos--title" }, h("zonos-text", { key: 'f8a7f4423c3e1fe85d99f7a4baadfd8ec92c5e91', textColor: "gray-700", type: "smallHeader" }, this.addressType === 'shipping'
             ? translate('Shipping')
-            : translate('Billing'))), h("div", { key: 'b6fd70d9ee4cc61159e55a079649c79f48e4a98c', class: "zonos--address-group" }, h("div", { key: '3f163fd25a4c3a36c0fbe97b2578c9fbfbebc8e6', class: "zonos--contact" }, h("zonos-text", { key: '40ec47d730083b242fba7ed45711fa19bc1a3a73', type: "label" }, translate('Contact')), h("zonos-input", { key: '980d9afd5143a4be16b61fdd44b8badd26c0551f', class: "zonos--form-email", inputLabel: translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), h("div", { key: 'd3b7937d5c172a9aa1fb6fb294f7518702c42782', class: "zonos--name zonos--address-row" }, h("zonos-input", { key: '1cda2417557992ff1e018470f49bc553570e7ab8', class: "zonos--form-first-name", inputLabel: translate('First name'), inputValue: firstName, isError: isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
+            : translate('Billing'))), h("div", { key: '3989feba67adc4921dc27f4b245391c933065d78', class: "zonos--address-group" }, h("div", { key: '909ef4b8f44902a16334051fb8cde1edd4f87f8b', class: "zonos--contact" }, h("zonos-text", { key: '301eb71e15a331a7423d547486b668009ce19bd0', type: "label" }, translate('Contact')), h("zonos-input", { key: '473f22469d0628db079298abb02a18f908225350', class: "zonos--form-email", inputLabel: translate('Email'), inputValue: this.currentAddress.email, isDisabled: true }), h("div", { key: 'eaa32450d028bfd8a197a3b1172a1316d6080962', class: "zonos--name zonos--address-row" }, h("zonos-input", { key: '82b3b902539cd2eb67bddfccc9146f91f7061538', class: "zonos--form-first-name", inputLabel: translate('First name'), inputValue: firstName, isError: isTextContainsNonLatinChars(firstName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${e.detail} ${lastName}`,
-            }) }), h("zonos-input", { key: 'faf4991bde56989dc613d321660a3084b0e9a8e6', class: "zonos--form-last-name", inputLabel: translate('Last name'), inputValue: lastName, isError: isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
+            }) }), h("zonos-input", { key: 'cf32104d4d575eb9d5843cf5d8701aebb02c4e3c', class: "zonos--form-last-name", inputLabel: translate('Last name'), inputValue: lastName, isError: isTextContainsNonLatinChars(lastName), onInputChange: e => this.onInputChange({
                 key: 'name',
                 value: `${firstName} ${e.detail}`,
-            }) }))), h("div", { key: '831483d5496ded27e71c1b4eb78bfb5ee8af52fb', class: "zonos--address" }, h("zonos-text", { key: '4d31ee6171c36401dda6653cedb43b81cf85a3cb', type: "label" }, translate('Address')), h("zonos-input", { key: '9134efbee8a46c04873dded9985d4437766aba61', class: "zonos--form-country", inputLabel: translate('Country'), inputValue: country, isDisabled: true }), h("zonos-input", { key: '4db075bee380c24ddfc706d7e72f631c9d451af3', class: "zonos--form-line1", inputLabel: translate('Address line 1'), inputValue: line1, isError: isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), h("zonos-input", { key: '6866187e5de8caaed307b4ad3e49048ccf8b08af', class: "zonos--form-line2", inputLabel: translate('Address line 2'), inputValue: line2, isError: isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), h("div", { key: '485f219a65abda705b20c4fdad0ec06d7b640f4c', class: "zonos--address-row" }, h("zonos-input", { key: '755a75893aaba7fd3be6842a4b29886f77a691bc', class: "zonos--form-city", inputLabel: translate('City'), inputValue: city, isError: isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), this.currentAddress.state && (h("zonos-input", { key: 'd66f0cf58169adb5c53a2c0e2cf308e66cd639ac', class: "zonos--form-state", inputLabel: translate('State/Province'), inputValue: state, isError: isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) }))), h("zonos-input", { key: '7fb5821a69f45779e616ef714c3774745b7cb0ca', class: "zonos--form-postal-code", inputLabel: translate('Postal code'), inputValue: postal_code, isError: isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), h("zonos-input", { key: 'a45be76f3e8073c5ea152f2814c52201c12f6d3b', class: "zonos--form-phone", inputLabel: translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
+            }) }))), h("div", { key: 'd570f7e1849bcc9a8e1bc13a15195bb5ee9bf8f2', class: "zonos--address" }, h("zonos-text", { key: 'dec7847247e97ffa3dde6d04a1ccd17347d9e8c1', type: "label" }, translate('Address')), h("zonos-input", { key: '595f540e7feb57dada3ebcf93202a75492ff447f', class: "zonos--form-country", inputLabel: translate('Country'), inputValue: country, isDisabled: true }), h("zonos-input", { key: 'c7fa3e7736ceee4c23195179f9e50b9cd43aa25a', class: "zonos--form-line1", inputLabel: translate('Address line 1'), inputValue: line1, isError: isTextContainsNonLatinChars(line1), onInputChange: e => this.onInputChange({ key: 'line1', value: e.detail }) }), h("zonos-input", { key: 'e455495f96667f7228a5ed51fc67d080df0b7991', class: "zonos--form-line2", inputLabel: translate('Address line 2'), inputValue: line2, isError: isTextContainsNonLatinChars(line2), onInputChange: e => this.onInputChange({ key: 'line2', value: e.detail }) }), h("div", { key: '5312af811975d9a2e2809896d51ce992317af54d', class: "zonos--address-row" }, h("zonos-input", { key: '49537f098a054787550266d6a7698e6fe102cad6', class: "zonos--form-city", inputLabel: translate('City'), inputValue: city, isError: isTextContainsNonLatinChars(city), onInputChange: e => this.onInputChange({ key: 'city', value: e.detail }) }), this.currentAddress.state && (h("zonos-input", { key: '06d1c8c2e21300c300ddfbdaa4abaffef006793d', class: "zonos--form-state", inputLabel: translate('State/Province'), inputValue: state, isError: isTextContainsNonLatinChars(state), onInputChange: e => this.onInputChange({ key: 'state', value: e.detail }) }))), h("zonos-input", { key: '94081e11a3184e86eef1add3eee392c3e3afb11a', class: "zonos--form-postal-code", inputLabel: translate('Postal code'), inputValue: postal_code, isError: isTextContainsNonLatinChars(postal_code), onInputChange: e => this.onInputChange({ key: 'postal_code', value: e.detail }) }), h("zonos-input", { key: '00ce7f0931179ff2c86e2da0fc82eed71cd6af19', class: "zonos--form-phone", inputLabel: translate('Phone number'), inputValue: phone, onInputChange: e => this.onInputChange({ key: 'phone', value: e.detail }) })))));
     }
     static get is() { return "zonos-address-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class ZonosCartItems {
     render() {
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '0533f9858716c5084f2f7d454038918dcea3f1d0', class: "zonos--cart-items zonos--elements" }, h("table", { key: '9819698277a5c597528364d19b7c5c7c3161fdd7', class: "zonos--cart-table" }, h("tbody", { key: '59493dfb49143a56f2addaf0c9eb1e8ce014dc1f' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: 'ec83033ab6a41452e8d3f611ca59f571741d7c73', class: "zonos--cart-items zonos--elements" }, h("table", { key: '3f403b3e3943f13394e419b6d3e01629ed673cd8', class: "zonos--cart-table" }, h("tbody", { key: '0c2caccc03dd36d00453e88ac7df9d8e3c47b5f1' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown(item.name);
             const amount = item.amount * item.quantity;

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

@@ -583,11 +583,11 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '3df50a75327f2dd1d7eea538aed0501c96504f2d', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '7bbe3b38422e6b6a0b7a98c8e9cacf4b6abbfd8f', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isImmediateRedirecting && (h("div", { key: '6031b9b4d5847bb46a201ccf7f6b1cd036b3e3df', class: "loading-wrapper" }, h("zonos-spinner", { key: 'e816086c5efdfe8c1b40ce0bad935ef829a8f88d', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: 'c787a355834af35a53f09f51f97c6796fa25c345', class: "zonos--finish-details" }, h("div", { key: 'a2a4bd3caee1cbffd514dcd69927a0f8a4e20af1', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '894069f110eab9cb02fe4dfa814d7c285dadf7cb', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '95bee491e9ac903a594569c911a81c63ebfab691', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'cf10c1bdfe95c5a13a2714fc7d64042fa7ef49ac',
+            } }, this.isImmediateRedirecting && (h("div", { key: '8608faad8369cb1ad3e208862d264cc176f37702', class: "loading-wrapper" }, h("zonos-spinner", { key: '749ea9f925a11859310a47280f906f4e54cff7b2', size: 48 }))), !this.isLoading && !this.isImmediateRedirecting && (h("div", { key: 'ccb75f51c73fa22e94771f4ff00456a042185fb7', class: "zonos--finish-details" }, h("div", { key: '4bb0e457e963c2c95517a1688d0dcfdaa2c94013', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '7b57ab0d072852734a54833153d9a4aef526f97d', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'b633c665c126225ab060f806e150d77e118b7f6a', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'f15e8bef4931917ec51a5c449b6d20e76c295cbf',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -599,9 +599,9 @@ export class ZonosCheckoutFinish {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'cc9da3752636dbf9ecd3446fb787074cb1fa725b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'f450a254f244806612f269f90ce984167c787795', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (h("div", { key: 'f61fedefbfcf3650377bfd2e1a86d7feb4129b12', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'fa794be3da7f480bc3682a2e932ee1f876ac5bb2', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '5bbff8ed5b5c585dd1a4ca8e2d206d48fb080f39', onClick: () => {
+            this.notificationType === 'success' && (h("div", { key: 'd5ab67cad67c9b62e2e369c52f028aca0fb485b5', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '1ab66e026b3797e2fc0f44fe0bcea439dab85128', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '8fc0dc456bb32fb94ea390bf50a9590b35bbb04d', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'

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

@@ -40,10 +40,10 @@ export class ZonosCheckoutFooter {
         const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
-        return (h(Host, { key: '9bf4e1fae3660eb17d04521c533f52651f9b6153', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '90b473ca63321395e9fceb48b8d21d90b225c01f', class: "zonos--checkout-footer" }, h("div", { key: '4cd4d63838aae1c26df2b3513cb24f93a497705b', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '2db346594fdf00329a8f4887c4d431ddedc22e40', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '55332b4a8d812976333a9f14853d63c94fc2d3b4', class: "zonos--checkout-locale-label" }, languageLabel, h("zonos-icon", { key: '1c27c4b559974ebbcff5470d6fb7a2ace3e204c2', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '5e87976476c7fb124c308352587643b009bda3df', class: classes([
+        return (h(Host, { key: 'edf9d7cfd7375fcd4f335caedccc2928f84a594e', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '14f359b70f1f4610be37571ae5d32ae7791be012', class: "zonos--checkout-footer" }, h("div", { key: 'ae803331487f9759403633a8e27cc6e480b40f93', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: 'f173841a4c1b3af79a2c21ad9195b509f2891964', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '7148d2a6076b786954cb9a02e41c760ba4719d6b', class: "zonos--checkout-locale-label" }, languageLabel, h("zonos-icon", { key: '0a759d42576bf657893e6e2349cc3938855de6fc', "aria-hidden": "true", class: "zonos--checkout-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '63b1ac3440c35349341272b051c4a3e04e19f818', class: classes([
                 'zonos--checkout-footer-dialog',
                 this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
-            ]) }, h("zonos-language-select", { key: '3ab16dc27d046bd8a0ebab4fd44ba0a10b53b0a5', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '3d7e9500d281348acb8f6c64f7a792b0248b5347', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: '8b2ba4f4d0e962d94e24b08e69ad53310050049b', href: "https://zonos.com/docs/legal/zonos-privacy-policy", rel: "noopener noreferrer", target: "_blank" }, h("zonos-text", { key: '06c700777036ef3e15b2f8586e96ccb020f06850', textColor: colorDesktop }, translate('Privacy policy'))), h("div", { key: '1af786991ea239d2b40a43de0e5b872350f8e171', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '889819449f802936510bda4f21b1233e76853613', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '1d2f3f924b78e4e8b37b1504e37a2cdb0b0bfb9b', href: "https://zonos.com", rel: "noopener noreferrer", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '2429284234ffcb51ecff0fd3a98f88bbe8c4c1c5', autoHeight: true, content: colorDesktop === 'gray-1000'
+            ]) }, h("zonos-language-select", { key: '5cad0220d288b722355715c5418928f065af07c1', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '30ec30fd80133525889fea8ab0567179f3ffdd3a', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: 'a6900165737de98bed8fee21d88b4e269ad209e3', href: "https://zonos.com/docs/legal/zonos-privacy-policy", rel: "noopener noreferrer", target: "_blank" }, h("zonos-text", { key: 'ca88bc63b702dcb651530f41aee4764734a5ee84', textColor: colorDesktop }, translate('Privacy policy'))), h("div", { key: '8caa023f3aca229e464a27f55c289985114cc641', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '9a3b6097c157dd86bd8a03c41887915051852930', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '5e0657c052e71ce12c5717b8a5473e4fc5ca2926', href: "https://zonos.com", rel: "noopener noreferrer", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '1c6a13757a62a14a9898b3de06aaa1f717f3035d', autoHeight: true, content: colorDesktop === 'gray-1000'
                 ? ZonosIconLight
                 : ZonosIconDark, size: 108 })))))));
     }

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

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

package/dist/collection/components/checkout/zonos-collect/zonos-collect-cart-items/zonos-collect-cart-items.js

@@ -8,7 +8,7 @@ export class ZonosCollectCartItems {
     render() {
         const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '085e4b2fd45b68d916f268719cb52009cc06f8a2', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '23338d49319259769cd139ff9c329f3a9c6a059a', class: "zonos--cart-table" }, h("tbody", { key: '9a8ba11598f20b78a0ea199ccdf7254db461a0ac' }, nonRestrictedItems.map(item => {
+        return (h(Host, { key: 'b59fc5d56e5672ed47312fa930a1f35bf987b58d', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: '1f1020fd843fc2e86a12f426786f275e2c45c7c6', class: "zonos--cart-table" }, h("tbody", { key: 'b383812ea0967e3715701c09753fda8b3dbfe612' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
             const cleanedItemNames = cleanHtmlMarkdown(item.name);
             return (h("tr", { class: "zonos--collect-cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: item.name, onError: () => {

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

@@ -1,5 +1,7 @@
 import { Fragment, h, Host, } from "@stencil/core";
+import { airwallexStore, airwallexStoreIsPaidStatus, airwallexStoreMessageBasedOnStatus, airwallexStoreReset, airwallexStoreRetrievePaymentIntent, } from "../../../store/checkout/airwallex";
 import { cartStore } from "../../../store/checkout/cart";
+import { collectStore } from "../../../store/checkout/collect";
 import { paypalStore, paypalStoreReset, } from "../../../store/checkout/paypal";
 import { stripeStore, stripeStoreMessageBasedOnStatus, stripeStoreReset, stripeStoreResetPromoCode, stripeStoreRetrievePayment, } from "../../../store/checkout/stripe";
 import { storageStore } from "../../../store/storageStore";
@@ -180,6 +182,109 @@ export class ZonosCollectFinish {
             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!");
@@ -251,6 +356,9 @@ export class ZonosCollectFinish {
         if (cartStore.isStagingMode) {
             void this.checkStagingOrderStatus();
         }
+        else if (collectStore.paymentProcessor === 'AIRWALLEX') {
+            void this.checkAirwallexPaymentStatus();
+        }
         else if (paypalStore.orderIdCreated) {
             void this.checkPaypalPaymentStatus();
         }
@@ -260,11 +368,11 @@ export class ZonosCollectFinish {
     }
     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')))))))));
     }

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

@@ -46,15 +46,15 @@ export class ZonosCollectFooter {
         const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
         // reverse color when on desktop. With the coversheet backdrop, the color should be white
         const colorDesktop = 'gray-1000';
-        return (h(Host, { key: '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, 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, 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"))))));
     }
     static get is() { return "zonos-collect-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkout/zonos-collect/zonos-collect-order-details/zonos-collect-order-details.js

@@ -68,7 +68,7 @@ export class ZonosCollectOrderDetails {
                 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())))))));

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

@@ -42,27 +42,11 @@
 }
 :host .zonos--group {
   margin-bottom: 20px;
-  overflow: auto;
+  overflow: visible;
   padding: 5px;
   display: flex;
   flex-direction: column;
   flex: 1;
-  overscroll-behavior: contain;
-}
-:host .zonos--group::-webkit-scrollbar {
-  width: 10px;
-}
-:host .zonos--group::-webkit-scrollbar-track {
-  background: var(--zonos-elements-gray-50);
-}
-:host .zonos--group::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  background: #cccccc;
-  border: 3px solid transparent;
-  background-clip: content-box;
-}
-:host .zonos--group::-webkit-scrollbar-thumb:hover {
-  background: #d6d6d6;
 }
 :host .zonos--payment-error-banner {
   margin-bottom: 8px;

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

@@ -141,6 +141,12 @@ export class ZonosCollectPayment {
     }
     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;
@@ -354,6 +360,21 @@ export class ZonosCollectPayment {
                     "resolved": "string",
                     "references": {}
                 }
+            }, {
+                "method": "airwallexPaymentDone",
+                "name": "airwallexPaymentDone",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event to emit when the Airwallex payment is completed successfully"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }];
     }
     static get elementRef() { return "ele"; }

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

@@ -39,13 +39,13 @@ export class ZonosCollectReview {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (h(Host, { key: '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,