@pisell/private-materials 6.3.90 → 6.3.91

package/lib/components/eftposPay/amount.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PosProps } from './const';
 /**
  * @title: 支付金额信息配置页
@@ -17,5 +17,5 @@ declare const _default: ({ className, onChange, onClose, formatAmount, isMobile,
     isMobile: boolean;
     net: boolean;
     client: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/app.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 import { PosProps, RouteType } from './const';
-declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
+declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "mode" | "type" | "getApi"> & {
     action: RouteType;
     device_number: string | number;
     api: ReturnType<PosProps['getApi']>;
     isMobile: boolean;
     channel?: string | undefined;
     formatAmount(amount: number | string, precision: number, symbol: string): string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default App;

package/lib/components/eftposPay/component/alert/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import './index.less';
 declare const _default: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/alert/warn.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
+import React from 'react';
+declare const _default: () => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/failCustom.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActionProps } from '../../const';
-declare const _default: ({ className, isMobile, onChange }: ActionProps) => JSX.Element;
+declare const _default: ({ className, isMobile, onChange }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActionProps } from '../../const';
-declare const _default: ({ onChange, className, isMobile }: ActionProps) => JSX.Element;
+declare const _default: ({ onChange, className, isMobile }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/network.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../../const';
 /**
  * @title: 断网(客户端)提示页
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:40
  */
-declare const _default: ({ className }: ActionProps) => JSX.Element;
+declare const _default: ({ className }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/fail/unknow.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../../const';
 /**
  * @title: 支付状态未知页面
@@ -6,5 +6,5 @@ import { ActionProps } from '../../const';
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:42
  */
-declare const _default: ({ onChange, className }: ActionProps) => JSX.Element;
+declare const _default: ({ onChange, className }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/header/index.d.ts

@@ -6,5 +6,5 @@ declare const _default: ({ status, title, subTitle, children }: {
     title?: string | undefined;
     subTitle?: string | undefined;
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/header/titlebar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './titlebar.less';
 declare enum EPopupTitleBarVariantType {
     BackTitleClose = "back-title-cancel",
@@ -9,5 +9,5 @@ declare const _default: ({ type, children, onBack, onClose, }: {
     children: string;
     onBack?: (() => void) | undefined;
     onClose?: (() => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/manual/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../../const';
 import './index.less';
 /**
@@ -6,5 +6,5 @@ import './index.less';
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:46
  */
-declare const _default: ({ onChange, className, formatAmount }: ActionProps) => JSX.Element;
+declare const _default: ({ onChange, className, formatAmount }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/signature/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ActionProps } from '../../const';
 /**
  * @title: 取消签名确认页
  * @Author: hongbing.wang
  * @Date: 2024-08-20 11:49
  */
-declare const _default: ({ api, className }: ActionProps) => JSX.Element;
+declare const _default: ({ api, className }: ActionProps) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/step/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { StatusType } from '../../const';
 declare const _default: (props: {
     status: StatusType;
@@ -8,5 +8,5 @@ declare const _default: (props: {
     loading?: string;
     success?: string;
     fail?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/step/step.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: (props: {
     status: string;
     pedding?: string;
     resolve?: string;
     reject?: string;
     className?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

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

@@ -6,7 +6,10 @@ export declare enum EftposEnum {
     /** 后端支付 - 支付 + 退款  */
     Windcave = "windcave",
     Stripe = "stripe",
-    Linkly = "linkly"
+    /** 后端支付 - 支付 + 退款  */
+    Linkly = "linkly",
+    /** mx51支付 - 支付 + 退款  */
+    MX51 = "mx51"
 }
 export declare enum StatusEnum {
     Loading = "loading",
@@ -154,6 +157,8 @@ export declare enum PayStatus {
     'Unknown' = "701000",
     /** 交易请求超时 */
     'Timeout' = "701001",
+    /** 支付失败 */
+    'PaymentFailed' = "701002",
     /** 繁忙 EFTPOS终端暂时不可用，因为EFTPOS正在处理另一个请求。 */
     'PayOtherEftposFailed' = "701003",
     /** 购物者没有出示卡片/卡片金额不足/在线拒绝/卡已过期/卡被锁定 */

package/lib/components/eftposPay/const.js

@@ -36,6 +36,7 @@ var EftposEnum = /* @__PURE__ */ ((EftposEnum2) => {
   EftposEnum2["Windcave"] = "windcave";
   EftposEnum2["Stripe"] = "stripe";
   EftposEnum2["Linkly"] = "linkly";
+  EftposEnum2["MX51"] = "mx51";
   return EftposEnum2;
 })(EftposEnum || {});
 var StatusEnum = /* @__PURE__ */ ((StatusEnum2) => {
@@ -92,6 +93,7 @@ var PayStatus = /* @__PURE__ */ ((PayStatus2) => {
   PayStatus2["PairingFailure"] = "606020";
   PayStatus2["Unknown"] = "701000";
   PayStatus2["Timeout"] = "701001";
+  PayStatus2["PaymentFailed"] = "701002";
   PayStatus2["PayOtherEftposFailed"] = "701003";
   PayStatus2["PayCardErrorFailed"] = "701004";
   PayStatus2["NoNetWork"] = "701005";

package/lib/components/eftposPay/device.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PayProps, PosProps } from './const';
 import './device.less';
 /**
@@ -19,5 +20,5 @@ declare const _default: ({ api, onChange, onClose, className, device_number, isM
     net: boolean;
     client: string;
     formatAmount(amount: number | string, precision: number, symbol: string): string;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/lib/components/eftposPay/device.js

@@ -43,8 +43,6 @@ var import_ChevronRight = __toESM(require("@pisell/icon/es/ChevronRight"));
 var import_store = require("./store");
 var import_manufacturer = require("./manufacturer");
 var import_device = require("./device.less");
-var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
-var import_utils2 = require("@pisell/utils");
 var device_default = ({
   api,
   onChange,
@@ -56,15 +54,12 @@ var device_default = ({
   client,
   formatAmount = (number, precision, symbol) => `${symbol}${number}`
 }) => {
-  const context = (0, import_useEngineContext.default)();
-  const { isTerminal, interaction } = context.appHelper.utils || {};
   const store = (0, import_store.useContextData)();
-  const { device, symbol, mode, eftpos, order_id } = store;
+  const { device, symbol, mode, eftpos } = store;
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [dataStaus, setDataStaus] = (0, import_react.useState)(true);
   const [list, setList] = (0, import_react.useState)([]);
   const dispatch = (0, import_store.useDispatch)();
-  const timerRef = (0, import_react.useRef)();
   const onClick = (event) => {
     if (!net) {
       import_antd.message.open({
@@ -77,41 +72,10 @@ var device_default = ({
     const [index] = [Number(event.currentTarget.dataset.index)];
     setDevice(list[index]);
   };
-  const triggerCloseButton = (bool) => {
-    var _a, _b;
-    if (!(isTerminal == null ? void 0 : isTerminal())) {
-      return;
-    }
-    (_b = (_a = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a.postMessageToApp) == null ? void 0 : _b.call(_a, {
-      module: "pos",
-      key: "other",
-      data: {
-        key: bool ? "show_close_button" : "hide_close_button"
-      }
-    });
-  };
-  const closeFirstWithDelayShow = () => {
-    timerRef.current && clearTimeout(timerRef.current);
-    if (!(isTerminal == null ? void 0 : isTerminal())) {
-      return;
-    }
-    triggerCloseButton(false);
-    timerRef.current = setTimeout(() => {
-      triggerCloseButton(true);
-    }, 5e3);
-  };
-  const clearTimer = () => {
-    if (timerRef.current) {
-      clearTimeout(timerRef.current);
-      timerRef.current = void 0;
-    }
-  };
   (0, import_ahooks.useMount)(() => {
     setLoading(true);
-    closeFirstWithDelayShow();
     api.getDeviceList({ type: eftpos, status: "paired" }).then(
       (res) => {
-        clearTimer();
         setLoading(false);
         if (res && Array.isArray(res.list) && res.list.length > 0) {
           if (device_number) {
@@ -136,65 +100,24 @@ var device_default = ({
           setList(setDeviceList(res.list));
           if (res.list.length === 1) {
             setDevice(res.list[0]);
-          } else {
-            triggerCloseButton(true);
           }
           return;
         }
-        triggerCloseButton(true);
         setDataStaus(false);
       },
       () => {
-        clearTimer();
-        triggerCloseButton(true);
         setDataStaus(false);
         setLoading(false);
       }
     );
   });
-  (0, import_ahooks.useUnmount)(() => {
-    timerRef.current && clearTimeout(timerRef.current);
-  });
-  const checkIsActiveWithDelay = async (time = 100) => {
-    var _a, _b, _c;
-    if (!(isTerminal == null ? void 0 : isTerminal())) {
-      return true;
-    }
-    await new Promise((resolve) => setTimeout(resolve, time));
-    if ((_a = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a.asyncDataManager) {
-      try {
-        const activeStatus = await ((_c = (_b = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _b.asyncDataManager) == null ? void 0 : _c.call(_b, {
-          module: "get",
-          key: "pay_webview_active"
-        }));
-        return activeStatus !== "unActive";
-      } catch (error) {
-        return true;
-      }
-    }
-    return true;
-  };
-  const setDevice = async (device2) => {
+  const setDevice = (device2) => {
     dispatch((0, import_store.updateDevice)({ device: device2 }));
     if (typeof api.selectDevice === "function") {
       api.selectDevice(device2);
     }
     if (typeof onChange === "function") {
       if (mode === import_const.ModeEnum.Pay) {
-        triggerCloseButton(false);
-        const isActive = await checkIsActiveWithDelay(100);
-        if (!isActive) {
-          (0, import_utils2.sendWarningLog)({
-            title: "支付-当前页面非活跃状态，无法进行支付",
-            content: [
-              {
-                key: "activeStatus",
-                value: JSON.stringify({ order_id, isActive })
-              }
-            ]
-          });
-          return;
-        }
         if (device2.pay) {
           dispatch(
             (0, import_store.updateState)({
@@ -229,42 +152,34 @@ var device_default = ({
       className: "pisell-lowcode__eft-pay-device-list",
       style: isMobile ? { marginTop: "20px" } : {}
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Spin,
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, { spinning: loading, style: { flex: 1, overflow: "auto" } }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
       {
-        spinning: loading,
-        size: "large",
-        style: { flex: 1, overflow: "auto", minHeight: "200px" }
+        style: { display: "flex", flexDirection: "column", gap: "10px" }
       },
-      /* @__PURE__ */ import_react.default.createElement(
+      list.map(({ id, name, pay }, index) => /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          style: { display: "flex", flexDirection: "column", gap: "10px" }
+          key: id,
+          className: `pisell-lowcode__eft-pay-device ${id === (device == null ? void 0 : device.id) ? "active" : ""}`,
+          "data-index": index,
+          onClick,
+          role: "button",
+          tabIndex: index
         },
-        list.map(({ id, name, pay }, index) => /* @__PURE__ */ import_react.default.createElement(
-          "div",
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-name" }, name), mode === import_const.ModeEnum.Refund ? null : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-money" }, pay.totalUnit), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-sucharge" }, import_utils.locales.getText(
+          "page.eftpos-pay.text.surcharge.edit.inc.surcharge"
+        ), ": ", formatAmount(`${pay.surcharge}`, 2, symbol), " (", import_utils.locales.getText(
+          "page.eftpos-pay.text.surcharge.edit.rate"
+        ), ":", pay.surRate, "% +", " ", formatAmount(`${pay.surMoney}`, 2, symbol), ")"))),
+        /* @__PURE__ */ import_react.default.createElement("div", { style: { flexShrink: 0 } }, /* @__PURE__ */ import_react.default.createElement(
+          import_ChevronRight.default,
           {
-            key: id,
-            className: `pisell-lowcode__eft-pay-device ${id === (device == null ? void 0 : device.id) ? "active" : ""}`,
-            "data-index": index,
-            onClick,
-            role: "button",
-            tabIndex: index
-          },
-          /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-name" }, name), mode === import_const.ModeEnum.Refund ? null : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-money" }, pay.totalUnit), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-device-sucharge" }, import_utils.locales.getText(
-            "page.eftpos-pay.text.surcharge.edit.inc.surcharge"
-          ), ": ", formatAmount(`${pay.surcharge}`, 2, symbol), " (", import_utils.locales.getText(
-            "page.eftpos-pay.text.surcharge.edit.rate"
-          ), ":", pay.surRate, "% +", " ", formatAmount(`${pay.surMoney}`, 2, symbol), ")"))),
-          /* @__PURE__ */ import_react.default.createElement("div", { style: { flexShrink: 0 } }, /* @__PURE__ */ import_react.default.createElement(
-            import_ChevronRight.default,
-            {
-              style: { fontWeight: "600", fontSize: "24px" }
-            }
-          ))
+            style: { fontWeight: "600", fontSize: "24px" }
+          }
         ))
-      )
-    )
+      ))
+    ))
   ) : /* @__PURE__ */ import_react.default.createElement(
     "div",
     {

package/lib/components/eftposPay/hooks.d.ts

@@ -19,7 +19,7 @@ export declare const useStoreRef: <T extends {
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "tyro" | "payo" | "windcave" | "linkly" | "mx51">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };
@@ -32,4 +32,5 @@ export declare const useStoreRef: <T extends {
  */
 export declare const useFail: (index: number) => (res: {
     code?: `${PayStatus}`;
+    message?: string;
 }, isMark?: boolean) => void;

package/lib/components/eftposPay/hooks.js

@@ -384,6 +384,22 @@ ${import_utils.locales.getText(
         );
         return;
       }
+      if (code === import_const.PayStatus.PaymentFailed) {
+        steps[index].title = import_utils.locales.getText(
+          "page.eftpos-pay.text.transaction.fail"
+        );
+        steps[index].fail = (res == null ? void 0 : res.message) || import_utils.locales.getText("page.eftpos-pay.text.failed")(modeRef.current);
+        steps[index].status = "fail";
+        dispatch((0, import_store.updateSteps)(steps));
+        dispatch((0, import_store.updateComponent)("Fail"));
+        dispatch(
+          (0, import_store.updateCustom)({
+            errorStatus: "know"
+            // unknow know
+          })
+        );
+        return;
+      }
       steps[index].title = import_utils.locales.getText("page.eftpos-pay.text.failed")(
         modeRef.current
       );

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

@@ -1,4 +1,5 @@
+import React from 'react';
 import { PosProps } from './const';
 import './index.less';
-declare const _default: (props: PosProps) => JSX.Element | null;
+declare const _default: (props: PosProps) => React.JSX.Element | null;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const Linkly: ({ api, onChange }: any) => JSX.Element;
+import React from 'react';
+declare const Linkly: ({ api, onChange }: any) => React.JSX.Element;
 export default Linkly;

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

@@ -126,6 +126,7 @@ var Linkly = ({ api, onChange }) => {
   }, [fail]);
   (0, import_react.useEffect)(() => {
     var _a, _b, _c;
+    console.log("statusRef.current11111", statusRef.current);
     if (statusRef.current === import_const.StatusEnum.Success || statusRef.current === import_const.StatusEnum.Fail) {
       return;
     }

package/lib/components/eftposPay/manufacturer.d.ts

@@ -4,4 +4,5 @@ export { default as Payo } from './payo';
 export { default as Windcave } from './windcave/windcave';
 export { default as Tyro } from './tyro';
 export { default as Linkly } from './linkly';
+export { default as Mx51 } from './mx51';
 export declare const getInitState: (type: string, params?: any) => State;

package/lib/components/eftposPay/manufacturer.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var manufacturer_exports = {};
 __export(manufacturer_exports, {
   Linkly: () => import_linkly.default,
+  Mx51: () => import_mx51.default,
   Payo: () => import_payo.default,
   Tyro: () => import_tyro.default,
   Windcave: () => import_windcave.default,
@@ -42,11 +43,13 @@ var import_const2 = __toESM(require("./payo/const"));
 var import_const3 = __toESM(require("./tyro/const"));
 var import_const4 = __toESM(require("./windcave/const"));
 var import_const5 = __toESM(require("./linkly/const"));
+var import_const6 = __toESM(require("./mx51/const"));
 var import_helper = require("./helper");
 var import_payo = __toESM(require("./payo"));
 var import_windcave = __toESM(require("./windcave/windcave"));
 var import_tyro = __toESM(require("./tyro"));
 var import_linkly = __toESM(require("./linkly"));
+var import_mx51 = __toESM(require("./mx51"));
 var getInitState = (type, params) => {
   switch (type) {
     case import_const.EftposEnum.Payo:
@@ -57,6 +60,8 @@ var getInitState = (type, params) => {
       return (0, import_const3.default)(params);
     case import_const.EftposEnum.Linkly:
       return (0, import_const5.default)(params);
+    case import_const.EftposEnum.MX51:
+      return (0, import_const6.default)(params);
     default:
       throw new Error("未知的厂商类型");
   }
@@ -64,6 +69,7 @@ var getInitState = (type, params) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Linkly,
+  Mx51,
   Payo,
   Tyro,
   Windcave,

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

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

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

@@ -0,0 +1,127 @@
+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;
+  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 } = 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);
+              }
+            },
+            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, data: data2, encoding } = (element == null ? void 0 : element.image) || {};
+          const imageUrl = data2 ? `data:${name || "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"
+              }
+            },
+            /* @__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 }
+              }
+            )
+          );
+        }
+        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;