airwallex-payment-elements 1.96.0 → 1.119.1

package/types/dropInElement.d.ts

@@ -1,5 +1,5 @@
-import { PaymentMethodType, BoxStyle, Appearance, CardNetwork } from './element';
-import { Mode, RecurringOptions, Billing, AuthorizationType } from './airwallex';
+import { PaymentMethodType, BoxStyle, CardNetwork, Appearance, CSSProperties, SelectorAllowed } from './element';
+import { Mode, RecurringOptions, Billing, AuthorizationType, Layout } from './airwallex';
 import { ApplePayHppOrDropInRequestOptions, GooglePayRequestOptions, ContactField, LPMFlows } from './element';
 interface WeChatPayFlow {
   desktopFlow?: LPMFlows;
@@ -12,14 +12,33 @@ interface DropinTheme {
   };
 }
 
+interface DropInAppearance extends Appearance {
+  /**
+   * Set rules to further customize the appearance of the Element.
+   */
+  rules?: Partial<Record<SelectorAllowed, CSSProperties>>;
+}
+
 /**
  * Apply to `dropIn` element type integration, interface used when `createElement` called with type `dropIn`
  */
 export interface DropInElementOptions {
   /**
-   * The layout of each element stays consistent, but you can modify confirm button, inputs, and more.
+   * The layout of the DropIn element.
+   */
+  layout?: Layout;
+  /**
+   * Customize the visual appearance of the DropIn Element to match your website's design.
+   *
+   * You can configure:
+   *
+   * - `mode`: Choose between `'dark'` and `'light'` mode.
+   *
+   * - `variables`: Set `colorBrand`, `colorText`, `colorBackground` properties.
+   *
+   * - `rules`: Customize the styles of the specific elements.
    */
-  appearance?: Appearance;
+  appearance?: DropInAppearance;
   /**
    * The `client_secret` of the Payment Intent when Payment Intent is provided. Otherwise, this should be the `client_secret` of the Customer object.
    */
@@ -135,6 +154,21 @@ export interface DropInElementOptions {
 
   /**
    * Customize DropIn Element style.
+   * @deprecated use {@link appearance} instead
+   * @hidden
    */
   theme?: DropinTheme;
+
+  /**
+   * Specifies whether the card payment method should be automatically saved for future transactions.
+   *
+   * This parameter is only effective in payment mode when a `customer_id` is provided.
+   *
+   * - If set to `true`, the "Save my card for future payments" checkbox will be preselected by default.
+   *
+   * -If set to `false`, the checkbox will remain unchecked, requiring the shopper to manually opt in.
+   *
+   * @defaultValue `true`
+   */
+  autoSaveCardForFuturePayments?: boolean;
 }