@paykka/card-checkout-ui 0.11.6 → 0.13.1

package/dist/types/api/modules/paymaya/index.d.ts

@@ -1,24 +1,4 @@
-import type { PayKKaCheckout } from '../../../core';
+import type { CheckoutPaymentParams, CheckoutQueryParams } from '../type';
 import { type RequestOptions } from '../../http';
-export declare const paymayaPay: ({ sessionId, clientKey, payment, bill, browser }: {
-    sessionId: string;
-    clientKey?: string;
-    payment: {
-        paymentMethod: string;
-    };
-    bill: {
-        email: string;
-        country?: string | null;
-        province?: string | null;
-        city?: string | null;
-        area?: string | null;
-        postCode?: string | null;
-        address1?: string | null;
-        address2?: string | null;
-    };
-    browser: Recordable;
-}, core: PayKKaCheckout, options?: RequestOptions) => Promise<import("..").PayRes>;
-export declare const getPaymayaPayInfo: ({ sessionId, clientKey }: {
-    sessionId: string;
-    clientKey?: string;
-}, options?: RequestOptions) => Promise<import("..").PayRes>;
+export declare const paymayaPay: (params: CheckoutPaymentParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;
+export declare const getPaymayaPayInfo: (params: CheckoutQueryParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;

package/dist/types/api/modules/sepa/index.d.ts

@@ -1,25 +1,4 @@
-import type { PayKKaCheckout } from '../../../core';
 import { type RequestOptions } from '../../http';
-export declare function sepaPay({ sessionId, clientKey, payment, bill, browser }: {
-    sessionId: string;
-    clientKey?: string;
-    payment: {
-        iban: string;
-        holderName?: string;
-    };
-    bill: {
-        email: string;
-        country?: string | null;
-        province?: string | null;
-        city?: string | null;
-        area?: string | null;
-        postCode?: string | null;
-        address1?: string | null;
-        address2?: string | null;
-    };
-    browser: Recordable;
-}, core: PayKKaCheckout, options?: RequestOptions): Promise<import("..").PayRes>;
-export declare function getSepaPayInfo({ sessionId, clientKey }: {
-    sessionId: string;
-    clientKey?: string;
-}, options?: RequestOptions): Promise<import("..").PayRes>;
+import type { CheckoutPaymentParams, CheckoutQueryParams } from '../type';
+export declare const sepaPay: (params: CheckoutPaymentParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;
+export declare const getSepaPayInfo: (params: CheckoutQueryParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;

package/dist/types/api/modules/shopee-pay/index.d.ts

@@ -1,24 +1,4 @@
-import type { PayKKaCheckout } from '../../../core';
 import { type RequestOptions } from '../../http';
-export declare const shopeePay: ({ sessionId, clientKey, payment, bill, browser }: {
-    sessionId: string;
-    clientKey?: string;
-    payment: {
-        paymentMethod: string;
-    };
-    bill: {
-        email: string;
-        country?: string | null;
-        province?: string | null;
-        city?: string | null;
-        area?: string | null;
-        postCode?: string | null;
-        address1?: string | null;
-        address2?: string | null;
-    };
-    browser: Recordable;
-}, core: PayKKaCheckout, options?: RequestOptions) => Promise<import("..").PayRes>;
-export declare const getShopeePayInfo: ({ sessionId, clientKey }: {
-    sessionId: string;
-    clientKey?: string;
-}, options?: RequestOptions) => Promise<import("..").PayRes>;
+import type { CheckoutPaymentParams, CheckoutQueryParams } from '../type';
+export declare const shopeePay: (params: CheckoutPaymentParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;
+export declare const getShopeePayInfo: (params: CheckoutQueryParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;

package/dist/types/api/modules/tng-wallet/index.d.ts

@@ -1,24 +1,4 @@
-import type { PayKKaCheckout } from '../../../core';
 import { type RequestOptions } from '../../http';
-export declare const tngWalletPay: ({ sessionId, clientKey, payment, bill, browser }: {
-    sessionId: string;
-    clientKey?: string;
-    payment: {
-        paymentMethod: string;
-    };
-    bill: {
-        email: string;
-        country?: string | null;
-        province?: string | null;
-        city?: string | null;
-        area?: string | null;
-        postCode?: string | null;
-        address1?: string | null;
-        address2?: string | null;
-    };
-    browser: Recordable;
-}, core: PayKKaCheckout, options?: RequestOptions) => Promise<import("..").PayRes>;
-export declare const getTNGWalletPayInfo: ({ sessionId, clientKey }: {
-    sessionId: string;
-    clientKey?: string;
-}, options?: RequestOptions) => Promise<import("..").PayRes>;
+import type { CheckoutPaymentParams, CheckoutQueryParams } from '../type';
+export declare const tngWalletPay: (params: CheckoutPaymentParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;
+export declare const getTNGWalletPayInfo: (params: CheckoutQueryParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;

package/dist/types/api/modules/type.d.ts

@@ -1,35 +1,88 @@
-export interface Amount {
-    amount: number;
-    currency: string;
-    symbol: string;
-    digits: number;
-}
-export interface PayRes {
-    errorCode: string;
-    errorMessage: string;
-    merchantId: string;
-    sessionId: string;
-    orderId: string;
-    transAmount: Amount;
-    status: 'EXPIRED' | 'SUCCESS' | 'PROCESSING';
-    threeDSUrl: string;
-    paymentUrl?: string;
-    paymentExpiredAt?: string;
-    orderStatus: 'PROCESSING' | 'AUTHORIZED' | 'SUCCESS' | 'FAILURE' | 'IN_THREED' | 'IN_PREVIOUS_THREED' | 'CANCELED';
-    payInfo: any;
+import type { PaymentMethod } from '../../constant';
+import type { BasePaymentInfo } from '../../types';
+export interface CheckoutPaymentParams {
+    /** 会话 ID */
+    sessionId?: string;
+    /** 客户端密钥 */
+    clientKey?: string;
+    /** 账单信息 */
+    bill?: PaymentBill;
+    /** 浏览器信息 */
+    browser: Recordable;
+    /** 用户标识，微信为 openid(必填)，支付宝为 user_id(非必填) */
+    channelUserId?: string;
+    /** 支付信息 */
+    payment: {
+        /** 支付方式 */
+        paymentMethod: PaymentMethod;
+        /**
+         * 是否存储卡信息
+         * 若 payment_type 为 PURCHASE，此字段为 True 代表允许顾客选择是否保存支付信息以开启未来快捷支付
+         * 若 payment_type 为 RECURRING，此字段为 True 代表告知顾客在当前订单支付完成时将保存支付用于后续循环
+         */
+        storePaymentMethod?: boolean;
+        /** googlePay/applePay 交易原始授权 json 信息 */
+        tokenData?: string;
+        /** iban, 可用于直接借记, SEPA 支付方式下必填 */
+        iban?: string;
+        /** 卡令牌, BANKCARD 支付方式下 token, cardNo, encrypted_card_no 三选一 */
+        token?: string;
+        /** 银行卡号, BANKCARD 支付方式下 token, cardNo, encrypted_card_no 三选一 */
+        cardNo?: string;
+        /** 有效期年, 若填写了 cardNo，则 expYear 必填 */
+        expYear?: string;
+        /** 有效期月, 若填写了 cardNo，则 expMonth 必填 */
+        expMonth?: string;
+        /** cvv, 若填写了 cardNo，则 cvv 必填 */
+        cvv?: string;
+        /** 持卡人姓名 */
+        holderName?: string;
+    };
 }
-export interface PayBill {
+export interface PaymentBill {
+    /** 名 */
     firstName?: string;
+    /** 中间名 */
     middleName?: string;
+    /** 姓 */
     lastName?: string;
+    /** 地址行1 */
     addressLine1?: string;
+    /** 地址行2 */
     addressLine2?: string;
+    /** 国家 */
     country?: string;
+    /** 州 */
     state?: string;
+    /** 城市 */
     city?: string;
+    /** 区 */
+    district?: string;
+    /** 邮箱 */
     email?: string;
+    /** 邮政编码 */
     postalCode?: string;
+    /** 区号 */
     areaCode?: string;
+    /** 电话号码 */
     phoneNumber?: string;
-    descriptor?: string;
 }
+export interface CheckoutQueryParams {
+    /** 会话 ID */
+    sessionId?: string;
+    /** 客户端密钥 */
+    clientKey?: string;
+    /** 浏览器信息 */
+    browser?: Recordable;
+    /** 支付方式，除了普通卡支付外，其他支付方式必传，如果是快捷支付传 BANKCARD */
+    paymentMethod?: PaymentMethod;
+}
+export interface Amount {
+    amount: number;
+    currency: string;
+    symbol: string;
+    digits: number;
+}
+export type SessionStatus = 'PROCESSING' | 'SUCCESS' | 'EXPIRED';
+export type OrderStatus = 'PROCESSING' | 'AUTHORIZED' | 'SUCCESS' | 'FAILURE' | 'IN_THREED' | 'IN_PREVIOUS_THREED' | 'CANCELED';
+export type PayRes = BasePaymentInfo;

package/dist/types/api/modules/wechat-pay/index.d.ts

@@ -1,21 +1,4 @@
-import type { PayKKaCheckout } from '../../../core';
 import { type RequestOptions } from '../../http';
-export declare function wechatPay({ sessionId, clientKey, bill, channelUserId }: {
-    sessionId: string;
-    clientKey?: string;
-    bill: {
-        email: string;
-        country?: string | null;
-        province?: string | null;
-        city?: string | null;
-        area?: string | null;
-        postCode?: string | null;
-        address1?: string | null;
-        address2?: string | null;
-    };
-    channelUserId?: string;
-}, core: PayKKaCheckout, options?: RequestOptions): Promise<import("..").PayRes>;
-export declare function getWechatPayInfo({ sessionId, clientKey }: {
-    sessionId: string;
-    clientKey?: string;
-}, options?: RequestOptions): Promise<import("..").PayRes>;
+import type { CheckoutPaymentParams, CheckoutQueryParams } from '../type';
+export declare const wechatPay: (params: CheckoutPaymentParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;
+export declare const getWechatPayInfo: (params: CheckoutQueryParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;

package/dist/types/api/modules/zalopay/index.d.ts

@@ -0,0 +1,4 @@
+import { type RequestOptions } from '../../http';
+import type { CheckoutPaymentParams, CheckoutQueryParams } from '../type';
+export declare const zalopayPay: (params: CheckoutPaymentParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;
+export declare const getZalopayPayInfo: (params: CheckoutQueryParams, extraParams?: Recordable, options?: RequestOptions) => Promise<import("../../..").BasePaymentInfo>;

package/dist/types/api/utils/index.d.ts

@@ -0,0 +1,48 @@
+import type { CheckoutInitParams, CheckoutQueryParams } from '../modules';
+import { type CheckoutPaymentParams } from '../modules/type';
+/** 构建收银台初始化参数 */
+export declare const buildInitParams: (params: CheckoutInitParams, extraParams?: Recordable) => {
+    session_id: string | undefined;
+    client_key: string | undefined;
+};
+/** 构建收银台支付参数 */
+export declare const buildPaymentParams: (params: CheckoutPaymentParams, extraParams?: Recordable) => {
+    session_id: string | undefined;
+    client_key: string | undefined;
+    channel_user_id: string | undefined;
+    payment: {
+        payment_method: import("../..").PaymentMethod;
+        store_payment_method: boolean | undefined;
+        token_data: string | undefined;
+        iban: string | undefined;
+        token: string | undefined;
+        card_no: string | undefined;
+        exp_year: string | undefined;
+        exp_month: string | undefined;
+        cvv: string | undefined;
+        holder_name: string | undefined;
+    };
+    browser: Recordable<any>;
+    bill: {
+        first_name: string | undefined;
+        middle_name: string | undefined;
+        last_name: string | undefined;
+        email: string | undefined;
+        country: string | undefined;
+        state: string | undefined;
+        city: string | undefined;
+        postal_code: string | undefined;
+        address_line1: string | undefined;
+        address_line2: string | undefined;
+        district: string | undefined;
+        area_code: string | undefined;
+        phone_number: string | undefined;
+    };
+};
+/** 构建收银台查询参数 */
+export declare const buildQueryParams: (params: CheckoutQueryParams, extraParams?: Recordable) => {
+    session_id: string | undefined;
+    client_key: string | undefined;
+    payment_method: import("../..").PaymentMethod | undefined;
+    browser: Recordable<any> | undefined;
+};

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;
 }>;