@pisell/private-materials 6.3.79 → 6.3.80

package/es/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/es/components/eftposPay/mx51/types.js

@@ -0,0 +1,29 @@
+/** 元素类型定义 */
+
+/** 布局类型定义 */
+
+/** 元素属性定义 */
+
+/** Action Form 定义 */
+
+/** POS 指令定义 */
+
+/** MX51 参数定义 */
+
+/** 解析后的按钮配置 */
+
+/** 解析后的布局配置 */
+
+/** 解析后的结果 */
+
+export var EButtonKeyType = /*#__PURE__*/function (EButtonKeyType) {
+  EButtonKeyType["CancelTransaction"] = "cancel_transaction";
+  EButtonKeyType["TransactionComplete"] = "transaction_complete";
+  EButtonKeyType["RetryTransaction"] = "retry_transaction";
+  EButtonKeyType["PrintMerchantReceipt"] = "print_merchant_receipt";
+  EButtonKeyType["PrintCustomerReceipt"] = "print_customer_receipt";
+  EButtonKeyType["ApproveSignature"] = "approve_signature";
+  EButtonKeyType["DeclineSignature"] = "decline_signature";
+  EButtonKeyType["SubmitToAPI"] = "submit_to_api";
+  return EButtonKeyType;
+}({});

package/es/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/es/components/eftposPay/mx51/utils.js

@@ -0,0 +1,120 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { EButtonKeyType } from "./types";
+
+/**
+ * 解析MX51参数
+ * @param params 接口返回的原始参数
+ * @param status 支付状态
+ * @param data 接口返回的数据
+ * @returns 解析后的结果对象
+ */
+export var parseMX51Params = function parseMX51Params(params, paymentStatus, data) {
+  if (!params) {
+    return null;
+  }
+  // 默认值
+  var result = {
+    transactionId: (params === null || params === void 0 ? void 0 : params.id) || '',
+    status: (params === null || params === void 0 ? void 0 : params.status) || '',
+    version: (params === null || params === void 0 ? void 0 : params.version) || 0,
+    message: (params === null || params === void 0 ? void 0 : params.message) || '',
+    merchantReceipt: params === null || params === void 0 ? void 0 : params.merchant_receipt,
+    customerReceipt: params === null || params === void 0 ? void 0 : params.customer_receipt,
+    resultAmounts: params === null || params === void 0 ? void 0 : params.result_amounts,
+    resultFinancialStatus: params === null || params === void 0 ? void 0 : params.result_financial_status,
+    layouts: [],
+    details: {},
+    detailsText: '',
+    autoAction: []
+  };
+
+  // 检查是否存在 pos_instructions
+  if (!(params !== null && params !== void 0 && params.pos_instructions)) {
+    return result;
+  }
+  var posInstructions = (params === null || params === void 0 ? void 0 : params.pos_instructions) || {};
+
+  // 检查是否有自动操作
+  result.autoAction = (posInstructions === null || posInstructions === void 0 ? void 0 : posInstructions.auto_actions) || [];
+
+  // 检查是否存在 action_form
+  if (!(posInstructions !== null && posInstructions !== void 0 && posInstructions.action_form)) {
+    return result;
+  }
+  var actionForm = (posInstructions === null || posInstructions === void 0 ? void 0 : posInstructions.action_form) || {};
+
+  // 解析详情信息
+  if (actionForm !== null && actionForm !== void 0 && actionForm.details) {
+    result.details = _objectSpread({}, (actionForm === null || actionForm === void 0 ? void 0 : actionForm.details) || {});
+    var detailsTextArr = [];
+    Object.keys((actionForm === null || actionForm === void 0 ? void 0 : actionForm.details) || {}).forEach(function (key) {
+      var _actionForm$details;
+      detailsTextArr.push("".concat(key, ": ").concat((actionForm === null || actionForm === void 0 || (_actionForm$details = actionForm.details) === null || _actionForm$details === void 0 ? void 0 : _actionForm$details[key]) || ''));
+    });
+    result.detailsText = (detailsTextArr === null || detailsTextArr === void 0 ? void 0 : detailsTextArr.join(', ')) || '';
+  }
+
+  // 解析布局和按钮
+  if (actionForm !== null && actionForm !== void 0 && actionForm.layout && Array.isArray(actionForm === null || actionForm === void 0 ? void 0 : actionForm.layout)) {
+    var layouts = [];
+
+    // 遍历所有布局
+    actionForm.layout.forEach(function (layout) {
+      var elements = [];
+      if (layout !== null && layout !== void 0 && layout.elements && Array.isArray(layout === null || layout === void 0 ? void 0 : layout.elements)) {
+        // 遍历布局中的所有元素
+        layout.elements.forEach(function (element) {
+          var _actionForm$propertie;
+          var elementKey = (element === null || element === void 0 ? void 0 : element.key) || '';
+          var elementLabel = (element === null || element === void 0 ? void 0 : element.label) || '';
+
+          // 从 properties 中获取对应的属性
+          var property = (actionForm === null || actionForm === void 0 || (_actionForm$propertie = actionForm.properties) === null || _actionForm$propertie === void 0 ? void 0 : _actionForm$propertie[elementKey]) || {};
+          if (property) {
+            var _element = {
+              _extra: {
+                merchantReceipt: params === null || params === void 0 ? void 0 : params.merchant_receipt,
+                customerReceipt: params === null || params === void 0 ? void 0 : params.customer_receipt,
+                paymentStatus: paymentStatus,
+                response: data
+              },
+              key: elementKey,
+              label: elementLabel,
+              submitUrl: (property === null || property === void 0 ? void 0 : property.submit_url) || '',
+              action: property === null || property === void 0 ? void 0 : property.action,
+              type: (property === null || property === void 0 ? void 0 : property.type) || 'button',
+              text: property === null || property === void 0 ? void 0 : property.text,
+              // 如果是打印收据按钮，需要关联对应的小票信息
+              receipt: elementKey === EButtonKeyType.PrintMerchantReceipt ? result === null || result === void 0 ? void 0 : result.merchantReceipt : elementKey === EButtonKeyType.PrintCustomerReceipt ? result === null || result === void 0 ? void 0 : result.customerReceipt : null
+            };
+
+            // 只在 type 为 'image' 时添加 image 字段
+            if ((property === null || property === void 0 ? void 0 : property.type) === 'image') {
+              _element.image = {
+                name: (property === null || property === void 0 ? void 0 : property.name) || '',
+                data: (property === null || property === void 0 ? void 0 : property.data) || '',
+                encoding: (property === null || property === void 0 ? void 0 : property.encoding) || ''
+              };
+            }
+            elements.push(_element);
+          }
+        });
+      }
+
+      // 只添加有元素的布局
+      if (elements.length > 0) {
+        layouts.push({
+          layoutType: layout.type || 'unknown',
+          elements: elements
+        });
+      }
+    });
+    result.layouts = layouts;
+  }
+  return result;
+};

package/es/components/eftposPay/pay.js

@@ -10,7 +10,7 @@ import { getPayParams } from "./helper";
 import Manual from "./component/manual";
 import Signature from "./component/signature";
 import { StatusEnum, PayRouteEnum, ClientEnum } from "./const";
-import { Payo, Windcave, Tyro, Linkly } from "./manufacturer";
+import { Payo, Windcave, Tyro, Linkly, Mx51 } from "./manufacturer";
 import { useContextData, useDispatch, updateStatus, backUpProduction, updateComponent, backUpFree, updateState } from "./store";
 import "./index.less";
 
@@ -151,12 +151,14 @@ var Pay = function Pay(_ref) {
     };
   }, []);
   console.log('data =>>>>>> ', data);
+  // 定制逻辑：MX51 状态为 Question 时，不展示 Header 组件
+  var isHideHeader = data.eftpos === 'mx51' && data.status === StatusEnum.Question;
   return /*#__PURE__*/React.createElement(React.Fragment, null, data.render ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-box ".concat(className),
     style: data.type === 'step' ? {} : {
       display: 'none'
     }
-  }, /*#__PURE__*/React.createElement(Header, {
+  }, isHideHeader ? null : /*#__PURE__*/React.createElement(Header, {
     status: data.status,
     title: data.title,
     subTitle: data.subTitle
@@ -182,6 +184,9 @@ var Pay = function Pay(_ref) {
     key: data.key,
     api: api,
     onChange: onChange
+  }) : null, data.eftpos === 'mx51' ? /*#__PURE__*/React.createElement(Mx51, {
+    key: data.key,
+    onChange: onChange
   }) : null) : null, data.type === PayRouteEnum.Unset && Comm ? /*#__PURE__*/React.createElement(Comm, {
     onChange: onChange,
     api: api,

package/es/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/es/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/es/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/es/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;

package/es/components/eventBooking/components/Provider/OrderProductModal/index.d.ts

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

package/es/components/eventBooking/components/Provider/RemoveOptionConfirmModal.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const RemoveOptionConfirmModal: (props: any) => JSX.Element;
 export default RemoveOptionConfirmModal;

package/es/components/eventBooking/components/Provider/SelectHolderModal.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SelectHolderModal: (props: any) => JSX.Element;
 export default SelectHolderModal;

package/es/components/eventBooking/components/bookingDetailModal/components/Resource.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Resource: (props: any) => JSX.Element;
 export default Resource;

package/es/components/eventBooking/components/bookingDetailModal/components/Schedule.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Schedule: () => JSX.Element;
 export default Schedule;

package/es/components/eventBooking/components/scheduleCalendar/components/ScheduleTimeItem/index.d.ts

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

package/es/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
 import './index.less';
 interface WalletUseListProps {

package/es/components/pisellSelectCustomerModal/RightPanel/List/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface CustomerListProps {
     value: any;

package/es/components/shoppingCart/hooks/useAddService.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useAddService: (id?: number, type?: string) => JSX.Element | null;
 export default useAddService;

package/es/components/shoppingCart/hooks/useClearCart.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useClearCart: (key?: number | undefined) => JSX.Element | null;
 export default useClearCart;

package/es/plus/saasRegister/components/VertifyEmail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VertifyEmail: (props: {
     email: string;

package/es/plus/skuOptionsSelection/components/OptionsCard/index.d.ts

@@ -1,7 +1,6 @@
 /**
  * 单规格商品卡片，点击后需要拉起弹窗展示具体的规格信息
  */
-/// <reference types="react" />
 import { RenderItemProps } from '../../../../pro/Selector/types';
 import './index.less';
 declare const OptionsCard: (props: RenderItemProps & {

package/es/plus/skuOptionsSelection/components/TitleExtra/index.d.ts

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

package/es/plus/skuOptionsSelection/components/VariantCard/index.d.ts

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

package/es/plus/walletPassGallery/components/passList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IPassListProps {
     dataSource: any[];
     value?: string | number;

package/lib/components/appointmentBooking/components/Cart/Item/Total.d.ts

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

package/lib/components/appointmentBooking/components/Cart/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Cart: ({ open, onCancel, onNext }: any) => JSX.Element;
 export default Cart;

package/lib/components/appointmentBooking/components/Footer/index.d.ts

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

package/lib/components/appointmentBooking/deposit/components/PolicyModal/index.d.ts

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

package/lib/components/booking/forms/footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FooterProps {
     state: any;
     reload: () => void;

package/lib/components/booking/forms/sendModal/useSendModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SendModalValues } from './index';
 declare const useSendModal: (bookingId?: number) => {
     open: boolean;

package/lib/components/booking/hooks/useClearCart.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useClearCart: (state: any, dispatch: any) => false | JSX.Element;
 export default useClearCart;

package/lib/components/booking/info/date/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export declare const updateServiceDate: (services: any[], date: any, isTime: boolean) => any[];
 declare const DateCom: () => JSX.Element;

package/lib/components/booking/info/dateRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export declare const disabledDate: (current: any, position: any, currentDate: any) => any;
 declare const DateRange: ({ state, dispatch, key }: any) => JSX.Element;

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

@@ -2,7 +2,9 @@ export declare enum Eftpos {
     Payo = "payo",
     Tyro = "tyro",
     Windcave = "windcave",
-    Stripe = "stripe"
+    Stripe = "stripe",
+    Linkly = "linkly",
+    MX51 = "mx51"
 }
 export declare enum DeviceEnum {
     /** 新增 */

package/lib/components/eftpos/const.js

@@ -31,6 +31,8 @@ var Eftpos = /* @__PURE__ */ ((Eftpos2) => {
   Eftpos2["Tyro"] = "tyro";
   Eftpos2["Windcave"] = "windcave";
   Eftpos2["Stripe"] = "stripe";
+  Eftpos2["Linkly"] = "linkly";
+  Eftpos2["MX51"] = "mx51";
   return Eftpos2;
 })(Eftpos || {});
 var DeviceEnum = /* @__PURE__ */ ((DeviceEnum2) => {

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

@@ -1,9 +1,11 @@
 import React from 'react';
-import { DeviceProp } from './const';
+import { DeviceProp, Eftpos } from './const';
 interface DeviceProps {
     formItemList: any[];
     onSave: (device: DeviceProp) => void;
     children?: React.ReactNode;
+    type?: Eftpos;
+    status?: 'add' | 'edit' | 'repair';
 }
 declare const Device: (props: DeviceProps) => JSX.Element;
 export default Device;

package/lib/components/eftpos/device.js

@@ -40,7 +40,7 @@ var import_form = __toESM(require("./form"));
 var Device = (props) => {
   const { onSave, children, formItemList } = props;
   const initialValues = (0, import_const.getDefaultValue)(formItemList);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (props == null ? void 0 : props.type) === import_const.Eftpos.MX51 && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos-device-pair-text" }, "Pair your POS with an mx51 terminal using the pairing code shown on the terminal."), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form,
     {
       layout: "vertical",
@@ -49,7 +49,7 @@ var Device = (props) => {
       className: "pisell-lowcode__pos-device"
     },
     /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, overflow: "auto", padding: "0 0 60px 0" } }, /* @__PURE__ */ import_react.default.createElement(import_form.default, { formItemList }), children),
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { className: "pisell-lowcode__pos-device-btn" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { htmlType: "submit", block: true, style: { height: "48px" } }, import_utils.locales.getText("page.eftpos.text.save")))
-  );
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { className: "pisell-lowcode__pos-device-btn" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { htmlType: "submit", block: true, style: { height: "48px" } }, (props == null ? void 0 : props.status) === "edit" ? import_utils.locales.getText("page.eftpos.text.save") : import_utils.locales.getText("page.eftpos.text.pair")))
+  ));
 };
 var device_default = Device;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Eftpos, DeviceStatus } from './const';
 import './index.less';
 interface PosProps {

package/lib/components/eftpos/index.js

@@ -198,10 +198,23 @@ var eftpos_default = (props) => {
   const onSave = async (device) => {
     console.log("device = ", device);
     const update = async () => {
-      await onEdit({ ...device, type }, status || "add").catch(() => {
+      var _a, _b;
+      try {
+        await onEdit({ ...device, type }, status || "add");
+        if (type === import_const.Eftpos.MX51) {
+          messageApi.open({
+            type: "success",
+            style: {
+              zIndex: (zIndex || 9999) + 1
+            },
+            content: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos_message-custom-content_mx51" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Terminal paired successfully."), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", null, "Pairing Name: ", ((_a = device == null ? void 0 : device.connection) == null ? void 0 : _a.pairing_nickname) || "-"), /* @__PURE__ */ import_react.default.createElement("span", null, "Pairing ID: ", ((_b = device == null ? void 0 : device.connection) == null ? void 0 : _b.pairing_code) || "-")))
+          });
+        }
+      } catch (error) {
+        console.error("onSave error =>", error);
+      } finally {
         setLoading(false);
-      });
-      setLoading(false);
+      }
       await tableRef.current.loadData();
       setPage("list");
     };
@@ -412,7 +425,7 @@ var eftpos_default = (props) => {
     {
       open: page === "edit",
       onClose: onBack,
-      title: import_utils.locales.getText("page.eftpos.text.device.add")(status, name),
+      title: type === import_const.Eftpos.MX51 ? "Simple Cloud Integration" : import_utils.locales.getText("page.eftpos.text.device.add")(status, name),
       titleNoWrap: true,
       zIndex: zIndex || 9999,
       destroyOnClose: true,
@@ -430,7 +443,9 @@ var eftpos_default = (props) => {
         {
           formItemList: deviceItemList,
           onSave,
-          key: `device${type}`
+          key: `device${type}`,
+          type,
+          status
         },
         pairStatus ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: "Status" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { value: pairStatus, disabled: true })) : null,
         pairMessage ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: "Message" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { value: pairMessage, disabled: true })) : null