@pisell/private-materials 6.6.61 → 6.6.63

package/lib/components/eftposPay/amount.js

@@ -36,11 +36,13 @@ var import_utils = require("@pisell/utils");
 var import_antd = require("antd");
 var import_decimal = require("decimal.js");
 var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
 var import_alert = __toESM(require("./component/alert"));
 var import_titlebar = __toESM(require("./component/header/titlebar"));
 var import_manufacturer = require("./manufacturer");
 var import_helper = require("./helper");
 var import_store = require("./store");
+var import_payLog = __toESM(require("./utils/payLog"));
 var amount_default = ({
   className = "",
   onChange,
@@ -88,6 +90,14 @@ var amount_default = ({
     const currentMoneyDeci = new import_decimal.Decimal(currentMoney);
     return moneyDeci.sub(currentMoneyDeci).toFixed(2, import_decimal.Decimal.ROUND_HALF_UP);
   }, [currentMoney, money]);
+  (0, import_ahooks.useMount)(() => {
+    import_payLog.default.log("金额页面展示", {
+      amount: currentMoney,
+      surcharge: totalSurMoney,
+      total,
+      surRate: curSurRate
+    });
+  });
   const onSubmit = () => {
     if (!status) {
       setStatus(true);
@@ -115,7 +125,7 @@ var amount_default = ({
       surRateMoney: `${surRateMoney}`,
       totalUnit: formatAmount(total, 2, symbol)
     };
-    console.log("amount pay = ", pay);
+    import_payLog.default.log("金额页-确认提交", { pay });
     dispatch((0, import_store.updateState)({ pay }));
     dispatch((0, import_store.updateComponent)(""));
     onChange && onChange("page", "pay");
@@ -125,9 +135,11 @@ var amount_default = ({
       setStatus(true);
       return;
     }
+    import_payLog.default.log("金额页-点击取消");
     onClose();
   };
   const onEdit = () => {
+    import_payLog.default.log("金额页-点击编辑");
     setStatus(false);
     setTempSurRate(curSurRate);
     setTempSurMoney(curSurMoney);

package/lib/components/eftposPay/app.js

@@ -39,8 +39,7 @@ 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 import_payLog = __toESM(require("./utils/payLog"));
 var App = ({
   action,
   api,
@@ -58,9 +57,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 engineContext = useEngineContext();
   const utils = engineContext.appHelper.utils || {};
-  import_utils.request.setRequest(utils == null ? void 0 : utils.request);
+  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,
@@ -110,12 +109,12 @@ var App = ({
           dispatch((0, import_store.updateState)({ action: params }));
         }
       }
-      console.log("状态切换 = ", status, params, other);
       props.onChangeStatus(status, params, other);
     },
     []
   );
   const onClose = () => {
+    import_payLog.default.log("关闭支付");
     onChange("fail", {
       number: data.number,
       uniquePaymentNumber: data.number,

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

@@ -41,6 +41,7 @@ var import_manufacturer = require("../../manufacturer");
 var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
 var import_store = require("../../store");
 var import_header = __toESM(require("../header"));
+var import_payLog = __toESM(require("../../utils/payLog"));
 var failCustom_default = ({ className = "", isMobile, onChange }) => {
   const {
     eftpos,
@@ -58,6 +59,7 @@ var failCustom_default = ({ className = "", isMobile, onChange }) => {
   const failCustom = custom == null ? void 0 : custom.failCustom;
   const dispatch = (0, import_store.useDispatch)();
   const onRetry = () => {
+    import_payLog.default.log("自定义失败页：重试");
     onChange("page", "pay");
     const params = {
       ...originalParams || {},
@@ -65,7 +67,8 @@ var failCustom_default = ({ className = "", isMobile, onChange }) => {
       name,
       symbol,
       amount,
-      order_id
+      order_id,
+      client
     };
     if (mode !== import_const.ModeEnum.Query) {
       params.number = "";
@@ -82,13 +85,15 @@ var failCustom_default = ({ className = "", isMobile, onChange }) => {
           symbol,
           amount,
           order_id,
-          number: ""
+          number: "",
+          client
         })
       )
     );
     onChange("page", "amount");
   };
   const onManually = () => {
+    import_payLog.default.log("自定义失败页：点击手动标记");
     dispatch(
       (0, import_store.updateState)({
         manual: {
@@ -104,12 +109,15 @@ var failCustom_default = ({ className = "", isMobile, onChange }) => {
     dispatch((0, import_store.updateComponent)("Manual"));
   };
   const onNotin = () => {
+    import_payLog.default.log("自定义失败页：点击打印小票");
     onChange("print", [], "print_on_timeout");
   };
   const onClose = () => {
+    import_payLog.default.log("自定义失败页：关闭");
     onChange("fail", { number, uniquePaymentNumber: number, device, order_id });
   };
   (0, import_ahooks.useMount)(() => {
+    import_payLog.default.log("自定义失败页展示", { status: failCustom == null ? void 0 : failCustom.status });
     if ((failCustom == null ? void 0 : failCustom.status) === "fail") {
       onChange("page", "fail");
     }

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

@@ -41,6 +41,7 @@ var import_const = require("../../const");
 var import_manufacturer = require("../../manufacturer");
 var import_store = require("../../store");
 var import_header = __toESM(require("../header"));
+var import_payLog = __toESM(require("../../utils/payLog"));
 var fail_default = ({ onChange, className = "", isMobile }) => {
   var _a, _b;
   const {
@@ -60,6 +61,7 @@ var fail_default = ({ onChange, className = "", isMobile }) => {
   const isPosNetworkError = ((_b = (_a = steps[step]) == null ? void 0 : _a.custom) == null ? void 0 : _b.isPosNetworkError) || false;
   const dispatch = (0, import_store.useDispatch)();
   const onRetry = () => {
+    import_payLog.default.log("失败页：点击重试");
     onChange("page", "pay");
     dispatch(
       (0, import_store.updateState)(
@@ -70,7 +72,8 @@ var fail_default = ({ onChange, className = "", isMobile }) => {
           symbol,
           amount,
           order_id,
-          number: ""
+          number: "",
+          client
         })
       )
     );
@@ -85,13 +88,15 @@ var fail_default = ({ onChange, className = "", isMobile }) => {
           symbol,
           amount,
           order_id,
-          number: ""
+          number: "",
+          client
         })
       )
     );
     onChange("page", "amount");
   };
   const onManually = () => {
+    import_payLog.default.log("失败页：点击手动标记");
     dispatch(
       (0, import_store.updateState)({
         manual: {
@@ -107,12 +112,15 @@ var fail_default = ({ onChange, className = "", isMobile }) => {
     dispatch((0, import_store.updateComponent)("Manual"));
   };
   const onNotin = () => {
+    import_payLog.default.log("失败页：点击打印小票");
     onChange("print", [], "print_on_timeout");
   };
   const onClose = () => {
+    import_payLog.default.log("失败页：点击关闭");
     onChange("fail", { number, uniquePaymentNumber: number, device, order_id });
   };
   (0, import_ahooks.useMount)(() => {
+    import_payLog.default.log("失败页展示", { status: steps[step].status });
     if (steps[step].status === "fail") {
       onChange("page", "fail");
     }

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

@@ -36,9 +36,11 @@ var import_utils = require("@pisell/utils");
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_header = __toESM(require("../header"));
+var import_payLog = __toESM(require("../../utils/payLog"));
 var network_default = ({ className = "" }) => {
   const [hasBtn, setBtn] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
+    import_payLog.default.log("断网提示页展示");
     const clear = setTimeout(() => {
       setBtn(true);
     }, 1e3);
@@ -47,6 +49,7 @@ var network_default = ({ className = "" }) => {
     };
   }, []);
   const onReconnect = () => {
+    import_payLog.default.log("断网提示页：点击重新连接");
     import_antd.message.open({
       key: "net-warning",
       type: "loading",

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

@@ -35,13 +35,19 @@ module.exports = __toCommonJS(unknow_exports);
 var import_utils = require("@pisell/utils");
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
 var import_const = require("../../const");
 var import_store = require("../../store");
 var import_header = __toESM(require("../header"));
+var import_payLog = __toESM(require("../../utils/payLog"));
 var unknow_default = ({ onChange, className = "" }) => {
   const { form, mode, client } = (0, import_store.useContextData)();
   const dispatch = (0, import_store.useDispatch)();
+  (0, import_ahooks.useMount)(() => {
+    import_payLog.default.log("未知状态处理页展示");
+  });
   const onManually = () => {
+    import_payLog.default.log("未知状态处理页：点击手动标记");
     dispatch(
       (0, import_store.updateState)({
         manual: {
@@ -57,10 +63,12 @@ var unknow_default = ({ onChange, className = "" }) => {
     dispatch((0, import_store.updateComponent)("Manual"));
   };
   const onNotin = () => {
+    import_payLog.default.log("未知状态处理页：点击打印小票");
     onChange("print", [], "print_on_timeout");
   };
   (0, import_react.useEffect)(() => {
     if (form === "Network" || form === "restore") {
+      import_payLog.default.log("未知状态处理页：网络终端");
       dispatch((0, import_store.updateComponent)(""));
     }
   }, [form]);

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

@@ -40,10 +40,14 @@ var import_usePrefix = __toESM(require("../../../../hooks/usePrefix"));
 var import_const = require("../../const");
 var import_store = require("../../store");
 var import_helper = require("../../helper");
+var import_payLog = __toESM(require("../../utils/payLog"));
 var import_index = require("./index.less");
 var manual_default = ({ onChange, className = "", formatAmount }) => {
   const dispatch = (0, import_store.useDispatch)();
   const { symbol, manual, order_id, mode, device, number, pay, amount } = (0, import_store.useContextData)();
+  (0, import_react.useEffect)(() => {
+    import_payLog.default.log("手动标记页展示");
+  }, []);
   const start = (0, import_react.useMemo)(() => {
     if (typeof (manual == null ? void 0 : manual.money) === "number" || typeof (manual == null ? void 0 : manual.money) === "string") {
       return Number(manual == null ? void 0 : manual.money);
@@ -59,9 +63,11 @@ var manual_default = ({ onChange, className = "", formatAmount }) => {
   const [isUpdateAmount, updateAmountStatus] = (0, import_react.useState)(manual == null ? void 0 : manual.status);
   const onSuccess = () => {
     if (disabled) {
+      import_payLog.default.log("手动标记：点击成功被拦截");
       return;
     }
     if (mode === import_const.ModeEnum.Refund) {
+      import_payLog.default.log("手动标记(退款)：点击标记为成功");
       setDisabled(true);
       onChange("success", {
         amount,
@@ -69,10 +75,13 @@ var manual_default = ({ onChange, className = "", formatAmount }) => {
         number,
         uniquePaymentNumber: number,
         device,
-        order_id
+        order_id,
+        manual_marking_flag: 1
+        // 手动标记标志
       });
       return;
     }
+    import_payLog.default.log("手动标记：点击标记为成功");
     updateAmountStatus(true);
     dispatch((0, import_store.updateState)({ manual: { ...manual, status: true } }));
   };
@@ -80,6 +89,7 @@ var manual_default = ({ onChange, className = "", formatAmount }) => {
     if (disabled) {
       return;
     }
+    import_payLog.default.log("手动标记：点击标记为失败");
     setDisabled(true);
     onChange("fail", { number, uniquePaymentNumber: number, device, order_id });
   };
@@ -87,6 +97,7 @@ var manual_default = ({ onChange, className = "", formatAmount }) => {
     if (disabled) {
       return;
     }
+    import_payLog.default.log("手动标记-确认金额：点击确认", { money });
     setDisabled(true);
     if (mode === import_const.ModeEnum.Refund || mode === import_const.ModeEnum.Query) {
       return;
@@ -119,11 +130,14 @@ var manual_default = ({ onChange, className = "", formatAmount }) => {
       number,
       uniquePaymentNumber: number,
       device,
-      order_id
+      order_id,
+      manual_marking_flag: 1
+      // 手动标记标志
     });
     return;
   };
   const onCancel = () => {
+    import_payLog.default.log("手动标记-确认金额：点击取消");
     updateAmountStatus(false);
     setMoney(pay == null ? void 0 : pay.total);
     dispatch(

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

@@ -37,14 +37,17 @@ var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_store = require("../../store");
 var import_header = __toESM(require("../header"));
+var import_payLog = __toESM(require("../../utils/payLog"));
 var signature_default = ({ api, className = "" }) => {
   const dispatch = (0, import_store.useDispatch)();
   const { number, mode } = (0, import_store.useContextData)();
   const [disabled, setDisabled] = (0, import_react.useState)(false);
   const onBack = () => {
+    import_payLog.default.log("取消签名确认页：点击返回");
     dispatch((0, import_store.updateComponent)(""));
   };
   const onConfirm = () => {
+    import_payLog.default.log("取消签名确认页：点击确认");
     setDisabled(true);
     api.update({
       type: "NO",

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

@@ -7,9 +7,12 @@ export declare enum EftposEnum {
     /** 后端支付 - 支付 + 退款  */
     Windcave = "windcave",
     Stripe = "stripe",
+    /** 后端支付 - 支付 + 退款  */
     Linkly = "linkly",
     /** 汇付天下 */
-    Huifu = "huifu"
+    Huifu = "huifu",
+    /** mx51支付 - 支付 + 退款  */
+    MX51 = "mx51"
 }
 export declare enum StatusEnum {
     Init = "init",
@@ -163,7 +166,7 @@ export declare enum PayStatus {
     'Unknown' = "701000",
     /** 交易请求超时 */
     'Timeout' = "701001",
-    /** 支付失败（汇付天下） */
+    /** 支付失败 */
     'PaymentFailed' = "701002",
     /** 繁忙 EFTPOS终端暂时不可用，因为EFTPOS正在处理另一个请求。 */
     'PayOtherEftposFailed' = "701003",
@@ -180,7 +183,9 @@ export declare enum PayStatus {
     /** 签名拒绝 */
     'SignatureDeclined' = "701009",
     /** 配置参数错误 */
-    'UserConfigError' = "701010"
+    'UserConfigError' = "701010",
+    /** mx51未知状态 */
+    'UnknownMx51' = "702001"
 }
 export interface ActionProps {
     onChange: (status: `${StatusEnum.Success}` | `${StatusEnum.Fail}` | 'page', params?: {

package/lib/components/eftposPay/const.js

@@ -37,6 +37,7 @@ var EftposEnum = /* @__PURE__ */ ((EftposEnum2) => {
   EftposEnum2["Stripe"] = "stripe";
   EftposEnum2["Linkly"] = "linkly";
   EftposEnum2["Huifu"] = "huifu";
+  EftposEnum2["MX51"] = "mx51";
   return EftposEnum2;
 })(EftposEnum || {});
 var StatusEnum = /* @__PURE__ */ ((StatusEnum2) => {
@@ -103,6 +104,7 @@ var PayStatus = /* @__PURE__ */ ((PayStatus2) => {
   PayStatus2["PayBankRefuses"] = "701008";
   PayStatus2["SignatureDeclined"] = "701009";
   PayStatus2["UserConfigError"] = "701010";
+  PayStatus2["UnknownMx51"] = "702001";
   return PayStatus2;
 })(PayStatus || {});
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/eftposPay/device.js

@@ -43,6 +43,8 @@ var import_ChevronRight = __toESM(require("@pisell/icon/es/ChevronRight"));
 var import_store = require("./store");
 var import_manufacturer = require("./manufacturer");
 var import_device = require("./device.less");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_payLog = __toESM(require("./utils/payLog"));
 var device_default = ({
   api,
   onChange,
@@ -55,13 +57,17 @@ var device_default = ({
   formatAmount = (number, precision, symbol) => `${symbol}${number}`,
   containerStyle = {}
 }) => {
+  const context = (0, import_useEngineContext.default)();
+  const { isTerminal, interaction } = context.appHelper.utils || {};
   const store = (0, import_store.useContextData)();
-  const { device, symbol, mode, eftpos } = store;
+  const { device, symbol, mode, eftpos, order_id } = store;
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [dataStaus, setDataStaus] = (0, import_react.useState)(true);
   const [list, setList] = (0, import_react.useState)([]);
   const dispatch = (0, import_store.useDispatch)();
+  const timerRef = (0, import_react.useRef)();
   const onClick = (event) => {
+    var _a;
     if (!net) {
       import_antd.message.open({
         key: "net-warning",
@@ -71,14 +77,48 @@ var device_default = ({
       return;
     }
     const [index] = [Number(event.currentTarget.dataset.index)];
+    import_payLog.default.log("手动选择设备", { deviceId: (_a = list[index]) == null ? void 0 : _a.id, index });
     setDevice(list[index]);
   };
+  const triggerCloseButton = (bool) => {
+    var _a, _b;
+    if (!(isTerminal == null ? void 0 : isTerminal())) {
+      return;
+    }
+    (_b = (_a = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a.postMessageToApp) == null ? void 0 : _b.call(_a, {
+      module: "pos",
+      key: "other",
+      data: {
+        key: bool ? "show_close_button" : "hide_close_button"
+      }
+    });
+  };
+  const closeFirstWithDelayShow = () => {
+    timerRef.current && clearTimeout(timerRef.current);
+    if (!(isTerminal == null ? void 0 : isTerminal())) {
+      return;
+    }
+    triggerCloseButton(false);
+    timerRef.current = setTimeout(() => {
+      triggerCloseButton(true);
+    }, 5e3);
+  };
+  const clearTimer = () => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = void 0;
+    }
+  };
   (0, import_ahooks.useMount)(() => {
+    import_payLog.default.log("设备选择页展示");
     setLoading(true);
+    closeFirstWithDelayShow();
     api.getDeviceList({ type: eftpos, status: "paired" }).then(
       (res) => {
+        clearTimer();
         setLoading(false);
         if (res && Array.isArray(res.list) && res.list.length > 0) {
+          import_payLog.default.log("设备列表加载成功", { count: res.list.length, hasDeviceNumber: !!device_number });
           if (device_number) {
             const hostDeviceList = res.list.filter(
               (item) => {
@@ -92,6 +132,7 @@ var device_default = ({
               setDataStaus(true);
               setList(setDeviceList(hostDeviceList));
               if (hostDeviceList.length === 1) {
+                import_payLog.default.log("自动选择设备（device_number匹配）", { device: hostDeviceList[0] });
                 setDevice(hostDeviceList[0]);
               }
               return;
@@ -100,25 +141,62 @@ var device_default = ({
           setDataStaus(true);
           setList(setDeviceList(res.list));
           if (res.list.length === 1) {
+            import_payLog.default.log("自动选择设备（单设备）", { device: res.list[0] });
             setDevice(res.list[0]);
+          } else {
+            triggerCloseButton(true);
           }
           return;
         }
+        import_payLog.default.log("设备列表为空");
+        triggerCloseButton(true);
         setDataStaus(false);
       },
       () => {
+        clearTimer();
+        import_payLog.default.log("设备列表加载失败");
+        triggerCloseButton(true);
         setDataStaus(false);
         setLoading(false);
       }
     );
   });
-  const setDevice = (device2) => {
+  (0, import_ahooks.useUnmount)(() => {
+    timerRef.current && clearTimeout(timerRef.current);
+  });
+  const checkIsActiveWithDelay = async (time = 100) => {
+    var _a, _b, _c;
+    if (!(isTerminal == null ? void 0 : isTerminal())) {
+      return true;
+    }
+    await new Promise((resolve) => setTimeout(resolve, time));
+    if ((_a = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a.asyncDataManager) {
+      try {
+        const activeStatus = await ((_c = (_b = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _b.asyncDataManager) == null ? void 0 : _c.call(_b, {
+          module: "get",
+          key: "pay_webview_active"
+        }));
+        return activeStatus !== "unActive";
+      } catch (error) {
+        return true;
+      }
+    }
+    return true;
+  };
+  const setDevice = async (device2) => {
+    import_payLog.default.setContext({ deviceId: device2 == null ? void 0 : device2.id });
     dispatch((0, import_store.updateDevice)({ device: device2 }));
     if (typeof api.selectDevice === "function") {
       api.selectDevice(device2);
     }
     if (typeof onChange === "function") {
       if (mode === import_const.ModeEnum.Pay) {
+        triggerCloseButton(false);
+        const isActive = await checkIsActiveWithDelay(100);
+        if (!isActive) {
+          import_payLog.default.log("页面非活跃状态，阻断支付", { order_id, isActive });
+          return;
+        }
         if (device2.pay) {
           dispatch(
             (0, import_store.updateState)({
@@ -156,34 +234,45 @@ var device_default = ({
         ...containerStyle || {}
       }
     },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: loading, style: { flex: 1, overflow: "auto" } }, /* @__PURE__ */ import_react.default.createElement(
-      "div",
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Spin,
       {
-        style: { display: "flex", flexDirection: "column", gap: "10px" }
+        spinning: loading,
+        size: "large",
+        style: { flex: 1, overflow: "auto", minHeight: "200px" }
       },
-      list.map(({ id, name, pay }, index) => /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          key: id,
-          className: `pisell-lowcode__eft-pay-device ${id === (device == null ? void 0 : device.id) ? "active" : ""}`,
-          "data-index": index,
-          onClick,
-          role: "button",
-          tabIndex: index
+          style: { display: "flex", flexDirection: "column", gap: "10px" }
         },
-        /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-name" }, name), mode === import_const.ModeEnum.Refund ? null : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-money" }, pay.totalUnit), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-sucharge" }, import_utils.locales.getText(
-          "page.eftpos-pay.text.surcharge.edit.inc.surcharge"
-        ), ": ", formatAmount(`${pay.surcharge}`, 2, symbol), " (", import_utils.locales.getText(
-          "page.eftpos-pay.text.surcharge.edit.rate"
-        ), ":", pay.surRate, "% +", " ", formatAmount(`${pay.surMoney}`, 2, symbol), ")"))),
-        /* @__PURE__ */ import_react.default.createElement("div", { style: { flexShrink: 0 } }, /* @__PURE__ */ import_react.default.createElement(
-          import_ChevronRight.default,
-          {
-            style: { fontWeight: "600", fontSize: "24px" }
-          }
-        ))
-      ))
-    ))
+        list.map(({ id, name, pay, connection }, index) => {
+          var _a;
+          return /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              key: id,
+              className: `pisell-lowcode__eft-pay-device ${id === (device == null ? void 0 : device.id) ? "active" : ""}`,
+              "data-index": index,
+              onClick,
+              role: "button",
+              tabIndex: index
+            },
+            /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-name" }, name), mode === import_const.ModeEnum.Refund ? null : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-money" }, pay.totalUnit), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-sucharge" }, import_utils.locales.getText(
+              "page.eftpos-pay.text.surcharge.edit.inc.surcharge"
+            ), ": ", formatAmount(`${pay.surcharge}`, 2, symbol), " (", import_utils.locales.getText(
+              "page.eftpos-pay.text.surcharge.edit.rate"
+            ), ":", pay.surRate, "% +", " ", formatAmount(`${pay.surMoney}`, 2, symbol), ")"), eftpos === import_const.EftposEnum.MX51 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-sucharge" }, "Pairing ID: ", (_a = connection == null ? void 0 : connection.response) == null ? void 0 : _a.pairing_id) : null)),
+            /* @__PURE__ */ import_react.default.createElement("div", { style: { flexShrink: 0 } }, /* @__PURE__ */ import_react.default.createElement(
+              import_ChevronRight.default,
+              {
+                style: { fontWeight: "600", fontSize: "24px" }
+              }
+            ))
+          );
+        })
+      )
+    )
   ) : /* @__PURE__ */ import_react.default.createElement(
     "div",
     {

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

@@ -29,6 +29,7 @@ export declare const getPayParams: (data: Partial<Omit<State, key>> & Pick<State
     amount?: undefined;
     total?: undefined;
     receipt?: undefined;
+    uniquePaymentNumber?: undefined;
 } | {
     cardReaderSurcharge: {};
     surMoney: string;
@@ -51,6 +52,7 @@ export declare const getPayParams: (data: Partial<Omit<State, key>> & Pick<State
     } | undefined;
     order_id: string | number;
     receipt: {};
+    uniquePaymentNumber: string | number | undefined;
 } | {
     amount: string | number;
     total: string | number;
@@ -58,6 +60,7 @@ export declare const getPayParams: (data: Partial<Omit<State, key>> & Pick<State
     order_id: string | number;
     device?: undefined;
     receipt?: undefined;
+    uniquePaymentNumber?: undefined;
 };
 export declare const limitDecimals: (value: any) => any;
 /**

package/lib/components/eftposPay/helper.js

@@ -103,7 +103,8 @@ var getPayParams = (data, statue) => {
       number: data.number,
       device: data.device,
       order_id: data.order_id,
-      receipt: ((_f = (_e = data.device) == null ? void 0 : _e.setting) == null ? void 0 : _f.receipts) ? [] : receipt
+      receipt: ((_f = (_e = data.device) == null ? void 0 : _e.setting) == null ? void 0 : _f.receipts) ? [] : receipt,
+      uniquePaymentNumber: data.number
     };
   }
   return {

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

@@ -19,7 +19,7 @@ export declare const useStoreRef: <T extends {
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "tyro" | "windcave" | "payo" | "linkly" | "huifu">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "tyro" | "mx51" | "payo" | "windcave" | "linkly" | "huifu">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };