@pisell/private-materials 3.0.13 → 3.0.14-2.gray

package/lib/components/eftposPay/hooks.js

@@ -0,0 +1,375 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/hooks.tsx
+var hooks_exports = {};
+__export(hooks_exports, {
+  useFail: () => useFail,
+  useStoreRef: () => useStoreRef
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_utils = require("@pisell/utils");
+var import_react = require("react");
+var import_const = require("./const");
+var import_store = require("./store");
+var Max4004 = 1;
+var useStoreRef = () => {
+  const {
+    order_id,
+    device,
+    pay,
+    number,
+    mode,
+    net,
+    status,
+    symbol,
+    amount,
+    eftpos
+  } = (0, import_store.useContextData)();
+  const deviceRef = (0, import_react.useRef)(device);
+  const payRef = (0, import_react.useRef)(pay);
+  const numRef = (0, import_react.useRef)(number);
+  const orderIdRef = (0, import_react.useRef)(order_id);
+  const modeRef = (0, import_react.useRef)(mode);
+  const statusRef = (0, import_react.useRef)(status);
+  const netRef = (0, import_react.useRef)(net);
+  const symbolRef = (0, import_react.useRef)(symbol);
+  const amountRef = (0, import_react.useRef)(amount);
+  const eftposRef = (0, import_react.useRef)(eftpos);
+  (0, import_react.useEffect)(() => {
+    deviceRef.current = device;
+  }, [device]);
+  (0, import_react.useEffect)(() => {
+    payRef.current = pay;
+  }, [pay]);
+  (0, import_react.useEffect)(() => {
+    numRef.current = number;
+  }, [number]);
+  (0, import_react.useEffect)(() => {
+    orderIdRef.current = order_id;
+  }, [order_id]);
+  (0, import_react.useEffect)(() => {
+    modeRef.current = mode;
+  }, [mode]);
+  (0, import_react.useEffect)(() => {
+    statusRef.current = status;
+  }, [status]);
+  (0, import_react.useEffect)(() => {
+    netRef.current = net;
+  }, [net]);
+  (0, import_react.useEffect)(() => {
+    symbolRef.current = symbol;
+  }, [symbol]);
+  (0, import_react.useEffect)(() => {
+    amountRef.current = amount;
+  }, [amount]);
+  (0, import_react.useEffect)(() => {
+    eftposRef.current = eftpos;
+  }, [eftpos]);
+  return {
+    deviceRef,
+    payRef,
+    numRef,
+    orderIdRef,
+    modeRef,
+    statusRef,
+    netRef,
+    symbolRef,
+    amountRef,
+    eftposRef
+  };
+};
+var useFail = (index, isMark = false) => {
+  const { steps, custom } = (0, import_store.useContextData)();
+  const { modeRef } = useStoreRef();
+  const dispatch = (0, import_store.useDispatch)();
+  const ref = (0, import_react.useRef)((custom == null ? void 0 : custom.retry) || 0);
+  (0, import_react.useEffect)(() => {
+    ref.current = (custom == null ? void 0 : custom.retry) || 0;
+  }, [custom == null ? void 0 : custom.retry]);
+  return (0, import_react.useCallback)(
+    (res) => {
+      if (!res || !res.code) {
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "unknow"
+            // unknow know
+          })
+        );
+        dispatch((0, import_store.updateComponent)("UnknowFail"));
+        return;
+      }
+      const [code] = [`${res.code}`];
+      if (code === import_const.PayStatus.Unknown) {
+        steps[index].title = import_utils.locales.getText("page.eftpos-pay.text.failed")(
+          modeRef.current
+        );
+        steps[index].fail = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.fail"
+        );
+        steps[index].status = "fail";
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
+      if (code === import_const.PayStatus.PayTimeout) {
+        steps[index].fail = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.fail.timeout"
+        );
+        steps[index].title = import_utils.locales.getText("page.eftpos-pay.text.failed")(
+          modeRef.current
+        );
+        steps[index].status = "fail";
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
+      if (code === import_const.PayStatus.Timeout) {
+        if (isMark) {
+          steps[index].status = "fail";
+          dispatch((0, import_store.updateSteps)(steps));
+          dispatch(
+            (0, import_store.updateState)({
+              manual: {
+                title: import_utils.locales.getText("page.eftpos-pay.text.timedout.title"),
+                text: import_utils.locales.getText("page.eftpos-pay.text.timedout.text")(
+                  modeRef.current
+                )
+              }
+            })
+          );
+          dispatch(
+            (0, import_store.updateCustom)({
+              errorStatus: "know"
+              // unknow know
+            })
+          );
+          dispatch((0, import_store.updateComponent)("Manual"));
+          return;
+        }
+        steps[index].fail = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.pay.fail.timeout"
+        );
+        steps[index].title = import_utils.locales.getText("page.eftpos-pay.text.failed")(
+          modeRef.current
+        );
+        steps[index].status = "fail";
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
+      if (code === import_const.PayStatus.NoPay) {
+        if (ref.current > Max4004) {
+          dispatch(
+            (0, import_store.updateState)({
+              number: ""
+            })
+          );
+          dispatch(
+            (0, import_store.updateCustom)({
+              retry: ref.current
+            })
+          );
+          steps[index].title = import_utils.locales.getText("page.eftpos-pay.text.failed")(
+            modeRef.current
+          );
+          steps[index].fail = import_utils.locales.getText(
+            "page.eftpos-pay.text.transaction.fail"
+          );
+          steps[index].status = "fail";
+          dispatch((0, import_store.updateSteps)(steps));
+          dispatch((0, import_store.updateComponent)("Fail"));
+          return;
+        }
+        ref.current += 1;
+        dispatch(
+          (0, import_store.updateState)({
+            number: ""
+          })
+        );
+        dispatch(
+          (0, import_store.updateCustom)({
+            retry: ref.current
+          })
+        );
+        dispatch((0, import_store.updateKey)(Date.now()));
+        return;
+      }
+      if (code === import_const.PayStatus.PayOtherEftposFailed) {
+        steps[index].title = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.fail.terminal.title"
+        );
+        steps[index].fail = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.fail.terminal"
+        );
+        steps[index].status = "fail";
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
+      if (code === import_const.PayStatus.PayCardErrorFailed) {
+        steps[index].title = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.fail.cancel.title"
+        );
+        steps[index].fail = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.fail.cancel"
+        );
+        steps[index].status = "fail";
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
+      if (code === import_const.PayStatus.NoNetWork || code === import_const.PayStatus.SocketError) {
+        steps[index].title = import_utils.locales.getText(
+          "page.eftpos-pay.text.interrupted"
+        );
+        steps[index].warn = `${import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.eftpos.fail.title"
+        )}
+${import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.eftpos.fail.power"
+        )}
+${import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.eftpos.fail.device"
+        )}
+${import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.eftpos.fail.network"
+        )}
+${import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.eftpos.fail.if"
+        )(modeRef.current)}`;
+        steps[index].status = "warn";
+        steps[index].custom = steps[index].custom ? { ...steps[index].custom, isPosNetworkError: true } : { isPosNetworkError: true };
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
+      if (code === import_const.PayStatus.PayBankRefuses) {
+        steps[index].fail = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.back.declined.text"
+        );
+        steps[index].title = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.back.declined.title"
+        );
+        steps[index].status = "fail";
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
+      if (code === import_const.PayStatus.SignatureDeclined) {
+        steps[index].fail = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.user.declined.text"
+        );
+        steps[index].title = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.user.declined.title"
+        );
+        steps[index].status = "fail";
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
+      if (code === import_const.PayStatus.UserConfigError) {
+        steps[index].title = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.user.config.title"
+        );
+        steps[index].fail = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.user.config.text"
+        );
+        steps[index].status = "fail";
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
+      steps[index].title = import_utils.locales.getText("page.eftpos-pay.text.failed")(
+        modeRef.current
+      );
+      steps[index].status = "fail";
+      steps[index].fail = import_utils.locales.getText(
+        "page.eftpos-pay.text.transaction.fail"
+      );
+      dispatch((0, import_store.updateSteps)(steps));
+      dispatch(
+        (0, import_store.updateCustom)({
+          errorStatus: "unknow"
+          // unknow know
+        })
+      );
+      dispatch((0, import_store.updateComponent)("UnknowFail"));
+    },
+    [dispatch, index, steps, isMark]
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useFail,
+  useStoreRef
+});

package/lib/components/eftposPay/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PosProps } from './const';
+import './index.less';
+declare const _default: (props: PosProps) => React.JSX.Element;
+export default _default;

package/lib/components/eftposPay/index.js

@@ -0,0 +1,244 @@
+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/index.tsx
+var eftposPay_exports = {};
+__export(eftposPay_exports, {
+  default: () => eftposPay_default
+});
+module.exports = __toCommonJS(eftposPay_exports);
+var import_utils = require("@pisell/utils");
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_amount = __toESM(require("./amount"));
+var import_const = require("./const");
+var import_device = __toESM(require("./device"));
+var import_locales = __toESM(require("./locales"));
+var import_manufacturer = require("./manufacturer");
+var import_pay = __toESM(require("./pay"));
+var import_store = require("./store");
+var import_index = require("./index.less");
+import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
+var App = ({
+  action,
+  getApi,
+  device_number,
+  terminal,
+  tyroUrl,
+  tyroVersion,
+  onChangeParams,
+  ...props
+}) => {
+  var _a;
+  const data = (0, import_store.useContextData)();
+  const dispatch = (0, import_store.useDispatch)();
+  const [current, setCurrent] = (0, import_react.useState)(action);
+  const statusRef = (0, import_react.useRef)(data.status);
+  const context = (0, import_useEngineContext.default)();
+  const { formatAmount, isTerminal } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {
+    formatAmount: (number, precision, symbol) => `${symbol}${number}`,
+    isTerminal: () => false
+  };
+  const network = (0, import_react.useMemo)(
+    () => typeof terminal.network === "boolean" ? terminal.network : true,
+    [terminal == null ? void 0 : terminal.network]
+  );
+  const { online } = (0, import_ahooks.useNetwork)();
+  const netRef = (0, import_react.useRef)([network, online]);
+  const net = (0, import_react.useMemo)(() => {
+    let networkChange = false, onlineChange = false;
+    if (netRef.current[0] !== network) {
+      netRef.current[0] = network;
+      networkChange = true;
+    }
+    if (netRef.current[1] !== online) {
+      netRef.current[1] = online;
+      onlineChange = true;
+    }
+    if (networkChange) {
+      return network;
+    }
+    return online;
+  }, [network, online]);
+  (0, import_react.useEffect)(() => {
+    statusRef.current = data.status;
+  }, [data.status]);
+  const isIpad = (0, import_react.useMemo)(() => isTerminal && isTerminal(), [isTerminal]);
+  const api = (0, import_react.useMemo)(() => {
+    if (typeof getApi === "function") {
+      return getApi();
+    }
+    return {};
+  }, [getApi]);
+  (0, import_react.useEffect)(() => {
+    onChangeParams && onChangeParams({
+      ...data,
+      ...data.eftpos === "tyro" ? { custom: { ...data.custom, btnList: [], list: [] } } : {},
+      form: "restore"
+    });
+  }, [data, onChangeParams]);
+  const onChange = (0, import_react.useCallback)((status, params) => {
+    if (status === "page" && typeof params === "string") {
+      if (["amount", "deviceList", "pay"].includes(params)) {
+        setCurrent(params);
+        dispatch((0, import_store.updateState)({ action: params }));
+      }
+    }
+    console.log("状态切换 = ", status, params);
+    props.onChangeStatus(status, params);
+  }, []);
+  const onClose = () => {
+    onChange("fail", {
+      number: data.number,
+      device: data.device,
+      order_id: data.order_id
+    });
+  };
+  if (current === import_const.RouteEnum.DeviceList) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_device.default,
+      {
+        api,
+        onChange,
+        onClose,
+        isIpad,
+        className: isIpad ? "pisell-lowcode__eft-pay-terminal" : "",
+        net,
+        device_number
+      }
+    );
+  }
+  if (current === import_const.RouteEnum.Amount) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_amount.default,
+      {
+        onChange,
+        onClose,
+        formatAmount,
+        isIpad,
+        className: isIpad ? "pisell-lowcode__eft-pay-terminal" : "",
+        net
+      }
+    );
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_pay.default,
+    {
+      api,
+      tyroUrl,
+      tyroVersion,
+      onChange,
+      className: isIpad ? "pisell-lowcode__eft-pay-terminal" : "",
+      terminal,
+      isIpad,
+      net,
+      formatAmount
+    }
+  );
+};
+var eftposPay_default = (props) => {
+  var _a, _b, _c, _d, _e, _f;
+  const context = (0, import_useEngineContext.default)();
+  const { store } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || { store: {} };
+  const symbol = ((_d = (_c = (_b = store == null ? void 0 : store.getState) == null ? void 0 : _b.call(store)) == null ? void 0 : _c.global) == null ? void 0 : _d.symbol) || "$";
+  const mode = (0, import_react.useMemo)(() => {
+    if (props.source === "restore") {
+      if (props.params) {
+        if (props.params.mode) {
+          return props.params.mode;
+        }
+      }
+      return import_const.ModeEnum.Pay;
+    }
+    if (props.mode) {
+      return props.mode;
+    }
+    return import_const.ModeEnum.Pay;
+  }, [props.mode, props.source, props.params]);
+  const state = (0, import_react.useMemo)(() => {
+    const current = props.params && props.params.symbol ? props.params.symbol : symbol;
+    if (props.source === "restore") {
+      return props.params;
+    }
+    return (0, import_manufacturer.getInitState)(
+      props.type,
+      props.params ? { mode, ...props.params, symbol: current } : { mode, symbol: current }
+    );
+  }, [mode, props.params, props.type, symbol]);
+  const onChangeStatus = (0, import_react.useCallback)(
+    (status, params) => {
+      props.onChangeStatus(status, params);
+    },
+    []
+  );
+  const action = (0, import_react.useMemo)(() => {
+    const act = (() => {
+      if (state.action) {
+        return state.action;
+      }
+      if (mode === import_const.ModeEnum.Pay) {
+        if (state.device && state.pay) {
+          return import_const.RouteEnum.Pay;
+        }
+        if (state.device) {
+          return import_const.RouteEnum.Amount;
+        }
+        return import_const.RouteEnum.DeviceList;
+      }
+      if (mode === import_const.ModeEnum.Refund) {
+        if (state.device) {
+          return import_const.RouteEnum.Pay;
+        }
+        return import_const.RouteEnum.DeviceList;
+      }
+      if (mode === import_const.ModeEnum.Query) {
+        return import_const.RouteEnum.Pay;
+      }
+      throw Error("未知模式");
+    })();
+    if (props.source === "restore") {
+      onChangeStatus("page", act);
+    }
+    return act;
+  }, [mode, state]);
+  console.log("props?.params?.device_number = ", (_e = props == null ? void 0 : props.params) == null ? void 0 : _e.device_number);
+  return /* @__PURE__ */ import_react.default.createElement(import_store.Provider, { state }, /* @__PURE__ */ import_react.default.createElement(
+    App,
+    {
+      getApi: props.getApi,
+      params: props.params,
+      onChangeStatus,
+      terminal: props.terminal,
+      onChangeParams: props.onChangeParams,
+      action,
+      source: props.source,
+      device_number: (_f = props == null ? void 0 : props.params) == null ? void 0 : _f.device_number
+    }
+  ));
+};