@paykka/card-checkout-ui 0.11.6 → 0.13.2

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

@@ -1,16 +1,10 @@
+import type { AddressMode } from '../../types';
+import type { Address } from '../../core/address';
 export interface AddressFieldProps {
     value: Address;
     onAddressChange: (value: Address) => void;
     country?: string;
-}
-export interface Address {
-    country: string;
-    province: string;
-    city: string;
-    area: string;
-    postCode: string;
-    address1: string;
-    address2: string;
+    mode?: AddressMode;
 }
 export interface AddressFieldRef {
     update: (value: Address) => void;

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

@@ -1,6 +1,10 @@
 import './ali-pay.scss';
 import type { AliPayProps, AliPayRef } from './type';
-import type { CoreProps } from '../../types';
-export declare const AliPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<AliPayProps & CoreProps> & {
+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/AliPay/type.d.ts

@@ -1,9 +1,22 @@
 import type { PayRes } from '../../api';
 import type { PayKKaError } from '../../core';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface AliPayProps {
+export interface AliPayProps extends PayKKaCommonConfig {
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showEmail?: boolean;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showAddress?: boolean;
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     onError?: (error: PayKKaError) => void;
     onTimeout?: (source: 'retry' | 'channel') => void;
     onExpired?: () => void;

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

@@ -1,6 +1,10 @@
 import './apple-pay.scss';
 import type { ApplePayProps, ApplePayRef } from './type';
-import type { CoreProps } from '../../types';
-export declare const ApplePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ApplePayProps & CoreProps> & {
+export declare const ApplePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ApplePayProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<ApplePayRef> | undefined;
 }>;

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

@@ -1,11 +1,14 @@
 import type { PayKKaError } from '../../core';
-import type { PaymentSuccessData } from '../../types';
-export interface ApplePayProps {
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
+export interface ApplePayProps extends PayKKaCommonConfig {
     /** 支付授权成功后触发 */
     onSubmit?: () => void;
     /** 支付成功后触发 */
-    onSuccess?: (data: PaymentSuccessData) => void;
-    /** SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败 */
+    onSuccess?: (data: PaymentInfo) => void;
+    /**
+     * SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败
+     * 注意：该回调在 SDK 加载成功后触发，但不一定表示 Apple Pay 可用
+     */
     onLoad?: (status: boolean) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
@@ -15,18 +18,11 @@ export interface ApplePayProps {
     onExpired?: () => void;
     /** 支付取消时触发 */
     onCancel?: () => void;
-    /** Apple Pay 按钮是否可用 */
-    onCanUse?: (canUse: boolean) => void;
     /**
-     * @internal
-     * 交易被风控拦截时触发
+     * Apple Pay 按钮是否可用
+     * 注意：在 onLoad 返回 false 的情况下不会触发该回调
      */
-    onAuthorized?: () => void;
-    /**
-     * @internal
-     * 点击 GooglePay 按钮
-     */
-    onBtnClick?: () => void;
+    onCanUse?: (canUse: boolean) => void;
 }
 export interface ApplePayRef {
 }

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

@@ -1,3 +1,3 @@
 /** 动态加载ApplePay */
 export declare const loadApplePayJS: (onload?: () => void, onerror?: () => void) => void;
-export declare function applePayEnv(id?: string): Promise<boolean | undefined>;
+export declare function applePayEnv(id?: string): Promise<boolean>;

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

@@ -1,7 +1,11 @@
 import type { BoostProps } from './type';
 import type { BoostRef } from './type';
-import type { CoreProps } from '../../types';
 import './boost.scss';
-export declare const Boost: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<BoostProps & CoreProps> & {
+export declare const Boost: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<BoostProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<BoostRef> | undefined;
 }>;

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

@@ -1,6 +1,6 @@
 import type { PayKKaError } from '../../core';
-import type { PayRes } from '../../api';
 import type { FormValidateError } from '../internal/Form';
+import type { PaymentInfo } from '../../types';
 export interface BoostProps {
     /**
      * 是否展示邮箱
@@ -17,35 +17,13 @@ export interface BoostProps {
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 请求支付接口成功后返回跳转链接
-     */
-    onSubmitResponse?: (payRes: PayRes) => void;
-    /**
-     * @internal
-     * 跳转模式，钱包支付时需要跳转到第三方页面进行支付，流程结束在返回收银台
-     * auto: 自动跳转
-     * manual: 需要在 onSubmitResponse 中接收跳转链接并手动跳转
-     */
-    redirectMode?: 'auto' | 'manual';
-    /**
-     * @internal
-     * 从第三方支付页面跳转回来时，是否自动查询支付结果
-     */
-    autoQuery?: boolean;
-    /**
-     * @internal
-     * 是否展示引导卡片
-     */
-    showGuideCard?: boolean;
 }
 export interface BoostRef {
     /** 停止轮询支付结果 */

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

@@ -1,6 +1,10 @@
 import './card.scss';
 import type { CardProps, CardRef } from './type';
-import { type CoreProps } from '../../types';
-export declare const Card: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<CardProps & CoreProps> & {
+export declare const Card: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<CardProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<CardRef> | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PayKKaError } from '../../core';
-import type { ElementStylesConfig, PaymentSuccessData } from '../../types';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface CardProps {
+export interface CardProps extends PayKKaCommonConfig {
     /** 定义卡敏感信息表单布局展示，split 为分割布局，combine 为合并布局 */
     cardInfoLayout?: CardInfoLayout;
     /**
@@ -18,59 +18,19 @@ export interface CardProps {
     showAddress?: boolean;
     /** 是否在卡号输入框下展示收银台支持的发卡行图标 */
     showCardBrands?: boolean;
-    /**
-     * @internal
-     * 是否展示持卡人姓名，目前一定展示
-     */
-    styles?: ElementStylesConfig;
-    /**
-     * @internal
-     * 是否展示持卡人姓名，目前一定展示
-     */
-    showHolderName?: boolean;
-    /**
-     * @internal
-     * 是否展示3ds modal，默认为 true，配置 false 则抛出 onThreeDS 回调
-     */
-    enable3DSModal?: boolean;
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (data: PaymentSuccessData) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 交易被风控拦截时触发
-     */
-    onAuthorized?: () => void;
-    /**
-     * @internal
-     * 交易需要 3DS 验证时触发，url 为 3DS 验证链接，incomplete 为 false 表示目前要开始进行 3DS 验证，为 true 表示上一次 3DS 验证还未完成
-     */
-    onThreeDS?: (url: string, incomplete: boolean) => void;
 }
 export interface CardRef {
     /** 不展示支付按钮时，可调用该方法进行支付 */
     payment: () => void;
-    /**
-     * @internal
-     * 3DS 验证流程结束后可调用该方法轮询收银台支付状态
-     */
-    checkThreeDS: () => void;
-    /**
-     * @internal
-     * 进行表单切换时更新已填的地址信息
-     */
-    updateAddress: () => void;
-    /**
-     * @internal
-     * 进行表单切换时更新已填的邮箱信息
-     */
-    updateEmail: () => void;
 }
 export type CardInfoLayout = 'split' | 'combine';

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

@@ -1,6 +1,10 @@
 import { type DropInProps, type DropInRefs } from './type';
 import './drop-in.scss';
-import type { CoreProps } from '../../types';
-export declare const DropIn: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<DropInProps & CoreProps> & {
+export declare const DropIn: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<DropInProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<DropInRefs> | undefined;
 }>;

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

@@ -1,10 +1,10 @@
 import type { ReactNode } from 'preact/compat';
-import type { PaymentSuccessData } from '../../types';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
 import { PaymentCategory, PaymentMethod } from '../../constant';
 import type { ComponentType } from 'preact';
 import type { FormValidateError } from '../internal/Form';
 import type { PayKKaError } from '../../core';
-export interface DropInProps {
+export interface DropInProps extends PayKKaCommonConfig {
     /**
      * 配置各种支付方式的参数
      * 最终展示的支付方式由创建收银台请求返回结果决定，而不是由该参数决定
@@ -21,19 +21,13 @@ export interface DropInProps {
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (data: PaymentSuccessData) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 是否启用过渡动画，layout 为 accordion 时有效
-     * 默认为 true
-     */
-    enableAccordionTransition?: boolean;
 }
 export interface DropInRefs {
     /** 不展示支付按钮时，可调用该方法进行支付 */
@@ -52,6 +46,6 @@ export interface PaymentTypeOptions {
  * 目前暂不支持 WeChatPay 和 Alipay
  */
 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;
+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;
 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/GooglePay.d.ts

@@ -1,6 +1,10 @@
 import './google-pay.scss';
 import type { GooglePayProps, GooglePayRef } from './type';
-import type { CoreProps } from '../../types';
-export declare const GooglePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GooglePayProps & CoreProps> & {
+export declare const GooglePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GooglePayProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<GooglePayRef> | undefined;
 }>;

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

@@ -1,5 +1,6 @@
 import type { CheckoutRes } from '../../api';
-export declare function createGooglePay(checkout: CheckoutRes, pay: (token?: string, billAddress?: {
+import type { GooglePayProps } from './type';
+export declare function createGooglePay(checkout: CheckoutRes, googlePayConfig: GooglePayProps['config'], pay: (token?: string, billAddress?: {
     email?: string;
 } & google.payments.api.Address, search?: boolean, timeout?: number) => Promise<{
     res?: google.payments.api.PaymentAuthorizationResult;

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

@@ -1,11 +1,14 @@
 import type { PayKKaError } from '../../core';
-import type { PaymentSuccessData } from '../../types';
-export interface GooglePayProps {
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
+export interface GooglePayProps extends PayKKaCommonConfig {
     /** 支付授权成功后触发 */
     onSubmit?: () => void;
     /** 支付成功后触发 */
-    onSuccess?: (data: PaymentSuccessData) => void;
-    /** SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败 */
+    onSuccess?: (data: PaymentInfo) => void;
+    /**
+     * SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败
+     * 注意：该回调在 SDK 加载成功后触发，但不一定表示 Google Pay 可用
+     */
     onLoad?: (status: boolean) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
@@ -13,30 +16,11 @@ export interface GooglePayProps {
     onTimeout?: (source: 'retry' | 'channel') => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /** 当前设备环境是否可用于 Google Pay 支付 */
-    onCanUse?: (canUse: boolean) => void;
-    /**
-     * @internal
-     * 交易被风控拦截时触发
-     */
-    onAuthorized?: () => void;
     /**
-     * @internal
-     * 交易需要 3DS 验证时触发
-     * url 为 3DS 验证链接
-     * incomplete 为 false 表示目前要开始进行 3DS 验证，为 true 表示上一次 3DS 验证还未完成
+     * 当前设备环境是否可用于 Google Pay 支付
+     * 注意：在 onLoad 返回 false 的情况下不会触发该回调
      */
-    onThreeDS?: (url: string, incomplete: boolean) => void;
-    /**
-     * @internal
-     * 点击 GooglePay 按钮
-     */
-    onBtnClick?: () => void;
+    onCanUse?: (canUse: boolean) => void;
 }
 export interface GooglePayRef {
-    /**
-     * @internal
-     * 3DS 验证流程结束后可调用该方法轮询收银台支付状态
-     */
-    checkThreeDS: () => void;
 }

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

@@ -1,7 +1,11 @@
 import type { GrabPayProps } from './type';
 import type { GrabPayRef } from './type';
-import type { CoreProps } from '../../types';
 import './grab-pay.scss';
-export declare const GrabPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GrabPayProps & CoreProps> & {
+export declare const GrabPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GrabPayProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<GrabPayRef> | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PayKKaError } from '../../core';
-import type { PayRes } from '../../api';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface GrabPayProps {
+export interface GrabPayProps extends PayKKaCommonConfig {
     /**
      * 是否展示邮箱
      * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
@@ -17,35 +17,13 @@ export interface GrabPayProps {
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 请求支付接口成功后返回跳转链接
-     */
-    onSubmitResponse?: (payRes: PayRes) => void;
-    /**
-     * @internal
-     * 跳转模式，钱包支付时需要跳转到第三方页面进行支付，流程结束在返回收银台
-     * auto: 自动跳转
-     * manual: 需要在 onSubmitResponse 中接收跳转链接并手动跳转
-     */
-    redirectMode?: 'auto' | 'manual';
-    /**
-     * @internal
-     * 从第三方支付页面跳转回来时，是否自动查询支付结果
-     */
-    autoQuery?: boolean;
-    /**
-     * @internal
-     * 是否展示引导卡片
-     */
-    showGuideCard?: boolean;
 }
 export interface GrabPayRef {
     /** 停止轮询支付结果 */

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

@@ -1,7 +1,11 @@
 import type { LinePayProps } from './type';
 import type { LinePayRef } from './type';
-import type { CoreProps } from '../../types';
 import './line-pay.scss';
-export declare const LinePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<LinePayProps & CoreProps> & {
+export declare const LinePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<LinePayProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<LinePayRef> | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PayKKaError } from '../../core';
-import type { PayRes } from '../../api';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface LinePayProps {
+export interface LinePayProps extends PayKKaCommonConfig {
     /**
      * 是否展示邮箱
      * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
@@ -17,35 +17,13 @@ export interface LinePayProps {
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 请求支付接口成功后返回跳转链接
-     */
-    onSubmitResponse?: (payRes: PayRes) => void;
-    /**
-     * @internal
-     * 跳转模式，钱包支付时需要跳转到第三方页面进行支付，流程结束在返回收银台
-     * auto: 自动跳转
-     * manual: 需要在 onSubmitResponse 中接收跳转链接并手动跳转
-     */
-    redirectMode?: 'auto' | 'manual';
-    /**
-     * @internal
-     * 从第三方支付页面跳转回来时，是否自动查询支付结果
-     */
-    autoQuery?: boolean;
-    /**
-     * @internal
-     * 是否展示引导卡片
-     */
-    showGuideCard?: boolean;
 }
 export interface LinePayRef {
     /** 停止轮询支付结果 */

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

@@ -1,6 +1,10 @@
 import type { MayBankQRPayProps, MayBankQRPayRef } from './type';
-import type { CoreProps } from '../../types';
 import './may-bank-qr-pay.scss';
-export declare const MayBankQRPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<MayBankQRPayProps & CoreProps> & {
+export declare const MayBankQRPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<MayBankQRPayProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<MayBankQRPayRef> | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PayKKaError } from '../../core';
-import type { PayRes } from '../../api';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface MayBankQRPayProps {
+export interface MayBankQRPayProps extends PayKKaCommonConfig {
     /**
      * 是否展示邮箱
      * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
@@ -17,35 +17,13 @@ export interface MayBankQRPayProps {
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 请求支付接口成功后返回跳转链接
-     */
-    onSubmitResponse?: (payRes: PayRes) => void;
-    /**
-     * @internal
-     * 跳转模式，钱包支付时需要跳转到第三方页面进行支付，流程结束在返回收银台
-     * auto: 自动跳转
-     * manual: 需要在 onSubmitResponse 中接收跳转链接并手动跳转
-     */
-    redirectMode?: 'auto' | 'manual';
-    /**
-     * @internal
-     * 从第三方支付页面跳转回来时，是否自动查询支付结果
-     */
-    autoQuery?: boolean;
-    /**
-     * @internal
-     * 是否展示引导卡片
-     */
-    showGuideCard?: boolean;
 }
 export interface MayBankQRPayRef {
     /** 停止轮询支付结果 */

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

@@ -1,6 +1,10 @@
 import type { NinePayProps, NinePayRef } from './type';
-import type { CoreProps } from '../../types';
 import './nine-pay.scss';
-export declare const NinePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<NinePayProps & CoreProps> & {
+export declare const NinePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<NinePayProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<NinePayRef> | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PayKKaError } from '../../core';
-import type { PayRes } from '../../api';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface NinePayProps {
+export interface NinePayProps extends PayKKaCommonConfig {
     /**
      * 是否展示邮箱
      * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
@@ -17,35 +17,13 @@ export interface NinePayProps {
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 请求支付接口成功后返回跳转链接
-     */
-    onSubmitResponse?: (payRes: PayRes) => void;
-    /**
-     * @internal
-     * 跳转模式，钱包支付时需要跳转到第三方页面进行支付，流程结束在返回收银台
-     * auto: 自动跳转
-     * manual: 需要在 onSubmitResponse 中接收跳转链接并手动跳转
-     */
-    redirectMode?: 'auto' | 'manual';
-    /**
-     * @internal
-     * 从第三方支付页面跳转回来时，是否自动查询支付结果
-     */
-    autoQuery?: boolean;
-    /**
-     * @internal
-     * 是否展示引导卡片
-     */
-    showGuideCard?: boolean;
 }
 export interface NinePayRef {
     /** 停止轮询支付结果 */