@paykka/card-checkout-ui 0.6.0 → 0.8.0

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

@@ -1,5 +1,6 @@
 import './ali-pay.scss';
 import type { AliPayProps, AliPayRef } from './type';
-export declare const AliPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<AliPayProps> & {
+import type { CoreProps } from '../../types';
+export declare const AliPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<AliPayProps & CoreProps> & {
     ref?: import("preact").Ref<AliPayRef> | undefined;
 }>;

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

@@ -1,9 +1,10 @@
 import type { PayRes } from '../../api';
+import type { PayKKaError } from '../../core';
 import type { FormValidateError } from '../internal/Form';
 export interface AliPayProps {
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (...args: any[]) => void;
-    onError?: (error: any) => void;
+    onError?: (error: PayKKaError) => void;
     onTimeout?: (source: 'retry' | 'channel') => void;
     onExpired?: () => void;
     onSubmitResponse?: (payRes: PayRes) => void;

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

@@ -1,5 +1,6 @@
 import './apple-pay.scss';
 import type { ApplePayProps, ApplePayRef } from './type';
-export declare const ApplePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ApplePayProps> & {
+import type { CoreProps } from '../../types';
+export declare const ApplePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ApplePayProps & CoreProps> & {
     ref?: import("preact").Ref<ApplePayRef> | undefined;
 }>;

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

@@ -1,3 +1,4 @@
+import type { PayKKaError } from '../../core';
 import type { PaymentSuccessData } from '../../types';
 export interface ApplePayProps {
     /** 支付授权成功后触发 */
@@ -7,21 +8,24 @@ export interface ApplePayProps {
     /** SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败 */
     onLoad?: (status: boolean) => void;
     /** 支付失败时触发 */
-    onError?: (error: any) => void;
+    onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: (source: 'retry' | 'channel') => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /** 交易被风控拦截时触发 */
-    onAuthorized?: () => void;
     /** 支付取消时触发 */
     onCancel?: () => void;
     /** Apple Pay 按钮是否可用 */
     onCanUse?: (canUse: boolean) => void;
     /**
-     * 内部使用
+     * @internal
+     * 交易被风控拦截时触发
+     */
+    onAuthorized?: () => void;
+    /**
+     * @internal
+     * 点击 GooglePay 按钮
      */
-    /** 点击 ApplePay 按钮 */
     onBtnClick?: () => void;
 }
 export interface ApplePayRef {

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

@@ -1,5 +1,6 @@
 import './card.scss';
 import type { CardProps, CardRef } from './type';
-export declare const Card: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<CardProps> & {
+import { type CoreProps } from '../../types';
+export declare const Card: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<CardProps & CoreProps> & {
     ref?: import("preact").Ref<CardRef> | undefined;
 }>;

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

@@ -1,30 +1,76 @@
-import type { PaymentSuccessData } from '../../types';
+import type { PayKKaError } from '../../core';
+import type { ElementStylesConfig, PaymentSuccessData } from '../../types';
 import type { FormValidateError } from '../internal/Form';
 export interface CardProps {
+    /** 定义卡敏感信息表单布局展示，split 为分割布局，combine 为合并布局 */
+    cardInfoLayout?: CardInfoLayout;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showEmail?: boolean;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    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;
     /** 支付失败时触发 */
-    onError?: (error: any) => void;
+    onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
-    /** 交易被风控拦截时触发 */
-    onAuthorized?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /** 交易需要 3DS 验证时触发，url 为 3DS 验证链接，incomplete 为 false 表示目前要开始进行 3DS 验证，为 true 表示上一次 3DS 验证还未完成 */
+    /**
+     * @internal
+     * 交易被风控拦截时触发
+     */
+    onAuthorized?: () => void;
+    /**
+     * @internal
+     * 交易需要 3DS 验证时触发，url 为 3DS 验证链接，incomplete 为 false 表示目前要开始进行 3DS 验证，为 true 表示上一次 3DS 验证还未完成
+     */
     onThreeDS?: (url: string, incomplete: boolean) => void;
 }
 export interface CardRef {
-    /** 3DS 验证流程结束后可调用该方法轮询收银台支付状态 */
-    checkThreeDS: () => void;
     /** 不展示支付按钮时，可调用该方法进行支付 */
     payment: () => void;
-    /** 进行表单切换时更新已填的地址信息 */
+    /**
+     * @internal
+     * 3DS 验证流程结束后可调用该方法轮询收银台支付状态
+     */
+    checkThreeDS: () => void;
+    /**
+     * @internal
+     * 进行表单切换时更新已填的地址信息
+     */
     updateAddress: () => void;
-    /** 进行表单切换时更新已填的邮箱信息 */
+    /**
+     * @internal
+     * 进行表单切换时更新已填的邮箱信息
+     */
     updateEmail: () => void;
 }
+export type CardInfoLayout = 'split' | 'combine';

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

@@ -1,4 +1,4 @@
 import type { FormItemProps } from '../internal/Form';
 import type { InputProps } from '../internal/Input';
-export interface CardHolderNameFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
+export interface CardHolderNameFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput' | 'disabled'> {
 }

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

@@ -0,0 +1,5 @@
+import type { CombinedCardInfoProps, CombinedCardInfoRef } from './type';
+import './combined-card-info.scss';
+export declare const CombinedCardInfo: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<CombinedCardInfoProps> & {
+    ref?: import("preact").Ref<CombinedCardInfoRef> | undefined;
+}>;

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

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

package/dist/types/components/{CombinedEncryptedField → CombinedCardInfo}/type.d.ts

@@ -1,11 +1,12 @@
 import type { CardBrand } from '../../types';
 import type { FormItemProps, FormValidationStatus } from '../internal/Form';
 import type { InputProps } from '../internal/Input';
-export interface CombinedEncryptedFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
+export interface CombinedCardInfoProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
     supportedCardBrands?: string[];
     security: boolean;
+    showLabel?: boolean;
 }
-export interface CombinedEncryptedFieldRef {
+export interface CombinedCardInfoRef {
     focus: () => void;
     blur: () => void;
     resetValidation: (status: FormValidationStatus, errorTip?: string) => void;

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

@@ -0,0 +1,6 @@
+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> & {
+    ref?: import("preact").Ref<DropInRefs> | undefined;
+}>;

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

@@ -0,0 +1,3 @@
+import type { PaymentTabsProps } from './type';
+import './payment-tabs.scss';
+export declare const PaymentTabs: (props: PaymentTabsProps) => import("preact").JSX.Element;

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

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

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

@@ -0,0 +1,11 @@
+import type { PaymentCategory } from '../../../../constant';
+import type { PaymentTypeOptions } from '../../type';
+export interface PaymentTabsProps {
+    value: PaymentCategory;
+    tabs: PaymentTypeOptions[];
+    enabled?: PaymentCategory;
+    themeColor?: string;
+    onChange?: (type: PaymentCategory) => void;
+}
+export interface PaymentTabsRefs {
+}

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

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

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

@@ -0,0 +1,49 @@
+import type { ReactNode } from 'preact/compat';
+import type { PaymentSuccessData } 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 {
+    /**
+     * 配置各种支付方式的参数
+     * 最终展示的支付方式由创建收银台请求返回结果决定，而不是由该参数决定
+     */
+    paymentMethods?: PaymentMethodsConfig;
+    /**
+     * 布局，tabs 表示在tab切换式布局，accordion 表示折叠式布局(手风琴)
+     * 目前暂不支持 accordion 布局
+     * @default tabs
+     */
+    layout?: 'tabs' | 'accordion';
+    /** 提交表单时触发 */
+    onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (data: PaymentSuccessData) => void;
+    /** 支付失败时触发 */
+    onError?: (error: PayKKaError) => void;
+    /** 支付超时时触发 */
+    onTimeout?: () => void;
+    /** 收银台已过期时触发 */
+    onExpired?: () => void;
+}
+export interface DropInRefs {
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+}
+export type PaymentMethodsConfig = {
+    [key in DropInPaymentCategory]: Partial<PaymentComponentProps<key>>;
+};
+export interface PaymentTypeOptions {
+    icon: ReactNode;
+    name: string;
+    type: DropInPaymentCategory;
+}
+/**
+ * 当前 drop in 支持的支付方式
+ * 目前暂不支持 WeChatPay 和 Alipay
+ */
+export declare const dropInSupportedPaymentMethods: PaymentMethod[];
+export type DropInPaymentCategory = PaymentCategory.APPLE_PAY | PaymentCategory.GOOGLE_PAY | PaymentCategory.CARD;
+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,5 +1,6 @@
 import './google-pay.scss';
 import type { GooglePayProps, GooglePayRef } from './type';
-export declare const GooglePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GooglePayProps> & {
+import type { CoreProps } from '../../types';
+export declare const GooglePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GooglePayProps & CoreProps> & {
     ref?: import("preact").Ref<GooglePayRef> | undefined;
 }>;

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

@@ -1,3 +1,4 @@
+import type { PayKKaError } from '../../core';
 import type { PaymentSuccessData } from '../../types';
 export interface GooglePayProps {
     /** 支付授权成功后触发 */
@@ -7,24 +8,35 @@ export interface GooglePayProps {
     /** SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败 */
     onLoad?: (status: boolean) => void;
     /** 支付失败时触发 */
-    onError?: (error: any) => void;
+    onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: (source: 'retry' | 'channel') => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /** 交易被风控拦截时触发 */
-    onAuthorized?: () => void;
-    /** 交易需要 3DS 验证时触发，url 为 3DS 验证链接，incomplete 为 false 表示目前要开始进行 3DS 验证，为 true 表示上一次 3DS 验证还未完成 */
-    onThreeDS?: (url: string, incomplete: boolean) => void;
     /** 当前设备环境是否可用于 Google Pay 支付 */
     onCanUse?: (canUse: boolean) => void;
     /**
-     * 内部使用
+     * @internal
+     * 交易被风控拦截时触发
+     */
+    onAuthorized?: () => void;
+    /**
+     * @internal
+     * 交易需要 3DS 验证时触发
+     * url 为 3DS 验证链接
+     * incomplete 为 false 表示目前要开始进行 3DS 验证，为 true 表示上一次 3DS 验证还未完成
+     */
+    onThreeDS?: (url: string, incomplete: boolean) => void;
+    /**
+     * @internal
+     * 点击 GooglePay 按钮
      */
-    /** 点击 GooglePay 按钮 */
     onBtnClick?: () => void;
 }
 export interface GooglePayRef {
-    /** 3DS 验证流程结束后可调用该方法轮询收银台支付状态 */
+    /**
+     * @internal
+     * 3DS 验证流程结束后可调用该方法轮询收银台支付状态
+     */
     checkThreeDS: () => void;
 }

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

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

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

@@ -1,10 +1,7 @@
 import type { ReactNode } from 'preact/compat';
 import type { SessionMode } from '../../constant';
 import type { I18n } from '../../i18n';
-import type { PayRes } from '../../api';
-import type { FormValidationStatus } from '../internal/Form';
-import type { CardBrand, InputStylesConfig } from '../../types';
-import type { EncryptCardRes } from '../../api/modules/encrypted-card/type';
+import type { EncryptCardMessage, InputStylesConfig, Message, MessageAction } from '../../types';
 export interface SecuredFieldsProviderProps extends SecuredFieldsCallback {
     i18n: I18n;
     supportedCardBrands: string[];
@@ -43,49 +40,6 @@ export declare enum EFieldType {
     EXPIRE_DATE = "EXPIRE_DATE"
 }
 export type FieldType = keyof typeof EFieldType;
-export declare enum MessageAction {
-    /** 通知 iframe 初始化 input */
-    INIT = "init",
-    /** 表单 iframe DOM 已加载 */
-    ACTIVATED = "Activated",
-    /** 隐藏的 iframe 已经加载 */
-    HIDDEN_IFRAME_READY = "hiddenIframeReady",
-    /** 是否聚焦 */
-    FOCUS = "focus",
-    /** 卡 bin 信息改变 */
-    BIN_VALUE = "binValue",
-    /** 检测到卡品牌 */
-    BRAND = "brand",
-    /** 传递验证通过信息(附带值) */
-    VALID_WITH_VALUE = "validWithValue",
-    /** 通知隐藏 iframe 进行支付 */
-    PAYMENT = "payment",
-    /** 通知表单组件支付响应信息 */
-    AFTER_PAYMENT = "afterPayment",
-    /** 通知表单组件支付错误信息 */
-    PAYMENT_ERROR = "paymentError",
-    /** 通知表单组件支付超时 */
-    PAYMENT_TIMEOUT = "paymentTimeout",
-    /** 通知表单项验证信息 */
-    VALID_STATUS_CHANGED = "validStatusChanged",
-    /** 通知表单项校验 */
-    VALIDATE = "validate",
-    /** 通知表单项校验结果 */
-    VALIDATED = "validated",
-    /** 通知表单项配置 */
-    SET_CONFIG = "setConfig",
-    /**
-     * frames
-     */
-    /** 通知 clientKey 已校验 */
-    AUTHORIZED = "authorized",
-    /** 通知隐藏 iframe 加密卡信息 */
-    ENCRYPT_CARD = "encryptCard",
-    /** 通知加密后的卡信息 */
-    CARD_ENCRYPTED = "cardEncrypted",
-    /** 通知卡信息加密错误 */
-    CARD_ENCRYPTION_FAILED = "cardEncryptionFailed"
-}
 export interface SecuredFieldConfig extends FieldIframeConfig, SecuredFieldsCallback {
     rootNode: HTMLElement;
     fieldNode: HTMLElement;
@@ -100,112 +54,6 @@ export interface FieldIframeConfig {
     supportedCardBrands: string[];
     style?: InputStylesConfig;
 }
-/**
- * message data
- */
-export type Message<T extends MessageAction> = {
-    action: T;
-} & MessageMapping[T];
-type MessageMapping = {
-    [MessageAction.INIT]: InitMessage;
-    [MessageAction.FOCUS]: FocusMessage;
-    [MessageAction.BIN_VALUE]: BinValueMessage;
-    [MessageAction.VALID_WITH_VALUE]: ValidWithValueMessage;
-    [MessageAction.PAYMENT]: PaymentMessage;
-    [MessageAction.AFTER_PAYMENT]: AfterPaymentMessage;
-    [MessageAction.PAYMENT_ERROR]: PaymentErrorMessage;
-    [MessageAction.PAYMENT_TIMEOUT]: PaymentTimeoutMessage;
-    [MessageAction.VALID_STATUS_CHANGED]: ValidStatusChangedMessage;
-    [MessageAction.ENCRYPT_CARD]: EncryptCardMessage;
-    [MessageAction.CARD_ENCRYPTED]: CardEncryptedMessage;
-    [MessageAction.CARD_ENCRYPTION_FAILED]: CardEncryptionFailedMessage;
-    [MessageAction.AUTHORIZED]: AuthorizedMessage;
-    [MessageAction.BRAND]: BrandMessage;
-    [MessageAction.ACTIVATED]: ActivatedMessage;
-    [MessageAction.HIDDEN_IFRAME_READY]: {};
-    [MessageAction.VALIDATE]: {};
-    [MessageAction.VALIDATED]: ValidatedMessage;
-    [MessageAction.SET_CONFIG]: SetConfigMessage;
-};
-export interface InitMessage {
-    config?: FieldIframeConfig;
-    /** 是否隐藏，如不隐藏则为表单iframe */
-    hidden: boolean;
-    apiUrl?: string;
-    cdnUrl?: string;
-}
-export interface FocusMessage {
-    focus: boolean;
-    fieldType: EFieldType;
-}
-export interface InvalidMessage {
-    errorTip: string;
-    fieldType: EFieldType;
-}
-export interface ValidMessage {
-    fieldType: EFieldType;
-}
-export interface BinValueMessage {
-    binValue: string;
-    fieldType: EFieldType;
-    brand?: CardBrand;
-}
-export interface ValidWithValueMessage {
-    value: string;
-    fieldType: EFieldType;
-}
-export interface PaymentMessage {
-    formData: any;
-    locale: string;
-}
-export interface AfterPaymentMessage {
-    response: PayRes;
-}
-export interface PaymentErrorMessage {
-    error: {
-        message: string;
-        code: string;
-    };
-}
-export interface ValidStatusChangedMessage {
-    status: FormValidationStatus;
-    errorTip?: string;
-    fieldType: EFieldType;
-}
-export interface PaymentTimeoutMessage {
-    message?: string;
-}
-export interface CardEncryptedMessage {
-    encryptedInfo: EncryptCardRes;
-}
-export interface CardEncryptionFailedMessage {
-    error: {
-        message: string;
-        code: string;
-    };
-}
-export interface AuthorizedMessage {
-    success: boolean;
-}
-export interface BrandMessage {
-    brand?: CardBrand;
-    fieldType: EFieldType;
-}
-export interface EncryptCardMessage {
-    merchantId: string;
-    clientKey: string;
-}
-export interface ActivatedMessage {
-    fieldType: EFieldType;
-}
-export interface ValidatedMessage {
-    status: FormValidationStatus;
-    fieldType: EFieldType;
-}
-export interface SetConfigMessage {
-    style?: InputStylesConfig;
-}
 export declare const SECURED_FILED_ATTR = "data-sf";
 export declare const SECURED_IFRAME_CLASS_NAME = "secured-iframe";
 export declare const HIDDEN_IFRAME_NAME = "hidden-pay-iframe";
-export {};

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

@@ -1,2 +1,2 @@
 export * from './fields';
-export * from './iframe';
+export * from './securedFields';

package/dist/types/components/SecuredIframe/useSecuredInput.d.ts

@@ -1,4 +1,5 @@
-import { EFieldType, MessageAction, type Message } from '../SecuredFieldsProvider/type';
+import { EFieldType } from '../SecuredFieldsProvider/type';
+import type { Message, MessageAction } from '../../types';
 export declare const useSecuredInput: () => {
     value: import("preact/hooks").MutableRef<string>;
     cardBin: string;

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

@@ -1,5 +1,6 @@
 import './sepa.scss';
 import type { SepaProps, SepaRef } from './type';
-export declare const Sepa: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<SepaProps> & {
+import type { CoreProps } from '../../types';
+export declare const Sepa: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<SepaProps & CoreProps> & {
     ref?: import("preact").Ref<SepaRef> | undefined;
 }>;

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

@@ -1,8 +1,9 @@
+import type { PayKKaError } from '../../core';
 import type { FormValidateError } from '../internal/Form';
 export interface SepaProps {
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (returnUrl?: string) => void;
-    onError?: (error: any) => void;
+    onError?: (error: PayKKaError) => void;
     onTimeout?: () => void;
     onAuthorized?: () => void;
     onExpired?: () => void;

package/dist/types/components/ThreeDS/components/ThreeDSAuth/ThreeDSAuth.d.ts

@@ -0,0 +1,3 @@
+import type { ThreeDSAuthProps } from './type';
+import './three-ds-auth.scss';
+export declare const ThreeDSAuth: (props: ThreeDSAuthProps) => import("preact").JSX.Element;

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

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

package/dist/types/components/ThreeDS/components/ThreeDSAuth/type.d.ts

@@ -0,0 +1,17 @@
+import type { CheckoutTheme } from '../../../../api';
+export interface ThreeDSAuthProps {
+    /** 是否展示弹框 */
+    show: boolean;
+    /** 是否已完成 3DS 认证 */
+    incomplete?: boolean;
+    /** 3DS 认证页面地址 */
+    url?: string;
+    /** 弹窗宽度，不传就自适应 */
+    width?: number | string;
+    /** 弹窗高度，不传就自适应 */
+    height?: number | string;
+    /** 主题 */
+    theme?: CheckoutTheme;
+    /** 关闭弹框 */
+    onClose?: () => void;
+}

package/dist/types/components/ThreeDS/components/ThreeDSIframe/ThreeDSIframe.d.ts

@@ -0,0 +1,2 @@
+import type { ThreeDSIframeProps } from './type';
+export declare const ThreeDSIframe: (props: ThreeDSIframeProps) => import("preact").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './ThreeDSIframe';

package/dist/types/components/ThreeDS/components/ThreeDSIframe/output.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ThreeDS/components/ThreeDSIframe/type.d.ts

@@ -0,0 +1,5 @@
+export interface ThreeDSIframeProps {
+    uniqueId: string;
+    signature: string;
+    action: string;
+}

package/dist/types/components/ThreeDS/components/ThreeDSStatus/ThreeDSStatus.d.ts

@@ -0,0 +1,3 @@
+import type { ThreeDSStatusProps } from './type';
+import './three-ds-status.scss';
+export declare const ThreeDSStatus: (props: ThreeDSStatusProps) => import("preact").JSX.Element;

package/dist/types/components/ThreeDS/components/ThreeDSStatus/output.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ThreeDS/components/ThreeDSStatus/type.d.ts

@@ -0,0 +1,6 @@
+import type { LocaleKeyType } from "../../../../i18n";
+export type ThreeDSStatusType = 'success' | 'fail';
+export type ThreeDSStatusProps = {
+    status: ThreeDSStatusType;
+    locale: LocaleKeyType;
+};

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

@@ -0,0 +1 @@
+export * from './components/ThreeDSAuth';

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

@@ -1,5 +1,6 @@
 import './wechat-pay.scss';
 import type { WechatPayProps, WechatPayRef } from './type';
-export declare const WechatPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<WechatPayProps> & {
+import type { CoreProps } from '../../types';
+export declare const WechatPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<WechatPayProps & CoreProps> & {
     ref?: import("preact").Ref<WechatPayRef> | undefined;
 }>;

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

@@ -1,9 +1,10 @@
 import type { PayRes } from '../../api';
+import type { PayKKaError } from '../../core';
 import type { FormValidateError } from '../internal/Form';
 export interface WechatPayProps {
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (...args: any[]) => void;
-    onError?: (error: any) => void;
+    onError?: (error: PayKKaError) => void;
     onTimeout?: (source: 'retry' | 'channel') => void;
     onExpired?: () => void;
     onSubmitResponse?: (payRes: PayRes) => void;

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

@@ -16,4 +16,5 @@ export * from './SecuredIframe';
 export * from './Sepa';
 export * from './CardIBANField';
 export * from './EncryptedCard';
-export * from './CombinedEncryptedField';
+export * from './CombinedCardInfo';
+export * from './DropIn';