@paykka/card-checkout-ui 0.13.5 → 0.13.7

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

@@ -6,3 +6,8 @@ export declare const getRiskAuthorization: (params: {
     channel: any;
     expireTime: any;
 }>;
+export declare const getChannelConfig: (channel: string, options?: RequestOptions) => Promise<{
+    stripe: {
+        key: string;
+    };
+}>;

package/dist/types/constant.d.ts

@@ -87,3 +87,7 @@ export declare enum SessionMode {
     /** 组件式收银台 */
     COMPONENT = "COMPONENT"
 }
+export declare enum ChannelCode {
+    STRIPE = "STRIPE",
+    WORLDPAY = "WORLD_PAY"
+}

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

@@ -1,4 +1,3 @@
-import type { FraudDetectionEnv, PayKKaEnvType } from '../types';
+import type { PayKKaEnvType } from '../types';
 export declare const apiEnv: Record<PayKKaEnvType, string>;
 export declare const cdnEnv: Record<PayKKaEnvType, string>;
-export declare const fraudDetectionEnv: Record<PayKKaEnvType, FraudDetectionEnv>;

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

@@ -6,7 +6,6 @@ export declare function usePayState(session: Session, core?: PayKKaCheckout): {
     setErrorMsg: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<string>>;
     i18n: import("../i18n").I18n;
     fraudDetection: {
-        fraudDetectionID: string;
         getFraudDetectionId: (options?: {
             bin?: string | undefined;
         } | undefined) => Promise<string>;

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

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

package/dist/types/out/stripe-radar.d.ts

@@ -0,0 +1,21 @@
+import type { FraudDetectionOptions } from './types';
+/**
+ * Stripe Radar，单例模式，radar session id 是非必须的，不用等待其完成
+ * 1. 请求后端接口获取 radar key && 加载 stripe.js
+ * 2. 将 radar key 设置到 stripe 实例
+ * 3. 调用 stripe.createRadarSession() 创建 radar session
+ * 4. 获取生成的 radar session id
+ *
+ * @see {@link https://docs.stripe.com/radar/radar-session}
+ */
+export declare class StripeRadar {
+    private static instance;
+    private options?;
+    private radarSessionId;
+    constructor(options?: FraudDetectionOptions);
+    private init;
+    getFraudDetectionId(): string | undefined;
+    private setRadarSessionId;
+    private getStripeKey;
+    private loadStripeScript;
+}

package/dist/types/out/types.d.ts

@@ -1,4 +1,2 @@
-import type { FraudDetectionEventType } from '../types/event';
-export type FraudDetectionOptions = {
-    onEvent?: (event: FraudDetectionEventType) => void;
-};
+import type { PayKKaInitConfiguration } from '../types';
+export type FraudDetectionOptions = {} & Pick<PayKKaInitConfiguration, 'onEvent'>;

package/dist/types/out/worldpay-ddc.d.ts

@@ -1,12 +1,15 @@
 import type { FraudDetectionOptions } from './types';
 /**
- * reference: https://docs.worldpay.com/apis/wpg/directintegration/cardinalsecuretest
  * worldpay ddc，单例模式，此处 SessionId 指的是 fraudDetectionId
+ *
+ * @remarks
  * 1. 前端调用后端接口返回 JWT
  * 2. 前端将 JWT 和 bin 传给 iframe
  * 3. iframe 提交数据到 Worldpay
  * 4. Worldpay 返回 SessionId
  * 5. 前端支付时将 SessionId 传给后端
+ *
+ * @see {@link https://docs.worldpay.com/apis/wpg/directintegration/cardinalsecuretest}
  */
 export declare class WorldpayDDC {
     private static instance;
@@ -17,7 +20,11 @@ export declare class WorldpayDDC {
     private fraudDetectionId;
     private p;
     private options?;
-    constructor(options?: FraudDetectionOptions);
+    private config;
+    constructor(config?: {
+        ddcOrigin?: string;
+        ddcCollectUrl?: string;
+    }, options?: FraudDetectionOptions);
     /**
      * 获取 fraudDetectionId，每次支付的时候都要调用
      * @param bin 最好是完整卡号，至少得是 6 位卡 bin

package/dist/types/out/worldpay-jsc.d.ts

@@ -0,0 +1,38 @@
+import './worldpay-jsc-origin';
+import type { FraudDetectionOptions } from './types';
+/**
+ * {@link https://docs.worldpay.com/apis/wpg/fraudsightglobal/fraudsightdirect#worldpay-device-javascript-collector-jsc-}
+ * {@link https://developer.worldpay.com/products/fraudsight/device-data/web?utm_source=chatgpt.com}
+ *
+ * worldpay jsc，单例模式，worldpay 喜欢恶心人，文档写的烂，代码更烂，接了 ddc 还要 jsc，也好意思叫 worldpay
+ * 1. 前端需要植入 worldpay jsc 的一段垃圾代码，我放到了 worldpay-jsc-origin 文件里，这段代码主要是进行指纹采集 + 加载欺诈检测脚本
+ * 2. 按照 worldpay jsc 文档中的需求对这一段垃圾代码进行修修改改
+ * 3. 把这个垃圾代码单独打包放到 cdn
+ * 4. 收银台初始化时调用 worldpayJSCOrigin.load 方法进行指纹采集 + 加载欺诈检测脚本
+ * 5. getFraudDetectionId 生成的 id 即为传给后端的 id
+ *
+ * @remarks
+ * 😱😱😱worldpay 会定期更新这段垃圾代码，所以要定期更新这段垃圾代码😱😱😱
+ * 如何判断需要更新垃圾代码：worldpay 会给脚本添加一个 version 字段，如果变了，就需要更新垃圾代码（目前是 4）
+ * 更新垃圾代码之后记得将变量 threatmetrix 替换成 window.worldpayJSCOrigin，profile 替换成 load
+ */
+export declare class WorldpayJSC {
+    private static instance;
+    private options?;
+    fraudDetectionId: string | null;
+    config: {
+        organizationId: string;
+        profilingDomain: string;
+    };
+    constructor(config?: {
+        organizationId?: string;
+        profilingDomain?: string;
+    }, options?: FraudDetectionOptions);
+    private init;
+    private loadJSC;
+    /**
+     * 生成一个随机 fraudDetectionId
+     * @returns 随机生成的 fraudDetectionId
+     */
+    private getFraudDetectionId;
+}

package/dist/types/types/event.d.ts

@@ -11,6 +11,8 @@ export declare enum FraudDetectionEventType {
     STRIPE_RADAR_ERROR = "stripeRadar:error",
     /** stripe radar 加载失败 */
     STRIPE_RADAR_LOAD_ERROR = "stripeRadar:loadError",
+    /** stripe radar 渠道配置 API 报错 */
+    STRIPE_RADAR_API_ERROR = "stripeRadar:apiError",
     /** stripe radar 开始获取 */
     STRIPE_RADAR_START = "stripeRadar:start",
     /** stripe radar 成功 */
@@ -22,5 +24,30 @@ export declare enum FraudDetectionEventType {
     /** worldpay ddc 超时 */
     WORLDPAY_DDC_TIMEOUT = "worldpayDDC:timeout",
     /** worldpay ddc 成功 */
-    WORLDPAY_DDC_SUCCESS = "worldpayDDC:success"
+    WORLDPAY_DDC_SUCCESS = "worldpayDDC:success",
+    /** worldpay jsc 开始获取 */
+    WORLDPAY_JSC_START = "worldpayJSC:start",
+    /** worldpay jsc 获取 sessionId 报错 */
+    WORLDPAY_JSC_ERROR = "worldpayJSC:error",
+    /** worldpay jsc 成功 */
+    WORLDPAY_JSC_SUCCESS = "worldpayJSC:success"
+}
+export type EventData<T extends FraudDetectionEventType> = EventDataMapping[T];
+export interface EventDataMapping {
+    [FraudDetectionEventType.FRAUD_DETECTION_TRANSFORM_ERROR]: undefined;
+    [FraudDetectionEventType.STRIPE_RADAR_API_ERROR]: CommonEventData;
+    [FraudDetectionEventType.STRIPE_RADAR_LOAD_ERROR]: undefined;
+    [FraudDetectionEventType.STRIPE_RADAR_SUCCESS]: undefined;
+    [FraudDetectionEventType.STRIPE_RADAR_START]: undefined;
+    [FraudDetectionEventType.WORLDPAY_DDC_ERROR]: undefined;
+    [FraudDetectionEventType.WORLDPAY_DDC_TIMEOUT]: undefined;
+    [FraudDetectionEventType.WORLDPAY_DDC_SUCCESS]: undefined;
+    [FraudDetectionEventType.WORLDPAY_DDC_START]: undefined;
+    [FraudDetectionEventType.WORLDPAY_JSC_ERROR]: undefined;
+    [FraudDetectionEventType.WORLDPAY_JSC_SUCCESS]: undefined;
+    [FraudDetectionEventType.WORLDPAY_JSC_START]: undefined;
+    [FraudDetectionEventType.STRIPE_RADAR_ERROR]: undefined;
+}
+export interface CommonEventData {
+    message?: string;
 }

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

@@ -1,11 +1,11 @@
-export type envType = 'eu' | 'hk' | 'us';
+import type { PayKKaEnvType } from '.';
 export declare const enum ECollMode {
     /** Stripe Radar */
     SR = "SR",
     /** Worldpay DDC */
-    WP = "WP"
+    WP = "WP",
+    /** Worldpay JSC */
+    WJ = "WJ"
 }
 export type CollModeType = keyof typeof ECollMode;
-export type FraudDetectionEnv = envType | {
-    [k in CollModeType]?: string;
-};
+export type FraudDetectionEnv = PayKKaEnvType | FraudDetectionConfig;

package/dist/types/types/message.d.ts

@@ -191,5 +191,6 @@ export interface DDCResultMessage extends BaseMessage {
 export interface DDCJwtBinMessage {
     jwt: string;
     bin: string;
+    url: string;
 }
 export {};

package/package.json

@@ -1,67 +1,67 @@
-{
-  "name": "@paykka/card-checkout-ui",
-  "version": "0.13.5",
-  "type": "module",
-  "main": "dist/paykka-card-checkout-ui.umd.js",
-  "module": "dist/es/index.js",
-  "typings": "dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/es/index.js",
-      "require": "./dist/paykka-card-checkout-ui.umd.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./*": "./dist/*"
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "dev": "vite --host",
-    "build": "pnpm type-check && pnpm build:npm && pnpm build:inner && pnpm copy-dist-to-cdn && pnpm build:outer",
-    "build:npm": "tsx ./build/run.ts",
-    "build:inner": "tsx ./build/runInner.ts",
-    "build:outer": "tsx ./build/runOuter.ts",
-    "build:type": "tsc -p ./tsconfig.build.json",
-    "copy-dist-to-cdn": "tsx ./build/copyDist2CDN.ts",
-    "changeset": "changeset",
-    "changeset:pre": "changeset pre enter beta",
-    "changeset:pre-exit": "changeset pre exit",
-    "changeset:version": "changeset version",
-    "changeset:release": "changeset publish",
-    "changeset:prelease": "changeset publish --tag beta",
-    "release:prod": "pnpm build && pnpm changeset:release",
-    "release:noprod": "pnpm build && pnpm changeset:pre-exit && pnpm changeset:prelease",
-    "type-check": "tsc --noEmit -p tsconfig.json --composite false",
-    "release:npm": "node scripts/release-npm.cjs"
-  },
-  "publishConfig": {
-    "registry": "https://packages.aliyun.com/640edee5a84870ae9d591e48/npm/npm-registry/"
-  },
-  "dependencies": {
-    "@ctrl/tinycolor": "^4.0.3",
-    "@fingerprintjs/fingerprintjs": "^4.2.2",
-    "@preact/signals": "^1.3.0",
-    "@types/applepayjs": "^14.0.9",
-    "@types/googlepay": "^0.7.7",
-    "@types/qrcode": "^1.5.5",
-    "preact": "^10.24.3",
-    "qrcode": "^1.5.4",
-    "ts-toolbelt": "^9.6.0",
-    "unfetch": "^5.0.0",
-    "vue-tsc": "^2.1.10"
-  },
-  "devDependencies": {
-    "@changesets/cli": "^2.27.1",
-    "@preact/preset-vite": "^2.9.1",
-    "@types/node": "^20.12.7",
-    "autoprefixer": "^10.4.18",
-    "execa": "^8.0.1",
-    "fast-glob": "^3.3.2",
-    "sass": "^1.71.1",
-    "terser": "^5.42.0",
-    "tsx": "^4.7.3",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.10"
-  }
-}
+{
+  "name": "@paykka/card-checkout-ui",
+  "version": "0.13.7",
+  "type": "module",
+  "main": "dist/paykka-card-checkout-ui.umd.js",
+  "module": "dist/es/index.js",
+  "typings": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/es/index.js",
+      "require": "./dist/paykka-card-checkout-ui.umd.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./*": "./dist/*"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite --host",
+    "build": "pnpm type-check && pnpm build:npm && pnpm build:inner && pnpm copy-dist-to-cdn && pnpm build:outer",
+    "build:npm": "tsx ./build/run.ts",
+    "build:inner": "tsx ./build/runInner.ts",
+    "build:outer": "tsx ./build/runOuter.ts",
+    "build:type": "tsc -p ./tsconfig.build.json",
+    "copy-dist-to-cdn": "tsx ./build/copyDist2CDN.ts",
+    "changeset": "changeset",
+    "changeset:pre": "changeset pre enter beta",
+    "changeset:pre-exit": "changeset pre exit",
+    "changeset:version": "changeset version",
+    "changeset:release": "changeset publish",
+    "changeset:prelease": "changeset publish --tag beta",
+    "release:prod": "pnpm build && pnpm changeset:release",
+    "release:noprod": "pnpm build && pnpm changeset:pre-exit && pnpm changeset:prelease",
+    "type-check": "tsc --noEmit -p tsconfig.json --composite false",
+    "release:npm": "node scripts/release-npm.cjs"
+  },
+  "publishConfig": {
+    "registry": "https://packages.aliyun.com/640edee5a84870ae9d591e48/npm/npm-registry/"
+  },
+  "dependencies": {
+    "@ctrl/tinycolor": "^4.0.3",
+    "@fingerprintjs/fingerprintjs": "^4.2.2",
+    "@preact/signals": "^1.3.0",
+    "@types/applepayjs": "^14.0.9",
+    "@types/googlepay": "^0.7.7",
+    "@types/qrcode": "^1.5.5",
+    "preact": "^10.24.3",
+    "qrcode": "^1.5.4",
+    "ts-toolbelt": "^9.6.0",
+    "unfetch": "^5.0.0",
+    "vue-tsc": "^2.1.10"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.27.1",
+    "@preact/preset-vite": "^2.9.1",
+    "@types/node": "^20.12.7",
+    "autoprefixer": "^10.4.18",
+    "execa": "^8.0.1",
+    "fast-glob": "^3.3.2",
+    "sass": "^1.71.1",
+    "terser": "^5.42.0",
+    "tsx": "^4.7.3",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.10"
+  }
+}