npm - airwallex-payment-elements - Versions diffs - 0.2.73 → 0.2.80 - Mend

airwallex-payment-elements 0.2.73 → 0.2.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/lib/bin/airwallex.cjs.js +1 -1
package/lib/bin/airwallex.es.js +1 -1
package/lib/bin/airwallex.iife.js +1 -1
package/package.json +1 -1
package/types/airwallex.d.ts +92 -6
package/types/directDebitElement.d.ts +6 -8
package/types/dropInElement.d.ts +8 -3
package/types/element.d.ts +81 -9
package/types/index.d.ts +4 -2

package/lib/bin/airwallex.cjs.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* Airwallex Checkout Component Version [0.2.73] */
+/* Airwallex Checkout Component Version [0.2.80] */
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={prod:"checkout.airwallex.com",demo:"checkout-demo.airwallex.com",staging:"checkout-staging.airwallex.com",qa:"checkoutui.qa.awx.im",preview:"checkoutui.preview.awx.im",dev:"localhost:3000"},r=r=>`https://${e[r]||e.prod}`,o="/assets/elements.bundle.min.js",t=e=>{const r=document.createElement("script");r.src=`${e}${o}`;const t=document.head||document.body;if(!t)throw new Error("Airwallex payment scripts requires a <head> or <body> html element in order to be loaded.");return t.appendChild(r),r};exports.confirmPaymentIntent=async e=>{if(window.Airwallex)return window.Airwallex.confirmPaymentIntent(e);{const e="Please loadAirwallex() before confirmPaymentIntent();";throw console.error(e),new Error(e)}},exports.confirmPaymentIntentWithSavedCard=async e=>{if(window.Airwallex)return window.Airwallex.confirmPaymentIntentWithSavedCard(e);{const e="Please loadAirwallex() before confirmPaymentIntentWithSavedCard();";throw console.error(e),new Error(e)}},exports.createElement=(e,r)=>window.Airwallex?window.Airwallex.createElement(e,r):(console.error("Please loadAirwallex() before createElement();"),null),exports.createPaymentConsent=async e=>{if(window.Airwallex)return window.Airwallex.createPaymentConsent(e);{const e="Please loadAirwallex() before createPaymentConsent();";throw console.error(e),new Error(e)}},exports.createPaymentMethod=async(e,r)=>{if(window.Airwallex)return window.Airwallex.createPaymentMethod(e,r);{const e="Please loadAirwallex() before createPaymentMethod();";throw console.error(e),new Error(e)}},exports.destroyElement=e=>window.Airwallex?window.Airwallex.destroyElement(e):(console.error("Please loadAirwallex() before destroyElement();"),!1),exports.get3dsReturnUrl=e=>window.Airwallex.get3dsReturnUrl(e),exports.getBrowserInfo=e=>window.Airwallex.getBrowserInfo(e),exports.getDeviceFingerprint=e=>window.Airwallex.getDeviceFingerprint(e),exports.getElement=e=>window.Airwallex?window.Airwallex.getElement(e):(console.error("Please loadAirwallex() before getElement();"),null),exports.getGatewayUrl=r,exports.getPaymentIntent=async(e,r)=>{if(window.Airwallex)return window.Airwallex.getPaymentIntent(e,r);{const e="Please loadAirwallex() before getPaymentIntent();";throw console.error(e),new Error(e)}},exports.handle3ds=e=>window.Airwallex.handle3ds(e),exports.init=e=>{window.Airwallex?window.Airwallex.init(e):console.error("Please loadAirwallex() before init();")},exports.loadAirwallex=async e=>{if("undefined"==typeof window)return null;if(window.Airwallex)return window.Airwallex;let n=0;const l=async()=>{const n=document.querySelector(`script[src="${o}"], script[src="${o}/"]`)||t(r((null==e?void 0:e.env)||"prod"));return new Promise(((r,o)=>{n.addEventListener("load",(()=>{window.Airwallex?(window.Airwallex.init(e),r(window.Airwallex)):o(new Error("Failed to load Airwallex on load event"))})),n.addEventListener("error",(()=>{o(new Error("Failed to load Airwallex scripts")),n.remove&&n.remove()}))}))};for(;n<3;)try{return await l()}catch(e){n++,await new Promise((e=>window.setTimeout(e,500)))}return null},exports.loadAirwallexJs=t,exports.redirectToCheckout=e=>{window.Airwallex?window.Airwallex.redirectToCheckout(e):console.error("Please loadAirwallex() before redirectToCheckout();")};
 //# sourceMappingURL=airwallex.cjs.js.map

package/lib/bin/airwallex.es.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* Airwallex Checkout Component Version [0.2.73] */
+/* Airwallex Checkout Component Version [0.2.80] */
 const e={prod:"checkout.airwallex.com",demo:"checkout-demo.airwallex.com",staging:"checkout-staging.airwallex.com",qa:"checkoutui.qa.awx.im",preview:"checkoutui.preview.awx.im",dev:"localhost:3000"},r=r=>`https://${e[r]||e.prod}`,o="/assets/elements.bundle.min.js",l=e=>{const r=document.createElement("script");r.src=`${e}${o}`;const l=document.head||document.body;if(!l)throw new Error("Airwallex payment scripts requires a <head> or <body> html element in order to be loaded.");return l.appendChild(r),r},n=async e=>{if("undefined"==typeof window)return null;if(window.Airwallex)return window.Airwallex;let n=0;const w=async()=>{const n=document.querySelector(`script[src="${o}"], script[src="${o}/"]`)||l(r((null==e?void 0:e.env)||"prod"));return new Promise(((r,o)=>{n.addEventListener("load",(()=>{window.Airwallex?(window.Airwallex.init(e),r(window.Airwallex)):o(new Error("Failed to load Airwallex on load event"))})),n.addEventListener("error",(()=>{o(new Error("Failed to load Airwallex scripts")),n.remove&&n.remove()}))}))};for(;n<3;)try{return await w()}catch(e){n++,await new Promise((e=>window.setTimeout(e,500)))}return null},w=e=>{window.Airwallex?window.Airwallex.init(e):console.error("Please loadAirwallex() before init();")},i=e=>{window.Airwallex?window.Airwallex.redirectToCheckout(e):console.error("Please loadAirwallex() before redirectToCheckout();")},t=(e,r)=>window.Airwallex?window.Airwallex.createElement(e,r):(console.error("Please loadAirwallex() before createElement();"),null),a=e=>window.Airwallex?window.Airwallex.destroyElement(e):(console.error("Please loadAirwallex() before destroyElement();"),!1),d=e=>window.Airwallex?window.Airwallex.getElement(e):(console.error("Please loadAirwallex() before getElement();"),null),c=async e=>{if(window.Airwallex)return window.Airwallex.confirmPaymentIntent(e);{const e="Please loadAirwallex() before confirmPaymentIntent();";throw console.error(e),new Error(e)}},s=async e=>{if(window.Airwallex)return window.Airwallex.confirmPaymentIntentWithSavedCard(e);{const e="Please loadAirwallex() before confirmPaymentIntentWithSavedCard();";throw console.error(e),new Error(e)}},x=async(e,r)=>{if(window.Airwallex)return window.Airwallex.createPaymentMethod(e,r);{const e="Please loadAirwallex() before createPaymentMethod();";throw console.error(e),new Error(e)}},m=async(e,r)=>{if(window.Airwallex)return window.Airwallex.getPaymentIntent(e,r);{const e="Please loadAirwallex() before getPaymentIntent();";throw console.error(e),new Error(e)}},A=async e=>{if(window.Airwallex)return window.Airwallex.createPaymentConsent(e);{const e="Please loadAirwallex() before createPaymentConsent();";throw console.error(e),new Error(e)}},u=e=>window.Airwallex.getBrowserInfo(e),f=e=>window.Airwallex.getDeviceFingerprint(e),h=e=>window.Airwallex.get3dsReturnUrl(e),y=e=>window.Airwallex.handle3ds(e);export{c as confirmPaymentIntent,s as confirmPaymentIntentWithSavedCard,t as createElement,A as createPaymentConsent,x as createPaymentMethod,a as destroyElement,h as get3dsReturnUrl,u as getBrowserInfo,f as getDeviceFingerprint,d as getElement,r as getGatewayUrl,m as getPaymentIntent,y as handle3ds,w as init,n as loadAirwallex,l as loadAirwallexJs,i as redirectToCheckout};
 //# sourceMappingURL=airwallex.es.js.map

package/lib/bin/airwallex.iife.js CHANGED Viewed

@@ -1,3 +1,3 @@
-/* Airwallex Checkout Component Version [0.2.73] */
+/* Airwallex Checkout Component Version [0.2.80] */
 var Airwallex=function(e){"use strict";const r={prod:"checkout.airwallex.com",demo:"checkout-demo.airwallex.com",staging:"checkout-staging.airwallex.com",qa:"checkoutui.qa.awx.im",preview:"checkoutui.preview.awx.im",dev:"localhost:3000"},n=e=>`https://${r[e]||r.prod}`,o="/assets/elements.bundle.min.js",l=e=>{const r=document.createElement("script");r.src=`${e}${o}`;const n=document.head||document.body;if(!n)throw new Error("Airwallex payment scripts requires a <head> or <body> html element in order to be loaded.");return n.appendChild(r),r};return e.confirmPaymentIntent=async e=>{if(window.Airwallex)return window.Airwallex.confirmPaymentIntent(e);{const e="Please loadAirwallex() before confirmPaymentIntent();";throw console.error(e),new Error(e)}},e.confirmPaymentIntentWithSavedCard=async e=>{if(window.Airwallex)return window.Airwallex.confirmPaymentIntentWithSavedCard(e);{const e="Please loadAirwallex() before confirmPaymentIntentWithSavedCard();";throw console.error(e),new Error(e)}},e.createElement=(e,r)=>window.Airwallex?window.Airwallex.createElement(e,r):(console.error("Please loadAirwallex() before createElement();"),null),e.createPaymentConsent=async e=>{if(window.Airwallex)return window.Airwallex.createPaymentConsent(e);{const e="Please loadAirwallex() before createPaymentConsent();";throw console.error(e),new Error(e)}},e.createPaymentMethod=async(e,r)=>{if(window.Airwallex)return window.Airwallex.createPaymentMethod(e,r);{const e="Please loadAirwallex() before createPaymentMethod();";throw console.error(e),new Error(e)}},e.destroyElement=e=>window.Airwallex?window.Airwallex.destroyElement(e):(console.error("Please loadAirwallex() before destroyElement();"),!1),e.get3dsReturnUrl=e=>window.Airwallex.get3dsReturnUrl(e),e.getBrowserInfo=e=>window.Airwallex.getBrowserInfo(e),e.getDeviceFingerprint=e=>window.Airwallex.getDeviceFingerprint(e),e.getElement=e=>window.Airwallex?window.Airwallex.getElement(e):(console.error("Please loadAirwallex() before getElement();"),null),e.getGatewayUrl=n,e.getPaymentIntent=async(e,r)=>{if(window.Airwallex)return window.Airwallex.getPaymentIntent(e,r);{const e="Please loadAirwallex() before getPaymentIntent();";throw console.error(e),new Error(e)}},e.handle3ds=e=>window.Airwallex.handle3ds(e),e.init=e=>{window.Airwallex?window.Airwallex.init(e):console.error("Please loadAirwallex() before init();")},e.loadAirwallex=async e=>{if("undefined"==typeof window)return null;if(window.Airwallex)return window.Airwallex;let r=0;const t=async()=>{const r=document.querySelector(`script[src="${o}"], script[src="${o}/"]`)||l(n((null==e?void 0:e.env)||"prod"));return new Promise(((n,o)=>{r.addEventListener("load",(()=>{window.Airwallex?(window.Airwallex.init(e),n(window.Airwallex)):o(new Error("Failed to load Airwallex on load event"))})),r.addEventListener("error",(()=>{o(new Error("Failed to load Airwallex scripts")),r.remove&&r.remove()}))}))};for(;r<3;)try{return await t()}catch(e){r++,await new Promise((e=>window.setTimeout(e,500)))}return null},e.loadAirwallexJs=l,e.redirectToCheckout=e=>{window.Airwallex?window.Airwallex.redirectToCheckout(e):console.error("Please loadAirwallex() before redirectToCheckout();")},Object.defineProperty(e,"__esModule",{value:!0}),e}({});
 //# sourceMappingURL=airwallex.iife.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "airwallex-payment-elements",
-  "version": "0.2.73",
+  "version": "0.2.80",
   "module": "lib/bin/airwallex.es.js",
   "main": "lib/bin/airwallex.cjs.js",
   "bin": "lib/bin/airwallex.cjs.js",

package/types/airwallex.d.ts CHANGED Viewed

@@ -76,6 +76,29 @@ export interface HppTheme extends BoxStyle {
   fonts?: FontOptions[];
 }
+export interface RecurringOptions extends HppRecurringOptions {
+  /**
+   * The subsequent transactions are triggered by `merchant` or `customer`
+   */
+  next_triggered_by?: 'merchant' | 'customer';
+  /**
+   * The reason why merchant trigger transaction. Only applicable when next_triggered_by is `merchant`
+   */
+  merchant_trigger_reason?: 'scheduled' | 'unscheduled';
+  /**
+   * Only applicable when next_triggered_by is customer and method is card. If true, the customer must provide cvc for the subsequent payment with this PaymentConsent
+   */
+  requires_cvc?: boolean;
+  /**
+   * Currency of the initial PaymentIntent to verify the PaymentConsent. Three-letter ISO currency code. Only applicable for card method
+   */
+  currency?: string;
+  /**
+   * It is to be used by the platform to indicate the connected entity in the transaction where platform is the owner of transaction.
+   */
+  connected_account_id?: string;
+}
 /**
  * Config for HPP recurring flow
  */
@@ -84,6 +107,7 @@ export interface HppRecurringOptions {
    * Currently we supports card and alipay(exclude alipaycn) recurring flow
    * For alipay, merchant does not need to config anything
    * For card, merchant needs to provide related configurations
+   * @deperacated use `RecurringOptions` instead
    */
   card?: {
     /**
@@ -102,6 +126,10 @@ export interface HppRecurringOptions {
      * Currency of the initial PaymentIntent to verify the PaymentConsent. Three-letter ISO currency code
      */
     currency?: string;
+    /**
+     * It is to be used by the platform to indicate the connected entity in the transaction where platform is the owner of transaction.
+     */
+    connected_account_id?: string;
   };
 }
@@ -131,9 +159,14 @@ export interface HostPaymentPage {
    */
   customer_id?: string;
   /**
-   * The payment method component your website would like to integrate with
+   * The payment methods your website would like to integrate with
+   * @deprecated use `methods` instead
    */
   components?: Array<PaymentMethodType>;
+  /**
+   * The payment methods your website would like to integrate with
+   */
+  methods?: Array<PaymentMethodType>;
   /**
    * Only support for card payment, indicate whether to capture immediate when authentication success
    */
@@ -170,7 +203,7 @@ export interface HostPaymentPage {
   /**
    * The options of recurring flow
    */
-  recurringOptions?: HppRecurringOptions;
+  recurringOptions?: RecurringOptions;
   /**
    * The options of apple pay
    * If you want to integrate with apple pay, you need to provide the following options
@@ -186,7 +219,7 @@ export interface HostPaymentPage {
   currency: string;
   /**
    * The 2-letter ISO country code from which the consumer will be paying
-   * If you want to integrate with `applepay`, `bank_transfer`, `online_banking`, `skrill` or `seven_eleven` payment method, it would be required
+   * If you want to integrate with `bank_transfer`, `online_banking`, `skrill` or `seven_eleven` payment method, it would be required
    */
   country_code?: string;
   /**
@@ -439,6 +472,49 @@ export interface PaymentMethodWithConsent {
   payment_consent_id: string;
 }
+export interface Consent {
+  /**
+   * The id of the consent which would be confirmed
+   */
+  id: string;
+  /**
+   * The `client_secret` of the consent.
+   */
+  client_secret: string;
+  /**
+   * The status of the consent.
+   */
+  status: 'PENDING_VERIFICATION' | 'VERIFIED' | 'DISABLED';
+  /**
+   * The create time of the consent.
+   */
+  created_at: string;
+  /**
+   * The update time of the consent.
+   */
+  updated_at: string;
+  /**
+   * Whether the consent is required cvc.
+   */
+  requires_cvc: boolean;
+  /**
+   * It determines who will be the next one to trigger this consent.
+   */
+  next_triggered_by: 'merchant' | 'customer';
+  /**
+   * The reason why the consent is triggered.
+   */
+  merchant_trigger_reason?: 'scheduled' | 'unscheduled';
+  /**
+   * The id of the customer
+   */
+  customer_id: string;
+  /**
+   * The id of the initial payment intent
+   */
+  initial_payment_intent_id?: string;
+}
 /**
  * Element integration `step #2`
  * Create payment element for checkout
@@ -506,8 +582,10 @@ export interface PaymentConsentRequest {
   /**
    * If the intent provided, this should be the client_secret of the intent
    * If no intent provided, this should be the client_secret of the customer
+   * For `cardNumber` or `card` element, it should be required.
+   * For `directDebit` element, you needn't provide it.
    */
-  client_secret: string;
+  client_secret?: string;
   /**
    * The element you would like to use to create consent
    */
@@ -516,6 +594,10 @@ export interface PaymentConsentRequest {
    * The customer_id of the consent
    */
   customer_id: string;
+  /**
+   * The cardholder name for this payment method
+   */
+  cardname?: string;
   /**
    * If customer already has a payment method, merchant could provide it instead of create a new one
    */
@@ -536,6 +618,10 @@ export interface PaymentConsentRequest {
    * The billing info for the payment consent
    */
   billing?: Billing;
+  /**
+   * It is to be used by the platform to indicate the connected entity in the transaction where platform is the owner of transaction.
+   */
+  connected_account_id?: string;
 }
 /**
@@ -558,11 +644,11 @@ export interface PaymentConsentResponse {
   /**
    * The currency of the payment consent
    */
-  currency: string;
+  currency?: string;
   /**
    * The payment method of the payment consent
    */
-  payment_method: {
+  payment_method?: {
     /**
      * The id of the payment method
      */

package/types/directDebitElement.d.ts CHANGED Viewed

@@ -1,11 +1,6 @@
-import { Mode } from './airwallex';
 import { ElementOptions, DirectDebitPaymentMethod } from './element';
 export interface DirectDebitElementOptions extends ElementOptions {
-  /**
-   * The payment intent id you would like to checkout
-   */
-  intent_id: string;
   /**
    * If the intent provided, this should be the client_secret of the intent
    * If no intent provided, this should be the client_secret of the customer
@@ -17,8 +12,11 @@ export interface DirectDebitElementOptions extends ElementOptions {
    */
   method: DirectDebitPaymentMethod;
   /**
-   * Checkout mode, can be one of payment, recurring
-   * @default payment
+   * Customer name
+   */
+  shopper_name?: string;
+  /**
+   * Customer email
    */
-  mode?: Mode;
+  shopper_email?: string;
 }

package/types/dropInElement.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ElementOptions, PaymentMethodType, BoxStyle } from './element';
-import { Mode, HppRecurringOptions, Billing } from './airwallex';
+import { Mode, RecurringOptions, Billing } from './airwallex';
 import { ApplePayHppOrDropInRequestOptions, GooglePayRequestOptions } from './element';
 /**
@@ -21,9 +21,14 @@ export interface DropInElementOptions extends ElementOptions {
    */
   mode?: Mode;
   /**
-   * The payment method component your website would like to integrate with
+   * The payment methods your website would like to integrate with
+   * @deprecated use `methods` instead
    */
   components?: Array<PaymentMethodType>;
+  /**
+   * The payment methods your website would like to integrate with
+   */
+  methods?: Array<PaymentMethodType>;
   /**
    * Indicate whether to capture immediate when authentication success
    */
@@ -61,7 +66,7 @@ export interface DropInElementOptions extends ElementOptions {
   /**
    * The options of recurring flow
    */
-  recurringOptions?: HppRecurringOptions;
+  recurringOptions?: RecurringOptions;
   /**
    * The 2-letter ISO country code from which the consumer will be paying
    * If you want to integrate with `bank_transfer` payment method, it would be required

package/types/element.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import { Intent, PaymentMethodBasicInfo } from './cardNumber';
 import { Properties } from 'csstype';
 import { QrcodeElementOptions } from './qrcodeElement';
-import { HppRecurringOptions } from './airwallex';
+import { RecurringOptions } from './airwallex';
 import { DropInElementOptions } from './dropInElement';
 import { RedirectElementOptions } from './redirectElement';
 import { NextAction } from './fraud';
+import { Mode } from './airwallex';
 /**
  * Supported integration element type
  */
@@ -490,7 +490,7 @@ export interface FullFeaturedCardRecurringOptions extends Omit<FullFeaturedCardP
   /**
    * The options of recurring flow
    */
-  recurringOptions: HppRecurringOptions['card'];
+  recurringOptions: RecurringOptions;
 }
 export type FullFeaturedCardElementOptions = FullFeaturedCardPaymentOptions | FullFeaturedCardRecurringOptions;
@@ -510,6 +510,14 @@ export interface PaymentShippingOption {
 export type ApplePayHppOrDropInRequestOptions = ApplePayRequestOptions;
+export type ApplePayRecurringLineItem = {
+  paymentTiming: 'recurring' | 'deferred';
+  recurringPaymentStartDate: Date;
+  recurringPaymentIntervalUnit: 'year' | 'month' | 'day' | 'hour' | 'minute';
+  recurringPaymentIntervalCount: number;
+  recurringPaymentEndDate: Date;
+};
 export interface ApplePayRequestOriginalOptions {
   /**
    * The merchant's two-letter ISO 3166 country code. Like 'US'
@@ -519,7 +527,7 @@ export interface ApplePayRequestOriginalOptions {
   /**
    * A set of line items that explain recurring payments and/or additional charges.
    */
-  lineItems?: ApplePayJS.ApplePayLineItem[];
+  lineItems?: (ApplePayJS.ApplePayLineItem & ApplePayRecurringLineItem)[];
   /**
    * Billing contact information for the user.
@@ -635,6 +643,26 @@ export interface GooglePayRequestOptions {
    * Definition of a cart item.
    */
   displayItems?: google.payments.api.DisplayItem[];
+  /**
+   * The status of the total price used.
+   * If it is a variable subscription, the status should be NOT_CURRENTLY_KNOWN.
+   *
+   * Options:
+   *
+   * - `NOT_CURRENTLY_KNOWN`:
+   *   The total price is not known currently.
+   *
+   * - `ESTIMATED`:
+   *   The total price provided is an estimated price. The final price may
+   *   change depending on the selected shipping address or billing address,
+   *   if requested.
+   *
+   * - `FINAL`:
+   *   The total price is the final total price of the transaction, and will
+   *   not change based on selections made by the buyer.
+   * * @default "FINAL"
+   */
+  totalPriceStatus?: 'NOT_CURRENTLY_KNOWN' | 'ESTIMATED' | 'FINAL';
   /**
    * Total price label of this transaction.
    *
@@ -725,21 +753,35 @@ export interface GooglePayRequestOptions {
 export interface GooglePayButtonOptions extends GooglePayRequestOptions, ElementOptions {
   /**
    * The payment intent id you would like to checkout
+   * It's required for payment mode and optional for recurring mode
    * Refer to [Airwallex Client API](https://www.airwallex.com/docs/api#/Payment_Acceptance/Payment_Intents/Intro)
    *
    */
-  intent_id: string;
+  intent_id?: string;
   /**
-   * This should be the client_secret of the intent
+   * If the intent_id provided, this should be the client_secret of the intent
+   * If no intent_id provided, this should be the client_secret of the customer
    */
   client_secret: string;
+  /**
+   * Checkout for know customer, refer to [Airwallex Client API](https://www.airwallex.com/docs/api#/Payment_Acceptance/Customers/Intro)
+   * It's required for recurring mode
+   */
+  customer_id?: string;
+  /**
+   * Checkout mode
+   * @default "payment"
+   */
+  mode?: Mode;
   /**
    * Indicate the amount and currency of the intent.
+   * If the mode is recurring and there is no intent_id provided, amount should be {value: 0, currency: 'Replace with payment currency'}.
    */
   amount: {
     value: number;
     currency: string;
   };
   /**
    * Indicate whether to capture immediate when authentication success
    */
@@ -765,23 +807,53 @@ export interface ApplePayRequestOptions extends ApplePayRequestOriginalOptions {
    */
   totalPriceLabel?: string;
   /**
-   * Payment capabilities supported by the merchant. Default value is ['supports3DS', 'supportsDebit', 'supportsCredit', 'supportsEMV'].
+   * A type that indicates whether a line item is final or pending.
+   * if the mode is recurring and it's a variable subscription, the value should be pending.
+   * @default "final"
+   */
+  totalPriceType?: 'final' | 'pending';
+  /**
+   * Card networks supported by the merchant.
+   * if not configured, supportedNetworks will automatically configure based on merchant account settings
+   * For more details, please refer to https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypaymentrequest/1916122-supportednetworks
+   */
+  supportedNetworks?: string[];
+  /**
+   * Payment capabilities supported by the merchant.
+   * If not configured, supportedNetworks will automatically configure according to the merchant account settings
+   * supports3DS - Required. This value must be supplied.
+   * supportsCredit - Optional. If present, only transactions that are categorized as credit cards are allowed.
+   * supportsDebit - Optional. If present, only transactions that are categorized as debit cards are allowed.
+   * supportsEMV - Include this value only if you support China Union Pay transactions. (if supportedNetworks don't contains chinaUnionPay, please don't include it).
    */
   merchantCapabilities?: ApplePayJS.ApplePayMerchantCapability[];
 }
 export interface ApplePayButtonOptions extends ElementOptions, ApplePayRequestOptions {
   /**
    * The payment intent id you would like to checkout
+   * It's required for payment mode and optional for recurring mode
    * Refer to [Airwallex Client API](https://www.airwallex.com/docs/api#/Payment_Acceptance/Payment_Intents/Intro)
    *
    */
-  intent_id: string;
+  intent_id?: string;
   /**
-   * This should be the client_secret of the intent
+   * If the intent_id provided, this should be the client_secret of the intent
+   * If no intent_id provided, this should be the client_secret of the customer
    */
   client_secret: string;
+  /**
+   * Checkout for know customer, refer to [Airwallex Client API](https://www.airwallex.com/docs/api#/Payment_Acceptance/Customers/Intro)
+   * It's required for recurring mode
+   */
+  customer_id?: string;
+  /**
+   * Checkout mode
+   * @default "payment"
+   */
+  mode?: Mode;
   /**
    * Indicate the amount and currency of the intent.
+   * If the mode is recurring and there is no intent_id provided, amount should be {value: 0, currency: 'Replace with payment currency'}.
    */
   amount: {
     value: number;

package/types/index.d.ts CHANGED Viewed

@@ -27,7 +27,8 @@ import Airwallex, {
   HppTheme,
   HostPaymentPage,
   Mode,
-  HppRecurringOptions,
+  RecurringOptions,
+  Consent,
 } from './airwallex';
 export {
@@ -51,7 +52,8 @@ export {
   FontOptions,
   HppTheme,
   HostPaymentPage,
-  HppRecurringOptions,
+  RecurringOptions,
+  Consent,
 };
 /**