@paykka/card-checkout-ui 0.5.15 → 0.6.0

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;

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

@@ -1,27 +1,28 @@
-import { cardBrands, cardBrandsLengthList, cardBrandCodes, cardBrandIconMap, type CardBrand } from './brands';
-export { cardBrands, cardBrandsLengthList, cardBrandCodes, cardBrandIconMap, type CardBrand };
-export declare function getSupportedCardBrands(supportedCardBrands?: string[]): CardBrand[];
-export declare function findCardBrand(number: string, brands?: CardBrand[]): CardBrand | undefined;
-export declare function findCardBrandInfo(number: string, brands?: CardBrand[]): {
+import { cardBrands, cardBrandsLengthList, cardBrandCodes, cardBrandIconMap, type CardBrandConfig } from './brands';
+export { cardBrands, cardBrandsLengthList, cardBrandCodes, cardBrandIconMap };
+export declare function getSupportedCardBrands(supportedCardBrands?: string[]): CardBrandConfig[];
+export declare function findCardBrand(number: string, brands?: CardBrandConfig[]): CardBrandConfig | undefined;
+export declare function findCardBrandInfo(number: string, brands?: CardBrandConfig[]): {
     icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub;
     name: string;
-    code: import("./brands").CardBrandCode;
+    code: import("../../types").CardBrandCode;
     pattern: RegExp;
     lengths: number[];
     order: number;
 } | undefined;
-export declare function getCardBrandInfo(brand: CardBrand): {
+export declare function getCardBrandInfo(brand: CardBrandConfig): {
     icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub;
     name: string;
-    code: import("./brands").CardBrandCode;
+    code: import("../../types").CardBrandCode;
     pattern: RegExp;
     lengths: number[];
     order: number;
 };
+export type CardBrandInfo = ReturnType<typeof getCardBrandInfo>;
 export declare function finCardBrandInfoByCode(code: string): {
     icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub;
     name: string;
-    code: import("./brands").CardBrandCode;
+    code: import("../../types").CardBrandCode;
     pattern: RegExp;
     lengths: number[];
     order: number;

package/dist/types/utils/format.d.ts

@@ -1,5 +1,5 @@
-export declare const normalizedStyle: <T extends string | Recordable<any> | Nil>(...args: MaybeArray<T>[]) => string;
-export declare const normalizedClass: <T extends string | Recordable<any> | Nil>(...args: MaybeArray<T>[]) => string;
+export declare const normalizedStyle: <T extends string | Nil | Recordable<any>>(...args: MaybeArray<T>[]) => string;
+export declare const normalizedClass: <T extends string | Nil | Recordable<any>>(...args: MaybeArray<T>[]) => string;
 export declare function limitedToNumber(val: string, whitelist?: string[]): string;
 export declare function trimAll(str: string): string;
 export declare function toFixed(num: number, digits?: number): string;
@@ -14,4 +14,3 @@ export declare function parseE164(phoneNumber?: string): {
     areaCode: string;
     phoneNumber: string;
 } | null;
-export declare const style2String: (style: Recordable) => string;

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

@@ -7,6 +7,7 @@ export * from './deep-freeze';
 export * from './format';
 export * from './is';
 export * from './obj';
+export * from './style';
 export declare function getIf<T>(value: T, condition: boolean): T | undefined;
 /**
  * 将一个数值限制在指定的范围内
@@ -22,3 +23,5 @@ export declare const safeParse: <T>(dataStr: string, defaultValue?: {}) => T;
  * @return {*}
  */
 export declare function isExpired(expireDate: string): boolean;
+/** 获取两个数组的交集 */
+export declare const intersection: <T>(...arrays: T[][]) => T[];

package/dist/types/utils/load.d.ts

@@ -0,0 +1,7 @@
+/** 动态加载脚本 */
+export declare const loadScript: (params: {
+    src: string;
+    onload?: () => any;
+    onerror?: () => any;
+    extraOptions?: Partial<HTMLScriptElement>;
+}) => void;

package/dist/types/utils/style.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 将对象转换为 CSS 样式字符串
+ * @param style 样式对象
+ * @returns CSS 样式字符串
+ */
+export declare const style2String: (style?: Recordable) => string;
+/** 生成 className 映射 */
+export declare const generateClassNameMap: (selector?: string) => {
+    focus: string;
+    hover: string;
+    valid: string;
+    invalid: string;
+};
+/** 动态加载样式 */
+export declare const loadStyle: (styleStr: string, extraOptions?: Partial<HTMLScriptElement>) => void;
+/** 创建 placeholder 样式 */
+export declare const createPlaceholderStyle: (selector: string, style?: Recordable) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paykka/card-checkout-ui",
-  "version": "0.5.15",
+  "version": "0.6.0",
   "type": "module",
   "main": "dist/paykka-card-checkout-ui.umd.js",
   "module": "dist/es/index.js",
@@ -41,7 +41,7 @@
     "@ctrl/tinycolor": "^4.0.3",
     "@fingerprintjs/fingerprintjs": "^4.2.2",
     "@preact/signals": "^1.3.0",
-    "@types/applepayjs": "^14.0.8",
+    "@types/applepayjs": "^14.0.9",
     "@types/googlepay": "^0.7.6",
     "preact": "^10.24.3",
     "ts-toolbelt": "^9.6.0",