@paykka/card-checkout-ui 0.5.17 → 0.7.0

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

@@ -1,13 +1,16 @@
+import type { CardBrand } from '../../types';
 import type { FormItemProps, FormValidationStatus } from '../internal/Form';
 import type { InputProps } from '../internal/Input';
 export interface CardNumberFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
     supportedCardBrands?: string[];
     security: boolean;
+    showLabel?: boolean;
 }
 export interface CardNumberFieldRef {
     focus: () => void;
     blur: () => void;
     resetValidation: (status: FormValidationStatus, errorTip?: string) => void;
     binValueChanged: (binValue: string) => void;
+    brandChanged: (brand?: CardBrand) => void;
     getCardBrand: () => Recordable;
 }

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

@@ -2,6 +2,7 @@ import type { FormItemProps, FormValidationStatus } from '../internal/Form';
 import type { InputProps } from '../internal/Input';
 export interface CardSecurityCodeFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
     security: boolean;
+    showLabel?: boolean;
 }
 export interface CardSecurityCodeFieldRef {
     focus: () => void;

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/CombinedCardInfo/type.d.ts

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

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

@@ -0,0 +1,4 @@
+import { type EncryptedCardProps, type EncryptedCardRef } from './type';
+export declare const EncryptedCard: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<EncryptedCardProps> & {
+    ref?: import("preact").Ref<EncryptedCardRef> | undefined;
+}>;

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

@@ -0,0 +1,4 @@
+import PayKKaEncryptedCard from './output';
+export * from './EncryptedCard';
+export * from './type';
+export { PayKKaEncryptedCard };

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

@@ -0,0 +1,9 @@
+import { type EncryptedCardProps } from './type';
+export default class PayKKaEncryptedCard {
+    constructor();
+    static init(props: EncryptedCardProps): import("./type").EncryptedCardRef | undefined;
+    static setEnv(env: {
+        apiUrl: string;
+        cdnUrl: string;
+    }): void;
+}

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,31 @@
-import type { PayRes } from '../../api';
-export interface GooglePayProps {
-    sessionId: string;
-    clientKey?: string;
+import type { PayKKaError } from '../../core';
+import type { CoreProps, PaymentSuccessData } from '../../types';
+export interface GooglePayProps extends CoreProps {
+    /** 支付授权成功后触发 */
     onSubmit?: () => void;
-    onSuccess?: (...args: any[]) => void;
-    onError?: (error: any) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (data: PaymentSuccessData) => void;
+    /** SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败 */
+    onLoad?: (status: boolean) => void;
+    /** 支付失败时触发 */
+    onError?: (error: PayKKaError) => 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/index.d.ts

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

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

@@ -1,51 +1,45 @@
-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 { EncryptCardMessage, InputStylesConfig, Message, MessageAction } from '../../types';
 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 declare enum MessageAction {
-    /** 通知 iframe 初始化 input */
-    INIT = "init",
-    /** 是否聚焦 */
-    FOCUS = "focus",
-    /** 卡 bin 信息 */
-    BIN_VALUE = "binValue",
-    /** 传递验证通过信息(附带值) */
-    VALID_WITH_VALUE = "validWithValue",
-    /** 通知隐藏iframe进行支付 */
-    PAYMENT = "payment",
-    /** 通知表单组件支付响应信息 */
-    AFTER_PAYMENT = "afterPayment",
-    /** 通知表单组件支付错误信息 */
-    PAYMENT_ERROR = "paymentError",
-    /** 通知表单组件支付超时 */
-    PAYMENT_TIMEOUT = "paymentTimeout",
-    /** 通知表单项验证信息 */
-    VALID_STATUS_CHANGED = "validStatusChanged"
-}
+export type FieldType = keyof typeof EFieldType;
 export interface SecuredFieldConfig extends FieldIframeConfig, SecuredFieldsCallback {
     rootNode: HTMLElement;
     fieldNode: HTMLElement;
@@ -54,77 +48,12 @@ export interface SecuredFieldConfig extends FieldIframeConfig, SecuredFieldsCall
     hiddenIframe: HTMLIFrameElement;
 }
 export interface FieldIframeConfig {
-    fieldType: FieldType;
+    fieldType: EFieldType;
     placeholder: string;
-    style: CSSProperties;
     hiddenIframeName: string;
     supportedCardBrands: string[];
-}
-/**
- * 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;
-};
-export interface InitMessage {
-    config?: FieldIframeConfig;
-    /** 是否隐藏，如不隐藏则为表单iframe */
-    hidden: boolean;
-    apiUrl?: string;
-    cdnUrl?: string;
-}
-export interface FocusMessage {
-    focus: boolean;
-    fieldType: FieldType;
-}
-export interface InvalidMessage {
-    errorTip: string;
-    fieldType: FieldType;
-}
-export interface ValidMessage {
-    fieldType: FieldType;
-}
-export interface BinValueMessage {
-    binValue: string;
-    fieldType: FieldType;
-}
-export interface ValidWithValueMessage {
-    value: string;
-    fieldType: FieldType;
-}
-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: FieldType;
-}
-export interface PaymentTimeoutMessage {
-    message?: string;
+    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,15 +1,20 @@
-import { FieldType, 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;
     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,10 +1,10 @@
+import type { PayKKaError } from '../../core';
+import type { CoreProps } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface SepaProps {
-    sessionId: string;
-    clientKey?: string;
+export interface SepaProps extends CoreProps {
     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/type.d.ts

@@ -1,11 +1,11 @@
 import type { PayRes } from '../../api';
+import type { PayKKaError } from '../../core';
+import type { CoreProps } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface WechatPayProps {
-    sessionId: string;
-    clientKey?: string;
+export interface WechatPayProps extends CoreProps {
     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

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

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,7 +5,9 @@ export interface InputProps extends HTMLAttributes<HTMLInputElement>, CustomAttr
     status?: 'error' | 'success';
     placeholder?: string;
     rightIcon?: ReactNode;
+    leftIcon?: ReactNode;
     inputClassName?: string;
+    showStatus?: boolean;
     onCompositionStart?: (e: CompositionEvent) => void;
 }
 export interface InputRef {
@@ -13,3 +15,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/components/internal/Loading/Loading.d.ts

@@ -0,0 +1 @@
+export declare const Loading: () => import("preact").JSX.Element;

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

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

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

@@ -0,0 +1,5 @@
+import './modal.scss';
+import type { ModalProps, ModalRef } from './type';
+export declare const Modal: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ModalProps> & {
+    ref?: import("preact").Ref<ModalRef> | undefined;
+}>;

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from "preact/compat";
+import type { CustomAttributes } from "../../../types";
+export interface ModalProps extends CustomAttributes<HTMLDivElement> {
+    /** 是否展示弹框 */
+    show: boolean;
+    /** 弹窗宽度，不传就自适应 */
+    width?: number | string;
+    /** 弹窗高度，不传就自适应 */
+    height?: number | string;
+    /** 点击蒙层是否关闭弹窗，不传默认可关闭 */
+    maskClosable?: boolean;
+    /** 弹窗头部内容 */
+    header?: ReactNode;
+    /** 弹窗内容 */
+    children?: ReactNode;
+    /** 弹窗状态改变时调用 */
+    onChange?: (status: boolean) => void;
+}
+export interface ModalRef {
+}

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

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

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

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

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

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

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

@@ -14,3 +14,6 @@ export * from './IconArrowDown';
 export * from './IconTick';
 export * from './IconSwitch';
 export * from './IconAdd';
+export * from './Icon3DSFail';
+export * from './Icon3DSSuccess';
+export * from './Icon3DSInfo';

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;