@paykka/card-checkout-ui 0.14.0 → 0.15.2

package/dist/types/components/ApplePay/type.d.ts

@@ -1,6 +1,6 @@
 import type { PayKKaCommonConfig } from '../../types';
-import type { PaymentCommonProps } from '../../types/payment';
-export interface ApplePayProps extends PayKKaCommonConfig, PaymentCommonProps {
+import type { PaymentCommonProps, PaymentCustomFieldsProps } from '../../types/payment';
+export interface ApplePayProps extends PayKKaCommonConfig, Omit<PaymentCommonProps, keyof PaymentCustomFieldsProps> {
     /**
      * Apple Pay SDK 加载回调
      * @param status 是否加载成功
@@ -23,6 +23,10 @@ export interface ApplePayProps extends PayKKaCommonConfig, PaymentCommonProps {
      * 在 onLoad 返回 false 的情况下不会触发该回调
      */
     onCanUse?: (canUse: boolean) => void;
+    /**
+     * 点击 Apple Pay 按钮时触发。若返回 false，则不继续支付，支持异步
+     */
+    onBtnClick?: () => void | boolean | Promise<void | boolean>;
 }
 export interface ApplePayRef {
 }

package/dist/types/components/Card/type.d.ts

@@ -1,5 +1,5 @@
 import type { PayKKaCommonConfig } from '../../types';
-import type { PaymentCommonProps, PaymentCommonRef, PaymentThreeDSProps, PaymentThreeDSRef } from '../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentThreeDSProps, PaymentThreeDSRef } from '../../types/payment';
 export interface CardProps extends PayKKaCommonConfig, PaymentCommonProps, PaymentThreeDSProps {
     /**
      * 定义卡敏感信息表单布局展示
@@ -8,28 +8,12 @@ export interface CardProps extends PayKKaCommonConfig, PaymentCommonProps, Payme
      * @defaultValue 'split'
      */
     cardInfoLayout?: CardInfoLayout;
-    /**
-     * 是否展示邮箱
-     * @remarks
-     * - 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * - 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     * @defaultValue false
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示邮箱
-     * @remarks
-     * - 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * - 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     * @defaultValue false
-     */
-    showAddress?: boolean;
     /**
      * 是否在卡号输入框下展示收银台支持的发卡行图标
      * @defaultValue true
      */
     showCardBrands?: boolean;
 }
-export interface CardRef extends PaymentCommonRef, PaymentThreeDSRef {
+export interface CardRef extends PaymentCommonRef, PaymentThreeDSRef, PaymentFormFieldsRef {
 }
 export type CardInfoLayout = 'split' | 'combine';

package/dist/types/components/DropIn/layout.d.ts

@@ -0,0 +1,33 @@
+import { PaymentMethod } from '../../constant';
+import type { DropInPaymentCategory, DropInPaymentMethodLayout } from './type';
+/**
+ * 将支付方式转换为支付类型，与 methods 的顺序一致
+ * @param methods 支持的支付方式
+ * @returns 转换后的支付方式
+ */
+export declare const toDropInCategories: (methods: PaymentMethod[]) => DropInPaymentCategory[];
+/**
+ * 对支付方式进行排序，order 里面有的按照 order 排，剩下的按照默认顺序排在后面
+ * @param items 需要排序的支付方式
+ * @param order 排序顺序
+ * @returns 排序后的支付方式
+ */
+export declare const sortByOrder: <T>(items: T[], order?: T[]) => T[];
+/**
+ * 根据支持的支付方式和布局配置，计算出需要展示的支付方式
+ * @param options 支持的支付方式和布局配置
+ * @returns 需要展示的支付方式
+ */
+export declare const resolveDropInDisplayCategories: (options: {
+    supportMethods: PaymentMethod[];
+    layout?: DropInPaymentMethodLayout;
+}) => DropInPaymentCategory[];
+/**
+ * 根据支持的支付方式，分割出头部支付方式和主内容支付方式
+ * @param categories 支持的支付方式
+ * @returns 头部支付方式和折叠式支付方式
+ */
+export declare const splitHeaderAndMain: (categories: DropInPaymentCategory[]) => {
+    header: DropInPaymentCategory[];
+    main: DropInPaymentCategory[];
+};

package/dist/types/components/DropIn/type.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from 'preact/compat';
 import type { PayKKaCommonConfig } from '../../types';
 import { PaymentCategory, PaymentMethod } from '../../constant';
 import type { ComponentType } from 'preact';
-import type { PaymentCommonProps } from '../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef } from '../../types/payment';
 export interface DropInProps extends PayKKaCommonConfig, PaymentCommonProps {
     /**
      * 配置各种支付方式的参数
@@ -17,9 +17,9 @@ export interface DropInProps extends PayKKaCommonConfig, PaymentCommonProps {
      */
     layout?: 'tabs' | 'accordion';
 }
-export interface DropInRefs {
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface DropInPaymentMethodLayout {
+}
+export interface DropInRefs extends PaymentCommonRef {
 }
 export type PaymentMethodsConfig = Partial<{
     [key in DropInPaymentCategory]: Partial<PaymentComponentProps<key>>;
@@ -32,9 +32,9 @@ export interface PaymentTypeOptions {
 /**
  * 当前 Drop-in 支持的支付方式
  * 目前暂不支持 WeChatPay 和 Alipay
- * 注意：会影响 Drop-in 的支付方式展示顺序
+ * 注意：会影响 Drop-in 的支付方式展示顺序，由 dropInSupportedPaymentMethods 和 paymentMethodLayout.order 决定
  */
 export declare const dropInSupportedPaymentMethods: PaymentMethod[];
-export type DropInPaymentCategory = PaymentCategory.APPLE_PAY | PaymentCategory.GOOGLE_PAY | PaymentCategory.CARD | PaymentCategory.BOOST | PaymentCategory.GRAB_PAY | PaymentCategory.TNG_WALLET | PaymentCategory.MAY_BANK_QR_PAY | PaymentCategory.SHOPEE_PAY | PaymentCategory.LINE_PAY | PaymentCategory.NINE_PAY | PaymentCategory.GCASH | PaymentCategory.PAYMAYA | PaymentCategory.ZALOPAY | PaymentCategory.VIETQR | PaymentCategory.PIX | PaymentCategory.PIC_PAY | PaymentCategory.OPAY_WALLET | PaymentCategory.PAGA_WALLET | PaymentCategory.BANCONTACT | PaymentCategory.IDEAL | PaymentCategory.BLIK | PaymentCategory.OVO | PaymentCategory.SKRILL | PaymentCategory.TRUSTLY | PaymentCategory.P24;
+export type DropInPaymentCategory = PaymentCategory.APPLE_PAY | PaymentCategory.GOOGLE_PAY | PaymentCategory.CARD | PaymentCategory.BOOST | PaymentCategory.GRAB_PAY | PaymentCategory.TNG_WALLET | PaymentCategory.MAY_BANK_QR_PAY | PaymentCategory.SHOPEE_PAY | PaymentCategory.LINE_PAY | PaymentCategory.NINE_PAY | PaymentCategory.GCASH | PaymentCategory.PAYMAYA | PaymentCategory.ZALOPAY | PaymentCategory.VIETQR | PaymentCategory.PIX | PaymentCategory.PIC_PAY | PaymentCategory.OPAY_WALLET | PaymentCategory.PAGA_WALLET | PaymentCategory.BANCONTACT | PaymentCategory.IDEAL | PaymentCategory.BLIK | PaymentCategory.OVO | PaymentCategory.SKRILL | PaymentCategory.TRUSTLY | PaymentCategory.P24 | PaymentCategory.ALI_PAY | PaymentCategory.WECHAT_PAY;
 export declare const PaymentComponentMap: Record<DropInPaymentCategory, ComponentType<any>>;
 export type PaymentComponentProps<P extends keyof typeof PaymentComponentMap> = React.ComponentProps<(typeof PaymentComponentMap)[P]>;

package/dist/types/components/GooglePay/createGooglePay.d.ts

@@ -6,6 +6,6 @@ export declare const createGooglePay: (core: PayKKaCheckout, checkout: CheckoutR
 } & google.payments.api.Address, search?: boolean, timeout?: number) => Promise<{
     res?: google.payments.api.PaymentAuthorizationResult;
     end: boolean;
-} | undefined>, onClick?: () => void, onCanUse?: (canUse: boolean) => void, onCancel?: () => void) => {
+} | undefined>, onClick?: () => void | boolean | Promise<void | boolean>, onCanUse?: (canUse: boolean) => void, onCancel?: () => void) => {
     onGooglePayLoaded: (container: HTMLDivElement | null) => Promise<void>;
 };

package/dist/types/components/GooglePay/type.d.ts

@@ -1,6 +1,6 @@
 import type { PayKKaCommonConfig } from '../../types';
-import type { PaymentCommonProps, PaymentThreeDSProps, PaymentThreeDSRef } from '../../types/payment';
-export interface GooglePayProps extends PayKKaCommonConfig, PaymentCommonProps, PaymentThreeDSProps {
+import type { PaymentCommonProps, PaymentCustomFieldsProps, PaymentThreeDSProps, PaymentThreeDSRef } from '../../types/payment';
+export interface GooglePayProps extends PayKKaCommonConfig, Omit<PaymentCommonProps, keyof PaymentCustomFieldsProps>, PaymentThreeDSProps {
     /**
      * SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败
      * 注意：该回调在 SDK 加载成功后触发，但不一定表示 Google Pay 可用
@@ -11,6 +11,10 @@ export interface GooglePayProps extends PayKKaCommonConfig, PaymentCommonProps,
      * 注意：在 onLoad 返回 false 的情况下不会触发该回调
      */
     onCanUse?: (canUse: boolean) => void;
+    /**
+     * 点击 Google Pay 按钮时触发，若返回 false，则不继续支付，支持异步
+     */
+    onBtnClick?: () => void | boolean | Promise<void | boolean>;
     /**
      * 取消支付时触发，可再次支付
      * @remark

package/dist/types/components/PaymentButton/type.d.ts

@@ -10,4 +10,6 @@ export interface PaymentButtonProps extends Pick<ButtonProps, 'style' | 'classNa
     disabled?: boolean;
     /** 子组件 */
     children?: ReactNode;
+    /** 金额，不传则用 core 中缓存的金额 */
+    amount?: number | null;
 }

package/dist/types/components/Sepa/type.d.ts

@@ -1,15 +1,14 @@
 import type { PayKKaError } from '../../core';
 import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
+import type { PaymentFormFieldsRef } from '../../types/payment';
 import type { FormValidateError } from '../internal/Form';
 export interface SepaProps extends PayKKaCommonConfig {
-    onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
+    onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void | boolean | Promise<void | boolean>;
     onSuccess?: (data: PaymentInfo) => void;
     onError?: (error: PayKKaError) => void;
     onTimeout?: () => void;
     onAuthorized?: () => void;
     onExpired?: () => void;
 }
-export interface SepaRef {
-    updateAddress: () => void;
-    updateEmail: () => void;
+export interface SepaRef extends PaymentFormFieldsRef {
 }

package/dist/types/components/business/QRCodeModal/type.d.ts

@@ -11,11 +11,20 @@ export interface QRCodeModalProps {
     qrCode: string;
     /** 支付金额 */
     amount?: Amount;
-    /** 背景色 */
+    /**
+     * 整个 model 的背景色
+     * @defaultValue #FFFFFF
+     */
     bgColor?: string;
-    /** 弹窗字体颜色 */
+    /**
+     * 整个 model 的文字颜色
+     * @defaultValue #1F1F1F
+     */
     textColor?: string;
-    /** 边框颜色 */
+    /**
+     * 二维码周边的边框颜色
+     * @defaultValue #000000
+     */
     borderColor?: string;
     /** 弹窗关闭时触发 */
     onClose?: () => void;

package/dist/types/components/index.d.ts

@@ -1,5 +1,4 @@
 import '../style/index.scss';
-export * from './AliPay';
 export * from './Card';
 export * from './CardBrands';
 export * from './CardExpireDateField';
@@ -9,7 +8,6 @@ export * from './CardSecurityCodeField';
 export * from './CardSelector';
 export * from './CardNo';
 export * from './SubmitButton';
-export * from './WechatPay';
 export * from './ApplePay';
 export * from './GooglePay';
 export * from './SecuredIframe';

package/dist/types/components/internal/Loading/Loading.d.ts

@@ -1,2 +1,3 @@
+import type { LoadingProps } from './type';
 import './loading.scss';
-export declare const Loading: () => import("preact").JSX.Element;
+export declare const Loading: (props: LoadingProps) => import("preact").JSX.Element;

package/dist/types/components/internal/Loading/type.d.ts

@@ -0,0 +1,8 @@
+import type { CustomAttributes } from '../../../types';
+export interface LoadingProps extends CustomAttributes<HTMLDivElement> {
+    /**
+     * 是否固定定位
+     * @defaultValue true
+     */
+    fixed?: boolean;
+}

package/dist/types/components/internal/ResultMessage/ResultMessage.d.ts

@@ -0,0 +1,3 @@
+import './result-message.scss';
+import { type ResultMessageProps } from './type';
+export declare const ResultMessage: (props: ResultMessageProps) => import("preact").JSX.Element;

package/dist/types/components/internal/ResultMessage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ResultMessage';
+export * from './type';

package/dist/types/components/internal/ResultMessage/type.d.ts

@@ -0,0 +1,13 @@
+import type { CustomAttributes } from '../../../types';
+export interface ResultMessageProps extends CustomAttributes<HTMLDivElement> {
+    /** 结果文案 */
+    text: string;
+    /** 结果类型 */
+    type: ResultMessageType;
+    /** 图标大小 */
+    iconSize?: number;
+}
+export declare enum ResultMessageType {
+    SUCCESS = "success",
+    ERROR = "error"
+}

package/dist/types/components/internal/icons/IconAlipayPlus.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './type';
+export declare const IconAlipayPlus: ({ size, style, className }: IconProps) => import("preact").JSX.Element;

package/dist/types/components/internal/icons/IconError.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from './type';
-export declare function IconError({ size, style, className }: IconProps): import("preact").JSX.Element;
+export declare const IconError: ({ size, style, className }: IconProps) => import("preact").JSX.Element;

package/dist/types/components/internal/icons/IconSuccess.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from './type';
-export declare function IconSuccess({ size, style, className }: IconProps): import("preact").JSX.Element;
+export declare const IconSuccess: ({ size, style, className }: IconProps) => import("preact").JSX.Element;

package/dist/types/components/internal/icons/IconWechatPayGlobal.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './type';
+export declare const IconWechatPayGlobal: ({ size, style, className }: IconProps) => import("preact").JSX.Element;

package/dist/types/components/internal/icons/IconWechatPayGlobalComplete.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './type';
+export declare const IconWechatPayGlobalComplete: ({ size, style, className }: IconProps) => import("preact").JSX.Element;

package/dist/types/components/internal/icons/index.d.ts

@@ -48,3 +48,6 @@ export * from './IconSkrill';
 export * from './IconBancontact';
 export * from './IconIdeal';
 export * from './IconPhone';
+export * from './IconWechatPayGlobalComplete';
+export * from './IconWechatPayGlobal';
+export * from './IconAlipayPlus';

package/dist/types/components/{AliPay → wallets/AliPay}/AliPay.d.ts

@@ -1,9 +1,14 @@
 import './ali-pay.scss';
 import type { AliPayProps, AliPayRef } from './type';
-export declare const AliPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<AliPayProps & import("../../types").PayKKaCommonConfig & {
-    session: import("../../core").Session;
-    core: import("../../core").PayKKaCheckout;
-    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+/**
+ * AliPay 支付方式
+ * - 表单：邮箱，地址
+ * - 支付：直接跳转
+ */
+export declare const AliPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<AliPayProps & import("../../../types").PayKKaCommonConfig & {
+    session: import("../../../core").Session;
+    core: import("../../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../../types").ThreeDSFrameConfig | undefined;
     isDropIn?: boolean | undefined;
 }> & {
     ref?: import("preact").Ref<AliPayRef> | undefined;

package/dist/types/components/wallets/AliPay/type.d.ts

@@ -0,0 +1,7 @@
+import type { PayKKaCommonConfig } from '../../../types';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
+import type { WalletCustomProps, WalletRedirectProps } from '../type';
+export interface AliPayProps extends PayKKaCommonConfig, PaymentCommonProps, WalletCustomProps, WalletRedirectProps {
+}
+export interface AliPayRef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
+}

package/dist/types/components/wallets/Bancontact/type.d.ts

@@ -1,29 +1,7 @@
 import type { PayKKaCommonConfig } from '../../../types';
-import type { PaymentCommonProps } from '../../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
 import type { WalletCustomProps, WalletRedirectProps } from '../type';
 export interface BancontactProps extends PayKKaCommonConfig, WalletRedirectProps, WalletCustomProps, PaymentCommonProps {
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示地址
-     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showAddress?: boolean;
 }
-export interface BancontactRef {
-    /** 停止轮询支付结果 */
-    stopRetry: () => void;
-    /** 开始轮询支付结果 */
-    startRetry: (timeout?: number) => void;
-    /** 更新表单邮箱 */
-    updateEmail: () => void;
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
-    /** 更新表单地址 */
-    updateAddress: () => void;
+export interface BancontactRef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
 }

package/dist/types/components/wallets/Blik/type.d.ts

@@ -1,29 +1,7 @@
 import type { PayKKaCommonConfig } from '../../../types';
-import type { PaymentCommonProps } from '../../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
 import type { WalletCustomProps } from '../type';
 export interface BlikProps extends PayKKaCommonConfig, WalletCustomProps, PaymentCommonProps {
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示地址
-     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showAddress?: boolean;
 }
-export interface BlikRef {
-    /** 停止轮询支付结果 */
-    stopRetry: () => void;
-    /** 开始轮询支付结果 */
-    startRetry: (timeout?: number) => void;
-    /** 更新表单邮箱 */
-    updateEmail: () => void;
-    /** 更新表单地址 */
-    updateAddress: () => void;
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface BlikRef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
 }

package/dist/types/components/wallets/Boost/type.d.ts

@@ -1,28 +1,6 @@
 import type { PayKKaCommonConfig } from '../../../types';
-import type { PaymentCommonProps } from '../../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
 export interface BoostProps extends PayKKaCommonConfig, PaymentCommonProps {
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showAddress?: boolean;
 }
-export interface BoostRef {
-    /** 停止轮询支付结果 */
-    stopRetry: () => void;
-    /** 开始轮询支付结果 */
-    startRetry: (timeout?: number) => void;
-    /** 更新表单地址 */
-    updateAddress: () => void;
-    /** 更新表单邮箱 */
-    updateEmail: () => void;
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface BoostRef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
 }

package/dist/types/components/wallets/GCash/type.d.ts

@@ -1,28 +1,6 @@
 import type { PayKKaCommonConfig } from '../../../types';
-import type { PaymentCommonProps } from '../../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
 export interface GCashProps extends PayKKaCommonConfig, PaymentCommonProps {
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showAddress?: boolean;
 }
-export interface GCashRef {
-    /** 停止轮询支付结果 */
-    stopRetry: () => void;
-    /** 开始轮询支付结果 */
-    startRetry: (timeout?: number) => void;
-    /** 更新表单地址 */
-    updateAddress: () => void;
-    /** 更新表单邮箱 */
-    updateEmail: () => void;
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface GCashRef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
 }

package/dist/types/components/wallets/GrabPay/type.d.ts

@@ -1,17 +1,7 @@
 import type { PayKKaCommonConfig } from '../../../types';
-import type { PaymentCommonProps } from '../../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
 import type { WalletRedirectProps, WalletCustomProps } from '../type';
 export interface GrabPayProps extends PayKKaCommonConfig, WalletRedirectProps, WalletCustomProps, PaymentCommonProps {
 }
-export interface GrabPayRef {
-    /** 停止轮询支付结果 */
-    stopRetry: () => void;
-    /** 开始轮询支付结果 */
-    startRetry: (timeout?: number) => void;
-    /** 更新表单地址 */
-    updateAddress: () => void;
-    /** 更新表单邮箱 */
-    updateEmail: () => void;
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface GrabPayRef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
 }

package/dist/types/components/wallets/IDeal/type.d.ts

@@ -1,29 +1,7 @@
 import type { PayKKaCommonConfig } from '../../../types';
-import type { PaymentCommonProps } from '../../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
 import type { WalletCustomProps, WalletRedirectProps } from '../type';
 export interface IDealProps extends PayKKaCommonConfig, WalletRedirectProps, WalletCustomProps, PaymentCommonProps {
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示地址
-     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showAddress?: boolean;
 }
-export interface IDealRef {
-    /** 停止轮询支付结果 */
-    stopRetry: () => void;
-    /** 开始轮询支付结果 */
-    startRetry: (timeout?: number) => void;
-    /** 更新表单邮箱 */
-    updateEmail: () => void;
-    /** 更新表单地址 */
-    updateAddress: () => void;
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface IDealRef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
 }

package/dist/types/components/wallets/LinePay/type.d.ts

@@ -1,28 +1,6 @@
 import type { PayKKaCommonConfig } from '../../../types';
-import type { PaymentCommonProps } from '../../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
 export interface LinePayProps extends PayKKaCommonConfig, PaymentCommonProps {
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showAddress?: boolean;
 }
-export interface LinePayRef {
-    /** 停止轮询支付结果 */
-    stopRetry: () => void;
-    /** 开始轮询支付结果 */
-    startRetry: (timeout?: number) => void;
-    /** 更新表单地址 */
-    updateAddress: () => void;
-    /** 更新表单邮箱 */
-    updateEmail: () => void;
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface LinePayRef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
 }

package/dist/types/components/wallets/MayBankQRPay/type.d.ts

@@ -1,28 +1,6 @@
 import type { PayKKaCommonConfig } from '../../../types';
-import type { PaymentCommonProps } from '../../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
 export interface MayBankQRPayProps extends PayKKaCommonConfig, PaymentCommonProps {
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showAddress?: boolean;
 }
-export interface MayBankQRPayRef {
-    /** 停止轮询支付结果 */
-    stopRetry: () => void;
-    /** 开始轮询支付结果 */
-    startRetry: (timeout?: number) => void;
-    /** 更新表单地址 */
-    updateAddress: () => void;
-    /** 更新表单邮箱 */
-    updateEmail: () => void;
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface MayBankQRPayRef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
 }

package/dist/types/components/wallets/NinePay/type.d.ts

@@ -1,28 +1,6 @@
 import type { PayKKaCommonConfig } from '../../../types';
-import type { PaymentCommonProps } from '../../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
 export interface NinePayProps extends PayKKaCommonConfig, PaymentCommonProps {
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showAddress?: boolean;
 }
-export interface NinePayRef {
-    /** 停止轮询支付结果 */
-    stopRetry: () => void;
-    /** 开始轮询支付结果 */
-    startRetry: (timeout?: number) => void;
-    /** 更新表单地址 */
-    updateAddress: () => void;
-    /** 更新表单邮箱 */
-    updateEmail: () => void;
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface NinePayRef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
 }

package/dist/types/components/wallets/OVO/type.d.ts

@@ -1,29 +1,7 @@
 import type { PayKKaCommonConfig } from '../../../types';
-import type { PaymentCommonProps } from '../../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentRetryRef } from '../../../types/payment';
 import type { WalletCustomProps, WalletRedirectProps } from '../type';
 export interface OVOProps extends PayKKaCommonConfig, WalletRedirectProps, WalletCustomProps, PaymentCommonProps {
-    /**
-     * 是否展示邮箱
-     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示地址
-     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     */
-    showAddress?: boolean;
 }
-export interface OVORef {
-    /** 停止轮询支付结果 */
-    stopRetry: () => void;
-    /** 开始轮询支付结果 */
-    startRetry: (timeout?: number) => void;
-    /** 更新表单邮箱 */
-    updateEmail: () => void;
-    /** 更新表单地址 */
-    updateAddress: () => void;
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface OVORef extends PaymentCommonRef, PaymentRetryRef, PaymentFormFieldsRef {
 }