npm - airwallex-payment-elements - Versions diffs - 0.2.65 → 0.2.71 - Mend

airwallex-payment-elements 0.2.65 → 0.2.71

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 (8) hide show

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

@@ -1,3 +1,3 @@
-/* Airwallex Checkout Component Version [0.2.65] */
+/* Airwallex Checkout Component Version [0.2.71] */
 "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.65] */
+/* Airwallex Checkout Component Version [0.2.71] */
 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.65] */
+/* Airwallex Checkout Component Version [0.2.71] */
 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.65",
+  "version": "0.2.71",
   "module": "lib/bin/airwallex.es.js",
   "main": "lib/bin/airwallex.cjs.js",
   "bin": "lib/bin/airwallex.cjs.js",
@@ -95,6 +95,7 @@
     ]
   },
   "dependencies": {
+    "@types/googlepay": "^0.6.4",
     "@types/applepayjs": "^3.0.3",
     "csstype": "^3.0.6"
   }

package/types/airwallex.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ import {
 } from './element';
 import { QrcodeElementOptions } from './qrcodeElement';
 import { Intent, PaymentMethodBasicInfo } from './cardNumber';
-import { BoxStyle, PaymentMethodType, ApplePayHppOrDropInRequestOptions } from './element';
+import { BoxStyle, PaymentMethodType, ApplePayHppOrDropInRequestOptions, GooglePayHppRequestOptions } from './element';
 import { getBrowserInfo, getDeviceFingerprint, get3dsReturnUrl, handle3ds } from './fraud';
 import { DropInElementOptions } from './dropInElement';
 import { RedirectElementOptions } from './redirectElement';
@@ -176,6 +176,10 @@ export interface HostPaymentPage {
    * If you want to integrate with apple pay, you need to provide the following options
    */
   applePayRequestOptions?: ApplePayHppOrDropInRequestOptions;
+  /**
+   * Define google pay type and it's mapped option type
+   */
+  googlePayRequestOptions?: GooglePayHppRequestOptions;
   /**
    * Currency of your payment intent or consent. Three-letter ISO currency code
    */

package/types/cardNumber.d.ts CHANGED Viewed

@@ -34,7 +34,19 @@ export interface Intent {
     status: 'PENDING_VERIFICATION' | 'VERIFIED' | 'DISABLED';
     payment_method: {
       id?: string;
-      type: string;
+      type: 'card' | 'ach_direct_debit' | 'becs_direct_debit';
+      ach_direct_debit?: {
+        aba_routing_number: string;
+        account_number: string;
+        owner_name: string;
+        owner_email: string;
+      };
+      becs_direct_debit?: {
+        bsb_number: string;
+        account_number: string;
+        owner_name: string;
+        owner_email: string;
+      };
     };
   }[];
   customer_payment_methods?: {

package/types/dropInElement.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ElementOptions, PaymentMethodType, BoxStyle } from './element';
 import { Mode, HppRecurringOptions } from './airwallex';
-import { ApplePayHppOrDropInRequestOptions } from './element';
+import { ApplePayHppOrDropInRequestOptions, GooglePayRequestOptions } from './element';
 /**
  * Apply to dropIn element type integration, interface used when call createElement with type `dropIn`
@@ -33,6 +33,11 @@ export interface DropInElementOptions extends ElementOptions {
    * If you want to integrate with apple pay, you need to provide the following options
    */
   applePayRequestOptions?: ApplePayHppOrDropInRequestOptions;
+  /**
+   * The options of apple pay
+   * If you want to integrate with apple pay, you need to provide the following options
+   */
+  googlePayRequestOptions?: GooglePayRequestOptions;
   /**
    * Indicate to improve 3DS experience, indicate if the payment form will collect billing info from shopper
    */
@@ -42,7 +47,7 @@ export interface DropInElementOptions extends ElementOptions {
    */
   style?: BoxStyle;
   /**
-   * Container for authentication form
+   * Container for authentication form, it's an element id
    */
   authFormContainer?: string;
   /**

package/types/element.d.ts CHANGED Viewed

@@ -14,6 +14,7 @@ export type ElementType =
   | 'cardNumber'
   | 'expiry'
   | 'cvc'
+  | 'googlePayButton'
   /**
    * @deprecated paymentRequestButton is no longer supported by airwallex
    */
@@ -98,6 +99,7 @@ export type DirectDebitPaymentMethod =
  * Supported integration payment method type for dropin and hostPaymentPage
  */
 export type PaymentMethodType =
+  | 'googlepay'
   | 'applepay'
   | 'card'
   | 'wechatpay'
@@ -171,7 +173,8 @@ export type EventCode =
   | 'onBlur'
   | 'onChange'
   | 'onClick'
-  | 'onPendingVerifyAccount';
+  | 'onPendingVerifyAccount'
+  | 'onPressArrowKey';
 /**
  * Return error when failed to validate user input or failed to request
@@ -225,6 +228,7 @@ export interface EventDetail {
   directDebit?: {
     url: string;
   };
+  arrowKey?: 'ArrowLeft' | 'ArrowRight' | 'ArrowTop' | 'ArrowDown';
 }
 export type ExtendEventDetail = EventDetail & {
@@ -354,7 +358,7 @@ export interface CardElementOptions extends ElementOptions {
    */
   style?: InputStyle;
   /**
-   * Container for authentication form
+   * Container for authentication form, it's an element id
    */
   authFormContainer?: string;
 }
@@ -386,7 +390,7 @@ export interface CardNumberElementOptions extends ElementOptions {
    */
   style?: InputStyle;
   /**
-   * Container for authentication form
+   * Container for authentication form, it's an element id
    */
   authFormContainer?: string;
 }
@@ -430,7 +434,7 @@ export interface CvcElementOptions extends ElementOptions {
    */
   style?: InputStyle;
   /**
-   * Container for authentication form
+   * Container for authentication form, it's an element id
    */
   authFormContainer?: string;
 }
@@ -458,7 +462,7 @@ export interface FullFeaturedCardPaymentOptions extends ElementOptions {
    */
   style?: BoxStyle;
   /**
-   * Container for authentication form
+   * Container for authentication form, it's an element id
    */
   authFormContainer?: string;
   /**
@@ -528,21 +532,25 @@ export interface ApplePayRequestOriginalOptions {
   /**
    * The shipping information that you require from the user in order to fulfill the order.
+   * @deprecated Airwallex won't save shipping info in apple pay
    */
   requiredShippingContactFields?: ApplePayJS.ApplePayContactField[];
   /**
    * Shipping contact information for the user.
+   * @deprecated Airwallex won't save shipping info in apple pay
    */
   shippingContact?: ApplePayJS.ApplePayPaymentContact;
   /**
    * A set of shipping method objects that describe the available shipping methods.
+   * @deprecated Airwallex won't save shipping info in apple pay
    */
   shippingMethods?: ApplePayJS.ApplePayShippingMethod[];
   /**
    * How the items are to be shipped.
+   * @deprecated Airwallex won't save shipping info in apple pay
    */
   shippingType?: ApplePayJS.ApplePayShippingType;
@@ -556,6 +564,190 @@ export interface ApplePayRequestOriginalOptions {
    */
   applicationData?: string;
 }
+export interface GooglePayHppRequestOptions extends Omit<GooglePayRequestOptions, 'merchantInfo'> {
+  /**
+   * Detailed information about the merchant.
+   */
+  merchantInfo?: {
+    /**
+     * Merchant name encoded as UTF-8.
+     */
+    merchantName?: string;
+    /**
+     *The fully qualified domain of the requesting merchant.
+     */
+    merchantOrigin?: string;
+  };
+}
+export type GoogleSupportedCardNetWork = 'MASTERCARD' | 'MAESTRO' | 'VISA';
+export interface GooglePayRequestOptions {
+  /**
+   * The two-letter ISO-3166 country code.
+   */
+  countryCode: string;
+  /**
+   * Detailed information about the merchant.
+   */
+  merchantInfo?: {
+    /**
+     * Merchant name encoded as UTF-8.
+     */
+    merchantName?: string;
+  };
+  /**
+   * Whether to collect the email from the buyer.
+   *
+   * If omitted, defaults to `false`.
+   *
+   * @default false
+   */
+  emailRequired?: boolean;
+  /**
+   * Specifies the text to be displayed within the Google Pay button.
+   *
+   * @default "buy"
+   */
+  buttonType?: google.payments.api.ButtonType;
+  /**
+   * Specifies the button color of the Google Pay button.
+   *
+   * @default "default"
+   */
+  buttonColor?: google.payments.api.ButtonColor;
+  /**
+   * Determines how the button's size should change relative to the
+   * button's parent element.
+   *
+   * @default "static"
+   */
+  buttonSizeMode?: google.payments.api.ButtonSizeMode;
+  /**
+   * Correlation ID to refer to this transaction.
+   *
+   * This field is optional. It is generated by the merchant and is used
+   * for referring to this transaction later on (e.g. for debugging issues
+   * when communicating with Google).
+   */
+  transactionId?: string;
+  /**
+   * Definition of a cart item.
+   */
+  displayItems?: google.payments.api.DisplayItem[];
+  /**
+   * Total price label of this transaction.
+   *
+   * The string will be shown as the total price label on the cart modal
+   * dialog page.
+   *
+   * This field is optional, but required if developer wants to show cart
+   * information. Otherwise the cart modal dialog will not be rendered
+   * even if transactionInfo.displayItems is set.
+   */
+  totalPriceLabel?: string;
+  /**
+   * The options for checkout.
+   */
+  checkoutOption?: google.payments.api.CheckoutOption;
+  /**
+   * Defines callback methods for handling payment data changed and payment
+   * authorized events.
+   *
+   * If you set up Dynamic Price Updates in your integration, be sure to add
+   * the following [[PaymentDataChangedHandler|`onPaymentDataChanged`]] and
+   * [[PaymentAuthorizedHandler|`onPaymentAuthorized`]] callbacks.
+   *
+   * Example:
+   *
+   * The following example configuration uses the callbacks needed to set up
+   * Dynamic Price Updates:
+   *
+   * ```js
+   * {
+   *   onPaymentDataChanged: onPaymentDataChanged,
+   *   onPaymentAuthorized: onPaymentAuthorized
+   * }
+   * ```
+   */
+  paymentDataCallbacks?: google.payments.api.PaymentDataCallbacks;
+  /**
+   * Allowed authentication methods. The default value is ["PAN_ONLY", "CRYPTOGRAM_3DS"]
+   */
+  allowedAuthMethods?: google.payments.api.CardAuthMethod[];
+  /**
+   * One or more card networks that you support, The default value is ["MASTERCARD", "MAESTRO", "VISA"]
+   */
+  allowedCardNetworks?: GoogleSupportedCardNetWork[];
+  /**
+   * Whether a prepaid card may be used for this transaction.
+   *
+   * If omitted, defaults to `true`.
+   *
+   * @default true
+   */
+  allowPrepaidCards?: boolean;
+  /**
+   * Whether a credit card may be used for this transaction.
+   *
+   * If omitted, defaults to `true`.
+   *
+   * @default true
+   */
+  allowCreditCards?: boolean;
+  /**
+   * Set to `true` to request assuranceDetails.
+   *
+   * If omitted, defaults to `false`.
+   *
+   * You may set if you need object provides information about the validation performed on the returned payment data.
+   *
+   * @default false
+   */
+  assuranceDetailsRequired?: boolean;
+  /**
+   * Set to `true` to request assuranceDetails.
+   *
+   * If omitted, defaults to `false`.
+   *
+   * You may set if you need object provides information about the validation performed on the returned payment data.
+   *
+   * @default false
+   */
+  billingAddressRequired?: boolean;
+  /**
+   * Optional billing address parameters for the returned billing address.
+   */
+  billingAddressParameters?: google.payments.api.BillingAddressParameters;
+}
+export interface GooglePayButtonOptions extends GooglePayRequestOptions, ElementOptions {
+  /**
+   * The payment intent id you would like to checkout
+   * Refer to [Airwallex Client API](https://www.airwallex.com/docs/api#/Payment_Acceptance/Payment_Intents/Intro)
+   *
+   */
+  intent_id: string;
+  /**
+   * This should be the client_secret of the intent
+   */
+  client_secret: string;
+  /**
+   * Indicate the amount and currency of the intent.
+   */
+  amount: {
+    value: number;
+    currency: string;
+  };
+  /**
+   * Indicate whether to capture immediate when authentication success
+   */
+  autoCapture?: boolean;
+  /**
+   * Container for authentication form, it's an element id
+   */
+  authFormContainer?: string;
+}
 export interface ApplePayRequestOptions extends ApplePayRequestOriginalOptions {
   /**
@@ -636,7 +828,7 @@ export interface PaymentRequestButtonOptions extends ElementOptions {
    */
   shippingOptions?: Array<PaymentShippingOption>;
   /**
-   * Container for authentication form
+   * Container for authentication form, it's an element id
    */
   authFormContainer?: string;
 }
@@ -722,6 +914,8 @@ export interface Element {
       | WechatElementOptions
       | QrcodeElementOptions
       | RedirectElementOptions
+      | ApplePayButtonOptions
+      | GooglePayButtonOptions
       | PaymentRequestButtonOptions,
   ): void;
 }