@pisell/private-materials 6.6.102 → 6.6.103

package/es/components/schedules/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -68,4 +69,11 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/es/components/ticketBooking/utils/index.d.ts

@@ -47,7 +47,7 @@ declare type ScanData = {
     };
 };
 export declare const formatScanCustomer: (data: ScanData) => {
-    searchType: "product" | "customer" | "wallet" | "walletPass" | "local_product";
+    searchType: "customer" | "product" | "wallet" | "walletPass" | "local_product";
     data: any;
     scanCode: string;
 } | null;

package/es/hooks/useCardSurchargeReadOnly.d.ts

@@ -0,0 +1,4 @@
+/** POS opts in only for payment amount pages; configuration keeps the Shop policy. */
+export default function useCardSurchargeReadOnly(paymentType: string, { includePos }?: {
+    includePos?: boolean;
+}): boolean;

package/es/hooks/useCardSurchargeReadOnly.js

@@ -0,0 +1,61 @@
+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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useCallback, useEffect, useState } from 'react';
+import useEngineContext from "./useEngineContext";
+var cardEftposTypes = new Set(['payo', 'tyro', 'windcave', 'stripe', 'linkly', 'mx51', 'adyenpos']);
+
+/** POS opts in only for payment amount pages; configuration keeps the Shop policy. */
+export default function useCardSurchargeReadOnly(paymentType) {
+  var _context$appHelper, _context$appHelper2;
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref$includePos = _ref.includePos,
+    includePos = _ref$includePos === void 0 ? false : _ref$includePos;
+  var context = useEngineContext();
+  var _ref2 = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {},
+    platform = _ref2.platform;
+  var _ref3 = (context === null || context === void 0 || (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils) || {},
+    store = _ref3.store,
+    getData = _ref3.getData,
+    isCardSurchargeReadOnly = _ref3.isCardSurchargeReadOnly;
+  var isPosCardPayment = includePos && (platform === 'webpos' || platform === 'pos') && cardEftposTypes.has(paymentType.toLowerCase().replace(/^eftpos_/, ''));
+  var getReadOnly = useCallback(function () {
+    var _store$getState, _state$core, _state$core2;
+    if (platform === 'shop') {
+      return typeof isCardSurchargeReadOnly === 'function' && Boolean(isCardSurchargeReadOnly(paymentType));
+    }
+    if (!isPosCardPayment) return false;
+
+    // shop_info comes from /shop/shop/show/:id and contains the saved address.
+    // Missing or stale shop details keep the entry closed while loading.
+    var state = store === null || store === void 0 || (_store$getState = store.getState) === null || _store$getState === void 0 ? void 0 : _store$getState.call(store);
+    var shopInfo = (state === null || state === void 0 || (_state$core = state.core) === null || _state$core === void 0 ? void 0 : _state$core.shopInfo) || (getData === null || getData === void 0 ? void 0 : getData('shop_info'));
+    var shopId = state === null || state === void 0 || (_state$core2 = state.core) === null || _state$core2 === void 0 || (_state$core2 = _state$core2.core) === null || _state$core2 === void 0 ? void 0 : _state$core2.id;
+    if (shopId != null && (shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.id) != null && String(shopId) !== String(shopInfo.id)) {
+      return true;
+    }
+    var countryCode = String((shopInfo === null || shopInfo === void 0 ? void 0 : shopInfo.country_code) || '').toUpperCase();
+    return !countryCode || countryCode === 'AU';
+  }, [platform, isCardSurchargeReadOnly, paymentType, isPosCardPayment, store, getData]);
+  var _useState = useState(getReadOnly),
+    _useState2 = _slicedToArray(_useState, 2),
+    setReadOnly = _useState2[1];
+  useEffect(function () {
+    var _store$subscribe;
+    if (!isPosCardPayment && (platform !== 'shop' || typeof isCardSurchargeReadOnly !== 'function')) {
+      return;
+    }
+    var update = function update() {
+      return setReadOnly(getReadOnly());
+    };
+    var unsubscribe = store === null || store === void 0 || (_store$subscribe = store.subscribe) === null || _store$subscribe === void 0 ? void 0 : _store$subscribe.call(store, update);
+    update();
+    return function () {
+      return unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe();
+    };
+  }, [store, getReadOnly, platform, isCardSurchargeReadOnly, isPosCardPayment]);
+  return getReadOnly();
+}

package/es/plus/productSelect/ProductCard/SkuCard/components/Capacity/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Capacity: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Capacity;

package/es/plus/productSelect/ProductCard/SkuCard/components/CardMask/index.d.ts

@@ -3,5 +3,5 @@ import { SkuStatusOverlayConfig } from '../../type';
 import './index.less';
 declare const CardMask: ({ props }: {
     props: SkuStatusOverlayConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default CardMask;

package/es/plus/productSelect/ProductCard/SkuCard/components/Countdown/index.d.ts

@@ -3,5 +3,5 @@ import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const Countdown: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Countdown;

package/es/plus/productSelect/ProductCard/SkuCard/components/Duration/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Duration: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Duration;

package/es/plus/productSelect/ProductCard/SkuCard/components/MemberPrice/index.d.ts

@@ -3,5 +3,5 @@ import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const MemberPrice: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default MemberPrice;

package/es/plus/productSelect/ProductCard/SkuCard/components/Resource/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Resource: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Resource;

package/es/plus/productSelect/ProductCard/SkuCard/components/Stock/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Stock: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Stock;

package/es/plus/productSelect/ProductCard/SkuCard/components/Time/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Time: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.ReactFragment | JSX.Element | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Time;

package/lib/components/Sales/Summary/utils.d.ts

@@ -30,7 +30,7 @@ export declare const calculateSubtotal: (items: CartItem[]) => string;
  * @return {*}
  * @Author: xiangfeng.xue
  */
-export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => "0.00" | Decimal;
+export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => Decimal | "0.00";
 /**
  * 计算所有价格明细
  * @param items - 购物车商品数组

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

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

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

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

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

@@ -4,6 +4,6 @@ declare const useSendModal: (bookingId?: number) => {
     setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     handleOpen: () => void;
     handleValuesChange: (val: any) => void;
-    handleOk: (values: SendModalValues) => Promise<boolean | undefined>;
+    handleOk: (values: SendModalValues) => Promise<any>;
 };
 export default useSendModal;

package/lib/components/booking/info/model.d.ts

@@ -1,5 +1,14 @@
+/// <reference types="react" />
+import { FormState } from '../model';
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/info/service/addService/utils.d.ts

@@ -6,7 +6,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/info2/service/addService/utils.d.ts

@@ -7,7 +7,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -109,4 +110,11 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

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

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

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

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <reference types="react" />
+import { FormState } from "../model";
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/booking/utils.d.ts

@@ -175,10 +175,10 @@ export declare const getProductOriginTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | {
+}) => number | "flexible" | {
     type: string;
     value: number;
-} | "flexible";
+};
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

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

@@ -50,6 +50,8 @@ export interface DeviceProp {
  * @Date: 2024-08-19 11:10
  */
 export declare const getDefaultValue: (list: any) => any;
+/** Preserve fee fields when saving unrelated device or merchant settings. */
+export declare const preserveSurchargeValues: (values: any, list: any[]) => any;
 /**
  * @title: 构建通用表单配置信息,构建动态表单
  * @description:

package/lib/components/eftpos/const.js

@@ -23,7 +23,8 @@ __export(const_exports, {
   Eftpos: () => Eftpos,
   TYPES_WITH_MERCHANT_SETTINGS: () => TYPES_WITH_MERCHANT_SETTINGS,
   getCommByFields: () => getCommByFields,
-  getDefaultValue: () => getDefaultValue
+  getDefaultValue: () => getDefaultValue,
+  preserveSurchargeValues: () => preserveSurchargeValues
 });
 module.exports = __toCommonJS(const_exports);
 var import_form = require("./form");
@@ -71,6 +72,20 @@ var getDefaultValue = (list) => {
     };
   }, {});
 };
+var preserveSurchargeValues = (values, list) => {
+  const result = { ...values };
+  for (const item of list) {
+    if (Array.isArray(item.children) && item.children.length) {
+      result[item.__sourceName] = preserveSurchargeValues(
+        values == null ? void 0 : values[item.__sourceName],
+        item.children
+      );
+    } else if (item.Component === "Surcharge") {
+      Object.assign(result, import_form.helpMapping.Surcharge.getCommDefaultVal(item));
+    }
+  }
+  return result;
+};
 async function getCommByFields({
   field,
   value,
@@ -129,5 +144,6 @@ async function getCommByFields({
   Eftpos,
   TYPES_WITH_MERCHANT_SETTINGS,
   getCommByFields,
-  getDefaultValue
+  getDefaultValue,
+  preserveSurchargeValues
 });

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

@@ -5,6 +5,7 @@ interface DeviceProps {
     onSave: (device: DeviceProp) => void;
     children?: React.ReactNode;
     type?: Eftpos;
+    surchargeReadOnly?: boolean;
     status?: 'add' | 'edit' | 'repair';
 }
 declare const Device: (props: DeviceProps) => JSX.Element;

package/lib/components/eftpos/device.js

@@ -38,7 +38,7 @@ var import_utils = require("@pisell/utils");
 var import_const = require("./const");
 var import_form = __toESM(require("./form"));
 var Device = (props) => {
-  const { onSave, children, formItemList } = props;
+  const { onSave, children, formItemList, surchargeReadOnly = false } = props;
   const initialValues = (0, import_const.getDefaultValue)(formItemList);
   const simpleCloudIntegrationSteps = import_utils.locales.getText(
     "page.eftpos.text.simple.cloud.integration.steps"
@@ -54,11 +54,19 @@ var Device = (props) => {
     import_antd.Form,
     {
       layout: "vertical",
-      onFinish: onSave,
+      onFinish: (values) => onSave(
+        surchargeReadOnly ? (0, import_const.preserveSurchargeValues)(values, formItemList) : values
+      ),
       initialValues,
       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("div", { style: { flex: 1, overflow: "auto", padding: "0 0 60px 0" } }, /* @__PURE__ */ import_react.default.createElement(
+      import_form.default,
+      {
+        formItemList,
+        surchargeReadOnly
+      }
+    ), 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" } }, (props == null ? void 0 : props.status) === "edit" ? import_utils.locales.getText("page.eftpos.text.save") : import_utils.locales.getText("page.eftpos.text.pair")))
   ));
 };

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

@@ -3,10 +3,11 @@
  * @Author: hongbing.wang
  * @Date: 2024-08-20 13:21
  */
-declare const CustomFormItem: ({ formItemList, level, onChange, }: {
+declare const CustomFormItem: ({ formItemList, level, onChange, surchargeReadOnly, }: {
     formItemList: any[];
     level?: number | undefined;
     onChange?: ((...agrn: unknown[]) => unknown) | undefined;
+    surchargeReadOnly?: boolean | undefined;
 }) => JSX.Element;
 export default CustomFormItem;
 declare type helpMappingType = {

package/lib/components/eftpos/form/index.js

@@ -65,7 +65,8 @@ var CustomMapping = {
 var CustomFormItem = ({
   formItemList,
   level = 0,
-  onChange
+  onChange,
+  surchargeReadOnly = false
 }) => {
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, formItemList.map(({ __sourceName, Component, ...item }, index) => {
     if (Array.isArray(item.children)) {
@@ -74,6 +75,7 @@ var CustomFormItem = ({
         {
           formItemList: item.children,
           onChange,
+          surchargeReadOnly,
           key: item.name ? `${item.name}${level}` : `${Component}${index}${level}`,
           level: level + 1
         }
@@ -94,7 +96,14 @@ var CustomFormItem = ({
     }
     if (CustomMapping[Component]) {
       const Comm = CustomMapping[Component];
-      return /* @__PURE__ */ import_react.default.createElement(Comm, { ...item, key: `${item.name}${level}` });
+      return /* @__PURE__ */ import_react.default.createElement(
+        Comm,
+        {
+          ...item,
+          ...Component === "Surcharge" ? { surchargeReadOnly } : {},
+          key: `${item.name}${level}`
+        }
+      );
     }
     throw TypeError(
       `pos物料库 输入组件类型 ${Component} 无法映射,请正确传入组件类型`

package/lib/components/eftpos/index.js

@@ -51,6 +51,7 @@ var import_const = require("./const");
 var import_materials = require("@pisell/materials");
 var import_mx51SCI = __toESM(require("./assets/mx51SCI.svg"));
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_useCardSurchargeReadOnly = __toESM(require("../../hooks/useCardSurchargeReadOnly"));
 var import_utils2 = require("../../utils");
 var import_index = require("./index.less");
 import_utils.locales.init(import_locales.default, (0, import_locales2.getLocale)());
@@ -150,6 +151,7 @@ var eftpos_default = (props) => {
     tyroVersion,
     useTyroLog
   } = props;
+  const surchargeReadOnly = (0, import_useCardSurchargeReadOnly.default)(type);
   const context = (0, import_useEngineContext.default)();
   const utils = context.appHelper.utils || {};
   import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
@@ -431,6 +433,7 @@ var eftpos_default = (props) => {
             import_pos.default,
             {
               eftposName: name,
+              surchargeReadOnly,
               onSave: onSavePos,
               formItemList: posItemList
             }
@@ -460,6 +463,7 @@ var eftpos_default = (props) => {
           import_device.default,
           {
             formItemList: deviceItemList,
+            surchargeReadOnly,
             onSave,
             key: `posdevice${type}`
           },
@@ -539,6 +543,7 @@ var eftpos_default = (props) => {
         import_device.default,
         {
           formItemList: deviceItemList,
+          surchargeReadOnly,
           onSave: onSavePair,
           key: `device${type}`,
           type,

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

@@ -2,7 +2,8 @@ import { DeviceProp } from "./const";
 interface PosProps {
     eftposName: string;
     formItemList: any[];
+    surchargeReadOnly?: boolean;
     onSave: (device: DeviceProp) => void;
 }
-declare const PosForm: ({ onSave, formItemList }: PosProps) => JSX.Element;
+declare const PosForm: ({ onSave, formItemList, surchargeReadOnly, }: PosProps) => JSX.Element;
 export default PosForm;

package/lib/components/eftpos/pos.js

@@ -38,18 +38,30 @@ var import_const = require("./const");
 var import_utils = require("@pisell/utils");
 var import_form = __toESM(require("./form"));
 var { Title } = import_antd.Typography;
-var PosForm = ({ onSave, formItemList }) => {
+var PosForm = ({
+  onSave,
+  formItemList,
+  surchargeReadOnly = false
+}) => {
   const initialValues = (0, import_const.getDefaultValue)(formItemList);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos-form-box" }, /* @__PURE__ */ import_react.default.createElement(Title, { level: 4, className: "pisell-lowcode__pos-title" }, import_utils.locales.getText("page.eftpos.text.setting")), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form,
     {
       layout: "vertical",
-      onFinish: onSave,
+      onFinish: (values) => onSave(
+        surchargeReadOnly ? (0, import_const.preserveSurchargeValues)(values, formItemList) : values
+      ),
       initialValues,
       className: "pisell-lowcode__pos-form",
       key: formItemList
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos-form-content" }, /* @__PURE__ */ import_react.default.createElement(import_form.default, { formItemList })),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos-form-content" }, /* @__PURE__ */ import_react.default.createElement(
+      import_form.default,
+      {
+        formItemList,
+        surchargeReadOnly
+      }
+    )),
     /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos-form-btn" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { htmlType: "submit", block: true, style: { height: "48px" } }, import_utils.locales.getText("page.eftpos.text.save"))))
   ));
 };

package/lib/components/eftpos/surcharge/index.js

@@ -61,7 +61,7 @@ var getCommDefaultVal = (commConfig) => {
 };
 var surcharge_default = (props) => {
   var _a, _b, _c, _d;
-  const { origin, top, left, right } = props;
+  const { origin, top, left, right, surchargeReadOnly = false } = props;
   const leftRef = (0, import_react.useRef)(left.input.default || 0);
   const rightRef = (0, import_react.useRef)(right.input.default || 0);
   const [statusOrigin, setStatusOrigin] = (0, import_react.useState)(origin.input.defaultValue);
@@ -70,12 +70,15 @@ var surcharge_default = (props) => {
   const { store } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   const symbol = ((_d = (_c = (_b = store == null ? void 0 : store.getState) == null ? void 0 : _b.call(store)) == null ? void 0 : _c.global) == null ? void 0 : _d.symbol) || "$";
   const onValueChange = (e) => {
+    if (surchargeReadOnly) return;
     setStatus(e.target.value);
   };
   const onChangeRate = (val) => {
+    if (surchargeReadOnly) return;
     leftRef.current = val;
   };
   const onChangeMoney = (val) => {
+    if (surchargeReadOnly) return;
     rightRef.current = val;
   };
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos_sur_box" }, /* @__PURE__ */ import_react.default.createElement(
@@ -89,24 +92,52 @@ var surcharge_default = (props) => {
     /* @__PURE__ */ import_react.default.createElement(
       import_antd.Radio.Group,
       {
+        disabled: surchargeReadOnly,
         value: origin.input.defaultValue,
         onChange: (e) => {
+          if (surchargeReadOnly) return;
           setStatusOrigin(e.target.value);
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction: "vertical" }, origin.input.options.map((item) => {
         if (typeof item === "object") {
           const { label, value, ...other } = item;
-          return /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { ...other, value, key: `${item.value}` }, label);
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_antd.Radio,
+            {
+              ...other,
+              disabled: surchargeReadOnly || other.disabled,
+              value,
+              key: `${item.value}`
+            },
+            label
+          );
         }
       }))
     )
-  ), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: statusOrigin ? "none" : "contents" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: top.label, name: top.name, rules: top.rules || [], style: top.style || {} }, /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Group, { value: top.input.defaultValue, onChange: onValueChange }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction: "vertical" }, top.input.options.map((item) => {
-    if (typeof item === "object") {
-      const { label, value, ...other } = item;
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { ...other, value, key: `${item.value}` }, label);
-    }
-  })))), status ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos_row" }, /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: statusOrigin ? "none" : "contents" } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: top.label, name: top.name, rules: top.rules || [], style: top.style || {} }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Radio.Group,
+    {
+      disabled: surchargeReadOnly,
+      value: top.input.defaultValue,
+      onChange: onValueChange
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { direction: "vertical" }, top.input.options.map((item) => {
+      if (typeof item === "object") {
+        const { label, value, ...other } = item;
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Radio,
+          {
+            ...other,
+            disabled: surchargeReadOnly || other.disabled,
+            value,
+            key: `${item.value}`
+          },
+          label
+        );
+      }
+    }))
+  )), status ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos_row" }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form.Item,
     {
       label: left.label,
@@ -117,6 +148,7 @@ var surcharge_default = (props) => {
     /* @__PURE__ */ import_react.default.createElement(
       import_antd.InputNumber,
       {
+        disabled: surchargeReadOnly,
         min: 0,
         max: 100,
         precision: 2,
@@ -137,6 +169,7 @@ var surcharge_default = (props) => {
     /* @__PURE__ */ import_react.default.createElement(
       import_antd.InputNumber,
       {
+        disabled: surchargeReadOnly,
         min: 0,
         max: 1e5,
         precision: 2,