@pisell/private-materials 6.9.2 → 6.9.4

package/lib/components/eftposPay/app.js

@@ -39,6 +39,8 @@ var import_const = require("./const");
 var import_device = __toESM(require("./device"));
 var import_pay = __toESM(require("./pay"));
 var import_store = require("./store");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_utils = require("../../utils");
 var App = ({
   action,
   api,
@@ -56,6 +58,9 @@ var App = ({
   const data = (0, import_store.useContextData)();
   const dispatch = (0, import_store.useDispatch)();
   const [current, setCurrent] = (0, import_react.useState)(action);
+  const engineContext = (0, import_useEngineContext.default)();
+  const utils = engineContext.appHelper.utils || {};
+  import_utils.request.setRequest(utils == null ? void 0 : utils.request);
   const statusRef = (0, import_react.useRef)(data.status);
   const network = (0, import_react.useMemo)(
     () => typeof terminal.network === "boolean" ? terminal.network : true,

package/lib/components/eftposPay/component/fail/failCustom.js

@@ -52,25 +52,31 @@ var failCustom_default = ({ className = "", isMobile, onChange }) => {
     order_id,
     number,
     device,
-    client
+    client,
+    originalParams
   } = (0, import_store.useContextData)();
   const failCustom = custom == null ? void 0 : custom.failCustom;
   const dispatch = (0, import_store.useDispatch)();
   const onRetry = () => {
     onChange("page", "pay");
-    dispatch(
-      (0, import_store.updateState)(
-        (0, import_manufacturer.getInitState)(
-          eftpos,
-          mode === import_const.ModeEnum.Query ? { mode, name, symbol, amount, order_id } : { mode, name, symbol, amount, order_id, number: "" }
-        )
-      )
-    );
+    const params = {
+      ...originalParams || {},
+      mode,
+      name,
+      symbol,
+      amount,
+      order_id
+    };
+    if (mode !== import_const.ModeEnum.Query) {
+      params.number = "";
+    }
+    dispatch((0, import_store.updateState)((0, import_manufacturer.getInitState)(eftpos, params)));
   };
   const onModify = () => {
     dispatch(
       (0, import_store.updateState)(
         (0, import_manufacturer.getInitState)(eftpos, {
+          ...originalParams || {},
           mode,
           name,
           symbol,

package/lib/components/eftposPay/component/fail/index.js

@@ -54,7 +54,8 @@ var fail_default = ({ onChange, className = "", isMobile }) => {
     order_id,
     number,
     device,
-    client
+    client,
+    originalParams
   } = (0, import_store.useContextData)();
   const isPosNetworkError = ((_b = (_a = steps[step]) == null ? void 0 : _a.custom) == null ? void 0 : _b.isPosNetworkError) || false;
   const dispatch = (0, import_store.useDispatch)();
@@ -63,6 +64,7 @@ var fail_default = ({ onChange, className = "", isMobile }) => {
     dispatch(
       (0, import_store.updateState)(
         (0, import_manufacturer.getInitState)(eftpos, {
+          ...originalParams || {},
           mode,
           name,
           symbol,
@@ -77,6 +79,7 @@ var fail_default = ({ onChange, className = "", isMobile }) => {
     dispatch(
       (0, import_store.updateState)(
         (0, import_manufacturer.getInitState)(eftpos, {
+          ...originalParams || {},
           mode,
           name,
           symbol,

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

@@ -7,9 +7,12 @@ export declare enum EftposEnum {
     /** 后端支付 - 支付 + 退款  */
     Windcave = "windcave",
     Stripe = "stripe",
-    Linkly = "linkly"
+    Linkly = "linkly",
+    /** 汇付天下 */
+    Huifu = "huifu"
 }
 export declare enum StatusEnum {
+    Init = "init",
     Loading = "loading",
     Warn = "warn",
     Fail = "fail",
@@ -160,6 +163,8 @@ export declare enum PayStatus {
     'Unknown' = "701000",
     /** 交易请求超时 */
     'Timeout' = "701001",
+    /** 支付失败（汇付天下） */
+    'PaymentFailed' = "701002",
     /** 繁忙 EFTPOS终端暂时不可用，因为EFTPOS正在处理另一个请求。 */
     'PayOtherEftposFailed' = "701003",
     /** 购物者没有出示卡片/卡片金额不足/在线拒绝/卡已过期/卡被锁定 */

package/lib/components/eftposPay/const.js

@@ -36,9 +36,11 @@ var EftposEnum = /* @__PURE__ */ ((EftposEnum2) => {
   EftposEnum2["Windcave"] = "windcave";
   EftposEnum2["Stripe"] = "stripe";
   EftposEnum2["Linkly"] = "linkly";
+  EftposEnum2["Huifu"] = "huifu";
   return EftposEnum2;
 })(EftposEnum || {});
 var StatusEnum = /* @__PURE__ */ ((StatusEnum2) => {
+  StatusEnum2["Init"] = "init";
   StatusEnum2["Loading"] = "loading";
   StatusEnum2["Warn"] = "warn";
   StatusEnum2["Fail"] = "fail";
@@ -92,6 +94,7 @@ var PayStatus = /* @__PURE__ */ ((PayStatus2) => {
   PayStatus2["PairingFailure"] = "606020";
   PayStatus2["Unknown"] = "701000";
   PayStatus2["Timeout"] = "701001";
+  PayStatus2["PaymentFailed"] = "701002";
   PayStatus2["PayOtherEftposFailed"] = "701003";
   PayStatus2["PayCardErrorFailed"] = "701004";
   PayStatus2["NoNetWork"] = "701005";

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

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"loading" | "warn" | "success" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "init" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly" | "huifu">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };
@@ -32,4 +32,5 @@ export declare const useStoreRef: <T extends {
  */
 export declare const useFail: (index: number) => (res: {
     code?: `${PayStatus}`;
+    message?: string;
 }, isMark?: boolean) => void;

package/lib/components/eftposPay/hooks.js

@@ -384,6 +384,22 @@ ${import_utils.locales.getText(
         );
         return;
       }
+      if (code === import_const.PayStatus.PaymentFailed) {
+        steps[index].title = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.fail"
+        );
+        steps[index].fail = (res == null ? void 0 : res.message) || 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;
+      }
       steps[index].title = import_utils.locales.getText("page.eftpos-pay.text.failed")(
         modeRef.current
       );

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+import { HuifuActionProps } from './types';
+export declare const NativeDeviceStatus: ({ type, status, }: {
+    type: 'scanner' | 'camera';
+    status: boolean;
+}) => JSX.Element;
+export declare const ScanAction: React.FC<HuifuActionProps>;

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

@@ -0,0 +1,174 @@
+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/Action.tsx
+var Action_exports = {};
+__export(Action_exports, {
+  NativeDeviceStatus: () => NativeDeviceStatus,
+  ScanAction: () => ScanAction
+});
+module.exports = __toCommonJS(Action_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var import_hooks = require("./hooks");
+var NativeDeviceStatus = ({
+  type,
+  status
+}) => {
+  const iconType = type === "scanner" ? "pisell2-Scanner" : "pisell2-camera";
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-status" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: iconType, style: { fontSize: "40px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-status-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Iconfont,
+    {
+      style: {
+        borderRadius: "50%",
+        background: status ? "#17B26A" : "#F04438",
+        color: "#fff"
+      },
+      type: status ? "pisell2-check" : "pisell2-x-close"
+    }
+  )));
+};
+var DEFAULT_SCANNER_CLASS = "pisell-eftpos-pay-huifu-scan-content-scanner";
+var ScanAction = ({
+  isNativeApp,
+  onClose,
+  onPayClick,
+  onScanCallback
+}) => {
+  const { scannerStatus } = (0, import_hooks.useScannerDevice)();
+  const { cameraStatus, activeCamera } = (0, import_hooks.useCameraDevice)();
+  const { scanResult } = (0, import_hooks.useScanListener)();
+  const [inputValue, setInputValue] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (!!(scanResult == null ? void 0 : scanResult.value)) {
+      onScanCallback(scanResult.value);
+    }
+  }, [scanResult]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan" }, !isNativeApp ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-eftpos-pay-huifu-scan-header-title" }, import_utils.locales.getText("page.eftpos-pay.text.huifu.scan.title")), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-eftpos-pay-huifu-scan-header-close",
+      onClick: onClose
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-x-close", style: { fontSize: "24px" } })
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-header-divider" })) : null, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-eftpos-pay-huifu-scan-content",
+      style: { paddingTop: isNativeApp ? "0" : "24px" }
+    },
+    !!isNativeApp && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-content-title" }, import_utils.locales.getText("page.eftpos-pay.text.huifu.scan.title")),
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${DEFAULT_SCANNER_CLASS} ${DEFAULT_SCANNER_CLASS}-${scannerStatus ? "active" : "unactive"}`
+      },
+      /* @__PURE__ */ import_react.default.createElement(NativeDeviceStatus, { type: "scanner", status: scannerStatus }),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-content-scanner-right" }, /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          className: `${DEFAULT_SCANNER_CLASS}-${scannerStatus ? "active" : "unactive"}-title`
+        },
+        scannerStatus ? import_utils.locales.getText(
+          "page.eftpos-pay.text.huifu.scan.gun.connected"
+        ) : import_utils.locales.getText(
+          "page.eftpos-pay.text.huifu.scan.gun.not-connected"
+        )
+      ), /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          className: `${DEFAULT_SCANNER_CLASS}-${scannerStatus ? "active" : "unactive"}-desc`
+        },
+        scannerStatus ? import_utils.locales.getText(
+          "page.eftpos-pay.text.huifu.scan.gun.connected-desc"
+        ) : import_utils.locales.getText(
+          "page.eftpos-pay.text.huifu.scan.gun.not-connected-desc"
+        )
+      ))
+    ),
+    cameraStatus && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-eftpos-pay-huifu-scan-content-camera",
+        onClick: activeCamera
+      },
+      /* @__PURE__ */ import_react.default.createElement(NativeDeviceStatus, { type: "camera", status: cameraStatus }),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-content-camera-right" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-eftpos-pay-huifu-scan-content-camera-title" }, import_utils.locales.getText(
+        "page.eftpos-pay.text.huifu.scan.camera-title"
+      )), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-eftpos-pay-huifu-scan-content-camera-desc" }, import_utils.locales.getText("page.eftpos-pay.text.huifu.scan.camera-desc")))
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-content-input-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-content-input-wrapper-title" }, import_utils.locales.getText("page.eftpos-pay.text.huifu.scan.input-title")), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Input,
+      {
+        placeholder: import_utils.locales.getText(
+          "page.eftpos-pay.text.huifu.scan.input-placeholder"
+        ),
+        maxLength: 18,
+        style: { width: "100%", fontSize: "16px" },
+        size: "large",
+        value: inputValue,
+        onChange: (e) => {
+          var _a;
+          const value = ((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value) || "";
+          const regex = /^[0-9]*$/;
+          if (regex.test(value) && (value == null ? void 0 : value.length) <= 18) {
+            setInputValue(value);
+          }
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-content-input-wrapper-tip" }, "💡", import_utils.locales.getText("page.eftpos-pay.text.huifu.scan.input-tip")))
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-pay-huifu-scan-footer-divider" }), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      type: "default",
+      block: true,
+      size: "large",
+      className: "pisell-eftpos-pay-huifu-scan-footer-button",
+      onClick: onClose
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.huifu.scan.cancel")
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      type: "primary",
+      block: true,
+      size: "large",
+      disabled: !inputValue || (inputValue == null ? void 0 : inputValue.length) < 18,
+      onClick: () => onPayClick(inputValue),
+      className: "pisell-eftpos-pay-huifu-scan-footer-button"
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.huifu.scan.confirm")
+  )));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NativeDeviceStatus,
+  ScanAction
+});

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

@@ -0,0 +1,5 @@
+import { State } from '../store';
+import { ModeEnum } from '../const';
+export declare const getStep: (mode?: ModeEnum) => State['steps'];
+declare const _default: (params: any) => State;
+export default _default;

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

@@ -0,0 +1,86 @@
+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/huifu/const.ts
+var const_exports = {};
+__export(const_exports, {
+  default: () => const_default,
+  getStep: () => getStep
+});
+module.exports = __toCommonJS(const_exports);
+var import_utils = require("@pisell/utils");
+var import_const = require("../const");
+var getStep = (mode = import_const.ModeEnum.Pay) => [
+  {
+    key: Date.now(),
+    title: import_utils.locales.getText("page.eftpos-pay.text.loading")(mode),
+    // 'Payment in  process...',
+    text: import_utils.locales.getText("page.eftpos-pay.text.waiting.processing"),
+    // 'Waiting for the processing...',
+    warn: "",
+    tip: import_utils.locales.getText("page.eftpos-pay.text.processing"),
+    // 'processing...',
+    status: import_const.StatusEnum.Loading
+  }
+];
+var const_default = (params) => {
+  const {
+    order_id,
+    name,
+    symbol,
+    amount,
+    mode,
+    number,
+    pay,
+    device,
+    net,
+    client,
+    ...other
+  } = params || {
+    mode: import_const.ModeEnum.Pay
+  };
+  console.log("params =>>>>>> ", params);
+  const isPay = mode === import_const.ModeEnum.Pay || mode === import_const.ModeEnum.FullPay;
+  return {
+    order_id,
+    name,
+    symbol,
+    amount,
+    mode,
+    eftpos: import_const.EftposEnum.Huifu,
+    key: Date.now(),
+    step: 0,
+    type: import_const.PayRouteEnum.Step,
+    title: isPay ? "" : import_utils.locales.getText("page.eftpos-pay.text.loading")(mode),
+    component: "",
+    status: isPay ? import_const.StatusEnum.Init : import_const.StatusEnum.Loading,
+    steps: getStep(mode),
+    render: true,
+    client: client !== "undefined" ? client : import_const.ClientEnum.Merchant,
+    warn: "",
+    custom: other || {},
+    ...typeof net !== "undefined" ? { net } : {},
+    ...typeof number !== "undefined" ? { number } : {},
+    ...typeof pay !== "undefined" ? { pay } : {},
+    ...typeof device !== "undefined" ? { device } : {}
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getStep
+});

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;