@zonos/elements 1.3.272 → 1.3.274

package/dist/types/components/airwallex/zonos-airwallex-payment/zonos-airwallex-payment.d.ts

@@ -0,0 +1,46 @@
+import { type EventEmitter } from '../../../stencil-public-runtime';
+export declare class ZonosAirwallexPayment {
+    private element;
+    private storeUnsubscribeList;
+    /** Client secret currently being mounted, to avoid overlapping mounts. */
+    private mountingClientSecret;
+    el: HTMLZonosAirwallexPaymentElement;
+    /**
+     * Whether the SDK failed to load or the element failed to mount.
+     */
+    hasError: boolean;
+    /**
+     * 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.
+     */
+    clientSecret: string | null;
+    /**
+     * Emitted when the Airwallex payment intent is confirmed successfully.
+     */
+    airwallexPaymentSuccess: EventEmitter<void>;
+    /**
+     * Emitted when the Airwallex payment fails.
+     */
+    airwallexPaymentError: EventEmitter<void>;
+    /**
+     * (Re)mount the payment element whenever the client secret becomes available
+     * or changes.
+     */
+    clientSecretWatcher(): void;
+    /**
+     * 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.
+     */
+    private getDropInOptions;
+    private mountPaymentElement;
+    /**
+     * Update the mounted element's locale whenever the shopper changes language.
+     */
+    private localeChangeHandler;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/checkout/zonos-collect/zonos-collect-finish/zonos-collect-finish.d.ts

@@ -42,6 +42,13 @@ export declare class ZonosCollectFinish {
     private handleSuccessBehavior;
     private getPullOrder;
     private checkStripePaymentStatus;
+    /**
+     * 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).
+     */
+    private getAirwallexSessionInfo;
+    private checkAirwallexPaymentStatus;
     private checkStagingOrderStatus;
     private checkPaypalPaymentStatus;
     private getReceiptUrl;

package/dist/types/components/checkout/zonos-collect/zonos-collect-payment/zonos-collect-payment.d.ts

@@ -30,6 +30,10 @@ export declare class ZonosCollectPayment {
      * Event to emit when the paypal session is done
      */
     paypalSessionDone: EventEmitter<string>;
+    /**
+     * Event to emit when the Airwallex payment is completed successfully
+     */
+    airwallexPaymentDone: EventEmitter<void>;
     /**
      * Show error banner when the form is not complete, and user clicks on `Submit` button
      * @default false

package/dist/types/components/checkout/zonos-collect/zonos-collect.d.ts

@@ -73,10 +73,39 @@ export declare class ZonosCollect {
      */
     private setToFinishStep;
     private fetchCheckoutSession;
+    /**
+     * 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.
+     */
+    private initPaymentProcessor;
     /**
      * Check if stripe payment intent is succeeded or in a good state to move forward
      */
     private checkStripePaymentIntentStatus;
+    /**
+     * 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.
+     */
+    private recoverCompletedCollectSession;
     private initCollectCart;
     private toggleLanguageDialog;
     private handleStripePaymentContinue;

package/dist/types/components/store/checkout/airwallex.d.ts

@@ -0,0 +1,83 @@
+import type { GetCollectCheckoutSessionResponse } from "../../../types/index";
+import type { Locale_ElementsSupportedLocationCode_Enum } from "../../../types/generated/graphql.frontend.types";
+/**
+ * Store for the Airwallex Collect payment flow (05CHECK-860).
+ *
+ * Holds the data needed to render the Airwallex payment element — the payment
+ * intent client secret + id returned on the checkout session — and lazily
+ * initializes the `@airwallex/components-sdk`.
+ */
+type AirwallexStore = {
+    /** Airwallex payment intent client secret (from the checkout session). */
+    clientSecret: string | null;
+    /** Presentment currency used when mounting the element. */
+    currency: string | null;
+    /** Whether the payment element reported an error. */
+    hasPaymentError: boolean;
+    /** Whether the SDK has been loaded and initialized. */
+    isReady: boolean;
+    /**
+     * Whether the drop-in confirmed the payment in-widget this session. The finish
+     * step trusts this over a possibly-lagging payment intent status lookup so it
+     * doesn't show a false failure after the shopper already completed payment.
+     */
+    paymentConfirmed: boolean;
+    /** Airwallex payment intent id (from the checkout session). */
+    paymentIntentId: string | null;
+};
+declare const airwallexStoreOnChange: import("@stencil/store/dist/types").OnChangeHandler<AirwallexStore>, airwallexStoreReset: () => void, airwallexStore: AirwallexStore;
+/**
+ * Populate the store from a collect checkout session response.
+ *
+ * @returns `true` when the session uses Airwallex and has the data required to
+ * render the payment element.
+ */
+declare const airwallexStoreSetFromSession: (checkoutSession: GetCollectCheckoutSessionResponse["checkoutSession"]) => boolean;
+/**
+ * Locales supported by the Airwallex SDK for both `init` and `element.update`.
+ * (Intersection of the two SDK locale unions so a single mapping works for both.)
+ */
+type AirwallexLocale = 'ar' | 'da' | 'de' | 'en' | 'es' | 'fi' | 'fr' | 'id' | 'it' | 'ja' | 'ko' | 'ms' | 'nl' | 'pl' | 'pt' | 'ro' | 'ru' | 'sv' | 'zh' | 'zh-HK';
+declare const airwallexStoreGetLocale: (locale: Locale_ElementsSupportedLocationCode_Enum) => AirwallexLocale;
+/**
+ * Load and initialize the Airwallex components SDK (idempotent). Uses the `prod`
+ * environment only when the API is in production and the checkout mode is `LIVE`
+ * (mirrors how PayPal decides production vs. sandbox), otherwise `demo`, so the
+ * SDK environment matches the payment intents created by the checkout backend.
+ * Also uses the shopper's selected locale from localization.
+ *
+ * @returns `true` once the SDK is ready to create elements.
+ */
+declare const airwallexStoreInitSdk: () => Promise<boolean>;
+/**
+ * Airwallex payment intent statuses.
+ *
+ * Per the Airwallex docs this list is not exhaustive — the API may return other
+ * statuses — so the `(string & {})` member keeps the union open while preserving
+ * autocomplete for the known values.
+ * @see https://www.airwallex.com/docs/api/payments/payment_intents/create
+ */
+type AirwallexPaymentIntentStatus = 'REQUIRES_PAYMENT_METHOD' | 'REQUIRES_CUSTOMER_ACTION' | 'PENDING_REVIEW' | 'REQUIRES_CAPTURE' | 'PENDING' | 'SUCCEEDED' | 'CANCELLED' | (string & {});
+/**
+ * Whether the given status means the payment is settled or in progress (no
+ * further customer action required).
+ */
+declare const airwallexStoreIsPaidStatus: (status: AirwallexPaymentIntentStatus | null) => boolean;
+/**
+ * Map an Airwallex payment intent status to a customer-facing message and an
+ * error flag — the Airwallex equivalent of `stripeStoreMessageBasedOnStatus`.
+ * @see https://www.airwallex.com/docs/payments/reference/payment-statuses
+ */
+declare const airwallexStoreMessageBasedOnStatus: (status?: AirwallexPaymentIntentStatus | null) => {
+    isError: boolean;
+    messages: string[];
+};
+/**
+ * Retrieve the latest Airwallex payment intent status by id.
+ *
+ * @returns the status, or `null` when the lookup failed.
+ */
+declare const airwallexStoreRetrievePaymentIntent: (paymentIntentId: string) => Promise<{
+    status: AirwallexPaymentIntentStatus | null;
+}>;
+export { type AirwallexPaymentIntentStatus, airwallexStore, airwallexStoreGetLocale, airwallexStoreInitSdk, airwallexStoreIsPaidStatus, airwallexStoreMessageBasedOnStatus, airwallexStoreOnChange, airwallexStoreReset, airwallexStoreRetrievePaymentIntent, airwallexStoreSetFromSession, };

package/dist/types/components/store/checkout/collect.d.ts

@@ -1,12 +1,23 @@
 import type { GetShippingInfoByLandedCostIdResponse } from "../../../types/index";
-import type { CheckoutSessionDetailsFragment } from "../../../types/generated/graphql.internal.types";
+import type { CheckoutPaymentProcessorType, CheckoutSessionDetailsFragment } from "../../../types/generated/graphql.internal.types";
 type CollectStore = {
     amountDutyTaxFeeTotal: number | null;
     amountTotalPaid: number | null;
+    /**
+     * Optional Collect logo URL from the landed cost metadata. Overrides the
+     * default appearance logo in the UI when set. The company name comes from the
+     * origin party (`originCompanyName`).
+     */
+    collectLogoUrl: string | null;
     isFetchingShippingInfo: boolean;
     landedCostShortId: string | null;
     originCompanyName: string | null;
     partyBillingId: string | null;
+    /**
+     * Which payment processor the collect session uses (from the checkout session).
+     * `null` until the session has been fetched.
+     */
+    paymentProcessor: CheckoutPaymentProcessorType | null;
     shippingAddress: GetShippingInfoByLandedCostIdResponse['shipping'] | null;
 };
 declare const collectStoreReset: () => void, collectStore: CollectStore;

package/dist/types/components/store/checkout/stripe.d.ts

@@ -4,7 +4,7 @@ import type { CreatePartyRequest } from "../../../types/index";
 import type { CheckoutSessionCreateRequest, CheckoutSessionUpdateRequest } from "../../../types/checkout/api/CheckoutSession";
 import type { CustomAddressErrors } from "../../../types/checkout/form/CustomAddressErrors";
 import type { TranslatedAddressObject } from "../../../types/checkout/TranslatedText";
-import type { CheckoutSessionDetailsFragment, CheckoutSessionUpdateMutation, CurrencyCode, ElementsUiStyle, ElementsUiTheme } from "../../../types/generated/graphql.internal.types";
+import { type CheckoutSessionDetailsFragment, type CheckoutSessionUpdateMutation, type CurrencyCode, type ElementsUiStyle, type ElementsUiTheme } from "../../../types/generated/graphql.internal.types";
 export type StripeStoreContactOption = {
     address: {
         city: string;

package/dist/types/components/store/translationStore/strings.arabic.d.ts

@@ -416,6 +416,9 @@ export declare const stringsArabic: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsArabic: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.base.d.ts

@@ -416,6 +416,9 @@ export declare const stringsBase: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsBase: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.chinese.d.ts

@@ -416,6 +416,9 @@ export declare const stringsChinese: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsChinese: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.danish.d.ts

@@ -416,6 +416,9 @@ export declare const stringsDanish: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsDanish: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.dutch.d.ts

@@ -416,6 +416,9 @@ export declare const stringsDutch: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsDutch: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.french.d.ts

@@ -416,6 +416,9 @@ export declare const stringsFrench: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsFrench: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.german.d.ts

@@ -416,6 +416,9 @@ export declare const stringsGerman: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsGerman: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.hebrew.d.ts

@@ -416,6 +416,9 @@ export declare const stringsHebrew: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsHebrew: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.indonesian.d.ts

@@ -416,6 +416,9 @@ export declare const stringsIndonesian: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsIndonesian: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.italian.d.ts

@@ -416,6 +416,9 @@ export declare const stringsItalian: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsItalian: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.japanese.d.ts

@@ -416,6 +416,9 @@ export declare const stringsJapanese: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsJapanese: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.korean.d.ts

@@ -416,6 +416,9 @@ export declare const stringsKorean: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsKorean: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.norwegian.d.ts

@@ -416,6 +416,9 @@ export declare const stringsNorwegian: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsNorwegian: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.polish.d.ts

@@ -416,6 +416,9 @@ export declare const stringsPolish: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsPolish: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.portuguese.d.ts

@@ -416,6 +416,9 @@ export declare const stringsPortuguese: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsPortuguese: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.russian.d.ts

@@ -416,6 +416,9 @@ export declare const stringsRussian: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsRussian: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.spanish.d.ts

@@ -416,6 +416,9 @@ export declare const stringsSpanish: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsSpanish: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.swedish.d.ts

@@ -416,6 +416,9 @@ export declare const stringsSwedish: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsSwedish: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.turkish.d.ts

@@ -416,6 +416,9 @@ export declare const stringsTurkish: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsTurkish: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.vietnamese.d.ts

@@ -416,6 +416,9 @@ export declare const stringsVietnamese: {
     'Pay [organizationName]': {
         value: string;
     };
+    'Pay [organizationName] duties, taxes and fees for your shipment': {
+        value: string;
+    };
     'Pay in USD (United States Dollar)?': {
         value: string;
     };
@@ -554,6 +557,9 @@ export declare const stringsVietnamese: {
     'Session timed out': {
         value: string;
     };
+    'Shipment details': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };