@pisell/private-materials 3.0.136 → 3.0.138

package/lib/components/eftposPay/tyro/index.js

@@ -0,0 +1,558 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/tyro/index.tsx
+var tyro_exports = {};
+__export(tyro_exports, {
+  default: () => tyro_default
+});
+module.exports = __toCommonJS(tyro_exports);
+var import_react = __toESM(require("react"));
+var import_hooks = require("./hooks");
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_store = require("../store");
+var import_const = require("../const");
+var import_decimal = require("decimal.js");
+var import_helper = require("../helper");
+var import_step = __toESM(require("../component/step/step"));
+var import_hooks2 = require("../hooks");
+var Minute = 1e3 * 60;
+var tyro_default = ({
+  api,
+  onChange,
+  children,
+  url,
+  version
+}) => {
+  const { eftpos, custom, mode, status: payStatus } = (0, import_store.useContextData)();
+  const dispatch = (0, import_store.useDispatch)();
+  const [status, setStatus] = (0, import_react.useState)(-1);
+  const [isManually, setManually] = (0, import_react.useState)(false);
+  const isCancelRef = (0, import_react.useRef)(false);
+  const { deviceRef, payRef, numRef, modeRef, orderIdRef, amountRef } = (0, import_hooks2.useStoreRef)();
+  const merchantReceiptRef = (0, import_react.useRef)({});
+  const [TyroRef, load] = (0, import_hooks.useTyro)({ url, version });
+  const requestParams = (0, import_react.useRef)(custom == null ? void 0 : custom.requestParams);
+  const listRef = (0, import_react.useRef)((custom == null ? void 0 : custom.list) || []);
+  const iClientRef = (0, import_react.useRef)();
+  const unloadRef = (0, import_react.useRef)(false);
+  const clearRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    listRef.current = (custom == null ? void 0 : custom.list) || [];
+  }, [custom == null ? void 0 : custom.list]);
+  (0, import_react.useEffect)(() => {
+    requestParams.current = custom == null ? void 0 : custom.requestParams;
+  }, [custom == null ? void 0 : custom.requestParams]);
+  const getTerminalInfo = (cb) => {
+    const iClient = iClientRef.current;
+    if (!iClient) {
+      return;
+    }
+    setStatus(0);
+    const { connection } = deviceRef.current;
+    const { integrationKey, tid, mid } = connection;
+    console.log(integrationKey, tid, mid);
+    iClient.terminalInfo(
+      ({ status: status2, message, terminalInfo }) => {
+        if (status2 === "success" && (terminalInfo == null ? void 0 : terminalInfo.available)) {
+          cb();
+        }
+      },
+      {
+        mid,
+        tid,
+        integrationKey
+      }
+    );
+  };
+  const refundOrder = () => {
+    var _a, _b;
+    const iClient = iClientRef.current;
+    if (!iClient) {
+      return;
+    }
+    if (isCancelRef.current) {
+      return;
+    }
+    const { connection } = deviceRef.current;
+    const { integrationKey, tid, mid } = connection;
+    numRef.current = (0, import_helper.getUuid)();
+    dispatch(
+      (0, import_store.updateState)({
+        number: numRef.current
+      })
+    );
+    requestParams.current = {
+      amount: new import_decimal.Decimal(amountRef.current || 0).mul(100).toFixed(0, import_decimal.Decimal.ROUND_HALF_UP),
+      // 打印小票 true 打印到系统上 false 打印到pos机上
+      integratedReceipt: !((_b = (_a = deviceRef.current) == null ? void 0 : _a.setting) == null ? void 0 : _b.receipts),
+      integrationKey,
+      transactionId: numRef.current,
+      mid,
+      tid
+    };
+    dispatch(
+      (0, import_store.updateCustom)({
+        requestParams: requestParams.current
+      })
+    );
+    setStatus(Date.now());
+    merchantReceiptRef.current = {};
+    iClient.initiateRefund(requestParams.current, {
+      receiptCallback: receiptCallbackImpl,
+      transactionCompleteCallback: transactionCompleteCallbackImpl,
+      questionCallback: questionCallbackImpl,
+      statusMessageCallback: statusMessageCallbackImpl
+    });
+  };
+  const payOrder = () => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const iClient = iClientRef.current;
+    if (!iClient) {
+      return;
+    }
+    if (isCancelRef.current) {
+      return;
+    }
+    const { connection } = deviceRef.current;
+    const { integrationKey, tid, mid } = connection;
+    numRef.current = (0, import_helper.getUuid)();
+    dispatch(
+      (0, import_store.updateState)({
+        number: numRef.current
+      })
+    );
+    console.log(
+      "deviceRef.current?.settings?.useOriginSurcharge = ",
+      (_b = (_a = deviceRef.current) == null ? void 0 : _a.setting) == null ? void 0 : _b.useOriginSurcharge
+    );
+    requestParams.current = {
+      amount: new import_decimal.Decimal((_c = payRef.current) == null ? void 0 : _c.total).mul(100).toFixed(0, import_decimal.Decimal.ROUND_HALF_UP),
+      // 手续费 true tyro 手续费, false 系统手续费
+      enableSurcharge: ((_e = (_d = deviceRef.current) == null ? void 0 : _d.setting) == null ? void 0 : _e.useOriginSurcharge) || false,
+      // 打印小票 true 打印到系统上 false 打印到pos机上
+      integratedReceipt: !((_g = (_f = deviceRef.current) == null ? void 0 : _f.setting) == null ? void 0 : _g.receipts),
+      integrationKey,
+      transactionId: numRef.current,
+      mid,
+      tid
+    };
+    dispatch(
+      (0, import_store.updateCustom)({
+        requestParams: requestParams.current
+      })
+    );
+    setStatus(Date.now());
+    merchantReceiptRef.current = {};
+    iClient.initiatePurchase(requestParams.current, {
+      receiptCallback: receiptCallbackImpl,
+      transactionCompleteCallback: transactionCompleteCallbackImpl,
+      questionCallback: questionCallbackImpl,
+      statusMessageCallback: statusMessageCallbackImpl
+    });
+  };
+  const continueLastOrder = () => {
+    const iClient = iClientRef.current;
+    if (!iClient) {
+      return;
+    }
+    if (isCancelRef.current) {
+      return;
+    }
+    setStatus(Date.now());
+    merchantReceiptRef.current = {};
+    iClient.continueLastTransaction({
+      receiptCallback: receiptCallbackImpl,
+      transactionCompleteCallback: transactionCompleteCallbackImpl,
+      questionCallback: questionCallbackImpl,
+      statusMessageCallback: statusMessageCallbackImpl
+    });
+  };
+  const receiptCallbackImpl = ({ signatureRequired, merchantReceipt }) => {
+    console.log("商家小票 客户端是否打印小票 = ", signatureRequired);
+    console.log("商家小票 小票内容 = \n", merchantReceipt);
+    if (signatureRequired) {
+      const receipt = [merchantReceipt].filter((item) => typeof item === "string").filter(Boolean);
+      onChange("print", receipt);
+    }
+    merchantReceiptRef.current = { signatureRequired, merchantReceipt };
+  };
+  const statusMessageCallbackImpl = (message) => {
+    var _a;
+    const translateMsg = import_utils.locales.getText("page.eftpos-pay.text.tyro")(message);
+    const msg = Array.isArray(translateMsg) ? translateMsg.reduce(
+      (accumulator, currentValue) => accumulator + " " + currentValue,
+      ""
+    ) : translateMsg;
+    const lastitem = listRef.current[listRef.current.length - 1];
+    const key = import_utils.locales.getText("page.eftpos-pay.text.tyro")(
+      "Connection lost. Attempting to recover"
+    );
+    if (msg === key && lastitem && lastitem.pedding === key) {
+      return;
+    }
+    console.log("message = ", message);
+    console.log("msg = ", msg);
+    dispatch(
+      (0, import_store.updateCustom)({
+        list: [
+          ...listRef.current || [],
+          {
+            status: "pendding",
+            pedding: msg,
+            resolve: msg,
+            reject: msg,
+            index: ((_a = listRef.current) == null ? void 0 : _a.length) || 0
+          }
+        ]
+      })
+    );
+  };
+  const questionCallbackImpl = (question, answerCallback) => {
+    console.log("Question is " + JSON.stringify(question));
+    setStatus(-1);
+    setManually(false);
+    const msg = import_utils.locales.getText("page.eftpos-pay.text.tyro")(question.text);
+    dispatch(
+      (0, import_store.updateCustom)({
+        btnList: question.options.map((item) => {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Button,
+            {
+              key: item,
+              type: item === "YES" || item === "RETRY" ? "primary" : "default",
+              className: "pisell-lowcode__eft-pay-step-item-btn",
+              onClick: () => {
+                dispatch(
+                  (0, import_store.updateCustom)({
+                    btnList: []
+                  })
+                );
+                setManually(false);
+                dispatch(
+                  (0, import_store.updateState)({
+                    status: "loading",
+                    title: import_utils.locales.getText("page.eftpos-pay.text.loading")(
+                      modeRef.current || import_const.ModeEnum.Pay
+                    ),
+                    subTitle: ""
+                  })
+                );
+                setStatus(Date.now());
+                answerCallback(item);
+              }
+            },
+            import_utils.locales.getText("page.eftpos-pay.text.tyro-btn")(item)
+          );
+        })
+      })
+    );
+    const status2 = question.isError ? "fail" : "warn";
+    dispatch(
+      (0, import_store.updateState)(
+        Array.isArray(msg) ? {
+          status: status2,
+          title: msg[0],
+          subTitle: msg[1]
+        } : {
+          status: status2,
+          title: msg
+        }
+      )
+    );
+  };
+  const transactionCompleteCallbackImpl = (response) => {
+    var _a;
+    setStatus(-1);
+    setManually(false);
+    console.log(
+      "Response = " + JSON.stringify(response),
+      ", Request =  ",
+      JSON.stringify(requestParams.current)
+    );
+    console.log(
+      " 客户小票 response.customerReceipt = \n",
+      response.customerReceipt
+    );
+    const receipt = [
+      // merchantReceiptRef.current?.merchantReceipt,
+      response == null ? void 0 : response.customerReceipt
+    ].filter((item) => typeof item === "string").filter(Boolean);
+    api.addTransaction({
+      order_id: orderIdRef.current,
+      number: numRef.current,
+      card_reader_id: (_a = deviceRef.current) == null ? void 0 : _a.id,
+      card_reader_type: eftpos,
+      amount: requestParams.current.amount,
+      action: modeRef.current,
+      status: response.result === "APPROVED" ? "succeed" : "failed",
+      request: requestParams.current,
+      response: { ...response, merchantReceipt: merchantReceiptRef.current },
+      metadata: {
+        receipt
+      }
+    });
+    dispatch(
+      (0, import_store.updateCustom)({
+        btnList: []
+      })
+    );
+    if (response.result === "APPROVED") {
+      dispatch(
+        (0, import_store.updateState)({
+          status: "success",
+          title: import_utils.locales.getText("page.eftpos-pay.text.successful")(mode),
+          subTitle: ""
+        })
+      );
+      dispatch(
+        (0, import_store.updateCustom)({
+          card_reader_surcharge: response.surchargeAmount || 0
+        })
+      );
+      clearRef.current = setTimeout(() => {
+        var _a2;
+        const params = (0, import_helper.getPayParams)(
+          {
+            mode: modeRef.current,
+            amount: amountRef.current,
+            order_id: orderIdRef.current,
+            number: numRef.current,
+            device: deviceRef.current,
+            pay: payRef.current,
+            custom: {
+              card_reader_surcharge: response.surchargeAmount || 0
+            }
+          },
+          "success"
+        );
+        onChange("success", {
+          ...params,
+          receipt: ((_a2 = deviceRef.current) == null ? void 0 : _a2.setting.receipts) ? [] : receipt
+        });
+      }, 1e3);
+      return;
+    }
+    if (response.result === "UNKNOWN") {
+      dispatch(
+        (0, import_store.updateCustom)({
+          errorStatus: "unknow"
+          // unknow know unknown
+        })
+      );
+      dispatch((0, import_store.updateComponent)("UnknowFail"));
+      return;
+    }
+    dispatch(
+      (0, import_store.updateState)({
+        status: "fail"
+      })
+    );
+    dispatch(
+      (0, import_store.updateCustom)({
+        failCustom: {
+          isPosNetworkError: false,
+          status: "fail",
+          fail: import_utils.locales.getText("page.eftpos-pay.text.transaction.fail"),
+          warn: null,
+          title: import_utils.locales.getText("page.eftpos-pay.text.failed")(
+            modeRef.current
+          )
+        }
+      })
+    );
+    dispatch((0, import_store.updateComponent)("FailCustom"));
+  };
+  (0, import_react.useEffect)(() => {
+    const { config } = deviceRef.current;
+    const { apiKey, posProductData } = config;
+    if (load && TyroRef.current) {
+      const IClient = TyroRef.current.IClient;
+      if (IClient) {
+        const iclient = new IClient(apiKey, posProductData);
+        iClientRef.current = iclient;
+        if (isCancelRef.current) {
+          return;
+        }
+        if (!numRef.current) {
+          if (modeRef.current === import_const.ModeEnum.Pay) {
+            getTerminalInfo(payOrder);
+          } else if (modeRef.current === import_const.ModeEnum.Refund) {
+            getTerminalInfo(refundOrder);
+          }
+        } else {
+          getTerminalInfo(continueLastOrder);
+        }
+      }
+    }
+  }, [load]);
+  (0, import_react.useEffect)(() => {
+    let clear;
+    if (status === -1) {
+      return () => {
+        if (clear) {
+          clearTimeout(clear);
+        }
+      };
+    }
+    if (status === 0) {
+      console.log("开始倒计时...");
+      clear = setTimeout(() => {
+        dispatch(
+          (0, import_store.updateState)({
+            status: "fail"
+          })
+        );
+        dispatch(
+          (0, import_store.updateCustom)({
+            failCustom: {
+              status: "fail",
+              fail: import_utils.locales.getText(
+                "page.eftpos-pay.text.transaction.pay.fail.timeout"
+              ),
+              title: import_utils.locales.getText(
+                "page.eftpos-pay.text.transaction.fail.timeout"
+              ),
+              warn: null
+            }
+          })
+        );
+        dispatch((0, import_store.updateComponent)("FailCustom"));
+      }, Minute);
+      return () => {
+        if (clear) {
+          clearTimeout(clear);
+        }
+      };
+    }
+    clear = setTimeout(() => {
+      const iClient = iClientRef.current;
+      if (!iClient) {
+        return;
+      }
+      console.log("倒计时到了");
+      setManually(true);
+    }, Minute);
+    return () => {
+      if (clear) {
+        clearTimeout(clear);
+      }
+    };
+  }, [status]);
+  const onManually = () => {
+    dispatch(
+      (0, import_store.updateState)({
+        manual: {
+          title: import_utils.locales.getText("page.eftpos-pay.text.request.title")(mode),
+          text: import_utils.locales.getText("page.eftpos-pay.text.request.text")(mode)
+        }
+      })
+    );
+    dispatch((0, import_store.updateComponent)("Manual", true));
+  };
+  const onCancel = () => {
+    const iClient = iClientRef.current;
+    if (!iClient) {
+      return;
+    }
+    if (status > 0) {
+      iClient.cancelCurrentTransaction();
+      return;
+    }
+    if (isCancelRef.current) {
+      return;
+    }
+    isCancelRef.current = true;
+    dispatch(
+      (0, import_store.updateState)({
+        status: "fail"
+      })
+    );
+    dispatch(
+      (0, import_store.updateCustom)({
+        failCustom: {
+          status: "fail",
+          fail: import_utils.locales.getText(
+            "page.eftpos-pay.text.transaction.fail.cancel"
+          ),
+          title: import_utils.locales.getText(
+            "page.eftpos-pay.text.transaction.fail.cancel.title"
+          ),
+          warn: null
+        }
+      })
+    );
+    dispatch((0, import_store.updateComponent)("FailCustom"));
+  };
+  (0, import_react.useEffect)(
+    () => () => {
+      unloadRef.current = true;
+      if (clearRef.current) {
+        clearTimeout(clearRef.current);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-body" }, ((custom == null ? void 0 : custom.list) || []).map((item) => /* @__PURE__ */ import_react.default.createElement(
+    import_step.default,
+    {
+      key: item.index,
+      pedding: item.pedding,
+      resolve: item.resolve,
+      reject: item.reject,
+      status: item.status
+    }
+  ))), isManually ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      onClick: onManually
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.manual.marking")
+  )) : null, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__eft-pay-step-item-btns",
+      style: { flexWrap: "wrap" }
+    },
+    Array.isArray(custom == null ? void 0 : custom.btnList) && (custom == null ? void 0 : custom.btnList).length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "100%", display: "flex", gap: "12px" } }, custom == null ? void 0 : custom.btnList) : null,
+    !(payStatus === "success" || payStatus === "fail") ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        block: true,
+        type: "text",
+        disabled: Array.isArray(custom == null ? void 0 : custom.btnList) && (custom == null ? void 0 : custom.btnList).length > 0,
+        className: "pisell-lowcode__eft-pay-step-item-btn",
+        onClick: onCancel
+      },
+      import_utils.locales.getText("page.eftpos-pay.text.manual.cancel")
+    ) : null
+  ));
+};

package/lib/components/eftposPay/windcave/const.d.ts

@@ -1,13 +1,21 @@
-import React from 'react';
 import { Amount } from '../const';
 import { State } from '../store';
-export declare const getStep: ({ amount, symbol, mode, }?: {
-    amount?: string | undefined;
-    symbol: string;
-    mode?: string | undefined;
-}) => State['steps'];
-declare const getInitState: (params: any) => State;
-export default getInitState;
+/**
+ * @title: 初始化 windcave 数据
+ * @return store 全局数据管理
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 10:42
+ */
+declare const _default: (params: any) => State;
+export default _default;
+/**
+ * @title:  windcave 金额信息
+ * @description:
+ * @param {State} store : 全局store数据管理
+ * @return 金额信息
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 10:43
+ */
 export declare function getAmonunt(store: State): Amount;
 export declare enum StepStatusEnum {
     /**  空闲 */
@@ -33,6 +41,13 @@ export declare enum StemTypeEnum {
     /** 被动提交 */
     Passive = "passive"
 }
+/**
+ * @title: windcave 步骤信息
+ * @description: 步骤对应配置信息
+ * @return 步骤配置信息
+ * @Author: hongbing.wang
+ * @Date: 2024-08-12 10:44
+ */
 export declare const getStepMapping: (type: StepStatusEnum, { money, mode }: {
     money?: string | undefined;
     mode?: string | undefined;
@@ -87,7 +102,7 @@ export declare const getStepMapping: (type: StepStatusEnum, { money, mode }: {
 } | {
     type: StemTypeEnum;
     status: string;
-    pedding: React.JSX.Element;
+    pedding: string;
     resolve: any;
     reject: any;
     index: StepStatusEnum.Receipt;