@pisell/private-materials 6.3.113 → 6.3.114

package/lib/components/eftpos/SettlementModal/index.js

@@ -0,0 +1,170 @@
+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/eftpos/SettlementModal/index.tsx
+var SettlementModal_exports = {};
+__export(SettlementModal_exports, {
+  default: () => SettlementModal_default
+});
+module.exports = __toCommonJS(SettlementModal_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var import_usePrefix = __toESM(require("../../../hooks/usePrefix"));
+var import_Action = __toESM(require("./Action"));
+var import_types = require("./types");
+var import_utils = require("./utils");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var SettlementModal = ({
+  open,
+  onClose,
+  data
+}) => {
+  var _a;
+  const context = (0, import_useEngineContext.default)();
+  const prefix = (0, import_usePrefix.default)();
+  const { isTerminal, interaction } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const [receiptModalShow, setReceiptModalShow] = (0, import_react.useState)(false);
+  const [receiptModalData, setReceiptModalData] = (0, import_react.useState)(null);
+  const [action, setAction] = (0, import_react.useState)(null);
+  const [status, setStatus] = (0, import_react.useState)(
+    import_types.ESettlementStatus.Processing
+  );
+  const runSettlementQuery = (0, import_ahooks.useMemoizedFn)(() => {
+    setAction(null);
+    setStatus(import_types.ESettlementStatus.Processing);
+    console.log("settlementQuery_start");
+    (0, import_utils.settlementQuery)(data, (status2, res) => {
+      console.log("settlementQuery_callback", status2, res);
+      const parsedData = (0, import_utils.parseMX51Params)(res == null ? void 0 : res.data, status2, res);
+      console.log("settlementQuery_parsedData", parsedData);
+      if (parsedData) {
+        setAction(parsedData);
+      }
+      setStatus(status2);
+    });
+  });
+  const onCloseReceiptModal = () => {
+    setReceiptModalData(null);
+    setReceiptModalShow(false);
+  };
+  const onElementClick = (element) => {
+    var _a2, _b;
+    console.log("onElementClick", element);
+    switch (element.key) {
+      case import_types.EButtonKeyType.SettlementComplete:
+        onClose();
+        break;
+      case import_types.EButtonKeyType.RetrySettlement:
+        runSettlementQuery();
+        break;
+      case import_types.EButtonKeyType.PrintMerchantReceipt:
+        const _isTerminal = typeof isTerminal === "function" ? isTerminal() : false;
+        if (_isTerminal) {
+          const receipt = (element == null ? void 0 : element.receipt) ? Array.isArray(element == null ? void 0 : element.receipt) ? element == null ? void 0 : element.receipt : [element == null ? void 0 : element.receipt] : [];
+          (_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b.call(_a2, {
+            module: "pos",
+            key: "print",
+            data: receipt
+          });
+        } else {
+          setReceiptModalShow(true);
+          setReceiptModalData(element == null ? void 0 : element.receipt);
+        }
+        break;
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (open && data) {
+      runSettlementQuery();
+    }
+  }, [open, data, runSettlementQuery]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      closable: false,
+      header: false,
+      footer: null,
+      width: 600
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-settlement-modal" }, status === import_types.ESettlementStatus.Processing && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          backgroundImage: `url(${prefix}/loading.png)`,
+          marginBottom: "24px"
+        },
+        className: "pisell-lowcode__eft-pay-img pisell-lowcode__eft-pay-load"
+      }
+    ), status === import_types.ESettlementStatus.Failed && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        style: {
+          backgroundImage: `url(${prefix}/warn.png)`,
+          marginBottom: "24px"
+        },
+        className: "pisell-lowcode__eft-pay-img pisell-lowcode__eft-pay-warn"
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(import_Action.default, { data: action, onClick: onElementClick })),
+    receiptModalShow ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellModal,
+      {
+        open: receiptModalShow,
+        onCancel: onCloseReceiptModal,
+        maskClosable: true,
+        footer: null
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            padding: "16px",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            style: {
+              display: "inline-block",
+              whiteSpace: "pre-wrap",
+              fontFamily: "monospace",
+              backgroundColor: "#fff"
+            }
+          },
+          receiptModalData
+        )
+      )
+    ) : null
+  );
+};
+var SettlementModal_default = SettlementModal;

package/lib/components/eftpos/SettlementModal/index.less

@@ -0,0 +1,33 @@
+.pisell-eftpos-settlement-modal {
+  width: 100%;
+  min-height: 300px;
+  padding: 24px 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.pisell-eftpos-settlement-modal-step-item {
+  color: var(--gray-true-900, #141414);
+  font-size: 16px;
+  font-weight: 400;
+}
+
+.pisell-eftpos-settlement-modal-step-item-tip {
+  color: var(--gray-500, #667085);
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.pisell-eftpos-settlement-modal-step-item-btns {
+  margin: 24px 0 0 0;
+  display: flex;
+  gap: 12px;
+  flex-shrink: 0;
+}
+
+.pisell-eftpos-settlement-modal-step-item-btn {
+  flex: 1;
+  height: 48px !important;
+}

package/lib/components/eftpos/SettlementModal/serve.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 结算发起接口
+ */
+export declare const settlementApi: (data: any, config: any) => Promise<any>;
+/**
+ * 结算查询接口
+ */
+export declare const settlementQueryApi: (id: string, data: any, config: any) => Promise<any>;

package/lib/{plus/saasAttendance/settings → components/eftpos/SettlementModal}/serve.js

@@ -16,39 +16,30 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/plus/saasAttendance/settings/serve.ts
+// src/components/eftpos/SettlementModal/serve.ts
 var serve_exports = {};
 __export(serve_exports, {
-  getAllMembers: () => getAllMembers,
-  getGroupMembers: () => getGroupMembers,
-  getTimezoneList: () => getTimezoneList
+  settlementApi: () => settlementApi,
+  settlementQueryApi: () => settlementQueryApi
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../../../utils");
-var getTimezoneList = (params) => {
-  let req = import_utils.request.getRequest();
-  return req.get("/api/timezone:list", params, { isNocobase: true, headers: {
-    "x-data-source": "pisell2"
-  } });
-};
-var getAllMembers = async (params = {}) => {
-  const response = await import_utils.request.getRequest().get("/tenant/account", {
-    ...params
+var settlementApi = (data, config) => {
+  return import_utils.request.getRequest().post("/shop/pay/card-reader/settlement", data, {
+    ...config || {},
+    customMessage: true,
+    fullResult: true
   });
-  return response.data;
 };
-var getGroupMembers = async (params) => {
-  return {
-    data: params.ids.map((id) => ({
-      id,
-      name: `成员${id}`,
-      email: `member${id}@example.com`
-    }))
-  };
+var settlementQueryApi = (id, data, config) => {
+  return import_utils.request.getRequest().get(`/shop/pay/card-reader/settlement/${id}`, data, {
+    ...config || {},
+    customMessage: true,
+    fullResult: true
+  });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getAllMembers,
-  getGroupMembers,
-  getTimezoneList
+  settlementApi,
+  settlementQueryApi
 });

package/lib/components/eftpos/SettlementModal/types.d.ts

@@ -0,0 +1,138 @@
+/**
+ * 支付状态
+ */
+export declare enum ESettlementStatus {
+    /** 结算中 */
+    Processing = "processing",
+    /** 结算成功 */
+    Success = "success",
+    /** 结算失败 */
+    Failed = "failed"
+}
+/** 元素类型定义 */
+export interface ElementType {
+    label: string;
+    key: string;
+}
+/** 布局类型定义 */
+export interface LayoutType {
+    type: string;
+    elements: ElementType[];
+}
+/** 元素属性定义 */
+export interface ElementProperty {
+    type: 'button' | 'text' | 'image' | 'input';
+    submit_url: string;
+    action: string | null;
+    text?: string | null;
+    name?: string | null;
+    data?: string | null;
+    encoding?: string | null;
+}
+/** Action Form 定义 */
+export interface ActionFormType {
+    layout: LayoutType[];
+    properties: {
+        [key: string]: ElementProperty;
+    };
+    details: {
+        [key: string]: string;
+    };
+}
+/** POS 指令定义 */
+export interface PosInstructions {
+    auto_actions: any;
+    action_form: ActionFormType | null;
+}
+/** MX51 参数定义 */
+export interface MX51Params {
+    id: string;
+    version: number;
+    status: string;
+    message: string;
+    merchant_receipt: string | null;
+    customer_receipt: string | null;
+    result_amounts: any;
+    result_financial_status: string | null;
+    pos_instructions: PosInstructions | null;
+}
+/** 解析后的按钮配置 */
+export interface ParsedElement {
+    /** 元素键 */
+    key: string;
+    /** 元素标签 */
+    label: string;
+    /** 提交URL */
+    submitUrl: string;
+    /** 按钮动作 */
+    action: string | null;
+    /** 元素类型 */
+    type: 'button' | 'text';
+    /** 文本信息 */
+    text?: string | null;
+    /** 小票信息 */
+    receipt?: string | null;
+    /** 额外信息 */
+    _extra?: {
+        /** 商户收据 */
+        merchantReceipt?: string | null;
+        /** 客户收据 */
+        customerReceipt?: string | null;
+        /** 结算状态 */
+        settlementStatus: ESettlementStatus;
+        /** 接口返回的原始数据 */
+        response: any;
+    };
+    /** 图片信息 */
+    image?: {
+        name?: string | null;
+        data?: string | null;
+        encoding?: string | null;
+    };
+}
+/** 解析后的布局配置 */
+export interface ParsedLayout {
+    /** 布局类型，如 horizontal_layout */
+    layoutType: string;
+    /** 该布局中的按钮列表 */
+    elements: ParsedElement[];
+}
+/** 解析后的结果 */
+export interface ParsedMX51Result {
+    /** 交易ID */
+    transactionId: string;
+    /** 版本号 */
+    version: number;
+    /** 状态 */
+    status: string;
+    /** 提示信息 */
+    message: string;
+    /** 商户收据 */
+    merchantReceipt: string | null;
+    /** 客户收据 */
+    customerReceipt: string | null;
+    /** 结果金额 */
+    resultAmounts: any;
+    /** 结果财务状态 */
+    resultFinancialStatus: string | null;
+    /** 布局列表，每个布局包含其类型和按钮 */
+    layouts: ParsedLayout[];
+    /** 详情信息 */
+    details: {
+        [key: string]: string;
+    };
+    /** 详情信息 text */
+    detailsText: string;
+    /** 自动操作 */
+    autoAction: Array<string> | null;
+}
+export declare enum EButtonKeyType {
+    /** 打印客户收据 */
+    PrintCustomerReceipt = "print_customer_receipt",
+    /** 打印商户收据 */
+    PrintMerchantReceipt = "print_merchant_receipt",
+    /** 结算完成 */
+    SettlementComplete = "settlement_complete",
+    /** 重试结算 */
+    RetrySettlement = "retry_settlement"
+}

package/lib/components/eftpos/SettlementModal/types.js

@@ -0,0 +1,43 @@
+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/eftpos/SettlementModal/types.ts
+var types_exports = {};
+__export(types_exports, {
+  EButtonKeyType: () => EButtonKeyType,
+  ESettlementStatus: () => ESettlementStatus
+});
+module.exports = __toCommonJS(types_exports);
+var ESettlementStatus = /* @__PURE__ */ ((ESettlementStatus2) => {
+  ESettlementStatus2["Processing"] = "processing";
+  ESettlementStatus2["Success"] = "success";
+  ESettlementStatus2["Failed"] = "failed";
+  return ESettlementStatus2;
+})(ESettlementStatus || {});
+var EButtonKeyType = /* @__PURE__ */ ((EButtonKeyType2) => {
+  EButtonKeyType2["PrintCustomerReceipt"] = "print_customer_receipt";
+  EButtonKeyType2["PrintMerchantReceipt"] = "print_merchant_receipt";
+  EButtonKeyType2["SettlementComplete"] = "settlement_complete";
+  EButtonKeyType2["RetrySettlement"] = "retry_settlement";
+  return EButtonKeyType2;
+})(EButtonKeyType || {});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EButtonKeyType,
+  ESettlementStatus
+});

package/lib/components/eftpos/SettlementModal/utils.d.ts

@@ -0,0 +1,18 @@
+import { type MX51Params, type ParsedMX51Result, ESettlementStatus } from './types';
+/**
+ * 解析MX51参数
+ * @param params 接口返回的原始参数
+ * @param status 支付状态
+ * @param data 接口返回的数据
+ * @returns 解析后的结果对象
+ */
+export declare const parseMX51Params: (params: MX51Params, settlementStatus: ESettlementStatus, data: any) => ParsedMX51Result | null;
+/**
+ * 结算查询
+ * @description 首先调用结算发起接口，然后调用结算查询接口
+ * 1. 首先调用结算发起接口，接口调用成功后调用结算查询接口，并设置 2min 的超时
+ * 2. 结算查询接口默认有 30s 超时，超时后取消本次请求并继续轮询
+ * 3. 如果结算查询接口返回 code === 200 && status === 'FINALISED'，则返回成功
+ * 4. 其他任何情况只要总超时未到，都继续轮询
+ */
+export declare const settlementQuery: (params: any, callback: (status: ESettlementStatus, res: any) => void) => Promise<any>;