@pisell/private-materials 6.3.124 → 6.3.126

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

@@ -0,0 +1,154 @@
+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/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_types = require("./types");
+var Action = (props) => {
+  var _a, _b;
+  const { data, showMessage = true, cancelDisabled = false } = 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-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip" }, 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-lowcode__eft-pay-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-lowcode__eft-pay-step-item-btn",
+              onClick: () => {
+                var _a3;
+                return (_a3 = props == null ? void 0 : props.onClick) == null ? void 0 : _a3.call(props, element, { inputValues });
+              },
+              disabled: key === import_types.EButtonKeyType.CancelTransaction ? cancelDisabled : false
+            },
+            element.label
+          );
+        } else if (type === "text") {
+          return /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              key: key + label,
+              className: "pisell-lowcode__eft-pay-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-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip",
+      style: { marginTop: "24px" }
+    },
+    data == null ? void 0 : data.detailsText
+  ));
+};
+var Action_default = Action;

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

@@ -0,0 +1,5 @@
+import { State } from '../store';
+import { ModeEnum } from '../const';
+export declare const getStep: (mode?: ModeEnum) => State['steps'];
+declare const _default: (params: any) => State;
+export default _default;

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

@@ -0,0 +1,85 @@
+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/const.ts
+var const_exports = {};
+__export(const_exports, {
+  default: () => const_default,
+  getStep: () => getStep
+});
+module.exports = __toCommonJS(const_exports);
+var import_utils = require("@pisell/utils");
+var import_const = require("../const");
+var getStep = (mode = import_const.ModeEnum.Pay) => [
+  {
+    key: Date.now(),
+    title: import_utils.locales.getText("page.eftpos-pay.text.loading")(mode),
+    // 'Payment in  process...',
+    text: import_utils.locales.getText("page.eftpos-pay.text.waiting.processing"),
+    // 'Waiting for the processing...',
+    warn: "",
+    tip: import_utils.locales.getText("page.eftpos-pay.text.processing"),
+    // 'processing...',
+    status: import_const.StatusEnum.Loading
+  }
+];
+var const_default = (params) => {
+  const {
+    order_id,
+    name,
+    symbol,
+    amount,
+    mode,
+    number,
+    pay,
+    device,
+    net,
+    client,
+    ...other
+  } = params || {
+    mode: import_const.ModeEnum.Pay
+  };
+  console.log("params =>>>>>> ", params);
+  return {
+    order_id,
+    name,
+    symbol,
+    amount,
+    mode,
+    eftpos: import_const.EftposEnum.MX51,
+    key: Date.now(),
+    step: 0,
+    type: import_const.PayRouteEnum.Step,
+    title: import_utils.locales.getText("page.eftpos-pay.text.loading")(mode),
+    component: "",
+    status: import_const.StatusEnum.Loading,
+    steps: getStep(mode),
+    render: true,
+    client: client !== "undefined" ? client : import_const.ClientEnum.Merchant,
+    warn: "",
+    custom: other || {},
+    ...typeof net !== "undefined" ? { net } : {},
+    ...typeof number !== "undefined" ? { number } : {},
+    ...typeof pay !== "undefined" ? { pay } : {},
+    ...typeof device !== "undefined" ? { device } : {}
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getStep
+});

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface AggregatePaymentProps {
+    onChange: (status: string, params: any) => void;
+}
+declare const AggregatePayment: React.FC<AggregatePaymentProps>;
+export default AggregatePayment;

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

@@ -0,0 +1,371 @@
+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);
+  const [cancelDisabled, setCancelDisabled] = (0, import_react.useState)(false);
+  const actionTimeoutRef = (0, import_react.useRef)(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 = (title2) => {
+    dispatch((0, import_store2.updateStatus)(import_const.StatusEnum.Loading));
+    dispatch(
+      (0, import_store2.updateState)({
+        title: title2 || 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,
+      // 不开启轮询间隔
+      globalQueryTimeout: 1e3 * 60,
+      // 全局轮询超时时间60秒
+      requestDelaySeconds: 70
+      // 接口兜底查询时间70秒
+    },
+    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 }));
+      let needClearActionTimeout = true;
+      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 {
+          needClearActionTimeout = false;
+          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, true);
+        }
+      }
+      if (needClearActionTimeout) {
+        if (actionTimeoutRef.current) {
+          import_aggregatePayment.paymentLog.addLog({ title: "清除操作行为超时定时器" });
+          clearTimeout(actionTimeoutRef.current);
+          actionTimeoutRef.current = null;
+        }
+      }
+    }
+  });
+  (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;
+      if (actionTimeoutRef.current) {
+        clearTimeout(actionTimeoutRef.current);
+        actionTimeoutRef.current = null;
+      }
+    };
+  }, []);
+  const onCancel = (element) => {
+    console.log("onCancel", element);
+    setCancelDisabled(true);
+    payment.action({ submit_url: element == null ? void 0 : element.submitUrl });
+    actionTimeoutRef.current = setTimeout(() => {
+      var _a, _b, _c;
+      import_aggregatePayment.paymentLog.addLog({ title: "取消操作超时，前往标记支付" });
+      (_b = (_a = payment == null ? void 0 : payment._instance) == null ? void 0 : _a.stop) == null ? void 0 : _b.call(_a);
+      (_c = failRef.current) == null ? void 0 : _c.call(failRef, { code: import_const.PayStatus.Timeout }, true);
+    }, import_types2.CANCEL_ACTION_TIMEOUT);
+  };
+  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 onSubmitToAPI = (element, extra) => {
+    updateToLoading();
+    const inputValues = (extra == null ? void 0 : extra.inputValues) || {};
+    payment.action(
+      { submit_url: element == null ? void 0 : element.submitUrl, payload: { ...inputValues } },
+      { needResponse: true }
+    );
+  };
+  const onNormalClick = (element, config) => {
+    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 }, config);
+    } else {
+      console.log("onNormalClick_no_submit_url", element);
+    }
+  };
+  const onElementClick = (element, extra) => {
+    console.log("onElementClick", element, extra);
+    import_aggregatePayment.paymentLog.addLog({ title: `点击${(element == null ? void 0 : element.key) || "未知"}按钮` });
+    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;
+      case import_types2.EButtonKeyType.SubmitToAPI:
+        onSubmitToAPI(element, extra);
+        break;
+      case import_types2.EButtonKeyType.CallTestFunction:
+        (0, import_materials.PisellToast)({ content: "Test" });
+        break;
+      default:
+        onNormalClick(element);
+        break;
+    }
+  };
+  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,
+      cancelDisabled
+    }
+  )), 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;