@paykka/card-checkout-ui 0.8.0 → 0.11.2

package/dist/es/out/fraud-detection.js

@@ -5,6 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { ECollMode } from "../types/fraud-detection.js";
+import { FraudDetectionEventType } from "../types/event.js";
+import { WorldpayDDC } from "./worldpay-ddc.js";
 var define_import_meta_env_default = { VITE_API_URL: "https://checkout.aq.paykka.com", VITE_CDN_ORIGIN: "https://checkout.aq.paykka.com", VITE_CDN_DIR: "/cp", BASE_URL: "/", MODE: "production", DEV: false, PROD: true, SSR: false };
 const stripeKeyMap = {
   eu: "pk_live_51QSXl2G2tOepMLcRVNu0S2T6MxyB1AIgCP5g7qMQvAviQS37v0wkPhJRKqfcbTql6ZkCkGktux4ixfXuZtFy6ZpP00awbGlLEq",
@@ -13,19 +15,22 @@ const stripeKeyMap = {
 };
 const DEFAULT_ENV = "eu";
 let instance = null;
-function getFraudDetectionInstance(env, mode) {
+function getFraudDetectionInstance(env, mode, options) {
   if (!instance) {
-    instance = new FraudDetection(env, mode);
+    instance = new FraudDetection(env, mode, options);
   }
   return instance;
 }
 class FraudDetection {
-  constructor(env = DEFAULT_ENV, mode = [ECollMode.SR]) {
+  constructor(env = DEFAULT_ENV, mode = [ECollMode.SR, ECollMode.WP], options) {
+    __publicField(this, "options");
     __publicField(this, "collResultMap", {
-      [ECollMode.SR]: { s: "" }
+      [ECollMode.SR]: "",
+      [ECollMode.WP]: ""
     });
     __publicField(this, "collMap", {
-      [ECollMode.SR]: () => this.stripeRadarColl()
+      [ECollMode.SR]: () => this.stripeRadarColl(),
+      [ECollMode.WP]: () => this.worldpayDDCColl()
     });
     __publicField(this, "p");
     __publicField(this, "realMode", []);
@@ -33,6 +38,7 @@ class FraudDetection {
       [ECollMode.SR]: ""
     });
     this.realMode = mode;
+    this.options = options;
     if (mode.includes(ECollMode.SR)) {
       if (typeof env === "string") {
         this.keyMap[ECollMode.SR] = stripeKeyMap[env];
@@ -41,8 +47,19 @@ class FraudDetection {
       }
     }
   }
+  // TODO: 待废弃
   get fraudDetectionID() {
-    return this.transferRes();
+    return this.formatFraudDetectionId({
+      s: this.collResultMap[ECollMode.SR]
+    });
+  }
+  async getFraudDetectionId(options) {
+    return this.formatFraudDetectionId({
+      // stripe radar session id
+      s: this.collResultMap[ECollMode.SR],
+      // worldpay ddc fraud detection id
+      w: await this.worldpayDDCColl().getFraudDetectionId((options == null ? void 0 : options.bin) || "")
+    });
   }
   /** 创建获取 radar session id 的 promise，缓存单例 */
   async createFraudDetection() {
@@ -59,40 +76,49 @@ class FraudDetection {
     }
     await this.p;
   }
-  /** 获取 stripe 返回的 radar session id，组件直接调，有没有返回值都直接调，传给后端 */
-  transferRes() {
+  formatFraudDetectionId(data) {
+    var _a, _b;
     try {
-      const s = JSON.stringify(this.collResultMap[ECollMode.SR]);
+      const s = JSON.stringify(data);
       return btoa(s);
     } catch (error) {
-      console.log("[PayKKa Fraud Detection SDK]:", error);
+      console.error("[PayKKa Fraud Detection SDK]:", error);
+      (_b = (_a = this.options) == null ? void 0 : _a.onEvent) == null ? void 0 : _b.call(_a, FraudDetectionEventType.FRAUD_DETECTION_TRANSFORM_ERROR);
       return "";
     }
   }
   stripeRadarColl() {
     return new Promise((resolve, reject) => {
+      const { onEvent } = this.options || {};
+      onEvent == null ? void 0 : onEvent(FraudDetectionEventType.STRIPE_RADAR_START);
       const script = document.createElement("script");
       script.type = "text/javascript";
       script.src = "https://js.stripe.com/v3/";
       script.async = true;
+      script.crossOrigin = "";
       script.onload = async () => {
         const stripe = window.Stripe(this.keyMap[ECollMode.SR]);
         const { radarSession, error } = await stripe.createRadarSession();
         if (error) {
           console.error(error);
+          onEvent == null ? void 0 : onEvent(FraudDetectionEventType.STRIPE_RADAR_ERROR);
           reject(error);
         } else {
-          this.collResultMap[ECollMode.SR].s = radarSession == null ? void 0 : radarSession.id;
+          this.collResultMap[ECollMode.SR] = radarSession == null ? void 0 : radarSession.id;
+          onEvent == null ? void 0 : onEvent(FraudDetectionEventType.STRIPE_RADAR_SUCCESS);
           resolve(radarSession);
         }
       };
-      script.onerror = function() {
+      script.onerror = () => {
+        onEvent == null ? void 0 : onEvent(FraudDetectionEventType.STRIPE_RADAR_LOAD_ERROR);
         reject();
       };
-      script.crossOrigin = "";
       document.getElementsByTagName("head")[0].appendChild(script);
     });
   }
+  worldpayDDCColl() {
+    return new WorldpayDDC(this.options);
+  }
 }
 export {
   getFraudDetectionInstance

package/dist/es/out/worldpay-ddc.js

@@ -0,0 +1,143 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { getRiskAuthorization } from "../api/modules/risk/index.js";
+import { cdnOrigin, cdnUrl } from "../config.js";
+import { MessageAction } from "../types/message.js";
+import { FraudDetectionEventType } from "../types/event.js";
+import "../utils/card-brand/brands.js";
+import "../utils/system-info/get-browser-info.js";
+import { postMessageToIframe } from "../utils/iframe.js";
+const DDC_ORIGIN = "https://centinelapistag.cardinalcommerce.com";
+const DDC_TIMEOUT = 1e4;
+const _WorldpayDDC = class _WorldpayDDC {
+  constructor(options) {
+    __publicField(this, "iframe", null);
+    __publicField(this, "jwt", null);
+    __publicField(this, "listener", null);
+    __publicField(this, "timer", null);
+    __publicField(this, "fraudDetectionId", null);
+    __publicField(this, "p");
+    __publicField(this, "options");
+    if (_WorldpayDDC.instance) {
+      return _WorldpayDDC.instance;
+    }
+    this.options = options;
+    _WorldpayDDC.instance = this;
+  }
+  /**
+   * 获取 fraudDetectionId，每次支付的时候都要调用
+   * @param bin 最好是完整卡号，至少得是 6 位卡 bin
+   */
+  async getFraudDetectionId(bin) {
+    if (this.fraudDetectionId) {
+      return this.fraudDetectionId;
+    }
+    if (this.p) {
+      return this.p;
+    }
+    this.iframe = null;
+    if (this.timer) {
+      clearTimeout(this.timer);
+    }
+    this.p = this.requestFraudDetectionId(bin);
+    return this.p;
+  }
+  async requestFraudDetectionId(bin) {
+    const { onEvent } = this.options || {};
+    onEvent == null ? void 0 : onEvent(FraudDetectionEventType.WORLDPAY_DDC_START);
+    try {
+      await Promise.all([this.getJWT(), this.initIframe()]);
+      this.sendJWTAndBin(bin);
+      return new Promise((resolve) => {
+        this.timer && clearTimeout(this.timer);
+        this.timer = setTimeout(() => {
+          this.clearListener();
+          console.error("worldpay ddc get id timeout");
+          onEvent == null ? void 0 : onEvent(FraudDetectionEventType.WORLDPAY_DDC_TIMEOUT);
+          resolve("");
+        }, DDC_TIMEOUT);
+        this.listenFraudDetectionId((fraudDetectionId) => {
+          this.timer && clearTimeout(this.timer);
+          this.fraudDetectionId = fraudDetectionId;
+          onEvent == null ? void 0 : onEvent(FraudDetectionEventType.WORLDPAY_DDC_SUCCESS);
+          resolve(fraudDetectionId);
+        });
+      });
+    } catch (error) {
+      console.error(error);
+      onEvent == null ? void 0 : onEvent(FraudDetectionEventType.WORLDPAY_DDC_ERROR);
+      return "";
+    }
+  }
+  sendJWTAndBin(bin) {
+    const message = {
+      action: MessageAction.DDC_JWT_BIN,
+      jwt: this.jwt || "",
+      bin
+    };
+    postMessageToIframe(message, this.iframe.contentWindow, cdnOrigin);
+  }
+  /**
+   * 监听 worldpay 返回的 fraudDetectionId
+   * 由于可能会多次调用，所以需要先移除之前的监听
+   * 如果 worldpay 一直没有返回信息，则 10s 后清除监听，并返回空字符串
+   */
+  listenFraudDetectionId(cb) {
+    if (this.listener) {
+      this.clearListener();
+    }
+    this.listener = (event) => {
+      var _a;
+      if (event.origin === DDC_ORIGIN) {
+        const data = JSON.parse(event.data);
+        console.warn("worldpay ddc data", data);
+        if (data) {
+          const fraudDetectionId = data.SessionId || ((_a = data.Payload) == null ? void 0 : _a.SessionId);
+          cb(fraudDetectionId);
+        }
+      }
+    };
+    window.addEventListener("message", this.listener);
+  }
+  clearListener() {
+    this.listener && window.removeEventListener("message", this.listener);
+    this.timer && clearTimeout(this.timer);
+    this.listener = null;
+    this.timer = null;
+  }
+  getJWT() {
+    if (this.jwt) {
+      return this.jwt;
+    }
+    return getRiskAuthorization({ channel: "WORLD_PAY" }).then((res) => {
+      this.jwt = res.authCode;
+      return this.jwt;
+    });
+  }
+  initIframe() {
+    if (this.iframe) {
+      return;
+    }
+    const iframe = document.createElement("iframe");
+    iframe.src = `${cdnUrl}/worldpay-ddc.html`;
+    iframe.style.display = "none";
+    iframe.width = "1";
+    iframe.height = "1";
+    document.body.appendChild(iframe);
+    this.iframe = iframe;
+    return new Promise((resolve) => {
+      iframe.onload = () => {
+        resolve();
+      };
+    });
+  }
+};
+__publicField(_WorldpayDDC, "instance", null);
+let WorldpayDDC = _WorldpayDDC;
+export {
+  WorldpayDDC
+};