@pisell/private-materials 6.3.108 → 6.3.109

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

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

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

@@ -1,152 +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/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 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-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 });
-              }
-            },
-            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/Result.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const Result: (props: {
-    onClick: (type: 'yes' | 'no') => void;
-}) => React.JSX.Element;
-export default Result;

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

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

@@ -1,85 +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/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

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

@@ -1,360 +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/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 import_Result = __toESM(require("./Result"));
-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 = (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
-      // 不开启轮询间隔
-    },
-    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 {
-          const markCode = [
-            import_const.PayStatus.UnknownMx51,
-            import_const.PayStatus.Timeout
-          ];
-          if (!(data == null ? void 0 : data.code) || markCode.includes(data == null ? void 0 : data.code)) {
-            dispatch((0, import_store2.updateStatus)(import_const.StatusEnum.Warn));
-            dispatch((0, import_store2.updateState)({ title: "" }));
-          } 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 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);
-    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);
-  };
-  const onResultClick = (type) => {
-    console.log("onResultClick", type);
-    updateToLoading(
-      import_utils.locales.getText("page.eftpos-pay.text.mx51.result.loading")
-    );
-    payment.query();
-  };
-  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.Warn ? /* @__PURE__ */ import_react.default.createElement(import_Result.default, { onClick: onResultClick }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, 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;