@pisell/private-materials 6.3.126 → 6.3.127

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

@@ -1,7 +0,0 @@
-import './index.less';
-/**
- * @title 渲染动态内容
- * @description 用于渲染从接口解析出来的元素
- */
-declare const Action: (props: any) => JSX.Element;
-export default Action;

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

@@ -1,153 +0,0 @@
-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/Action.tsx
-var Action_exports = {};
-__export(Action_exports, {
-  default: () => Action_default
-});
-module.exports = __toCommonJS(Action_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_index = require("./index.less");
-var Action = (props) => {
-  var _a, _b;
-  const { data, showMessage = true } = props;
-  const [inputValues, setInputValues] = (0, import_react.useState)({});
-  const inputValuesRef = (0, import_react.useRef)(inputValues);
-  (0, import_react.useEffect)(() => {
-    var _a2;
-    if (!data) return;
-    const inputObj = {};
-    (_a2 = data == null ? void 0 : data.layouts) == null ? void 0 : _a2.forEach((item) => {
-      var _a3;
-      (_a3 = item == null ? void 0 : item.elements) == null ? void 0 : _a3.forEach((element) => {
-        if ((element == null ? void 0 : element.type) === "input" && (element == null ? void 0 : element.name)) {
-          inputObj[element == null ? void 0 : element.name] = inputValuesRef.current[element == null ? void 0 : element.name] || "";
-        }
-      });
-    });
-    setInputValues(inputObj);
-  }, [data]);
-  (0, import_react.useEffect)(() => {
-    inputValuesRef.current = inputValues;
-  }, [inputValues]);
-  const handleInputChange = (key, value) => {
-    setInputValues((prev) => ({ ...prev, [key]: value }));
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showMessage && (data == null ? void 0 : data.message) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-eftpos-settlement-modal-step-item" }, data == null ? void 0 : data.message), ((_a = data == null ? void 0 : data.layouts) == null ? void 0 : _a.length) > 0 && ((_b = data == null ? void 0 : data.layouts) == null ? void 0 : _b.map((item, index) => {
-    var _a2;
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        key: index,
-        className: "pisell-eftpos-settlement-modal-step-item-btns",
-        style: {
-          marginTop: "20px",
-          width: "100%",
-          display: "flex",
-          justifyContent: "center"
-        }
-      },
-      (_a2 = item == null ? void 0 : item.elements) == null ? void 0 : _a2.map((element) => {
-        const { key, label, type, text, name } = element;
-        if (type === "button") {
-          return /* @__PURE__ */ import_react.default.createElement(
-            import_antd.Button,
-            {
-              key: key + label,
-              block: true,
-              className: "pisell-eftpos-settlement-modal-step-item-btn",
-              onClick: () => {
-                var _a3;
-                return (_a3 = props == null ? void 0 : props.onClick) == null ? void 0 : _a3.call(props, element, { inputValues });
-              }
-            },
-            element.label
-          );
-        } else if (type === "text") {
-          return /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              key: key + label,
-              className: "pisell-eftpos-settlement-modal-step-item-tip"
-            },
-            label ? `${label}: ` : "",
-            text || ""
-          );
-        } else if (type === "image") {
-          const { name: name2, data: data2, encoding } = (element == null ? void 0 : element.image) || {};
-          const imageUrl = data2 ? `data:${name2 || "image/png"};${encoding || "base64"},${data2}` : "";
-          return /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              style: {
-                width: "100%",
-                display: "flex",
-                justifyContent: "center"
-              }
-            },
-            /* @__PURE__ */ import_react.default.createElement("img", { key: key + label, src: imageUrl, alt: label })
-          );
-        } else if (type === "input") {
-          return /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              style: {
-                width: "100%",
-                display: "flex",
-                alignItems: "center",
-                flexWrap: "wrap"
-              }
-            },
-            /* @__PURE__ */ import_react.default.createElement("span", { style: { marginRight: "10px" } }, `${label ? `${label} ` : ""}`),
-            /* @__PURE__ */ import_react.default.createElement(
-              import_antd.Input,
-              {
-                key: key + label,
-                alt: label,
-                style: { flex: 1, minWidth: "200px" },
-                value: inputValues[name] || "",
-                onChange: (e) => handleInputChange(name, e.target.value)
-              }
-            )
-          );
-        }
-        return null;
-      })
-    );
-  })), (data == null ? void 0 : data.detailsText) && /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: "pisell-eftpos-settlement-modal-step-item pisell-eftpos-settlement-modal-step-item-tip",
-      style: { marginTop: "24px" }
-    },
-    data == null ? void 0 : data.detailsText
-  ));
-};
-var Action_default = Action;

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

@@ -1,7 +0,0 @@
-import './index.less';
-declare const SettlementModal: ({ open, onClose, data, }: {
-    open: boolean;
-    onClose: () => void;
-    data: any;
-}) => JSX.Element;
-export default SettlementModal;

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

@@ -1,170 +0,0 @@
-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

@@ -1,33 +0,0 @@
-.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

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

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

@@ -1,138 +0,0 @@
-/**
- * 支付状态
- */
-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

@@ -1,43 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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>;