@zonos/elements 1.3.272 → 1.3.274

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

@@ -52,7 +52,7 @@ export class ZonosCollectSubtotal {
     }
     render() {
         this.initSubtotalData();
-        return (h(Host, { key: '6df77785504d4076a3b675a9ef62171105fa22b5', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: '5a0917d3828ff18b5ad67d6e168e67b5646a6425', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: 'b51069b800459d0aa64cebb98c0bae99d05bde8a', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'b7bd45e0256a852ec363ffed7022d95079a8282c', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '47db47e87c83c4e5361e363d8c48cbef675a1eb7', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: 'd3b083c586c04fdca1a9410992cba6350050fd75', class: "zonos--column" }), h("td", { key: '6aedc27105ffe3a15744482025e3c711de22709a', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        return (h(Host, { key: 'fea37a2a4dd32592b88703c37d901fee65408bed', class: "zonos--collect-subtotal zonos--elements" }, h("table", { key: 'be501438b0101c4b13421450dad99ec12f7c5a0b', class: "zonos--collect-table" }, !!this.subtotals[translate('Duties')] && (h("tr", { key: '2c61bf6e958a199d4b8ae3aff00b74a9889ab491', class: "zonos--row zonos--collect-duty" }, h("td", { key: 'd6fc30c58fcc42c282b7dfb03c83b0b7feb0dd82', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '5909abeeed4a5f90df5a79be09383842137a175c', type: "semiBoldLabel" }, translate('Duties'))), h("td", { key: '68d06c4e8732363e0e5e36d77f9d4b363c0adc3c', class: "zonos--column" }), h("td", { key: 'fd23e46a4ed44fadc31472e38a15f7579ebed160', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Duties')] || 0,
                 isForeign: true,
@@ -60,7 +60,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: 'ee934191b6d95c2bdebf40c5a8d6e9a8dcc4716b', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'd9966df4b307915d69e99ddca307afb3b1dac57d', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '0b074f206a3746e9428a1f7f4df95a7035770535', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '4cd818d7d7db3bbb1b044f09420f3c0de9c2654f', class: "zonos--column" }), h("td", { key: '885a3b0d243f9687af99018c94e6f7990ab94ae4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Taxes')] && (h("tr", { key: '3960ae24df8093e1bb7e904bba82b774dc32103c', class: "zonos--row zonos--collect-tax" }, h("td", { key: 'cdfb4bd23f8b3f0545170a05a3b060533db22f26', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'bbbdaade160358cc94a9347f835d2e8bc759866d', type: "semiBoldLabel" }, translate('Taxes'))), h("td", { key: '032c233f3301289c89791d78a5624d9409292041', class: "zonos--column" }), h("td", { key: 'b96dc16ecbff5add3adb0236c794c7a71c48800b', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Taxes')] || 0,
                 isForeign: true,
@@ -68,7 +68,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '840cdf461bd3cb0780c517be7900a4db7522da6d', class: "zonos--row zonos--collect-fee" }, h("td", { key: '57edb0642163a4fb580c538334f77fba2f15efe1', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'daa9e1ab156a2a5b26aec744014c2501948872e8', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: '90cc11dda267840a4d4559aed5cfa5d61e13a986', class: "zonos--column" }), h("td", { key: '3716f79ab7323f5d6ebca7ece57bfd7b78f62b20', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), !!this.subtotals[translate('Fees')] && (h("tr", { key: '056890bb4d5394aea10f618c97c6d22d0ed63d3b', class: "zonos--row zonos--collect-fee" }, h("td", { key: '920bbbc49538bf61a4b3a180454a904996448b22', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '3609ef98b6fe12f11d16a9176321321fa450c482', type: "semiBoldLabel" }, translate('Fees'))), h("td", { key: 'c7393e334a5d229f879094aa10356740676a412a', class: "zonos--column" }), h("td", { key: '799e621fbeda831fd2181a362d9ace49a39b69e4', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: this.subtotals[translate('Fees')] || 0,
                 isForeign: true,
@@ -76,7 +76,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        })))), h("tr", { key: '2ac89b5b3f76c2991b88ce163ca571380d91ae8b', class: "zonos--row zonos--collect-spacing" }, h("td", { key: 'fc073ec87ac579ad5af8fb2dd08fe47112e21717', class: "zonos--column", colSpan: 3 })), h("tr", { key: '87c32f3ee0ffb3c347c495ec853ebf92b6a08a0f', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '664d161448aec51324f0d177d20fa0ef765a17bb', class: "zonos--column" }), h("td", { key: 'c14949595986be080c502ad175529883f2c789cc', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'cf141dd8e58e73b981cdb5f51c111d83099222ae', type: "label" }, translate('Subtotal'))), h("td", { key: '3cba5203e563ec1f4c591d6c42cf7b9a7c8c2045', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        })))), h("tr", { key: 'b9cc1a5aa049ccefb48dc5d1627bdb8093ffe29f', class: "zonos--row zonos--collect-spacing" }, h("td", { key: '439b7508f723ed01efd63e499de979a84e136b21', class: "zonos--column", colSpan: 3 })), h("tr", { key: '6c3db4c263f849b9f1ad25a1ce1cfb23dcf03b10', class: "zonos--row zonos--collect-total zonos--collect-total-subtotal" }, h("td", { key: '3fac71f137d3d5af8a40d7aaa0ad36c31a827a5b', class: "zonos--column" }), h("td", { key: '45084572c966e849b69dd4f10d065fd3f0aa5544', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '5c09a882998169f59baa30a59574d1ca919ab1c6', type: "label" }, translate('Subtotal'))), h("td", { key: 'd8debe70bbc2394f95581409a1db5cb8055383eb', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "label" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,
@@ -84,7 +84,7 @@ export class ZonosCollectSubtotal {
             isLoading: collectStore.isFetchingShippingInfo,
             skeletonHeight: '14px',
             skeletonWidth: '150px',
-        }))), h("tr", { key: '14065db117fef4acbb0f459a624fee28ea127205', class: "zonos--row zonos--collect-total" }, h("td", { key: '0bc154f6d48ddb0bdc829233a66f0e486ed9df4f', class: "zonos--column" }), h("td", { key: '1f2997cebc3250152b1ecd207066ffc44af7f124', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: 'd50cc0977380fc1bf858fbe26201d919000a74b5', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: '2fcd30a868708f5abea04230c1407fff62fb011d', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
+        }))), h("tr", { key: 'db55f0a9600bff78e582609f17ac561fb30ec85f', class: "zonos--row zonos--collect-total" }, h("td", { key: '8b77eb9db155a44591bce58fd24ee46110b9a407', class: "zonos--column" }), h("td", { key: '5c1b6df053e202f60d1d3fa4ff5d8c53fb1762ce', class: "zonos--column zonos--collect-subtotal-title" }, h("zonos-text", { key: '393f436b62e9b49d52598896b2913f08e953987b', type: "semiBoldLabel" }, translate('Customs fees total'))), h("td", { key: 'c2bc51d66b8490652c6f6df8fac0194544785706', class: "zonos--column zonos--collect-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: collectStore.amountDutyTaxFeeTotal || 0,
                 isForeign: true,

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

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

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

@@ -18,10 +18,10 @@ export class ZonosInvoiceCartItems {
     }
     render() {
         const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
-        return (h(Host, { key: '55bb132970db23e06698701d7d27e108ff0643e0', class: classes([
+        return (h(Host, { key: 'e6626df96493b9cd9110036f203492c008c8c802', class: classes([
                 'zonos--invoice-cart-items zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: 'c9722c17a507ca9fdcb8ca47151d14ba1d74f698', class: "zonos--cart-table" }, h("tbody", { key: 'd8d318e03bfeefaf687825c6131367e73c0b91ce' }, nonRestrictedItems.map(item => {
+            ]) }, h("table", { key: '9a03b7868010f52560725fb4139a329b2b96066c', class: "zonos--cart-table" }, h("tbody", { key: 'f1aae5d161654014e4e5e5fd56383664c7fe5635' }, nonRestrictedItems.map(item => {
             var _a, _b, _c, _d;
             const invoiceId = (_b = (_a = item.attributes) === null || _a === void 0 ? void 0 : _a.find(metadata => metadata.key === 'invoiceId' || metadata.key === 'INVOICE_ID')) === null || _b === void 0 ? void 0 : _b.value;
             const invoiceCreatedAt = (_d = (_c = item.attributes) === null || _c === void 0 ? void 0 : _c.find(metadata => metadata.key === 'invoiceCreatedAt')) === null || _d === void 0 ? void 0 : _d.value;

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

@@ -260,11 +260,11 @@ export class ZonosInvoiceFinish {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: '5f563128da4ccbf30f9f09446760a83666be0987', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'fc28974043d0f3661919e85aa6cc3839debbac4e', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '276f35404f91ae34b310e1f006770a8885a9751d', class: "zonos--finish-details" }, h("div", { key: 'e6f73be5adced5c4d7598a7c41827414a41b75fc', 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: '5c010a8bc22853ceb669b64cb0ac608dbd01f78c', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'c20d9274ef2d3824e581a172b416451f8ed0f4fb', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'eab62f7ca2bb6f9a610179a9c3a345844bf99d5b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '5a870802ce9b2b34769ac1fa2920e17eed0d1c91', class: "zonos--button-container" }, h("zonos-button", { key: '09784e7c0a421a304987d84c1d81f0ee2995c0eb', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: '7a6f37edfde51802035afde1e47184603a81e869', class: "zonos--finish-details" }, h("div", { key: '0242af14a36960e490411712bf1c345975d22e28', 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: 'ac0bbc63089b78868a2dea35c2d55699e0c677fc', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'cce14998b08c79a87b5aaf9701d1132e558c0bc6', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'c4970d76cbeb63f6dd661bc2c0950ace271f9aac', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'c79a6fe5bfe1398244a7fbf611430be6f42de16b', class: "zonos--button-container" }, h("zonos-button", { key: 'c5ab942d9ced619c068b7398a38af5995a8f43ee', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }

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

@@ -47,15 +47,15 @@ export class ZonosInvoiceFooter {
         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: '01fce97d4d724d4bca4973a426e131da5a01dc16', class: classes([
+        return (h(Host, { key: 'edea53dbca2832f4f718fd54b74225d9a64b8d01', class: classes([
                 'zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '99e579f6903c96c8540d5010fc128173e34e0997', class: "zonos--invoice-footer" }, h("div", { key: 'fa45f5e6fbb2ff06265f252fd3c3acf74b265e1e', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: '3496814c51949ff1f1d727bd5c9fabeb4b86372f', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: 'c669df5b12bce8be322fca8d0cb76a29b088fd25', class: "zonos--invoice-locale-label" }, languageLabel, h("zonos-icon", { key: '748444a42af6feef4378b418341927c15e9dc293', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: '80943da0cc442ff525c7fd8f5d3f0159933b1950', class: classes([
+            ]) }, h("div", { key: 'd2594dfbc8cfff20539e94c279c6096042ee6d00', class: "zonos--invoice-footer" }, h("div", { key: '927668578baf306674f56dce375acd1a5e1f335e', class: "zonos--invoice-locale-wrapper" }, h("zonos-button", { key: '022b7cb00f7c9ab6305a6ab874f16531f9ab017f', buttonColor: colorDesktop, class: "zonos--invoice-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, h("span", { key: '88c1b732f19daaace304214d9028f3b6a131e0d2', class: "zonos--invoice-locale-label" }, languageLabel, h("zonos-icon", { key: 'ac383ce2fbcba6b0bd366b8c8126ce10df11d817', "aria-hidden": "true", class: "zonos--invoice-locale-chevron", content: ChevronDownIcon, iconColor: colorDesktop, size: 18 }))), h("div", { key: 'a89f540cdbeb921640f4f466df4c48e12065d90b', class: classes([
                 'zonos--invoice-language-dialog',
                 this.showLanguageDialog &&
                     'zonos--invoice-language-dialog-open',
-            ]) }, h("zonos-language-select", { key: '5f72d992de939c0159979b7b054f50e803499d64', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: '5f751d324bea65a722d60643f7a55a83648dbff9', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: '041e633d638437535b04029bcc0173f69dc8861c', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: '57adb6eb396406aa2e1bf01e404fd53bc2c9c2cf', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '6e87d992ab4d97d2edf7be4ee3d2a07d77dd93ea', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'f13be4e13b4991b65f052587feba6e0b08382332', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: '44dbef690ef8088bfc30f2fc7dc83f693cd530f4', class: "dot" }), h("a", { key: '341ceb26c07e9d0aa1f273fc8ba0e92a7ddfb93b', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '47b7c26113144d942fc98f1dd87883f818e2ef2a', textColor: colorDesktop }, translate('Privacy policy')))))));
+            ]) }, h("zonos-language-select", { key: 'fe017a6300484fc2e657b9f286438f23861a9a96', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'b9513e7ab5ee4e809d52074fb2c0950a7ac4bfe5', class: "zonos--invoice-footer-icon-wrapper" }, h("div", { key: '55ee92bab8cc5dc6983705b925089cca4083fe42', class: "zonos--invoice-footer-logo" }, h("zonos-text", { key: 'c8bc7791da058aee313b02797b4555ef5b6ff689', textColor: colorDesktop }, translate('Powered by')), h("a", { key: '4493b09d84504d4f797fa0d391cae79ba2266611', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '8c79f8ef0c16d4bb0210e9b7481bc519b97bbddb', autoHeight: true, content: ZonosWordmark, size: 42 }))), h("div", { key: 'ee6b57b36973750637e0f66f4e883fe7c32acf23', class: "dot" }), h("a", { key: '7aebd09ef1aea4bd9b4a4ed48ffb207e8ed32978', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '11e7cbb7531b396255374dbf0528f603145bc0b5', textColor: colorDesktop }, translate('Privacy policy')))))));
     }
     static get is() { return "zonos-invoice-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,13 +39,13 @@ export class ZonosInvoiceReview {
     }
     render() {
         const titleTextColor = this.isMobile ? 'gray-1000' : 'gray-800';
-        return (h(Host, { key: '52bdf36710017e5fa9edc0c138639a06cb5d05c5', class: classes([
+        return (h(Host, { key: 'b1dbfed233d47a45ee1e37408d086593049c64d6', class: classes([
                 'zonos--invoice-review zonos--elements',
                 this.isMobile && 'mobile',
                 this.isTablet && 'tablet',
-            ]) }, h("div", { key: '3511c440fbf6ae155eca4d3a492f149dbfdef4c6', class: "zonos--title" }, h("zonos-text", { key: '8760547d3874af10a3b7e91e294ac6e68348db4f', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
+            ]) }, h("div", { key: 'fa1cb0796cc5ffd31488c730da1e21f6a7c93c8d', class: "zonos--title" }, h("zonos-text", { key: '3759a2ebb1ae8456139fb053d32a64ace12917e7', textColor: titleTextColor, type: 'semiBoldLabel' }, translate('Pay [organizationName]', {
             organizationName: zonosStore.organizationName,
-        }))), h("div", { key: '09cd06a131b0e429e4797cea8eaf41b05cb7b676', class: "zonos--total-pay" }, renderFallback({
+        }))), h("div", { key: 'b5b0c86569fdc26465ea9ac585c5ea5c2b9172bc', class: "zonos--total-pay" }, renderFallback({
             content: (h("zonos-text", { type: 'secondaryPageHeader' }, renderCheckoutCurrency({
                 amount: invoiceStore.amountTotalDue || 0,
                 isForeign: true,

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

@@ -12,10 +12,10 @@ export class ZonosInvoiceSubtotal {
         this.isMobile = false;
     }
     render() {
-        return (h(Host, { key: 'a8d7a91a69c2ea3aeee0788f4d9523e1e65915eb', class: classes([
+        return (h(Host, { key: '869e194bb991686647a27c85e3287f8c87013697', class: classes([
                 'zonos--invoice-subtotal zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, h("table", { key: 'fb299d6ea07b48c099fca14e0c16369bf7b93955', class: "zonos--invoice-table" }, h("tr", { key: '5b01748b535af171bed832076fcfeb5308279808', class: "zonos--row zonos--invoice-total" }, h("td", { key: '829797e7d5560c6f73b661cdc53b473c57c7ad2f', class: "zonos--column" }), h("td", { key: 'cc75308e6470b4fa12182001467e7d2ca7915405', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: '38c9de7d3393a999bc06a7bafe033aefa45ead5c', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: '962069d60839b82e374d3c4aae3b2a6709a82017', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
+            ]) }, h("table", { key: '4e3a87b6ceeba8663c7d41797826e92a1d8df873', class: "zonos--invoice-table" }, h("tr", { key: '4cc0be3427ded6e3dfc92fca9d6acf69915a5d96', class: "zonos--row zonos--invoice-total" }, h("td", { key: 'ca4cefc97914df89530a6ba06f93412773685d13', class: "zonos--column" }), h("td", { key: '7cad6266e244446fef196403f4e1628b4656c680', class: "zonos--column zonos--invoice-subtotal-title" }, h("zonos-text", { key: '311ce310181fec1db2cd31e92e210d345e0c2871', type: "semiBoldLabel" }, translate('Payment total'))), h("td", { key: '2aa6e7fb76e8a7c0d2b1c56fdcdf63ed2b3bed82', class: "zonos--column zonos--invoice-subtotal-price" }, renderFallback({
             content: (h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
                 amount: invoiceStore.amountTotalDue || 0,
                 isForeign: true,

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

@@ -37,16 +37,16 @@ export class ZonosBadge {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: '219feb5a48098f89db6f6f338b54404a0d5368c6', class: classes(['zonos--elements zonos--badge']), style: {
+        return (h(Host, { key: '91ff0cbf64075ac1cb47691dd114b4205253b8e9', class: classes(['zonos--elements zonos--badge']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '9e37e1cdeef718fcdd8ee8243ef29bebd42bbc71', class: classes([
+            } }, h("div", { key: '129b78caecaab54f8eb0dcb42fb2e398c2cfe2e6', class: classes([
                 'zonos--badge-content',
                 this.badgeColor,
                 this.rounded && 'rounded',
                 this.iconRight && 'icon-right',
                 this.size,
                 this.bold && 'bold',
-            ]) }, this.icon, h("zonos-text", { key: '9c538e2fe65246332655820eee13b10e7c50327b', textColor: `${this.badgeColor}-800` }, h("slot", { key: 'df06a399a7541a63703383b8340c594541cb8067' })), this.dismissHandler && (h("zonos-icon", { key: 'bc972c68bb3eb511282bd8988b6602f4604d3e39', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
+            ]) }, this.icon, h("zonos-text", { key: '69b9ef2d3d15e6753625aea7c96fe492583e50fe', textColor: `${this.badgeColor}-800` }, h("slot", { key: '7237a96503ebdd708a03f3571dc5f68abe6af496' })), this.dismissHandler && (h("zonos-icon", { key: '021350687aa80ccae8c32b2f4b7af5acc4469608', "aria-label": "Remove action", class: "zonos--badge-dismiss", content: RemoveLineIcon, onClick: () => { var _a; return (_a = this.dismissHandler) === null || _a === void 0 ? void 0 : _a.call(this); } })))));
     }
     static get is() { return "zonos-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -184,13 +184,13 @@ export class ZonosButton {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '8172735394435d60f27ff0b55d3bcd57c7327487', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
+        return (h(Host, { key: 'd07f698c62e64fe404dc346e17aa4ebb23af635a', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderStyle,
                 '--zonos--color': color,
                 '--zonos--font-family': zonosStoreFontFamily(),
                 '--zonos--font-weight': this.bold ? 'bold' : 'normal',
-            }) }, h("button", Object.assign({ key: 'c0afe56a3a2740aab6ed98311d6ea5d8a40fc390' }, this.inheritedAttributes, { class: classes([
+            }) }, h("button", Object.assign({ key: '721b3b8c4dbc0666de04510c091b7be558a7ede3' }, this.inheritedAttributes, { class: classes([
                 this.hasIcon && 'has-icon',
                 this.hasContent && 'has-content',
                 this.noBackground && 'no-background',
@@ -205,7 +205,7 @@ export class ZonosButton {
                 backgroundColor && variant === 'standard' && 'override-background',
             ]), disabled: disabled, style: {
                 justifyContent: this.justifyContent,
-            } }), this.loading && (h("div", { key: '042ee0a9b02356aaf5b9332121e810782a3efff3', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '2973bb0afdddcfffd1d17bf423776dace52d9f7f', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '45c56c5839daf9bff44b424f2de43f02d37ca7cc', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
+            } }), this.loading && (h("div", { key: 'c60e5e9d71ddf3750fbbcb911badca7885710518', class: "zonos--spinner-wrapper" }, h("zonos-spinner", { key: '3c863893cf81663c5a13dfdbd44b27828f01de31', size: 16, spinnerColor: spinnerColor }))), !this.loading && !this.iconRight && this.icon, h("slot", { key: '7856e2a360552702a19ca58a0de763763c158749', onSlotchange: this.handleSlotChange }), !this.loading && this.iconRight && this.icon)));
     }
     static get is() { return "zonos-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,16 +23,16 @@ export class ZonosCard {
             customRoundRadius: `${this.borderRadius}px`,
             overrideBorderStyle: 'ROUNDED',
         });
-        return (h(Host, { key: 'ae124207be3fbddbd445d74cdf31085401a09c67', style: {
+        return (h(Host, { key: '9abda7f00c442317f63521444b6eeb21f294d2bb', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '43fe2ffcb7caa0754c93f6d94898156f5169139b', class: classes(['styled-card']), style: {
+            } }, h("div", { key: '2e1f1e4b59ce9ce87c7a22e58f0ae6c5dd0f0388', class: classes(['styled-card']), style: {
                 '--zonos--background-color': backgroundColor,
                 '--zonos--border-radius': borderRadius,
                 padding: this.spacing,
-            } }, this.label && (h("header", { key: '6839065e2e630a841d6ecd7f03b19a93a988e49a', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '498435bbbb60cc6d1d13a304aad321107bd6feaf', type: "subheader" }, this.label), h("h-stack", { key: '4de3f042a72b16be374209b393cb174fc7d1b670', spacing: 8 }, this.actions))), h("slot", { key: 'add9dac3d8b9a50c0caa37d245f632c6a5e64d7f' }), (this.footerActions || this.footerContent) && (h("footer", { key: 'e83f37ed24b44d9b7316579ee28ea51a3da119d8', class: "card-footer", style: {
+            } }, this.label && (h("header", { key: '215b106d17a37b8eb28e5ae730f0ff5401c02331', class: "card-header", style: { padding: this.spacing } }, h("zonos-text", { key: '31363bdd23ac0ad625c6442fcf7110e559fa0201', type: "subheader" }, this.label), h("h-stack", { key: '10b338eaf67a92b84d7a9434f52e4c111a15f561', spacing: 8 }, this.actions))), h("slot", { key: 'afd067cc47d74d109f4fb4768fc8e0dfa4d88e70' }), (this.footerActions || this.footerContent) && (h("footer", { key: '17ee21b433ca723724c74e379b03b9c63a7b53eb', class: "card-footer", style: {
                 height: this.footerHeight ? `${this.footerHeight}px` : 'auto',
                 padding: this.spacing,
-            } }, h("div", { key: '685721d5f7f51c99438f4ddf23cf75122db3223c' }, this.footerContent), h("h-stack", { key: '61a44c918aea4994c10b16045564b45135296852', spacing: 8 }, this.footerActions))))));
+            } }, h("div", { key: 'fd2680f6ba67a7afcb8001ba2d9e0eff49b74675' }, this.footerContent), h("h-stack", { key: 'f7c716b48b470082b5196ddaeac189e476a4c3fd', spacing: 8 }, this.footerActions))))));
     }
     static get is() { return "zonos-card"; }
     static get encapsulation() { return "shadow"; }

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

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

package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js

@@ -77,17 +77,17 @@ export class ZonosCheckoutProgressTabs {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: '2bc73268f4413887abe526ab1ac01471627e9fbc', class: "zonos--elements", style: {
+        return (h(Host, { key: 'e5c68ba81756351ca14ee7cecc1fc31070aea2f6', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: 'fb812b9d4e6ba72f26b4f31ccf8444500a72f277', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: '64c20db4eb660505af2e97c07e9658f9866cfd57', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: '0dcaeb8d709f06df00b965c7aa081294a060120e', class: "zonos--tab-progress" }, h("div", { key: '8faef8257c4a0244e1ee5f3ac5752904ecd63d96', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: 'e3257fb953c3c76e946a47334a16a2bd802ceb10', class: "zonos--tab-progress" }, h("div", { key: '2e8a3905cf361d1138846aa8f8153b92e80c5fca', class: "zonos--progress-bar-fill" }))));
     }
     static get is() { return "zonos-checkout-progress-tabs"; }
     static get encapsulation() { return "shadow"; }

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

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

package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js

@@ -108,13 +108,13 @@ export class ZonosConfirmDialog {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: '459abd25f9719554dc3b4387a660618056909846', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
+        return (h(Host, { key: 'a91852d7fabd934497c5a87ad42b206dcee15ae7', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--zonos--border-radius': borderStyle,
                 '--zonos--dialog-width': `${this.dialogWidth}px`,
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'f8a3c9bdbad91b046b3579eb140aad74e2784f8d', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'b41d27616223f89adb523269a3a8b982cd3559c7', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '69e7837a2aaaeea468e4887d14cbb0ea61d5f24a', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: '3074b85548fd1dc5023611423c52fbbd77a3e959', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'f326b54e65bddf562d4b9649b8964831d0545db6', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '0ab0ae9fecdca87acb7adc33c14408978a40a009', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '28ed6e2da0c8c56a00c46df985f21cf74c551894', class: "wrapper" }, h("div", { key: 'f20b3f00aeaef6fc306766a52607253554005cf4', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '7bb44bb7a880c599a8cc4615df48257fd0f9c19d', class: "content" }, h("div", { key: '584603b01b26b5d242f14c67a14d7b092d54b668', class: "title" }, h("zonos-text", { key: '028e06e106587778f6da2301ee44727ab1bf487f', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'c986563425dc6130fa154ce3c8e15c2aa03fb6cb', class: "subtitle" }, h("zonos-text", { key: '675899ceea2fd2de38ca8f87aa6ca69e4c7d8fc7', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '8a034df1cd91f07e870fd6eccebc2f382edf59fb', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '72e643fff73dabe0d5381e6ffc7f2237ef00f322', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'e247f450feef41b44688b937b38df8e061f386a3', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: 'd168c39fa5a31a107cbe4ff325cf4184ee8b2ad3', class: "wrapper" }, h("div", { key: 'c7cdca4f45e22e36393616fa3970556477902ead', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '1dcf75c8657a414662271a4c93b0698bd174b010', class: "content" }, h("div", { key: '191344284e3173b22a37c3383c49cb51e0fb54a5', class: "title" }, h("zonos-text", { key: '539b24aa36afa5a6fe046ac37eda57ccc1170124', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '53d54141bdcc1f0df661df450f5393e657410025', class: "subtitle" }, h("zonos-text", { key: '0a8b74eceb87355ad6869e1338a708bb0182cab8', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '68fd8147f7834074392be28f0053cf2f802faf69', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: 'a8be0abcfc980ec720d64ec0dc5cdacf5d19dadb', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: 'c72ea83faa9cd24c5e6f5894045e07d4639a5fc4', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get is() { return "zonos-confirm-dialog"; }
     static get encapsulation() { return "shadow"; }