@paykka/card-checkout-ui 0.5.17 → 0.6.0

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

@@ -0,0 +1,85 @@
+import type { EncryptCardRes } from '../../api/modules/encrypted-card/type';
+import type { LocaleKeyType } from '../../i18n';
+import type { CardBrand, ElementStylesConfig } from '../../types';
+import type { FieldType } from '../SecuredFieldsProvider/type';
+import type { FormValidationStatus } from '../internal/Form';
+export interface EncryptedCardProps {
+    /** 商户 id */
+    merchantId: string;
+    /** clientKey，需要商户进行配置 */
+    clientKey: string;
+    /** 国际化语言 */
+    locale?: LocaleKeyType;
+    /**
+     * 自定义有效的卡品牌数组
+     * 待初始化时请求后端接口验证身份后也会拿到卡品牌，然后两者取交集
+     * 如果不传，则直接取后端返回的卡品牌
+     */
+    brands?: CardBrand[];
+    /** 自定义 输入框、label 和 错误提示文字 的样式 */
+    styles?: ElementStylesConfig;
+    /** 是否展示 label，展示 label 时可设置相关样式 */
+    showLabel?: boolean;
+    /**
+     * 卡 bin 信息改变触发
+     * 包含卡号前 1-6 位的值
+     * 如果用户删除卡号，或卡号不足 6 位，则卡 bin 信息为空
+     */
+    onBinChanged?: (binInfo: {
+        binValue: string;
+        brand?: CardBrand;
+    }) => void;
+    /** 只要检测到了卡品牌变化，就会调用，无论用户输入了几位卡号 */
+    onBrand?: (brand?: CardBrand) => void;
+    /** 卡信息加密成功后触发 */
+    onCardEncrypted?: (encryptedInfo: EncryptCardRes) => void;
+    /** 卡信息加密失败后触发 */
+    onCardEncryptionFailed?: () => void;
+    /**
+     * 进行了 client key 的校验后调用（此时还未渲染表单）
+     * status 为 true 表示通过校验，为 false 表示未通过
+     * res 为校验结果，包含可用的卡品牌（交集）
+     */
+    onReady?: (status: boolean, res?: {
+        brands: CardBrand[];
+    }) => void;
+    /** 表单 iframe 激活后触发 */
+    onActivated?: (fieldType: FieldType) => void;
+    /**
+     * 当输入字段获得焦点时触发
+     * fieldType 表示哪个表单项
+     */
+    onFocus?: (fieldType: FieldType) => void;
+    /**
+     * 当输入字段失去焦点时触发
+     * fieldType 表示哪个表单项
+     */
+    onBlur?: (fieldType: FieldType) => void;
+    /**
+     * 通知表单项验证信息
+     * fieldType 表示哪个表单项
+     * status 可以是错误，成功或未验证
+     */
+    onValidationChanged?: (validationInfo: {
+        fieldType: FieldType;
+        status: FormValidationStatus;
+    }) => void;
+    /** 是否为沙盒环境 */
+    sandbox?: boolean;
+}
+export interface EncryptedCardRef {
+    /** 调用该方法开始表单验证和加密流程 */
+    encrypt: () => void;
+}
+/** 包在加密表单最外面的元素id */
+export declare const ENCRYPTED_CARD_WRAPPER_ID = "encryptedCardWrapper";
+/** 包在表单元素外面的元素自定义属性名 */
+export declare const ENCRYPTED_CARD_ITEM_ATTR = "data-eci";
+/** 表单项类型 */
+export declare enum EEncryptedCardType {
+    CARD = "card",
+    CARD_NUMBER = "cardNumber",
+    CVV = "securityCode",
+    EXPIRE_DATE = "expiryDate"
+}
+export type EncryptedCardItemType = keyof typeof EEncryptedCardType;

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

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

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

@@ -0,0 +1,2 @@
+/** 动态加载GooglePay */
+export declare const loadGooglePayJS: (onload?: () => any, onerror?: () => any) => void;

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

@@ -1,41 +1,64 @@
-import type { CSSProperties, ReactNode } from 'preact/compat';
+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';
 export interface SecuredFieldsProviderProps extends SecuredFieldsCallback {
-    children: ReactNode;
-    sessionMode: SessionMode;
     i18n: I18n;
     supportedCardBrands: string[];
+    sessionMode?: SessionMode;
+    /** 包裹的子元素，如果传了targetElement，就不需要传这个 */
+    children?: ReactNode;
+    targetElement?: HTMLElement;
+    style?: InputStylesConfig;
 }
 export interface SecuredFieldsProviderRef {
     payment: (formData: any) => void;
+    encryptCard: (encryptInfo: EncryptCardMessage) => void;
     reload: () => void;
+    validate: () => void;
+    setConfig: (config: {
+        style?: InputStylesConfig;
+    }) => void;
 }
 export interface SecuredFieldsCallback {
-    onFocus: (data: Message<MessageAction.FOCUS>) => void;
-    onBinValue: (data: Message<MessageAction.BIN_VALUE>) => void;
-    onAfterPayment: (data: Message<MessageAction.AFTER_PAYMENT>) => void;
-    onPaymentError: (data: Message<MessageAction.PAYMENT_ERROR>) => void;
-    onPaymentTimeout: (data: Message<MessageAction.PAYMENT_TIMEOUT>) => void;
-    onValidStatusChanged: (data: Message<MessageAction.VALID_STATUS_CHANGED>) => void;
-}
-export declare enum FieldType {
+    onFocus?: (data: Message<MessageAction.FOCUS>) => void;
+    onBinValue?: (data: Message<MessageAction.BIN_VALUE>) => void;
+    onBrand?: (data: Message<MessageAction.BRAND>) => void;
+    onAuthorized?: (data: Message<MessageAction.AUTHORIZED>) => void;
+    onActivated?: (data: Message<MessageAction.ACTIVATED>) => void;
+    onAfterPayment?: (data: Message<MessageAction.AFTER_PAYMENT>) => void;
+    onPaymentError?: (data: Message<MessageAction.PAYMENT_ERROR>) => void;
+    onPaymentTimeout?: (data: Message<MessageAction.PAYMENT_TIMEOUT>) => void;
+    onValidStatusChanged?: (data: Message<MessageAction.VALID_STATUS_CHANGED>) => void;
+    onCardEncrypted?: (data: Message<MessageAction.CARD_ENCRYPTED>) => void;
+    onCardEncryptionFailed?: (data: Message<MessageAction.CARD_ENCRYPTION_FAILED>) => void;
+    onValidated?: (data: Message<MessageAction.VALIDATED>) => void;
+}
+export declare enum EFieldType {
     CARD_NUMBER = "CARD_NUMBER",
     CVV = "CVV",
     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 信息改变 */
     BIN_VALUE = "binValue",
+    /** 检测到卡品牌 */
+    BRAND = "brand",
     /** 传递验证通过信息(附带值) */
     VALID_WITH_VALUE = "validWithValue",
-    /** 通知隐藏iframe进行支付 */
+    /** 通知隐藏 iframe 进行支付 */
     PAYMENT = "payment",
     /** 通知表单组件支付响应信息 */
     AFTER_PAYMENT = "afterPayment",
@@ -44,7 +67,24 @@ export declare enum MessageAction {
     /** 通知表单组件支付超时 */
     PAYMENT_TIMEOUT = "paymentTimeout",
     /** 通知表单项验证信息 */
-    VALID_STATUS_CHANGED = "validStatusChanged"
+    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;
@@ -54,11 +94,11 @@ export interface SecuredFieldConfig extends FieldIframeConfig, SecuredFieldsCall
     hiddenIframe: HTMLIFrameElement;
 }
 export interface FieldIframeConfig {
-    fieldType: FieldType;
+    fieldType: EFieldType;
     placeholder: string;
-    style: CSSProperties;
     hiddenIframeName: string;
     supportedCardBrands: string[];
+    style?: InputStylesConfig;
 }
 /**
  * message data
@@ -76,6 +116,16 @@ type MessageMapping = {
     [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;
@@ -86,22 +136,23 @@ export interface InitMessage {
 }
 export interface FocusMessage {
     focus: boolean;
-    fieldType: FieldType;
+    fieldType: EFieldType;
 }
 export interface InvalidMessage {
     errorTip: string;
-    fieldType: FieldType;
+    fieldType: EFieldType;
 }
 export interface ValidMessage {
-    fieldType: FieldType;
+    fieldType: EFieldType;
 }
 export interface BinValueMessage {
     binValue: string;
-    fieldType: FieldType;
+    fieldType: EFieldType;
+    brand?: CardBrand;
 }
 export interface ValidWithValueMessage {
     value: string;
-    fieldType: FieldType;
+    fieldType: EFieldType;
 }
 export interface PaymentMessage {
     formData: any;
@@ -119,11 +170,41 @@ export interface PaymentErrorMessage {
 export interface ValidStatusChangedMessage {
     status: FormValidationStatus;
     errorTip?: string;
-    fieldType: FieldType;
+    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";

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

@@ -1,15 +1,19 @@
-import { FieldType, MessageAction, type Message } from '../SecuredFieldsProvider/type';
+import { EFieldType, MessageAction, type Message } from '../SecuredFieldsProvider/type';
 export declare const useSecuredInput: () => {
     value: import("preact/hooks").MutableRef<string>;
     cardBin: string;
     initSecuredInput: (options: {
-        fieldType: FieldType;
+        fieldType: EFieldType;
         supportedCardBrands: string[];
         sendMessage: (message: Message<MessageAction>) => void;
     }) => void;
     getConfigByFieldType: () => {
         maxLength: number;
+        inputMode: string;
         onInput: (event: Event) => void;
         validator: () => boolean;
     };
+    getCurrCardBrand: (realValue: string) => import("../../utils/card-brand/brands").CardBrandConfig | undefined;
+    brand: "VISA" | "MASTER_CARD" | "JCB" | "AMEX" | "DINERS_CLUB" | "DISCOVER" | undefined;
+    validate: () => boolean | void;
 };

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

@@ -1,7 +1,5 @@
 import type { FormValidateError } from '../internal/Form';
 export interface SepaProps {
-    sessionId: string;
-    clientKey?: string;
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (returnUrl?: string) => void;
     onError?: (error: any) => void;

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

@@ -1,8 +1,6 @@
 import type { PayRes } from '../../api';
 import type { FormValidateError } from '../internal/Form';
 export interface WechatPayProps {
-    sessionId: string;
-    clientKey?: string;
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (...args: any[]) => void;
     onError?: (error: any) => void;

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

@@ -15,3 +15,5 @@ export * from './GooglePay';
 export * from './SecuredIframe';
 export * from './Sepa';
 export * from './CardIBANField';
+export * from './EncryptedCard';
+export * from './CombinedEncryptedField';

package/dist/types/components/internal/Form/FormItem.d.ts

@@ -1,5 +1,5 @@
 import './form-item.scss';
-import type { FormItemProps, FormItemRef } from './type';
+import { type FormItemProps, type FormItemRef } from './type';
 export declare const FormItem: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<FormItemProps> & {
     ref?: import("preact").Ref<FormItemRef> | undefined;
 }>;

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

@@ -38,6 +38,7 @@ export interface FormItemProps extends CustomAttributes<HTMLDivElement> {
     triggersOfEmptyValue?: FormRuleTrigger[];
     onValidationStatusChange?: (status: FormValidationStatus) => void;
     showErrorMessage?: boolean;
+    showLabel?: boolean;
 }
 export interface FormItemRef {
     validate: (value: string, options: {
@@ -48,3 +49,9 @@ export interface FormItemRef {
     getValidateResult: () => FormValidationResult;
     resetValidation: (status?: FormValidationStatus, errors?: FormValidateError[]) => FormValidationResult;
 }
+export declare const formItemBEM: {
+    bem: (el?: Nil | (string | Recordable<any>) | (Nil | (string | Recordable<any>))[], mods?: Nil | (string | Recordable<any>) | (Nil | (string | Recordable<any>))[]) => string;
+    bemWithoutEl: (el?: Nil | (string | Recordable<any>) | (Nil | (string | Recordable<any>))[], mods?: Nil | (string | Recordable<any>) | (Nil | (string | Recordable<any>))[]) => string;
+};
+export declare const formItemLabelClassName: string;
+export declare const formItemErrorMessageClassName: string;

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

@@ -1,5 +1,5 @@
 import './input.scss';
-import type { InputProps, InputRef } from './type';
+import { type InputProps, type InputRef } from './type';
 export declare const Input: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<InputProps> & {
     ref?: import("preact").Ref<InputRef> | undefined;
 }>;

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

@@ -5,6 +5,7 @@ export interface InputProps extends HTMLAttributes<HTMLInputElement>, CustomAttr
     status?: 'error' | 'success';
     placeholder?: string;
     rightIcon?: ReactNode;
+    leftIcon?: ReactNode;
     inputClassName?: string;
     onCompositionStart?: (e: CompositionEvent) => void;
 }
@@ -13,3 +14,8 @@ export interface InputRef {
     focus: () => void;
     blur: () => void;
 }
+export declare const inputBEM: {
+    bem: (el?: Nil | (string | Recordable<any>) | (Nil | (string | Recordable<any>))[], mods?: Nil | (string | Recordable<any>) | (Nil | (string | Recordable<any>))[]) => string;
+    bemWithoutEl: (el?: Nil | (string | Recordable<any>) | (Nil | (string | Recordable<any>))[], mods?: Nil | (string | Recordable<any>) | (Nil | (string | Recordable<any>))[]) => string;
+};
+export declare const inputWrapperClassName: string;

package/dist/types/config.d.ts

@@ -1,14 +1,18 @@
 import { type LocaleKeyType } from "./i18n";
-import { type RadarEnv } from "./types";
+import { type FraudDetectionEnv } from "./types";
 export declare let apiUrl: string;
 export declare let cdnOrigin: any;
 export declare let cdnDir: any;
 export declare let cdnUrl: string;
-export declare let radarEnv: RadarEnv | undefined;
+export declare let fraudDetectionEnv: FraudDetectionEnv | undefined;
 export declare let customReqHeaders: Recordable;
 export declare let customLocale: LocaleKeyType | undefined;
+export declare let hidePaymentButton: boolean;
 export declare function setApiUrl(url: string): void;
 export declare function setCDNUrl(url: string): void;
-export declare function setRadarEnv(env: RadarEnv): void;
+export declare function setFraudDetectionEnv(env: FraudDetectionEnv): void;
 export declare function setCustomReqHeaders(headers: Recordable): void;
 export declare function setCustomLocale(locale: LocaleKeyType): void;
+export declare function setCheckoutConfig(params: {
+    hidePaymentButton?: boolean;
+}): void;

package/dist/types/constant.d.ts

@@ -16,6 +16,7 @@ export declare enum PaymentMethod {
     BOC = "BOC",
     SEPA_DEBIT = "SEPA_DEBIT"
 }
+export declare const CardPaymentMethods: PaymentMethod[];
 export declare enum PaymentType {
     PURCHASE = "PURCHASE",
     PREPARE_AUTHORIZE = "PREPARE_AUTHORIZE",

package/dist/types/core/PayKKaCheckout.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentType, JSX } from 'preact';
+import type { PayKKaInitConfiguration } from '../types';
+import { Session } from './Session';
+export declare class PayKKaCheckout {
+    private readonly config;
+    private static session?;
+    private static instance;
+    constructor(config: PayKKaInitConfiguration);
+    private init;
+    static getSession(): Session | undefined;
+    create<P extends Recordable>(component: ComponentType<P> | ((props: P) => JSX.Element), props?: Partial<P> | null): import("./create").ComponentInst<P>;
+}

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

@@ -2,3 +2,4 @@ export * from './context';
 export * from './create';
 export * from './Session';
 export * from './query';
+export * from './PayKKaCheckout';

package/dist/types/core/query.d.ts

@@ -1,2 +1,2 @@
-import { type CheckoutRes, type RequestOptions, type QueryCheckoutParams } from '../api';
-export declare function querySession({ sessionId, clientKey }: QueryCheckoutParams, options?: RequestOptions): Promise<CheckoutRes>;
+import { type RequestOptions, type QueryCheckoutParams } from '../api';
+export declare function querySession({ sessionId, clientKey }: QueryCheckoutParams, options?: RequestOptions): Promise<import("../api").CheckoutRes>;

package/dist/types/hooks/usePayState.d.ts

@@ -1,9 +1,6 @@
 import type { SubmitButtonStatus } from '../components';
 import { Session } from '../core';
-export declare function usePayState(props: {
-    sessionId: string;
-    clientKey?: string;
-}): {
+export declare function usePayState(): {
     validated: boolean;
     setValidated: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<boolean>>;
     submitButtonStatus: SubmitButtonStatus;
@@ -15,21 +12,8 @@ export declare function usePayState(props: {
     sessionReady: boolean;
     setSessionReady: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<boolean>>;
     i18n: import("../i18n").I18n;
-    payKKaRadar: {
-        "__#3@#PayKKaRadar": {
-            s: string;
-        };
-        "__#3@#collMap": {
-            STRIPE_RADAR: () => Promise<unknown>;
-        };
-        "__#3@#p": Promise<unknown[]> | undefined;
-        "__#3@#realMode": "STRIPE_RADAR"[];
-        "__#3@#keyMap": {
-            STRIPE_RADAR?: string | undefined;
-        };
-        "__#3@#transferRes"(): string;
-        readonly radarId: string;
-        "__#3@#stripeRadarColl"(): Promise<unknown>;
-        createPayKKaRadar(): Promise<void>;
+    fraudDetection: {
+        fraudDetectionID: string;
+        createFraudDetection: () => Promise<void>;
     } | null;
 };

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export * from './components';
-export { type ComponentInst, create, querySession, Session } from './core';
+export { type ComponentInst, create, querySession, Session, PayKKaCheckout } from './core';
 export { I18n, LocaleKey } from './i18n';
-export { setApiUrl, setCDNUrl, setRadarEnv, setCustomReqHeaders, setCustomLocale } from './config';
+export { setApiUrl, setCDNUrl, setFraudDetectionEnv, setCustomReqHeaders, setCustomLocale, setCheckoutConfig } from './config';
 export { getFingerprint } from './utils';

package/dist/types/out/fraud-detection.d.ts

@@ -0,0 +1,9 @@
+import { type CollModeType, type envType } from '../types';
+type FraudDetectionType = {
+    fraudDetectionID: string;
+    createFraudDetection: () => Promise<void>;
+};
+export default function getFraudDetectionInstance(env?: envType | {
+    [k in CollModeType]?: string;
+}, mode?: CollModeType[]): FraudDetectionType;
+export {};

package/dist/types/types/{radar.d.ts → fraud-detection.d.ts}

@@ -1,8 +1,9 @@
 export type envType = 'eu' | 'hk' | 'us';
 export declare const enum ECollMode {
-    STRIPE_RADAR = "STRIPE_RADAR"
+    /** Stripe Radar */
+    SR = "SR"
 }
 export type CollModeType = keyof typeof ECollMode;
-export type RadarEnv = envType | {
+export type FraudDetectionEnv = envType | {
     [k in CollModeType]?: string;
 };

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

@@ -1,3 +1,71 @@
 import type { HTMLAttributes } from 'preact/compat';
-export * from './radar';
+import type { LocaleKeyType } from '../i18n';
+import type { FraudDetectionEnv } from './fraud-detection';
+export * from './fraud-detection';
 export type CustomAttributes<T extends EventTarget, K extends keyof HTMLAttributes<T> = 'style' | 'className'> = Pick<HTMLAttributes<T>, K>;
+/** 收银台初始化参数 */
+export interface PayKKaInitConfiguration {
+    sessionId: string;
+    /** 嵌入式收银台必传，需要商户进行配置 */
+    clientKey?: string;
+    /** 国际化语言 */
+    locale?: LocaleKeyType;
+    /** 是否隐藏支付按钮 */
+    hidePaymentButton?: boolean;
+    /** 欺诈检测环境配置 */
+    fraudDetectionEnv?: FraudDetectionEnv;
+    /** 收银台已经获取到可用支付方式时调用 */
+    onPaymentMethodsReady?: (methods: string[]) => void;
+    /** 收银台过期时触发，可被组件参数中的 onExpired 回调覆盖 */
+    /** 收银台创建时报错触发 */
+    onInitError?: (error: any) => void;
+    /**
+     * sandbox 模式下所需参数
+     */
+    /** 是否采用 sandbox 环境，用于进行测试 */
+    sandbox?: boolean;
+}
+export type PaymentSuccessData = {
+    returnUrl?: string;
+};
+export declare enum CardBrandCode {
+    VISA = "VISA",
+    MASTER_CARD = "MASTER_CARD",
+    JCB = "JCB",
+    AMEX = "AMEX",
+    DISCOVER = "DISCOVER",
+    DINERS_CLUB = "DINERS_CLUB"
+}
+export type CardBrand = keyof typeof CardBrandCode;
+export interface ElementStylesConfig {
+    /** input 元素的样式 */
+    input?: InputStylesConfig;
+    /** label 文案的样式 */
+    label?: StylesConfig;
+    /** 错误提示文案的样式 */
+    errorMessage?: Partial<CSSStyleDeclaration>;
+}
+export interface StylesConfig {
+    /** 默认样式 */
+    base?: Partial<CSSStyleDeclaration>;
+    /** 校验通过时样式 */
+    valid?: Partial<CSSStyleDeclaration>;
+    /** 校验不通过时样式 */
+    invalid?: Partial<CSSStyleDeclaration>;
+    /** 聚焦元素时样式 */
+    focus?: Partial<CSSStyleDeclaration>;
+}
+export interface InputStylesConfig extends StylesConfig {
+    /** placeholder样式 */
+    placeholder?: {
+        /** 默认样式 */
+        base?: Partial<CSSStyleDeclaration>;
+        /** 聚焦元素时样式 */
+        focus?: Partial<CSSStyleDeclaration>;
+    };
+    /** 将鼠标悬停在元素上的样式 */
+    hover?: Partial<CSSStyleDeclaration>;
+}
+export declare const defaultInputStyleConfig: InputStylesConfig;
+export declare const inputStyleAttrs: string[];
+export type StyleStatusType = 'valid' | 'invalid' | 'focus' | 'blur' | 'base';

package/dist/types/utils/card-brand/brands.d.ts

@@ -1,21 +1,14 @@
 import { IconAmex, IconDinnersClub, IconDiscover, IconJcb, IconMasterCard, IconVisa } from '../../components/internal/icons';
-export declare enum CardBrandCode {
-    VISA = "VISA",
-    MASTER_CARD = "MASTER_CARD",
-    JCB = "JCB",
-    AMEX = "AMEX",
-    DISCOVER = "DISCOVER",
-    DINERS_CLUB = "DINERS_CLUB"
-}
+import { CardBrandCode } from '../../types';
 export declare const cardBrandCodes: CardBrandCode[];
-export interface CardBrand {
+export interface CardBrandConfig {
     name: string;
     code: CardBrandCode;
     pattern: RegExp;
     lengths: number[];
     order: number;
 }
-export declare const cardBrands: CardBrand[];
+export declare const cardBrands: CardBrandConfig[];
 export declare const cardBrandIconMap: {
     VISA: typeof IconVisa;
     MASTER_CARD: typeof IconMasterCard;