@pisell/private-materials 3.0.140 → 3.0.142

package/es/components/booking/addons/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/forms/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/info/header/index.js

@@ -21,7 +21,7 @@ import useEngineContext from "../../../../hooks/useEngineContext";
 import "./index.less";
 import classNames from 'classnames';
 var header = function header(_ref) {
-  var _context$appHelper, _state$bookingDetail2, _state$service2, _state$bookingDetail4, _state$bookingDetail5, _state$bookingDetail6, _state$bookingDetail7, _state$bookingDetail8;
+  var _context$appHelper, _state$bookingDetail2, _state$service2, _state$bookingDetail4, _state$bookingDetail5, _state$bookingDetail6;
   var state = _ref.state,
     dispatch = _ref.dispatch;
   var context = useEngineContext();
@@ -292,11 +292,22 @@ var header = function header(_ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-08-22 09:32
    */
-  var isPaymentProcessingPayments = useMemo(function () {
+  var paymentProcessingPayment = function paymentProcessingPayment(type) {
     var _state$bookingDetail3;
-    // 根据订单详情内 待确认支付列表 的长度判断
-    return !!((_state$bookingDetail3 = state.bookingDetail) !== null && _state$bookingDetail3 !== void 0 && _state$bookingDetail3.payment_processing_payment_nums);
-  }, [(_state$bookingDetail4 = state.bookingDetail) === null || _state$bookingDetail4 === void 0 ? void 0 : (_state$bookingDetail5 = _state$bookingDetail4.payment_processing_payments) === null || _state$bookingDetail5 === void 0 ? void 0 : _state$bookingDetail5.length]);
+    var payments = (state === null || state === void 0 ? void 0 : (_state$bookingDetail3 = state.bookingDetail) === null || _state$bookingDetail3 === void 0 ? void 0 : _state$bookingDetail3.payments) || [];
+    var status = ['payment_processing'];
+    var payment_method = ['BANK_DEPOSIT'];
+
+    // 是否有银行转账
+    if (type === 'bank') {
+      return !!(payments !== null && payments !== void 0 && payments.find(function (item) {
+        return status.includes(item === null || item === void 0 ? void 0 : item.status) && payment_method.includes(item === null || item === void 0 ? void 0 : item.payment_method);
+      }));
+    }
+    return !!(payments !== null && payments !== void 0 && payments.find(function (item) {
+      return status.includes(item === null || item === void 0 ? void 0 : item.status);
+    }));
+  };
 
   /**
    * @title: 取消预约
@@ -306,11 +317,16 @@ var header = function header(_ref) {
    * @Date: 2024-08-22 09:33
    */
   var handleCancel = function handleCancel() {
-    // 存在待确认的支付，则弹窗提示
-    if (isPaymentProcessingPayments) {
+    // 如果支付方式是银行转账，则打开未确认弹窗
+    if (paymentProcessingPayment('bank')) {
       return showPaymentModal();
     }
 
+    // 存在待确认的支付，则弹窗提示
+    if (paymentProcessingPayment()) {
+      return showCancelCalendarModal();
+    }
+
     // 取消
     return showCancelledModal();
   };
@@ -398,6 +414,54 @@ var header = function header(_ref) {
     });
   };
 
+  /**
+   * @title: 显示去支付的弹窗
+   * @description:
+   * @return {*}
+   * @Author: zhiwei.Wang
+   * @Date: 2024-08-22 09:33
+   */
+  var showCancelCalendarModal = function showCancelCalendarModal() {
+    setModalContentState({
+      className: 'go-payments-modal-wrap',
+      open: true,
+      width: 480,
+      onCancel: function onCancel() {
+        setModalContentState({
+          open: false
+        });
+      },
+      children: /*#__PURE__*/React.createElement("div", {
+        className: "go-payments-modal-content"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "go-payments-modal-content-title"
+      }, locales.getText('page.booking.text.cancel-booking')), /*#__PURE__*/React.createElement("div", {
+        className: "go-payments-modal-content-desc"
+      }, locales.getText('page.booking.text.cancel.calendar.msg')), /*#__PURE__*/React.createElement("div", {
+        className: "go-payments-footer"
+      }, /*#__PURE__*/React.createElement(Button, {
+        className: "go-payments-footer-btn",
+        size: "large",
+        onClick: function onClick() {
+          setModalContentState({
+            open: false
+          });
+        }
+      }, locales.getText('page.booking.text.go-back')), /*#__PURE__*/React.createElement(Button, {
+        className: "go-payments-footer-btn",
+        type: "primary",
+        size: "large",
+        onClick: function onClick() {
+          setBookingStatus('cancelled');
+          setModalContentState({
+            open: false
+          });
+        }
+      }, locales.getText('page.booking.text.cancel-booking')))),
+      footer: null
+    });
+  };
+
   /**
    * @title: 显示取消预约弹窗
    * @description:
@@ -491,11 +555,11 @@ var header = function header(_ref) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "booking-order-sales-channel"
-  }, orderSalesChannel[(_state$bookingDetail6 = state.bookingDetail) === null || _state$bookingDetail6 === void 0 ? void 0 : _state$bookingDetail6.order_sales_channel] || ''), /*#__PURE__*/React.createElement("div", {
+  }, orderSalesChannel[(_state$bookingDetail4 = state.bookingDetail) === null || _state$bookingDetail4 === void 0 ? void 0 : _state$bookingDetail4.order_sales_channel] || ''), /*#__PURE__*/React.createElement("div", {
     className: "booking-header-line-2"
   }, /*#__PURE__*/React.createElement("div", {
     className: "booking-header-left"
-  }, locales.getText('pisell2.text.status.booking_id'), ":", ' ', ((_state$bookingDetail7 = state.bookingDetail) === null || _state$bookingDetail7 === void 0 ? void 0 : (_state$bookingDetail8 = _state$bookingDetail7.bookings) === null || _state$bookingDetail8 === void 0 ? void 0 : _state$bookingDetail8.booking_id) || '-'), /*#__PURE__*/React.createElement("div", {
+  }, locales.getText('pisell2.text.status.booking_id'), ":", ' ', ((_state$bookingDetail5 = state.bookingDetail) === null || _state$bookingDetail5 === void 0 ? void 0 : (_state$bookingDetail6 = _state$bookingDetail5.bookings) === null || _state$bookingDetail6 === void 0 ? void 0 : _state$bookingDetail6.booking_id) || '-'), /*#__PURE__*/React.createElement("div", {
     className: "booking-header-right"
   }, /*#__PURE__*/React.createElement(Dropdown, {
     menu: {

package/es/components/booking/locales.d.ts

@@ -181,6 +181,7 @@ declare const _default: {
         'page.event.booking.text.duplicate-enrollment-confirm': string;
         'page.booking.text.unconfirmed-payments': string;
         'page.booking.text.unconfirmed-payments.msg': string;
+        'page.booking.text.cancel.calendar.msg': string;
         'page.booking.text.go-to-payments': string;
         'page.booking.text.cancel-only': string;
         'page.booking.text.refund': string;
@@ -376,6 +377,7 @@ declare const _default: {
         'page.event.booking.text.duplicate-enrollment-confirm': string;
         'page.booking.text.unconfirmed-payments': string;
         'page.booking.text.unconfirmed-payments.msg': string;
+        'page.booking.text.cancel.calendar.msg': string;
         'page.booking.text.go-to-payments': string;
         'page.booking.text.cancel-only': string;
         'page.booking.text.refund': string;
@@ -571,6 +573,7 @@ declare const _default: {
         'page.event.booking.text.duplicate-enrollment-confirm': string;
         'page.booking.text.unconfirmed-payments': string;
         'page.booking.text.unconfirmed-payments.msg': string;
+        'page.booking.text.cancel.calendar.msg': string;
         'page.booking.text.go-to-payments': string;
         'page.booking.text.cancel-only': string;
         'page.booking.text.refund': string;

package/es/components/booking/locales.js

@@ -208,6 +208,7 @@ export default {
     'page.event.booking.text.duplicate-enrollment-confirm': 'Confirm',
     'page.booking.text.unconfirmed-payments': 'Unconfirmed payments',
     'page.booking.text.unconfirmed-payments.msg': 'There are unconfirmed payments,  please confirm or void the payments first.',
+    'page.booking.text.cancel.calendar.msg': 'Are you sure you want to cancel the appointment? This appointment will be removed from the calendar.',
     'page.booking.text.go-to-payments': 'Go to payments',
     'page.booking.text.cancel-only': 'Cancel only',
     'page.booking.text.refund': 'Refund',
@@ -436,6 +437,7 @@ export default {
     'page.event.booking.text.duplicate-enrollment-confirm': '确认',
     'page.booking.text.unconfirmed-payments': '未确认的付款',
     'page.booking.text.unconfirmed-payments.msg': '存在未确认的付款，请先确认收款或作废。',
+    'page.booking.text.cancel.calendar.msg': '确定要取消预约吗？此预约将从日历中移除。',
     'page.booking.text.go-to-payments': '前往收款界面',
     'page.booking.text.cancel-only': '仅取消',
     'page.booking.text.refund': '退款',
@@ -664,6 +666,7 @@ export default {
     'page.event.booking.text.duplicate-enrollment-confirm': '確認',
     'page.booking.text.unconfirmed-payments': '未確認的付款',
     'page.booking.text.unconfirmed-payments.msg': '存在未確認的付款，請先確認收款或作廢。',
+    'page.booking.text.cancel.calendar.msg': '確定要取消預約嗎？此預約將從日曆中移除。',
     'page.booking.text.go-to-payments': '前往收款界面',
     'page.booking.text.cancel-only': '僅取消',
     'page.booking.text.refund': '退款',

package/es/components/booking/notes/index.d.ts

@@ -4,5 +4,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Notes: (props: any) => JSX.Element;
+declare const Notes: (props: any) => any;
 export default Notes;

package/es/components/booking/notes/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/payments/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/eftposPay/amount.js

@@ -142,7 +142,7 @@ export default (function (_ref) {
       surRateMoney: "".concat(surRateMoney),
       totalUnit: formatAmount(total, 2, symbol)
     };
-    console.log('surRateMoney = ', surRateMoney);
+    console.log('amount pay = ', pay);
     dispatch(updateState({
       pay: pay
     }));

package/es/components/eftposPay/component/fail/failCustom.js

@@ -133,12 +133,11 @@ export default (function (_ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     block: true,
     className: "pisell-lowcode__eft-pay-step-item-btn",
-    onClick: onRetry
-  }, locales.getText('page.eftpos-pay.text.retry')), /*#__PURE__*/React.createElement(Button, {
+    onClick: onClose
+  }, locales.getText('page.eftpos-pay.text.cancel')), /*#__PURE__*/React.createElement(Button, {
     block: true,
-    className: "pisell-lowcode__eft-pay-step-item-btn",
     type: "primary",
-    onClick: onModify,
-    disabled: mode !== ModeEnum.Pay
-  }, locales.getText('page.eftpos-pay.text.modify.payment.info')(mode))));
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onRetry
+  }, locales.getText('page.eftpos-pay.text.retry'))));
 });

package/es/components/eftposPay/component/fail/index.js

@@ -129,11 +129,11 @@ export default (function (_ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     block: true,
     className: "pisell-lowcode__eft-pay-step-item-btn",
-    onClick: onRetry
-  }, locales.getText('page.eftpos-pay.text.retry')), /*#__PURE__*/React.createElement(Button, {
+    onClick: onClose
+  }, locales.getText('page.eftpos-pay.text.cancel')), /*#__PURE__*/React.createElement(Button, {
     block: true,
-    className: "pisell-lowcode__eft-pay-step-item-btn",
     type: "primary",
-    onClick: onModify
-  }, locales.getText('page.eftpos-pay.text.modify.payment.info')(mode))));
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onRetry
+  }, locales.getText('page.eftpos-pay.text.retry'))));
 });

package/es/components/eftposPay/component/manual/index.js

@@ -123,7 +123,7 @@ export default (function (_ref) {
       return;
     }
     setDisabled(true);
-    if (mode !== ModeEnum.Pay) {
+    if (mode === ModeEnum.Refund || mode === ModeEnum.Query) {
       return;
     }
     var prevMoneyDeci = new Decimal((pay === null || pay === void 0 ? void 0 : pay.total) || 0);

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

@@ -20,6 +20,8 @@ export declare enum StatusEnum {
 export declare enum ModeEnum {
     /** 支付 */
     Pay = "pay",
+    /** 完整支付 */
+    FullPay = "fullPay",
     /** 退款 */
     Refund = "refund",
     /** 查询 */

package/es/components/eftposPay/const.js

@@ -19,6 +19,7 @@ export var StatusEnum;
 export var ModeEnum;
 (function (ModeEnum) {
   ModeEnum["Pay"] = "pay";
+  ModeEnum["FullPay"] = "fullPay";
   ModeEnum["Refund"] = "refund";
   ModeEnum["Query"] = "query";
 })(ModeEnum || (ModeEnum = {}));

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

@@ -8,15 +8,16 @@ import './device.less';
  * @Author: hongbing.wang
  * @Date: 2024-08-12 11:40
  */
-declare const _default: ({ api, onChange, onClose, className, device_number, isIpad, net, }: {
+declare const _default: ({ api, onChange, onClose, className, device_number, isIpad, net, formatAmount, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "page" | "success" | "fail", params?: string | {
+    onChange?: ((status: "fail" | "success" | "page", params?: string | {
         [keys: string]: unknown;
     } | undefined) => void) | undefined;
     onClose: () => void;
     device_number?: string | number | undefined;
     isIpad: boolean;
     net: boolean;
+    formatAmount(amount: number | string, precision: number, symbol: string): string;
 }) => React.JSX.Element;
 export default _default;

package/es/components/eftposPay/device.js

@@ -1,3 +1,9 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -10,7 +16,10 @@ import { Spin, message } from 'antd';
 import React, { useState } from 'react';
 import Titlebar from "./component/header/titlebar";
 import { ModeEnum } from "./const";
-import { useDispatch, useContextData, updateDevice } from "./store";
+import { getPayAmonunt } from "./helper";
+import ChevronRight from '@pisell/icon/es/ChevronRight';
+import { useDispatch, useContextData, updateDevice, updateState } from "./store";
+import { getAmonunt } from "./manufacturer";
 import "./device.less";
 
 /**
@@ -28,11 +37,16 @@ export default (function (_ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     device_number = _ref.device_number,
     isIpad = _ref.isIpad,
-    net = _ref.net;
-  var _useContextData = useContextData(),
-    device = _useContextData.device,
-    mode = _useContextData.mode,
-    eftpos = _useContextData.eftpos;
+    net = _ref.net,
+    _ref$formatAmount = _ref.formatAmount,
+    formatAmount = _ref$formatAmount === void 0 ? function (number, precision, symbol) {
+      return "".concat(symbol).concat(number);
+    } : _ref$formatAmount;
+  var store = useContextData();
+  var device = store.device,
+    symbol = store.symbol,
+    mode = store.mode,
+    eftpos = store.eftpos;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
@@ -64,12 +78,7 @@ export default (function (_ref) {
     }
     var _ref2 = [Number(event.currentTarget.dataset.index)],
       index = _ref2[0];
-    dispatch(updateDevice({
-      device: list[index]
-    }));
-    if (typeof onChange === 'function') {
-      onChange('page', mode === ModeEnum.Pay ? 'amount' : 'pay');
-    }
+    setDevice(list[index]);
   };
 
   /**
@@ -95,33 +104,17 @@ export default (function (_ref) {
           });
           if (hostDeviceList.length >= 1) {
             setDataStaus(true);
-            setList(hostDeviceList);
+            setList(setDeviceList(hostDeviceList));
             if (hostDeviceList.length === 1) {
-              dispatch(updateDevice({
-                device: hostDeviceList[0]
-              }));
-              if (typeof api.selectDevice === 'function') {
-                api.selectDevice(hostDeviceList[0]);
-              }
-              if (typeof onChange === 'function') {
-                onChange('page', mode === ModeEnum.Pay ? 'amount' : 'pay');
-              }
+              setDevice(hostDeviceList[0]);
             }
             return;
           }
         }
         setDataStaus(true);
-        setList(res.list);
+        setList(setDeviceList(res.list));
         if (res.list.length === 1) {
-          dispatch(updateDevice({
-            device: res.list[0]
-          }));
-          if (typeof api.selectDevice === 'function') {
-            api.selectDevice(res.list[0]);
-          }
-          if (typeof onChange === 'function') {
-            onChange('page', mode === ModeEnum.Pay ? 'amount' : 'pay');
-          }
+          setDevice(res.list[0]);
         }
         return;
       }
@@ -131,21 +124,73 @@ export default (function (_ref) {
       setLoading(false);
     });
   });
+  var setDevice = function setDevice(device) {
+    dispatch(updateDevice({
+      device: device
+    }));
+    if (typeof api.selectDevice === 'function') {
+      api.selectDevice(device);
+    }
+    if (typeof onChange === 'function') {
+      if (mode === ModeEnum.Pay) {
+        if (device.pay) {
+          dispatch(updateState({
+            pay: device.pay
+          }));
+        } else {
+          var amonunt = getAmonunt(_objectSpread(_objectSpread({}, store), {}, {
+            device: device
+          }));
+          var pay = getPayAmonunt(amonunt, function (total) {
+            return formatAmount(total, 2, symbol);
+          });
+          dispatch(updateState({
+            pay: pay
+          }));
+        }
+      }
+      onChange('page', mode === ModeEnum.FullPay ? 'amount' : 'pay');
+    }
+  };
+  var setDeviceList = function setDeviceList(list) {
+    return list.map(function (item) {
+      var amonunt = getAmonunt(_objectSpread(_objectSpread({}, store), {}, {
+        device: item
+      }));
+      var pay = getPayAmonunt(amonunt, function (total) {
+        return formatAmount(total, 2, symbol);
+      });
+      return _objectSpread(_objectSpread({}, item), {}, {
+        pay: pay
+      });
+    });
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-device-box ".concat(className)
   }, isIpad ? null : /*#__PURE__*/React.createElement(Titlebar, {
     type: "left-title-close",
     onClose: onClose
-  }, dataStaus ? locales.getText('page.eftpos-pay.text.device') : ''), dataStaus ? /*#__PURE__*/React.createElement(Spin, {
-    spinning: loading
-  }, /*#__PURE__*/React.createElement("div", {
+  }, dataStaus ? locales.getText('page.eftpos-pay.text.device') : ''), dataStaus ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-device-list",
     style: isIpad ? {
       marginTop: '20px'
     } : {}
+  }, /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading,
+    style: {
+      flex: 1,
+      overflow: 'auto'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '10px'
+    }
   }, list.map(function (_ref3, index) {
     var id = _ref3.id,
-      name = _ref3.name;
+      name = _ref3.name,
+      pay = _ref3.pay;
     return /*#__PURE__*/React.createElement("div", {
       key: id,
       className: "pisell-lowcode__eft-pay-device ".concat(id === (device === null || device === void 0 ? void 0 : device.id) ? 'active' : ''),
@@ -153,8 +198,25 @@ export default (function (_ref) {
       onClick: onClick,
       role: "button",
       tabIndex: index
-    }, name);
-  }))) : /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__eft-pay-device-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__eft-pay-device-name"
+    }, name), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__eft-pay-device-money"
+    }, pay.totalUnit), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__eft-pay-device-sucharge"
+    }, locales.getText('page.eftpos-pay.text.surcharge.edit.inc.surcharge'), ": ", formatAmount("".concat(pay.surcharge), 2, symbol), " (", locales.getText('page.eftpos-pay.text.surcharge.edit.rate'), ":", pay.surRate, "% +", ' ', formatAmount("".concat(pay.surMoney), 2, symbol), ")")), /*#__PURE__*/React.createElement("div", {
+      style: {
+        flexShrink: 0
+      }
+    }, /*#__PURE__*/React.createElement(ChevronRight, {
+      style: {
+        fontWeight: '600',
+        fontSize: '24px'
+      }
+    })));
+  })))) : /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-device-error",
     style: isIpad ? {
       marginTop: '20px'

package/es/components/eftposPay/device.less

@@ -1,8 +1,10 @@
 .pisell-lowcode__eft-pay-device-box {
-  max-height: var(--pisel-lc-pos-device-max-height, unset);
+  max-height: var(--pisel-lc-pos-device-max-height, 600px);
   width: var(--pisel-lc-pos-device-width, 600px);
   max-width: 100%;
   padding: var(--pisel-lc-pos-device-padding, 0 24px 24px);
+  display: flex;
+  flex-direction: column;
 }
 .pisell-lowcode__eft-pay-device-list,
 .pisell-lowcode__eft-pay-device-error {
@@ -11,17 +13,16 @@
 
   overflow: auto;
   min-height: 200px;
-  margin:  0 0 20px;
+  margin: 0 0 20px;
 }
 
 .pisell-lowcode__eft-pay-device-list {
   gap: 10px;
 }
 .pisell-lowcode__eft-pay-device {
-  height: 52px;
   display: flex;
   align-items: center;
-  padding: 0 16px;
+  padding: 16px;
   border-radius: 12px;
   border: 1px solid var(--Gray-200, #eaecf0);
   background: #fff;
@@ -39,6 +40,14 @@
   background: var(--Gray-50, #f9fafb);
 }
 
+.pisell-lowcode__eft-pay-device-content{
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+  overflow: auto;
+}
+
 .pisell-lowcode__eft-pay-device-error {
   gap: 20px;
 }
@@ -59,3 +68,27 @@
   font-weight: 400;
   line-height: 20px; /* 142.857% */
 }
+.pisell-lowcode__eft-pay-device-name {
+  color: var(--Gray-900, #101828);
+  /* Text lg/Semibold */
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+}
+.pisell-lowcode__eft-pay-device-money {
+  color: var(--Gray-900, #101828);
+  /* Text sm/Semibold */
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 20px; /* 142.857% */
+}
+.pisell-lowcode__eft-pay-device-sucharge {
+  color: var(--Gray-500, #667085);
+  /* Paragraph/Regular */
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+}

package/es/components/eftposPay/helper.d.ts

@@ -63,4 +63,15 @@ export declare const limitDecimals: (value: any) => any;
  * @Date: 2024-08-12 10:24
  */
 export declare function getAmonunt(store: State): Amount;
+export declare function getPayAmonunt({ money, amount, surRate, surMoney }: Amount, formatAmount: (...agrn: unknown[]) => string): {
+    sourceAmount: string;
+    amount: string;
+    surcharge: string;
+    total: string;
+    surPercentRate: string;
+    surRate: string;
+    surMoney: string;
+    surRateMoney: string;
+    totalUnit: string;
+};
 export {};