@pisell/private-materials 3.0.202 → 3.0.204

package/lib/components/eftposPay/index.js

@@ -34,67 +34,33 @@ __export(eftposPay_exports, {
 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_app = __toESM(require("./app"));
+var import_tip = __toESM(require("./tip"));
 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);
+var eftposPay_default = (props) => {
+  var _a, _b, _c, _d, _e, _f;
+  const [check, setCheckStatus] = (0, import_react.useState)(
+    props.type === import_const.EftposEnum.Tyro ? import_const.OrderEumn.Null : props.source === import_const.RestoreEumn.Restore ? import_const.OrderEumn.Restore : import_const.OrderEumn.Normal
+  );
   const context = (0, import_useEngineContext.default)();
+  const [cardSurcharge, setCardSurcharge] = (0, import_react.useState)(0);
+  const [receipt, setReceipt] = (0, import_react.useState)([]);
+  const [updateTime, setTime] = (0, import_react.useState)("");
   console.log("context = ", context);
-  const {
-    formatAmount,
-    storage
-  } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {
-    formatAmount: (number, precision, symbol) => `${symbol}${number}`,
+  const [historyData, setHistory] = (0, import_react.useState)();
+  const { formatAmount, storage, store } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {
+    store: {},
+    formatAmount: (number, precision, symbol2) => `${symbol2}${number}`,
     storage: () => ({
       get: () => ""
     })
   };
-  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 channel = (0, import_react.useMemo)(() => {
     var _a2;
     const channel2 = ((_a2 = storage == null ? void 0 : storage.get) == null ? void 0 : _a2.call(storage, "channel")) || "";
@@ -106,99 +72,10 @@ var App = ({
     }
     return "";
   }, []);
-  const client = (0, import_react.useMemo)(() => {
-    if (channel === "kiosk") {
-      return import_const.ClientEnum.User;
-    }
-    return import_const.ClientEnum.Merchant;
-  }, [channel]);
-  (0, import_react.useEffect)(() => {
-    dispatch((0, import_store.updateClient)(client));
-  }, [client]);
   const isMobile = (0, import_react.useMemo)(() => Boolean(channel), [channel]);
-  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, other) => {
-    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, other);
-    props.onChangeStatus(status, params, other);
-  }, []);
-  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,
-        isMobile,
-        className: isMobile ? "pisell-lowcode__eft-pay-terminal" : "",
-        net,
-        device_number,
-        formatAmount,
-        client
-      }
-    );
-  }
-  if (current === import_const.RouteEnum.Amount) {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_amount.default,
-      {
-        onChange,
-        onClose,
-        formatAmount,
-        isMobile,
-        className: isMobile ? "pisell-lowcode__eft-pay-terminal" : "",
-        net,
-        client
-      }
-    );
-  }
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_pay.default,
-    {
-      api,
-      tyroUrl,
-      tyroVersion,
-      onChange,
-      className: isMobile ? "pisell-lowcode__eft-pay-terminal" : "",
-      terminal,
-      isMobile,
-      net,
-      formatAmount,
-      client
-    }
-  );
-};
-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.source === import_const.RestoreEumn.Restore) {
       if (props.params) {
         if (props.params.mode) {
           return props.params.mode;
@@ -213,7 +90,7 @@ var eftposPay_default = (props) => {
   }, [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") {
+    if (props.source === import_const.RestoreEumn.Restore) {
       return props.params;
     }
     return (0, import_manufacturer.getInitState)(
@@ -221,6 +98,10 @@ var eftposPay_default = (props) => {
       props.params ? { mode, ...props.params, symbol: current } : { mode, symbol: current }
     );
   }, [mode, props.params, props.type, symbol]);
+  const stateRef = (0, import_react.useRef)(state);
+  (0, import_react.useEffect)(() => {
+    stateRef.current = state;
+  }, [state]);
   const onChangeStatus = (0, import_react.useCallback)(
     (status, params, other) => {
       props.onChangeStatus(status, params, other);
@@ -256,22 +137,103 @@ var eftposPay_default = (props) => {
     return act;
   }, [mode, state]);
   (0, import_react.useEffect)(() => {
+    document.body.id = "body";
     console.log("初始化 ........11221801");
   }, []);
   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,
+  const api = (0, import_react.useMemo)(() => {
+    if (typeof props.getApi === "function") {
+      return props.getApi();
+    }
+    return {};
+  }, [props.getApi]);
+  (0, import_react.useEffect)(() => {
+    if (props.source === import_const.RestoreEumn.Restore || props.type === import_const.EftposEnum.Tyro) {
+      return;
+    }
+    api.getTransaction({
+      order_id: stateRef.current.order_id,
+      card_reader_type: stateRef.current.eftpos,
+      receive_status: "unprocessed"
+    }).then((res) => {
+      if (!Array.isArray(res.data) || res.data.length === 0) {
+        setCheckStatus(import_const.OrderEumn.Null);
+        return;
+      }
+      const currentMode = stateRef.current.mode === import_const.ModeEnum.FullPay ? import_const.ModeEnum.Pay : stateRef.current.mode;
+      const list = res.data.filter(
+        (item) => item.action === currentMode
+      );
+      if (list.length === 0) {
+        setCheckStatus(import_const.OrderEumn.Null);
+        return;
+      }
+      const latest = list.pop();
+      const numberList = list.map((item) => item.number);
+      if (latest.status === import_const.OrderEumn.Failed) {
+        setCheckStatus(latest.status);
+        onChangeStatus("mark_tx_processed", [
+          ...numberList,
+          latest.number
+        ]);
+        return;
+      }
+      if (list.length > 0) {
+        onChangeStatus("mark_tx_processed", numberList);
+      }
+      const { pay_param_base64, card_reader_surcharge, receipt: receipt2 } = (latest == null ? void 0 : latest.metadata) || {};
+      setTime(latest.updated_at);
+      setCardSurcharge(card_reader_surcharge || 0);
+      setReceipt(receipt2 || []);
+      if (!pay_param_base64) {
+        setCheckStatus(import_const.OrderEumn.Failed);
+        return;
+      }
+      try {
+        const data = JSON.parse(
+          decodeURIComponent(atob(decodeURIComponent(pay_param_base64)))
+        );
+        setHistory(data);
+        setCheckStatus(latest.status);
+      } catch (e) {
+        setCheckStatus(import_const.OrderEumn.Failed);
+        return;
+      }
+    });
+  }, []);
+  if (check === import_const.OrderEumn.Normal) {
+    return null;
+  }
+  if (check === import_const.OrderEumn.Succeed) {
+    return /* @__PURE__ */ import_react.default.createElement(import_store.Provider, { state: historyData }, /* @__PURE__ */ import_react.default.createElement(
+      import_tip.default,
+      {
+        cardSurcharge,
+        receipts: receipt,
+        onChangeStatus,
+        onChangeParams: props.onChangeParams,
+        formatAmount,
+        successTime: updateTime,
+        className: isMobile ? "pisell-lowcode__eft-pay-terminal" : ""
+      }
+    ));
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_store.Provider, { state: check === import_const.OrderEumn.Pending ? historyData : state }, /* @__PURE__ */ import_react.default.createElement(
+    import_app.default,
     {
-      getApi: props.getApi,
+      api,
+      channel,
       params: props.params,
       onChangeStatus,
       terminal: props.terminal,
       onChangeParams: props.onChangeParams,
-      action,
+      action: check === import_const.OrderEumn.Pending ? import_const.ModeEnum.Pay : action,
       source: props.source,
       tyroUrl: props.tyroUrl,
       tyroVersion: props.tyroVersion,
-      device_number: (_f = props == null ? void 0 : props.params) == null ? void 0 : _f.device_number
+      device_number: (_f = props == null ? void 0 : props.params) == null ? void 0 : _f.device_number,
+      isMobile,
+      formatAmount
     }
   ));
 };

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

@@ -54,6 +54,11 @@ declare const _default: {
         'page.eftpos-pay.text.sure': string;
         'page.eftpos-pay.text.device': string;
         'page.eftpos-pay.text.leave': string;
+        'page.eftpos-pay.text.latest.success': string;
+        'page.eftpos-pay.text.latest.amount': string;
+        'page.eftpos-pay.text.latest.surcharge': string;
+        'page.eftpos-pay.text.latest.time': string;
+        'page.eftpos-pay.text.latest.confirm': string;
         'page.eftpos-pay.text.amount.to.pay': string;
         'page.eftpos-pay.text.surcharge.percentage': string;
         'page.eftpos-pay.text.surcharge.fixed': string;
@@ -158,6 +163,11 @@ declare const _default: {
         'page.eftpos-pay.text.sure': string;
         'page.eftpos-pay.text.device': string;
         'page.eftpos-pay.text.leave': string;
+        'page.eftpos-pay.text.latest.success': string;
+        'page.eftpos-pay.text.latest.amount': string;
+        'page.eftpos-pay.text.latest.surcharge': string;
+        'page.eftpos-pay.text.latest.time': string;
+        'page.eftpos-pay.text.latest.confirm': string;
         'page.eftpos-pay.text.amount.to.pay': string;
         'page.eftpos-pay.text.surcharge.percentage': string;
         'page.eftpos-pay.text.surcharge.fixed': string;
@@ -262,6 +272,11 @@ declare const _default: {
         'page.eftpos-pay.text.sure': string;
         'page.eftpos-pay.text.device': string;
         'page.eftpos-pay.text.leave': string;
+        'page.eftpos-pay.text.latest.success': string;
+        'page.eftpos-pay.text.latest.amount': string;
+        'page.eftpos-pay.text.latest.surcharge': string;
+        'page.eftpos-pay.text.latest.time': string;
+        'page.eftpos-pay.text.latest.confirm': string;
         'page.eftpos-pay.text.amount.to.pay': string;
         'page.eftpos-pay.text.surcharge.percentage': string;
         'page.eftpos-pay.text.surcharge.fixed': string;

package/lib/components/eftposPay/locales.js

@@ -78,6 +78,11 @@ var locales_default = {
     "page.eftpos-pay.text.sure": "Sure",
     "page.eftpos-pay.text.device": "Please select device",
     "page.eftpos-pay.text.leave": "Please do not leave this page",
+    "page.eftpos-pay.text.latest.success": "A Successful Payment Detected for This Order!",
+    "page.eftpos-pay.text.latest.amount": "Amount",
+    "page.eftpos-pay.text.latest.surcharge": "Surcharge",
+    "page.eftpos-pay.text.latest.time": "Time",
+    "page.eftpos-pay.text.latest.confirm": "Confirm",
     "page.eftpos-pay.text.amount.to.pay": "Amount to pay",
     "page.eftpos-pay.text.surcharge.percentage": "Percentage",
     "page.eftpos-pay.text.surcharge.fixed": "Fixed",
@@ -187,6 +192,11 @@ var locales_default = {
     "page.eftpos-pay.text.sure": "确定",
     "page.eftpos-pay.text.device": "请选择设备",
     "page.eftpos-pay.text.leave": "请不要离开此页面",
+    "page.eftpos-pay.text.latest.success": "检测到此订单有一笔交易已支付成功！",
+    "page.eftpos-pay.text.latest.amount": "交易金额",
+    "page.eftpos-pay.text.latest.surcharge": "手续费",
+    "page.eftpos-pay.text.latest.time": "交易时间",
+    "page.eftpos-pay.text.latest.confirm": "确认",
     "page.eftpos-pay.text.amount.to.pay": "剩余待支付金额",
     "page.eftpos-pay.text.surcharge.percentage": "百分比",
     // Percentage
@@ -449,6 +459,11 @@ var locales_default = {
     "page.eftpos-pay.text.sure": "確定",
     "page.eftpos-pay.text.device": "請選擇設備",
     "page.eftpos-pay.text.leave": "請不要離開此頁面",
+    "page.eftpos-pay.text.latest.success": "檢測到此訂單有一筆交易已支付成功！",
+    "page.eftpos-pay.text.latest.amount": "交易金額",
+    "page.eftpos-pay.text.latest.surcharge": "手續費",
+    "page.eftpos-pay.text.latest.time": "交易時間",
+    "page.eftpos-pay.text.latest.confirm": "確認",
     "page.eftpos-pay.text.amount.to.pay": "剩餘待支付金額",
     "page.eftpos-pay.text.surcharge.percentage": "百分比",
     // Percentage

package/lib/components/eftposPay/payo/config.js

@@ -56,7 +56,8 @@ var POS = ({
     netRef,
     orderIdRef,
     amountRef,
-    eftposRef
+    eftposRef,
+    dataRef
   } = (0, import_hooks.useStoreRef)();
   const dispatch = (0, import_store.useDispatch)();
   const { key, ...props } = steps[0];
@@ -71,15 +72,18 @@ var POS = ({
     failRef.current = fail;
   }, [fail]);
   const success = (res) => {
-    var _a;
+    var _a, _b, _c, _d;
+    let receipt = Array.isArray((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.receipt) ? (_b = res == null ? void 0 : res.data) == null ? void 0 : _b.receipt : [(_c = res == null ? void 0 : res.data) == null ? void 0 : _c.receipt];
+    receipt = receipt.filter((item) => typeof item === "string").filter(Boolean);
     dispatch((0, import_store.updateNextStep)());
     dispatch(
       (0, import_store.updateCustom)({
-        card_reader_surcharge: ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.card_reader_surcharge) || 0
+        card_reader_surcharge: ((_d = res == null ? void 0 : res.data) == null ? void 0 : _d.card_reader_surcharge) || 0,
+        receipt
       })
     );
     clearRef.current = setTimeout(() => {
-      var _a2, _b, _c;
+      var _a2, _b2, _c2;
       const params = (0, import_helper.getPayParams)(
         {
           mode: modeRef.current,
@@ -89,15 +93,15 @@ var POS = ({
           device: deviceRef.current,
           pay: payRef.current,
           custom: {
-            card_reader_surcharge: ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.card_reader_surcharge) || 0
+            card_reader_surcharge: ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.card_reader_surcharge) || 0,
+            receipt
           }
         },
         "success"
       );
-      const receipt = Array.isArray(res.receipt) ? res.receipt : [res.receipt];
       onChange("success", {
         ...params,
-        receipt: ((_c = (_b = deviceRef.current) == null ? void 0 : _b.setting) == null ? void 0 : _c.receipts) ? [] : receipt
+        receipt: ((_c2 = (_b2 = deviceRef.current) == null ? void 0 : _b2.setting) == null ? void 0 : _c2.receipts) ? [] : receipt
       });
     }, 1e3);
   };
@@ -147,7 +151,17 @@ var POS = ({
         amount: payRef.current.total,
         card_reader_type: eftposRef.current,
         card_reader_id: (_a = deviceRef.current) == null ? void 0 : _a.id,
-        number: numRef.current
+        number: numRef.current,
+        pay_param_base64: encodeURIComponent(
+          btoa(
+            encodeURIComponent(
+              JSON.stringify({
+                ...dataRef.current,
+                number: numRef.current
+              })
+            )
+          )
+        )
       },
       { signal: controllerRef.current.signal }
     ) : api.refund(
@@ -156,7 +170,17 @@ var POS = ({
         amount: amountRef.current,
         card_reader_type: eftposRef.current,
         card_reader_id: (_b = deviceRef.current) == null ? void 0 : _b.id,
-        number: numRef.current
+        number: numRef.current,
+        pay_param_base64: encodeURIComponent(
+          btoa(
+            encodeURIComponent(
+              JSON.stringify({
+                ...dataRef.current,
+                number: numRef.current
+              })
+            )
+          )
+        )
       },
       { signal: controllerRef.current.signal }
     );

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

@@ -297,7 +297,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "tyro" | "windcave" | "payo" | "stripe" | undefined;
+        eftpos?: "windcave" | "tyro" | "payo" | "stripe" | undefined;
         action?: "amount" | "deviceList" | "pay" | undefined;
         key?: number | undefined;
         step?: number | undefined;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './tip.less';
+/**
+ * @title: 支付状态未知页面
+ * @description:
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:42
+ */
+declare const _default: ({ onChangeStatus, className, formatAmount, cardSurcharge, receipts, successTime, onChangeParams, }: any) => React.JSX.Element;
+export default _default;

package/lib/components/eftposPay/tip.js

@@ -0,0 +1,159 @@
+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/tip.tsx
+var tip_exports = {};
+__export(tip_exports, {
+  default: () => tip_default
+});
+module.exports = __toCommonJS(tip_exports);
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_helper = require("./helper");
+var import_const = require("./const");
+var import_dayjs = __toESM(require("dayjs"));
+var import_store = require("./store");
+var import_hooks = require("./hooks");
+var import_tip = require("./tip.less");
+function formatDateUtils(date, format) {
+  if (!date) {
+    return date;
+  }
+  if (date.includes("undefined")) {
+    return "";
+  }
+  const lang = localStorage.getItem("umi_locale") || "en-US";
+  let _format = format || ["HH:mm:ss DD/MM/YYYY", "YYYY年MM月DD日 HH:mm:ss"];
+  let type = lang === "en-US" || lang === "en" ? _format[0] : _format[1];
+  return (0, import_dayjs.default)(date).locale(lang).format(type);
+}
+var tip_default = ({
+  onChangeStatus,
+  className = "",
+  formatAmount,
+  cardSurcharge,
+  receipts,
+  successTime,
+  onChangeParams
+}) => {
+  const [disabled, setDisabled] = (0, import_react.useState)(true);
+  const [amount, setAmount] = (0, import_react.useState)("");
+  const [surcharge, setSurcharge] = (0, import_react.useState)("");
+  const [surMoney, setSurMoney] = (0, import_react.useState)("");
+  const [rate, setRate] = (0, import_react.useState)("");
+  const [total, setTotal] = (0, import_react.useState)("");
+  const [time, setTime] = (0, import_react.useState)("");
+  const data = (0, import_store.useContextData)();
+  const { symbol, custom } = data;
+  const ref = (0, import_react.useRef)();
+  const dispatch = (0, import_store.useDispatch)();
+  const listRef = (0, import_react.useRef)(custom == null ? void 0 : custom.list);
+  const {
+    deviceRef,
+    payRef,
+    numRef,
+    orderIdRef,
+    modeRef,
+    amountRef,
+    eftposRef
+  } = (0, import_hooks.useStoreRef)();
+  const onConfirm = () => {
+    onChangeStatus("success", { ...ref.current || {} });
+  };
+  (0, import_react.useEffect)(() => {
+    if (eftposRef.current === import_const.EftposEnum.Payo) {
+      dispatch((0, import_store.updateNextStep)());
+      dispatch(
+        (0, import_store.updateCustom)({
+          card_reader_surcharge: cardSurcharge || 0,
+          receipt: receipts
+        })
+      );
+    } else if (eftposRef.current === import_const.EftposEnum.Windcave) {
+      dispatch(
+        (0, import_store.updateCustom)({
+          list: listRef.current.map((item) => ({
+            ...item,
+            status: "resolve"
+          })),
+          card_reader_surcharge: cardSurcharge || 0,
+          receipt: receipts
+        })
+      );
+    }
+    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: cardSurcharge,
+          receipt: receipts
+        }
+      },
+      "success"
+    );
+    ref.current = params;
+    setAmount(`${(params == null ? void 0 : params.amount) || ""}`);
+    setSurcharge(`${(params == null ? void 0 : params.surcharge) || ""}`);
+    setSurMoney(`${(params == null ? void 0 : params.surMoney) || ""}`);
+    setRate(`${(params == null ? void 0 : params.surRate) || ""}`);
+    setTotal(`${(params == null ? void 0 : params.total) || ""}`);
+    setTime(formatDateUtils(successTime));
+    setDisabled(false);
+    dispatch(
+      (0, import_store.updateState)({
+        status: "success",
+        title: import_utils.locales.getText("page.eftpos-pay.text.successful")(
+          modeRef.current
+        )
+      })
+    );
+  }, []);
+  (0, import_react.useEffect)(() => {
+    onChangeParams && onChangeParams({
+      ...data,
+      form: import_const.RestoreEumn.Restore
+    });
+  }, [data, onChangeParams]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-box ${className}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-fail-title" }, import_utils.locales.getText("page.eftpos-pay.text.latest.success")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-body pisell-lowcode__eft-pay-tip-body" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-tip-text" }, import_utils.locales.getText("page.eftpos-pay.text.latest.amount"), ":", " ", formatAmount(`${amount}`, 2, symbol)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-tip-text" }, import_utils.locales.getText("page.eftpos-pay.text.latest.surcharge"), ":", " ", formatAmount(`${surcharge}`, 2, symbol), " (", rate, "% +", " ", formatAmount(`${surMoney}`, 2, symbol), ")"), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-tip-text" }, import_utils.locales.getText("page.eftpos-pay.text.surcharge.edit.actual.pay"), ":", " ", formatAmount(`${total}`, 2, symbol)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-tip-text" }, import_utils.locales.getText("page.eftpos-pay.text.latest.time"), ": ", time)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-step-item-btns" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      disabled,
+      block: true,
+      className: "pisell-lowcode__eft-pay-step-item-btn",
+      type: "primary",
+      onClick: onConfirm
+    },
+    import_utils.locales.getText("page.eftpos-pay.text.latest.confirm")
+  )));
+};

package/lib/components/eftposPay/tip.less

@@ -0,0 +1,9 @@
+.pisell-lowcode__eft-pay-tip-body{
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    margin: 20px 0 0 0;
+}
+.pisell-lowcode__eft-pay-tip-text{
+    color: var(--Gray-700, #344054);
+}

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

@@ -9,6 +9,6 @@
  * @Date: 2024-08-19 18:36
  */
 export declare const useTyro: (params: {
-    url?: string;
-    version?: string;
+    url?: string | undefined;
+    version?: string | undefined;
 }) => readonly [import("react").MutableRefObject<any>, boolean];