@pisell/private-materials 6.8.75 → 6.8.76

package/lib/components/eftposPay/huifu/hooks.d.ts

@@ -0,0 +1,25 @@
+export declare const useTerminal: () => {
+    isTerminal: any;
+};
+/**
+ * 获取扫码设备连接状态
+ */
+export declare const useScannerDevice: () => {
+    scannerStatus: boolean;
+};
+/**
+ * 摄像头激活和状态获取
+ */
+export declare const useCameraDevice: () => {
+    activeCamera: () => void;
+    cameraStatus: any;
+};
+/**
+ * 获取外部设备扫描结果
+ */
+export declare const useScanListener: () => {
+    scanResult: {
+        type: 'scanner' | 'nfc' | 'camera';
+        value: string;
+    };
+};

package/lib/components/eftposPay/huifu/hooks.js

@@ -0,0 +1,186 @@
+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/huifu/hooks.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useCameraDevice: () => useCameraDevice,
+  useScanListener: () => useScanListener,
+  useScannerDevice: () => useScannerDevice,
+  useTerminal: () => useTerminal
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var useTerminal = () => {
+  var _a, _b, _c;
+  const context = (0, import_useEngineContext.default)();
+  const { interaction, isTerminal } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  return {
+    isTerminal: isTerminal && isTerminal() || ((_c = (_b = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _b.isAppEnv) == null ? void 0 : _c.call(_b))
+  };
+};
+var useScannerDevice = () => {
+  var _a;
+  const [scannerStatus, setScannerStatus] = (0, import_react.useState)(false);
+  const context = (0, import_useEngineContext.default)();
+  const { interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  (0, import_react.useEffect)(() => {
+    var _a2, _b, _c, _d;
+    (_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b.call(_a2, {
+      module: "global",
+      key: "get_peripherals_status",
+      data: {}
+    });
+    (_d = (_c = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c.mountFunction) == null ? void 0 : _d.call(
+      _c,
+      "global",
+      "peripheralsStatus",
+      (strPeripherals) => {
+        try {
+          const peripherals = JSON.parse(strPeripherals);
+          setScannerStatus((peripherals == null ? void 0 : peripherals.scanner) == "connected");
+        } catch (err) {
+          console.error(err);
+        }
+      }
+    );
+  }, []);
+  return {
+    scannerStatus
+  };
+};
+var useCameraDevice = () => {
+  var _a, _b, _c;
+  const context = (0, import_useEngineContext.default)();
+  const { interaction, isTerminal } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const activeCamera = (0, import_react.useCallback)(() => {
+    var _a2, _b2;
+    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+      module: "global",
+      key: "active_native_scanner",
+      data: {
+        source: "eftposPay_huifu"
+      }
+    });
+  }, []);
+  return {
+    activeCamera,
+    cameraStatus: isTerminal && isTerminal() || ((_c = (_b = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _b.isAppEnv) == null ? void 0 : _c.call(_b))
+  };
+};
+var useScanListener = () => {
+  var _a, _b, _c;
+  const context = (0, import_useEngineContext.default)();
+  const { interaction, isTerminal } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const [scanResult, setScanResult] = (0, import_react.useState)({ type: "scanner", value: "" });
+  const isNativeEnv = isTerminal && isTerminal() || ((_c = (_b = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _b.isAppEnv) == null ? void 0 : _c.call(_b));
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction) == null ? void 0 : _b2.call(
+      _a2,
+      "global",
+      "peripheralsResult",
+      (strVal) => {
+        try {
+          const val = JSON.parse(strVal);
+          setScanResult(val);
+        } catch (err) {
+          console.error(err);
+          setScanResult({ type: "scanner", value: "" });
+        }
+      }
+    );
+    let inputBuffer = "";
+    let lastInputTime = 0;
+    let inputTimer = null;
+    const handleKeyDown = (e) => {
+      if (e.key === "Shift" || e.key === "Control" || e.key === "Alt" || e.key === "Meta" || e.key === "Tab" || e.key === "CapsLock" || e.key === "Escape" || e.key.startsWith("Arrow") || e.ctrlKey || e.metaKey) {
+        return;
+      }
+      const currentTime = Date.now();
+      const timeDiff = currentTime - lastInputTime;
+      if (e.key === "Enter") {
+        const trimmedCode = inputBuffer.trim();
+        if (trimmedCode.length >= 10) {
+          setScanResult({
+            type: "scanner",
+            value: trimmedCode
+          });
+        }
+        inputBuffer = "";
+        lastInputTime = 0;
+        if (inputTimer) {
+          clearTimeout(inputTimer);
+          inputTimer = null;
+        }
+        return;
+      }
+      if (timeDiff < 30 && inputBuffer.length > 0) {
+        inputBuffer += e.key;
+      } else {
+        inputBuffer = e.key;
+      }
+      lastInputTime = currentTime;
+      if (inputTimer) {
+        clearTimeout(inputTimer);
+      }
+      inputTimer = setTimeout(() => {
+        const trimmedCode = inputBuffer.trim();
+        if (trimmedCode.length >= 10) {
+          setScanResult({
+            type: "scanner",
+            value: trimmedCode
+          });
+        }
+        inputBuffer = "";
+      }, 100);
+    };
+    if (!isNativeEnv) {
+      document.addEventListener("keydown", handleKeyDown);
+    }
+    return () => {
+      if (!isNativeEnv) {
+        document.removeEventListener("keydown", handleKeyDown);
+      }
+      if (inputTimer) {
+        clearTimeout(inputTimer);
+      }
+    };
+  }, []);
+  return {
+    scanResult
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCameraDevice,
+  useScanListener,
+  useScannerDevice,
+  useTerminal
+});

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.less';
+import { HuifuProps } from './types';
+declare const Huifu: React.FC<HuifuProps>;
+export default Huifu;

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

@@ -0,0 +1,200 @@
+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/huifu/index.tsx
+var huifu_exports = {};
+__export(huifu_exports, {
+  default: () => huifu_default
+});
+module.exports = __toCommonJS(huifu_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var import_store = require("../store");
+var import_Action = require("./Action");
+var import_aggregatePayment = require("../aggregatePayment");
+var import_types = require("../aggregatePayment/types");
+var import_hooks = require("../hooks");
+var import_store2 = require("../store");
+var import_const = require("../const");
+var import_helper = require("../helper");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var Huifu = ({ isNativeApp, onChange }) => {
+  var _a, _b;
+  const data = (0, import_store.useContextData)();
+  const context = (0, import_useEngineContext.default)();
+  const { interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
+  const {
+    statusRef,
+    numRef,
+    netRef,
+    modeRef,
+    amountRef,
+    orderIdRef,
+    deviceRef,
+    payRef
+  } = (0, import_hooks.useStoreRef)();
+  const dispatch = (0, import_store2.useDispatch)();
+  const fail = (0, import_hooks.useFail)(0);
+  const failRef = (0, import_react.useRef)(fail);
+  const initRef = (0, import_react.useRef)(false);
+  const unloadRef = (0, import_react.useRef)(false);
+  const clearRef = (0, import_react.useRef)(null);
+  const payment = (0, import_aggregatePayment.useMicropay)({
+    paymentCode: ((_b = data == null ? void 0 : data.custom) == null ? void 0 : _b.custom_payment_code) || "EFTPOS_HUIFU",
+    paymentNum: numRef.current || "",
+    shouldContinue: () => !(unloadRef.current || !netRef.current),
+    callback: (_instance, response) => {
+      var _a2;
+      console.log("callback = ", response);
+      const { status, data: data2 } = response || {};
+      if (status === import_types.EPaymentStatus.Success) {
+        dispatch((0, import_store2.updateNextStep)());
+        dispatch((0, import_store2.updateCustom)({ card_reader_surcharge: 0, receipt: [] }));
+        dispatch(
+          (0, import_store.updateState)({
+            status: "success",
+            title: import_utils.locales.getText("page.eftpos-pay.text.successful")(
+              modeRef.current
+            )
+          })
+        );
+        clearRef.current = setTimeout(() => {
+          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: 0,
+                receipt: []
+              }
+            },
+            "success"
+          );
+          onChange("success", { ...params, receipt: [] });
+        }, 1e3);
+      } else if (status === import_types.EPaymentStatus.Failed) {
+        (_a2 = failRef.current) == null ? void 0 : _a2.call(failRef, data2, false);
+      }
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    failRef.current = fail;
+  }, [fail]);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    if (statusRef.current === import_const.StatusEnum.Success || statusRef.current === import_const.StatusEnum.Fail) {
+      return;
+    }
+    if (initRef.current) {
+      return;
+    }
+    initRef.current = true;
+    if (numRef.current) {
+      console.log("payment.query");
+      payment.query();
+      return;
+    }
+    console.log("data?.custom =>>>> ", data == null ? void 0 : data.custom);
+    const isPay = modeRef.current === import_const.ModeEnum.Pay || modeRef.current === import_const.ModeEnum.FullPay;
+    if (!isPay) {
+      payment.run({ orderPaymentId: (_a2 = data == null ? void 0 : data.custom) == null ? void 0 : _a2.order_payment_id });
+      return;
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    if (isNativeApp && (data == null ? void 0 : data.status) === import_const.StatusEnum.Init) {
+      (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+        module: "pos",
+        key: "other",
+        data: {
+          key: "show_close_button"
+        }
+      });
+    }
+  }, [isNativeApp, data == null ? void 0 : data.status]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      unloadRef.current = true;
+      if (clearRef.current) {
+        clearTimeout(clearRef.current);
+      }
+    };
+  }, []);
+  const updateToLoading = () => {
+    var _a2, _b2;
+    if (isNativeApp) {
+      (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+        module: "pos",
+        key: "other",
+        data: {
+          key: "hide_close_button"
+        }
+      });
+    }
+    dispatch((0, import_store.updateStatus)(import_const.StatusEnum.Loading));
+    dispatch(
+      (0, import_store.updateState)({
+        title: import_utils.locales.getText("page.eftpos-pay.text.loading")(modeRef.current)
+      })
+    );
+  };
+  const onClose = () => {
+    onChange("fail", {
+      number: data.number,
+      uniquePaymentNumber: data.number,
+      device: data.device,
+      order_id: data.order_id
+    });
+  };
+  const onPayClick = (scanResult) => {
+    console.log("scanResult = ", scanResult);
+    updateToLoading();
+    payment.run({ authCode: scanResult });
+  };
+  const onScanCallback = (scanResult) => {
+    console.log("scanResult = ", scanResult);
+    updateToLoading();
+    payment.run({ authCode: scanResult });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (data == null ? void 0 : data.status) === import_const.StatusEnum.Init && /* @__PURE__ */ import_react.default.createElement(
+    import_Action.ScanAction,
+    {
+      onClose,
+      onScanCallback,
+      onPayClick,
+      isNativeApp
+    }
+  ), (data == null ? void 0 : data.status) === import_const.StatusEnum.Loading ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, import_utils.locales.getText("page.eftpos-pay.text.processing")) : null);
+};
+var huifu_default = Huifu;

package/lib/components/eftposPay/huifu/index.less

@@ -0,0 +1,180 @@
+.pisell-eftpos-pay-huifu {
+  &-scan {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    &-status {
+      position: relative;
+
+      &-wrapper {
+        position: absolute;
+        left: -4px;
+        bottom: 4px;
+        width: 14px;
+        height: 14px;
+      }
+    }
+
+    &-header {
+      position: relative;
+      padding-bottom: 20px;
+      display: flex;
+      align-items: center;
+
+      &-close {
+        position: absolute;
+        right: -10px;
+        padding: 10px;
+        cursor: pointer;
+      }
+
+      &-divider {
+        position: absolute;
+        bottom: 0;
+        left: -24px;
+        right: -24px;
+        height: 1px;
+        background: #eaecf0;
+      }
+
+      &-title {
+        color: #101828;
+        font-size: 18px;
+        font-weight: 600;
+      }
+    }
+
+    &-content {
+      padding-bottom: 24px;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+
+      &-title {
+        color: #344054;
+        font-size: 14px;
+        font-weight: 600;
+      }
+
+      &-scanner {
+        padding: 16px;
+        display: flex;
+        align-items: center;
+        gap: 16px;
+        border-radius: 12px;
+
+        &-right {
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+          gap: 4px;
+        }
+      }
+
+      &-scanner-active {
+        border: 1px solid #75e0a7;
+        background: #f6fef9;
+        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
+
+        &-title {
+          color: #067647;
+          font-size: 14px;
+          font-weight: 600;
+        }
+
+        &-desc {
+          color: #067647;
+          font-size: 14px;
+          font-weight: 400;
+        }
+      }
+
+      &-scanner-unactive {
+        border: 1px solid #fda29b;
+        background: #fffbfa;
+        box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
+
+        &-title {
+          color: #b42318;
+          font-size: 14px;
+          font-weight: 600;
+        }
+
+        &-desc {
+          color: #b42318;
+          font-size: 14px;
+          font-weight: 400;
+        }
+      }
+
+      &-camera {
+        padding: 16px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        border-radius: 12px;
+        background: #f2f4f7;
+        cursor: pointer;
+
+        &-right {
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+          gap: 6px;
+        }
+
+        &-title {
+          color: #175cd3;
+          font-size: 14px;
+          font-weight: 500;
+        }
+
+        &-desc {
+          color: #000;
+          font-size: 14px;
+          font-weight: 400;
+        }
+      }
+
+      &-input-wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+
+        &-title {
+          color: #344054;
+          font-size: 14px;
+          font-weight: 600;
+        }
+
+        &-tip {
+          color: #475467;
+          font-size: 14px;
+          font-weight: 400;
+        }
+      }
+    }
+
+    &-footer {
+      position: relative;
+      padding-top: 24px;
+      display: flex;
+      gap: 12px;
+
+      &-divider {
+        position: absolute;
+        top: 0;
+        left: -24px;
+        right: -24px;
+        height: 1px;
+        background: #eaecf0;
+      }
+
+      &-button {
+        height: 48px;
+      }
+    }
+  }
+}

package/lib/components/eftposPay/huifu/types.d.ts

@@ -0,0 +1,14 @@
+export declare type Peripherals = {
+    scanner: 'none' | 'connected' | 'disconnect';
+    nfc: 'none' | 'connected' | 'disconnect';
+};
+export interface HuifuProps {
+    isNativeApp?: boolean;
+    onChange: (status: any, params: any) => void;
+}
+export interface HuifuActionProps {
+    isNativeApp?: boolean;
+    onClose: () => void;
+    onPayClick: (scanResult: string) => void;
+    onScanCallback: (scanResult: string) => void;
+}

package/lib/components/eftposPay/huifu/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/huifu/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

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

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

package/lib/components/eftposPay/index.js

@@ -99,10 +99,14 @@ var eftposPay_default = (props) => {
     if (props.source === import_const.RestoreEumn.Restore) {
       return props.params;
     }
-    return (0, import_manufacturer.getInitState)(
+    const initState = (0, import_manufacturer.getInitState)(
       props.type,
       props.params ? { mode, ...props.params, symbol: current } : { mode, symbol: current }
     );
+    return {
+      ...initState,
+      originalParams: props.params || void 0
+    };
   }, [mode, props.params, props.type, symbol]);
   const stateRef = (0, import_react.useRef)(state);
   (0, import_react.useEffect)(() => {

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

@@ -1,2 +1,3 @@
-declare const Linkly: ({ api, onChange }: any) => JSX.Element;
+import React from 'react';
+declare const Linkly: ({ api, onChange }: any) => React.JSX.Element;
 export default Linkly;