@pisell/private-materials 6.3.79 → 6.3.80

package/lib/components/eftposPay/mx51/index.js

@@ -0,0 +1,330 @@
+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/mx51/index.tsx
+var mx51_exports = {};
+__export(mx51_exports, {
+  default: () => mx51_default
+});
+module.exports = __toCommonJS(mx51_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_utils2 = require("../../../utils");
+var import_store = require("../store");
+var import_const = require("../const");
+var import_hooks = require("../hooks");
+var import_aggregatePayment = require("../aggregatePayment");
+var import_types = require("../aggregatePayment/types");
+var import_utils3 = require("./utils");
+var import_types2 = require("./types");
+var import_Action = __toESM(require("./Action"));
+var import_store2 = require("../store");
+var import_hooks2 = require("../hooks");
+var import_manufacturer = require("../manufacturer");
+var import_helper = require("../helper");
+var AggregatePayment = ({ onChange }) => {
+  const context = (0, import_useEngineContext.default)();
+  const utils = context.appHelper.utils || {};
+  import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
+  const {
+    title,
+    custom,
+    status,
+    eftpos,
+    mode,
+    name,
+    symbol,
+    amount,
+    order_id
+  } = (0, import_store.useContextData)();
+  const {
+    statusRef,
+    numRef,
+    netRef,
+    modeRef,
+    deviceRef,
+    orderIdRef,
+    amountRef,
+    payRef
+  } = (0, import_hooks.useStoreRef)();
+  const dispatch = (0, import_store2.useDispatch)();
+  const fail = (0, import_hooks2.useFail)(0);
+  const failRef = (0, import_react.useRef)(fail);
+  const [receiptModalShow, setReceiptModalShow] = (0, import_react.useState)(false);
+  const [receiptModalData, setReceiptModalData] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    failRef.current = fail;
+  }, [fail]);
+  const initRef = (0, import_react.useRef)(false);
+  const unloadRef = (0, import_react.useRef)(false);
+  const updateToLoading = () => {
+    dispatch((0, import_store2.updateStatus)(import_const.StatusEnum.Loading));
+    dispatch(
+      (0, import_store2.updateState)({
+        title: import_utils.locales.getText("page.eftpos-pay.text.loading")(modeRef.current)
+      })
+    );
+  };
+  const payment = (0, import_aggregatePayment.usePayment)({
+    paymentCode: "EFTPOS_MX51",
+    paymentNum: numRef.current || "",
+    shouldContinue: () => !(unloadRef.current || !netRef.current),
+    config: {
+      hasQueryInterval: false
+      // 不开启轮询间隔
+    },
+    callback: (_instance, response) => {
+      var _a, _b, _c;
+      console.log("callback  =>>>>>> ", response);
+      const { status: status2, data } = response || {};
+      const { transaction, action } = ((_a = data == null ? void 0 : data.data) == null ? void 0 : _a.external_unified_response) || {};
+      const transformedData = (0, import_utils3.parseMX51Params)(transaction, status2, data);
+      console.log("event_transformedData =>>>>>> ", transformedData);
+      dispatch((0, import_store2.updateCustom)({ customAction: transformedData }));
+      if (status2 === import_types.EPaymentStatus.Processing) {
+        if (action === "signature") {
+          dispatch((0, import_store2.updateStatus)(import_const.StatusEnum.Question));
+          dispatch((0, import_store2.updateState)({ title: (transformedData == null ? void 0 : transformedData.message) || "" }));
+          _instance.stop();
+          if ((_b = transformedData == null ? void 0 : transformedData.autoAction) == null ? void 0 : _b.includes("PRINT_MERCHANT_RECEIPT")) {
+            const merchantReceipt = (transformedData == null ? void 0 : transformedData.merchantReceipt) || "";
+            onChange("print", merchantReceipt ? [merchantReceipt] : []);
+          }
+        } else {
+          updateToLoading();
+        }
+      } else if (status2 === import_types.EPaymentStatus.Success) {
+        dispatch((0, import_store2.updateStatus)("success"));
+        dispatch((0, import_store2.updateState)({ title: (transformedData == null ? void 0 : transformedData.message) || "" }));
+      } else if (status2 === import_types.EPaymentStatus.Failed) {
+        if (transformedData) {
+          dispatch((0, import_store2.updateStatus)("fail"));
+          dispatch((0, import_store2.updateState)({ title: (transformedData == null ? void 0 : transformedData.message) || "" }));
+        } else {
+          (_c = failRef.current) == null ? void 0 : _c.call(failRef, data, false);
+        }
+      }
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    console.log("mx51页面初始化", statusRef.current);
+    if (statusRef.current === import_const.StatusEnum.Success || statusRef.current === import_const.StatusEnum.Fail || statusRef.current === import_const.StatusEnum.Question) {
+      return;
+    }
+    if (initRef.current) {
+      return;
+    }
+    initRef.current = true;
+    if (numRef.current) {
+      console.log("payment.query");
+      payment.query();
+      return;
+    }
+    payment.run();
+  }, []);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      console.log("页面卸载");
+      unloadRef.current = true;
+    };
+  }, []);
+  const onCancel = (element) => {
+    console.log("onCancel", element);
+    payment.action({ submit_url: element == null ? void 0 : element.submitUrl });
+  };
+  const onDecline = (element) => {
+    console.log("onDecline", element);
+    updateToLoading();
+    payment.action({ submit_url: element == null ? void 0 : element.submitUrl });
+  };
+  const onAccept = (element) => {
+    console.log("onAccept", element);
+    updateToLoading();
+    payment.action({ submit_url: element == null ? void 0 : element.submitUrl });
+  };
+  const onPrintMerchantReceipt = (element) => {
+    console.log("onPrintMerchantReceipt", element);
+    onChange("print", (element == null ? void 0 : element.receipt) ? [element == null ? void 0 : element.receipt] : []);
+    setReceiptModalShow(true);
+    setReceiptModalData(element == null ? void 0 : element.receipt);
+  };
+  const onPrintCustomerReceipt = (element) => {
+    console.log("onPrintCustomerReceipt", element);
+    onChange("print", (element == null ? void 0 : element.receipt) ? [element == null ? void 0 : element.receipt] : []);
+    setReceiptModalShow(true);
+    setReceiptModalData(element == null ? void 0 : element.receipt);
+  };
+  const onRetry = (element) => {
+    console.log("onRetry", element);
+    onChange("page", "pay");
+    const _params = {
+      ...custom || {},
+      // 自定义参数需要重新传递
+      mode,
+      name,
+      symbol,
+      amount,
+      order_id,
+      number: ""
+    };
+    dispatch((0, import_store2.updateState)((0, import_manufacturer.getInitState)(eftpos, _params)));
+  };
+  const onTransactionComplete = (element) => {
+    var _a, _b, _c;
+    console.log("onTransactionComplete", element);
+    const { paymentStatus, response, merchantReceipt, customerReceipt } = element._extra || {};
+    if (paymentStatus === import_types.EPaymentStatus.Success) {
+      const receipt = [];
+      const card_reader_surcharge = ((_b = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.external_unified_response) == null ? void 0 : _b.external_service_fee) || 0;
+      const deviceSetting = (_c = deviceRef.current) == null ? void 0 : _c.setting;
+      const isEftposPrintMerchantReceipt = deviceSetting == null ? void 0 : deviceSetting.print_merchant_receipt;
+      const isEftposPrintCustomerReceipt = deviceSetting == null ? void 0 : deviceSetting.prompt_customer_receipt;
+      if (!isEftposPrintMerchantReceipt && merchantReceipt) {
+        receipt.push(merchantReceipt);
+      }
+      if (!isEftposPrintCustomerReceipt && customerReceipt) {
+        receipt.push(customerReceipt);
+      }
+      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,
+            receipt
+          }
+        },
+        "success"
+      );
+      onChange("success", { ...params, receipt });
+    } else {
+      onChange("fail", {
+        order_id: orderIdRef.current,
+        number: numRef.current,
+        uniquePaymentNumber: numRef.current,
+        device: deviceRef.current
+      });
+    }
+  };
+  const onNormalClick = (element) => {
+    if (element == null ? void 0 : element.submitUrl) {
+      console.log("onNormalClick_submit_url", element == null ? void 0 : element.submitUrl);
+      updateToLoading();
+      payment.action({ submit_url: element == null ? void 0 : element.submitUrl });
+    } else {
+      console.log("onNormalClick_no_submit_url", element);
+    }
+  };
+  const onElementClick = (element) => {
+    console.log("onElementClick", element);
+    switch (element.key) {
+      case import_types2.EButtonKeyType.CancelTransaction:
+        onCancel(element);
+        break;
+      case import_types2.EButtonKeyType.DeclineSignature:
+        onDecline(element);
+        break;
+      case import_types2.EButtonKeyType.ApproveSignature:
+        onAccept(element);
+        break;
+      case import_types2.EButtonKeyType.PrintMerchantReceipt:
+        onPrintMerchantReceipt(element);
+        break;
+      case import_types2.EButtonKeyType.PrintCustomerReceipt:
+        onPrintCustomerReceipt(element);
+        break;
+      case import_types2.EButtonKeyType.RetryTransaction:
+        onRetry(element);
+        break;
+      case import_types2.EButtonKeyType.TransactionComplete:
+        onTransactionComplete(element);
+        break;
+      default:
+        onNormalClick(element);
+        break;
+    }
+  };
+  console.log("custom>>>>", custom);
+  const onCloseReceiptModal = () => {
+    setReceiptModalShow(false);
+    setReceiptModalData(null);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-body" }, status === import_const.StatusEnum.Question ? /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-lowcode__eft-pay-title",
+      style: { textAlign: "center" }
+    },
+    title
+  ) : null, /* @__PURE__ */ import_react.default.createElement(
+    import_Action.default,
+    {
+      data: custom == null ? void 0 : custom.customAction,
+      showMessage: status === import_const.StatusEnum.Loading,
+      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 mx51_default = AggregatePayment;

package/lib/components/eftposPay/mx51/types.d.ts

@@ -0,0 +1,136 @@
+import { EPaymentStatus } from '../aggregatePayment/types';
+/** 元素类型定义 */
+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;
+        /** 支付状态 */
+        paymentStatus: EPaymentStatus;
+        /** 接口返回的原始数据 */
+        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 {
+    /** 取消交易 */
+    CancelTransaction = "cancel_transaction",
+    /** 交易完成 */
+    TransactionComplete = "transaction_complete",
+    /** 重试交易 */
+    RetryTransaction = "retry_transaction",
+    /** 打印商户收据 */
+    PrintMerchantReceipt = "print_merchant_receipt",
+    /** 打印客户收据 */
+    PrintCustomerReceipt = "print_customer_receipt",
+    /** 批准签名 */
+    ApproveSignature = "approve_signature",
+    /** 拒绝签名 */
+    DeclineSignature = "decline_signature",
+    /** 提交到API */
+    SubmitToAPI = "submit_to_api"
+}

package/lib/components/eftposPay/mx51/types.js

@@ -0,0 +1,39 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/mx51/types.ts
+var types_exports = {};
+__export(types_exports, {
+  EButtonKeyType: () => EButtonKeyType
+});
+module.exports = __toCommonJS(types_exports);
+var EButtonKeyType = /* @__PURE__ */ ((EButtonKeyType2) => {
+  EButtonKeyType2["CancelTransaction"] = "cancel_transaction";
+  EButtonKeyType2["TransactionComplete"] = "transaction_complete";
+  EButtonKeyType2["RetryTransaction"] = "retry_transaction";
+  EButtonKeyType2["PrintMerchantReceipt"] = "print_merchant_receipt";
+  EButtonKeyType2["PrintCustomerReceipt"] = "print_customer_receipt";
+  EButtonKeyType2["ApproveSignature"] = "approve_signature";
+  EButtonKeyType2["DeclineSignature"] = "decline_signature";
+  EButtonKeyType2["SubmitToAPI"] = "submit_to_api";
+  return EButtonKeyType2;
+})(EButtonKeyType || {});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EButtonKeyType
+});

package/lib/components/eftposPay/mx51/utils.d.ts

@@ -0,0 +1,10 @@
+import { EPaymentStatus } from '../aggregatePayment/types';
+import { type MX51Params, type ParsedMX51Result } from './types';
+/**
+ * 解析MX51参数
+ * @param params 接口返回的原始参数
+ * @param status 支付状态
+ * @param data 接口返回的数据
+ * @returns 解析后的结果对象
+ */
+export declare const parseMX51Params: (params: MX51Params, paymentStatus: EPaymentStatus, data: any) => ParsedMX51Result | null;

package/lib/components/eftposPay/mx51/utils.js

@@ -0,0 +1,114 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/mx51/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  parseMX51Params: () => parseMX51Params
+});
+module.exports = __toCommonJS(utils_exports);
+var import_types = require("./types");
+var parseMX51Params = (params, paymentStatus, data) => {
+  if (!params) {
+    return null;
+  }
+  const result = {
+    transactionId: (params == null ? void 0 : params.id) || "",
+    status: (params == null ? void 0 : params.status) || "",
+    version: (params == null ? void 0 : params.version) || 0,
+    message: (params == null ? void 0 : params.message) || "",
+    merchantReceipt: params == null ? void 0 : params.merchant_receipt,
+    customerReceipt: params == null ? void 0 : params.customer_receipt,
+    resultAmounts: params == null ? void 0 : params.result_amounts,
+    resultFinancialStatus: params == null ? void 0 : params.result_financial_status,
+    layouts: [],
+    details: {},
+    detailsText: "",
+    autoAction: []
+  };
+  if (!(params == null ? void 0 : params.pos_instructions)) {
+    return result;
+  }
+  const posInstructions = (params == null ? void 0 : params.pos_instructions) || {};
+  result.autoAction = (posInstructions == null ? void 0 : posInstructions.auto_actions) || [];
+  if (!(posInstructions == null ? void 0 : posInstructions.action_form)) {
+    return result;
+  }
+  const actionForm = (posInstructions == null ? void 0 : posInstructions.action_form) || {};
+  if (actionForm == null ? void 0 : actionForm.details) {
+    result.details = { ...(actionForm == null ? void 0 : actionForm.details) || {} };
+    const detailsTextArr = [];
+    Object.keys((actionForm == null ? void 0 : actionForm.details) || {}).forEach((key) => {
+      var _a;
+      detailsTextArr.push(`${key}: ${((_a = actionForm == null ? void 0 : actionForm.details) == null ? void 0 : _a[key]) || ""}`);
+    });
+    result.detailsText = (detailsTextArr == null ? void 0 : detailsTextArr.join(", ")) || "";
+  }
+  if ((actionForm == null ? void 0 : actionForm.layout) && Array.isArray(actionForm == null ? void 0 : actionForm.layout)) {
+    const layouts = [];
+    actionForm.layout.forEach((layout) => {
+      const elements = [];
+      if ((layout == null ? void 0 : layout.elements) && Array.isArray(layout == null ? void 0 : layout.elements)) {
+        layout.elements.forEach((element) => {
+          var _a;
+          const elementKey = (element == null ? void 0 : element.key) || "";
+          const elementLabel = (element == null ? void 0 : element.label) || "";
+          const property = ((_a = actionForm == null ? void 0 : actionForm.properties) == null ? void 0 : _a[elementKey]) || {};
+          if (property) {
+            const element2 = {
+              _extra: {
+                merchantReceipt: params == null ? void 0 : params.merchant_receipt,
+                customerReceipt: params == null ? void 0 : params.customer_receipt,
+                paymentStatus,
+                response: data
+              },
+              key: elementKey,
+              label: elementLabel,
+              submitUrl: (property == null ? void 0 : property.submit_url) || "",
+              action: property == null ? void 0 : property.action,
+              type: (property == null ? void 0 : property.type) || "button",
+              text: property == null ? void 0 : property.text,
+              // 如果是打印收据按钮，需要关联对应的小票信息
+              receipt: elementKey === import_types.EButtonKeyType.PrintMerchantReceipt ? result == null ? void 0 : result.merchantReceipt : elementKey === import_types.EButtonKeyType.PrintCustomerReceipt ? result == null ? void 0 : result.customerReceipt : null
+            };
+            if ((property == null ? void 0 : property.type) === "image") {
+              element2.image = {
+                name: (property == null ? void 0 : property.name) || "",
+                data: (property == null ? void 0 : property.data) || "",
+                encoding: (property == null ? void 0 : property.encoding) || ""
+              };
+            }
+            elements.push(element2);
+          }
+        });
+      }
+      if (elements.length > 0) {
+        layouts.push({
+          layoutType: layout.type || "unknown",
+          elements
+        });
+      }
+    });
+    result.layouts = layouts;
+  }
+  return result;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  parseMX51Params
+});

package/lib/components/eftposPay/pay.js

@@ -146,13 +146,14 @@ var Pay = ({
     };
   }, []);
   console.log("data =>>>>>> ", data);
+  const isHideHeader = data.eftpos === "mx51" && data.status === import_const.StatusEnum.Question;
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data.render ? /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: `pisell-lowcode__eft-pay-box ${className}`,
       style: data.type === "step" ? {} : { display: "none" }
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    isHideHeader ? null : /* @__PURE__ */ import_react.default.createElement(
       import_header.default,
       {
         status: data.status,
@@ -180,7 +181,8 @@ var Pay = ({
         formatAmount
       }
     ) : null,
-    data.eftpos === "linkly" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Linkly, { key: data.key, api, onChange }) : null
+    data.eftpos === "linkly" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Linkly, { key: data.key, api, onChange }) : null,
+    data.eftpos === "mx51" ? /* @__PURE__ */ import_react.default.createElement(import_manufacturer.Mx51, { key: data.key, onChange }) : null
   ) : null, data.type === import_const.PayRouteEnum.Unset && Comm ? /* @__PURE__ */ import_react.default.createElement(
     Comm,
     {

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?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
+        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | "mx51" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;

package/lib/components/eventBooking/components/Provider/Content/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Layout: () => JSX.Element;
 export default Layout;

package/lib/components/eventBooking/components/Provider/EmptyHolderModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const EmptyHolderModal: (props: any) => JSX.Element;
 export default EmptyHolderModal;

package/lib/components/eventBooking/components/Provider/Header/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Header: () => JSX.Element;
 export default Header;