@pisell/private-materials 6.6.60 → 6.6.62

package/es/components/booking/info2/service/editService/index.js

@@ -19,7 +19,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 Delete_wght300_24px from '@pisell/icon/es/Delete_wght300_24px';
-import { formatAmount, getUniqueId, locales, sendWarningLog } from '@pisell/utils';
+import { formatAmount, getUniqueId, locales } from '@pisell/utils';
 import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import Drawer from "../../../components/drawer";
 import { Context } from "../../../info/model";
@@ -41,7 +41,7 @@ import { editSessionProduct } from "../../../info/utils";
 import { deleteCacheParams, getDays, getProductOriginTotalPrice, getProductTotalPrice, getServiceTimes, isSessionProduct, isWalkIn } from "../../../utils";
 import { getErrorList, getIsNoSpecAndPackage } from "../../utilsByBooking";
 import { formatResources, getDurationProps, getFlexibleOption, getMultiDay, getTimeObj, setDefaultCapacitys } from "../addService/utils";
-import { getProductAllDiscountList, mergeBundles, setProductPrice, mergeBundleWithOriginalPrice } from "./utils";
+import { getProductAllDiscountList, mergeBundleWithOriginalPrice, setProductPrice } from "./utils";
 import NoteModal from "../../../../../plus/noteModal";
 import { DiscountKeyboard } from "../../../../../pro/priceKeyboard";
 import EditTabs from "../../../info/service/editService/EditTabs";
@@ -51,7 +51,6 @@ import { createBookingItemsByGroup, getGroupTotalPrice } from "../../../info/ser
 import { useShopDiscountModule } from "../../../../ticketBooking/hooks/pisellos/useShopDiscountModule";
 import DiscountChangeModal from "./DiscountChangeModal";
 import Decimal from "decimal.js";
-import useEngineContext from "../../../../../hooks/useEngineContext";
 var submitLock = false;
 var Info = function Info(_, ref) {
   var _state$service4, _state$bookingConfig2, _state$bookingConfig3, _state$service$cacheI5, _state$service$cacheI7, _state$service6, _window$BaseMaterials, _state$service8, _state$service$cacheI12, _state$bookingConfig5, _state$service$cacheI13, _state$service$cacheI14, _state$service9, _state$service$resour2, _state$service$cacheI16, _state$service$cacheI17, _state$client2;
@@ -72,7 +71,6 @@ var Info = function Info(_, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     discountChangeModalOpen = _useState2[0],
     setDiscountChangeModalOpen = _useState2[1];
-  var context = useEngineContext();
   var _useContext = useContext(Context),
     state = _useContext.state,
     dispatch = _useContext.dispatch;
@@ -665,19 +663,13 @@ var Info = function Info(_, ref) {
     var values = form.getFieldsValue();
     var isSession = isSessionProduct(item);
     var sessionValue = {};
-    var oldSession = {};
     if (isSession) {
-      var _item$_extend7, _item$_extend8, _item$_extend9, _item$_extend10, _item$_extend11, _item$_extend12;
+      var _item$_extend7, _item$_extend8, _item$_extend9;
       sessionValue.startEndTime = {
         startDate: item === null || item === void 0 || (_item$_extend7 = item._extend) === null || _item$_extend7 === void 0 ? void 0 : _item$_extend7.start_date,
         endDate: item === null || item === void 0 || (_item$_extend8 = item._extend) === null || _item$_extend8 === void 0 ? void 0 : _item$_extend8.end_date,
         duration: item === null || item === void 0 || (_item$_extend9 = item._extend) === null || _item$_extend9 === void 0 ? void 0 : _item$_extend9.duration
       };
-      oldSession = {
-        start_date: dayjs(item === null || item === void 0 || (_item$_extend10 = item._extend) === null || _item$_extend10 === void 0 ? void 0 : _item$_extend10.start_date).format('YYYY-MM-DD'),
-        end_date: dayjs(item === null || item === void 0 || (_item$_extend11 = item._extend) === null || _item$_extend11 === void 0 ? void 0 : _item$_extend11.end_date).format('YYYY-MM-DD'),
-        duration: item === null || item === void 0 || (_item$_extend12 = item._extend) === null || _item$_extend12 === void 0 ? void 0 : _item$_extend12.duration
-      };
     }
 
     // 打开商品详情弹窗
@@ -695,9 +687,7 @@ var Info = function Info(_, ref) {
         },
         isOS: isSession,
         customer_id: (_state$client = state.client) === null || _state$client === void 0 || (_state$client = _state$client.value) === null || _state$client === void 0 ? void 0 : _state$client.id,
-        value: _objectSpread(_objectSpread(_objectSpread({}, item._extend.other), {}, {
-          bundle: mergeBundles(item._extend.other)
-        }, sessionValue), {}, {
+        value: _objectSpread(_objectSpread(_objectSpread({}, item._extend.other), sessionValue), {}, {
           quantity: values.quantity || item._extend.quantity
         })
       },
@@ -710,8 +700,8 @@ var Info = function Info(_, ref) {
 
         // 手动折扣时 合并 bundle price，优先使用编辑前的价格
         if (item.discount_amount) {
-          var _item$_extend13;
-          other = mergeBundleWithOriginalPrice(other, ((_item$_extend13 = item._extend) === null || _item$_extend13 === void 0 ? void 0 : _item$_extend13.other) || {});
+          var _item$_extend10;
+          other = mergeBundleWithOriginalPrice(other, ((_item$_extend10 = item._extend) === null || _item$_extend10 === void 0 ? void 0 : _item$_extend10.other) || {});
         }
         other.session = e.session;
 
@@ -746,37 +736,6 @@ var Info = function Info(_, ref) {
           });
         } catch (err) {}
         var sessionDetail = editSessionProduct(cacheItem, e.session);
-        try {
-          var _e$session, _e$session2, _e$session3, _e$session4, _e$session5, _context$appHelper, _context$appHelper$ge;
-          sendWarningLog({
-            title: '修改商品数据',
-            content: [{
-              key: 'productId',
-              value: item.id
-            }, {
-              key: "isSession",
-              value: isSession
-            }, {
-              key: 'oldSession',
-              value: JSON.stringify(oldSession)
-            }, {
-              key: 'sessionValue',
-              value: JSON.stringify({
-                startTime: (_e$session = e.session) === null || _e$session === void 0 ? void 0 : _e$session.start_time,
-                endTime: (_e$session2 = e.session) === null || _e$session2 === void 0 ? void 0 : _e$session2.end_time,
-                startDate: dayjs((_e$session3 = e.session) === null || _e$session3 === void 0 ? void 0 : _e$session3.start_at).format('YYYY-MM-DD'),
-                endDate: dayjs((_e$session4 = e.session) === null || _e$session4 === void 0 ? void 0 : _e$session4.end_at).format('YYYY-MM-DD'),
-                duration: (_e$session5 = e.session) === null || _e$session5 === void 0 ? void 0 : _e$session5.duration
-              })
-            }, {
-              key: '日期',
-              value: dayjs().format('YYYY-MM-DD HH:mm')
-            }, {
-              key: '店铺id',
-              value: (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.store) === null || _context$appHelper === void 0 || (_context$appHelper$ge = _context$appHelper.getState) === null || _context$appHelper$ge === void 0 || (_context$appHelper$ge = _context$appHelper$ge.call(_context$appHelper)) === null || _context$appHelper$ge === void 0 || (_context$appHelper$ge = _context$appHelper$ge.global) === null || _context$appHelper$ge === void 0 || (_context$appHelper$ge = _context$appHelper$ge.globalConfig) === null || _context$appHelper$ge === void 0 ? void 0 : _context$appHelper$ge.id
-            }]
-          });
-        } catch (err) {}
         if (sessionDetail) {
           setTimeout(function () {
             form.setFieldsValue({
@@ -1264,8 +1223,6 @@ var Info = function Info(_, ref) {
     var _cacheItem$_extend$ot, _cacheItem$_extend$ot2;
     delete cacheItem.discount_list;
     (_cacheItem$_extend$ot = cacheItem._extend.other) === null || _cacheItem$_extend$ot === void 0 || (_cacheItem$_extend$ot = _cacheItem$_extend$ot.bundle) === null || _cacheItem$_extend$ot === void 0 || (_cacheItem$_extend$ot2 = _cacheItem$_extend$ot.forEach) === null || _cacheItem$_extend$ot2 === void 0 || _cacheItem$_extend$ot2.call(_cacheItem$_extend$ot, function (bundle) {
-      var _bundle$metadata;
-      bundle === null || bundle === void 0 || (_bundle$metadata = bundle.metadata) === null || _bundle$metadata === void 0 || delete _bundle$metadata.custom_product_bundle_map_id;
       bundle === null || bundle === void 0 || delete bundle.discount_list;
       bundle === null || bundle === void 0 || delete bundle.booking_id;
       bundle === null || bundle === void 0 || delete bundle.bundle_selling_price;

package/es/components/booking/info2/service/editService/utils.d.ts

@@ -32,7 +32,6 @@ export declare const setProductPrice: (cacheItem: any, { newTotal, origin_total
  * @returns 折扣列表
  */
 export declare const getProductAllDiscountList: (cacheItem: any) => any;
-export declare const mergeBundles: (other: any) => any[];
 /**
  * 合并 bundle 数据，基于 id 和 product_id 匹配，price 优先使用 originalOther 中的值
  * @param other - callback 返回的新数据

package/es/components/booking/info2/service/editService/utils.js

@@ -149,22 +149,6 @@ export var getProductAllDiscountList = function getProductAllDiscountList(cacheI
   (_discountList = discountList).push.apply(_discountList, _toConsumableArray(bundleDiscountList));
   return discountList;
 };
-export var mergeBundles = function mergeBundles(other) {
-  var bundle = (other === null || other === void 0 ? void 0 : other.bundle) || [];
-  var newBundle = [];
-  bundle.forEach(function (item) {
-    var newItem = newBundle.find(function (newItem) {
-      return newItem.id === item.id;
-    });
-    if (newItem) {
-      newItem.num += item.num || 1;
-      newItem.quantity += item.quantity || 1;
-    } else {
-      newBundle.push(_objectSpread({}, item));
-    }
-  });
-  return newBundle;
-};
 
 /**
  * 合并 bundle 数据，基于 id 和 product_id 匹配，price 优先使用 originalOther 中的值

package/es/components/booking/payments/index.js

@@ -189,7 +189,7 @@ var Payments = Provider(function (props) {
         className: "payment-list-item-surcharge"
       }, "(", locales.getText("pisell2.text.surcharge"), " ", formatAmount(item.service_fee, 2, (state === null || state === void 0 ? void 0 : state.amountSymbol) || "$"), ")") : null, /*#__PURE__*/React.createElement("div", {
         className: "payment-list-item-date"
-      }, dayjs(item.payment_time || item.created_at).format("HH:mm YYYY/MM/DD"), /*#__PURE__*/React.createElement("span", {
+      }, dayjs(item.payment_time).format("HH:mm YYYY/MM/DD"), /*#__PURE__*/React.createElement("span", {
         className: "payment-list-item-platform-type"
       }, item.platform && locales.getText("pisell2.text.platform.type")(item.platform))))))));
     }

package/es/components/checkout/hooks/useWalletPass.d.ts

@@ -17,7 +17,7 @@ export declare const useWalletPass: (props: {
     cardData: any;
     handleSelectWallet: (value: number[]) => void;
     selectedWalletIds: any[];
-    expiredWalletIds: any[];
+    expiredWalletIds: any;
     expiredWalletData: any;
     disabledWalletData: any[];
     clearAllSelectedWallet: () => void;

package/es/components/checkout/hooks/useWalletPass.js

@@ -29,6 +29,8 @@ import usePaymentLogger from "./usePaymentLogger";
 import { isWalkIn } from "../../booking/utils";
 import { useActiveExecute } from "../../ticketBooking/hooks/pisellos";
 import { useShopDiscountModule } from "../../ticketBooking/hooks/pisellos/useShopDiscountModule";
+import { useOsKey } from "../../ticketBooking/context";
+import { getShopDiscountKey } from "../../ticketBooking/utils";
 
 /**
  * 自定义Hook：使用WalletPass功能
@@ -40,6 +42,10 @@ export var useWalletPass = function useWalletPass(props) {
   var logger = usePaymentLogger();
   var _useActiveExecute = useActiveExecute(),
     executeIfActive = _useActiveExecute.executeIfActive;
+  var osKey = useOsKey();
+
+  // 根据 osKey 生成模块名称
+  var moduleKey = getShopDiscountKey(osKey || 'ticket');
 
   // 钱包推荐列表
   var _useState = useState([]),
@@ -673,7 +679,7 @@ export var useWalletPass = function useWalletPass(props) {
       // 保持初始顺序设置折扣列表
       var sortedDiscountList = sortDiscountListWithInitialOrder(detail.discountList);
       setDiscountList(sortedDiscountList);
-      pisellos === null || pisellos === void 0 || (_pisellos$effects = pisellos.effects) === null || _pisellos$effects === void 0 || _pisellos$effects.emit('shopDiscount:onSelectedDiscountListChange', detail);
+      pisellos === null || pisellos === void 0 || (_pisellos$effects = pisellos.effects) === null || _pisellos$effects === void 0 || _pisellos$effects.emit("".concat(moduleKey, ":onSelectedDiscountListChange"), detail);
       return;
     }
     setWalletSelect([]);
@@ -773,23 +779,25 @@ export var useWalletPass = function useWalletPass(props) {
     }
   });
   var handleSelectDiscount = useMemoizedFn(function (value, option) {
-    var _detail$discountList, _pisellos$effects2;
     setLoading(true);
-    var isSelected = value.includes(option.id);
-    var detail = shopDiscount.setDiscountSelected({
-      discountId: option.id,
-      isSelected: isSelected
-    });
-    if (!(detail !== null && detail !== void 0 && (_detail$discountList = detail.discountList) !== null && _detail$discountList !== void 0 && (_detail$discountList = _detail$discountList.find(function (item) {
-      return item.id === option.id;
-    })) !== null && _detail$discountList !== void 0 && _detail$discountList.isSelected)) {
+    try {
+      var _pisellos$effects2;
+      var isSelected = value.includes(option.id);
+      var detail = shopDiscount.setDiscountSelected({
+        discountId: option.id,
+        isSelected: isSelected
+      });
+
+      // 保持初始顺序设置折扣列表
+      var sortedDiscountList = sortDiscountListWithInitialOrder(detail.discountList);
+      setDiscountList(sortedDiscountList);
+      pisellos === null || pisellos === void 0 || (_pisellos$effects2 = pisellos.effects) === null || _pisellos$effects2 === void 0 || _pisellos$effects2.emit("".concat(moduleKey, ":onSelectedDiscountListChange"), detail);
+    } catch (err) {
+      console.log(err, '1234err');
+    } finally {
+      // 商品券选择流程结束后统一回收loading，避免出现转圈不停止
       setLoading(false);
     }
-
-    // 保持初始顺序设置折扣列表
-    var sortedDiscountList = sortDiscountListWithInitialOrder(detail.discountList);
-    setDiscountList(sortedDiscountList);
-    pisellos === null || pisellos === void 0 || (_pisellos$effects2 = pisellos.effects) === null || _pisellos$effects2 === void 0 || _pisellos$effects2.emit('shopDiscount:onSelectedDiscountListChange', detail);
   });
 
   // 清空不可用钱包数据

package/es/components/index.d.ts

@@ -20,4 +20,5 @@ import PinModal from './pinModal';
 import PinVerifyModal from './pinVerifyModal';
 import { OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth } from './authentication/admin';
 import Registry from './systemSettings/registry';
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController, PinModal, PinVerifyModal, OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, Registry, };
+import PisellCashCounting from './pisellCashCounting';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController, PinModal, PinVerifyModal, OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, Registry, PisellCashCounting, };

package/es/components/index.js

@@ -20,4 +20,5 @@ import PinModal from "./pinModal";
 import PinVerifyModal from "./pinVerifyModal";
 import { OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth } from "./authentication/admin";
 import Registry from "./systemSettings/registry";
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController, PinModal, PinVerifyModal, OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, Registry };
+import PisellCashCounting from "./pisellCashCounting";
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController, PinModal, PinVerifyModal, OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, Registry, PisellCashCounting };

package/es/components/pisellCashCounting/PisellCashCounting.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PisellCashCountingProps } from './types';
+import './PisellCashCounting.less';
+declare const PisellCashCounting: React.FC<PisellCashCountingProps>;
+export default PisellCashCounting;

package/es/components/pisellCashCounting/PisellCashCounting.js

@@ -0,0 +1,121 @@
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 React from 'react';
+import { Button, InputNumber } from 'antd';
+import classNames from 'classnames';
+import { locales } from '@pisell/utils';
+import PisellPriceKeyboardModal from "../../pro/pisellPriceKeyboardModal";
+import localeTexts from "./locales";
+import { PisellModal } from '@pisell/materials';
+import CashCountingModal from "./components/CashCountingModal/index";
+import useEngineContext from "../../hooks/useEngineContext";
+import { usePisellCashCounting } from "./hooks";
+import "./PisellCashCounting.less";
+var PREFIX = 'pisell-private-cash-counting';
+var PisellCashCounting = function PisellCashCounting(props) {
+  var _context$engine;
+  var context = useEngineContext();
+  locales.init(localeTexts, (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || 'en');
+  var _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$countDisabled = props.countDisabled,
+    countDisabled = _props$countDisabled === void 0 ? false : _props$countDisabled,
+    placeholder = props.placeholder,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'vertical' : _props$layout,
+    countCashButtonText = props.countCashButtonText,
+    _props$showCurrencySy = props.showCurrencySymbol,
+    showCurrencySymbol = _props$showCurrencySy === void 0 ? true : _props$showCurrencySy,
+    _props$useThousandsSe = props.useThousandsSeparator,
+    useThousandsSeparator = _props$useThousandsSe === void 0 ? false : _props$useThousandsSe,
+    inputNumberProps = props.inputNumberProps,
+    buttonProps = props.buttonProps,
+    className = props.className,
+    style = props.style,
+    modalWidth = props.modalWidth;
+  var _usePisellCashCountin = usePisellCashCounting(props),
+    modalRef = _usePisellCashCountin.modalRef,
+    triggerRef = _usePisellCashCountin.triggerRef,
+    keyboardOpen = _usePisellCashCountin.keyboardOpen,
+    setKeyboardOpen = _usePisellCashCountin.setKeyboardOpen,
+    currencyDenominations = _usePisellCashCountin.currencyDenominations,
+    decimalPlaces = _usePisellCashCountin.decimalPlaces,
+    symbol = _usePisellCashCountin.symbol,
+    currencyCode = _usePisellCashCountin.currencyCode,
+    currentValue = _usePisellCashCountin.currentValue,
+    handleAmountChange = _usePisellCashCountin.handleAmountChange,
+    handleKeyboardClose = _usePisellCashCountin.handleKeyboardClose,
+    openCountModal = _usePisellCashCountin.openCountModal,
+    handleCountCancel = _usePisellCashCountin.handleCountCancel,
+    handleCountConfirm = _usePisellCashCountin.handleCountConfirm,
+    manualCountMismatchOpen = _usePisellCashCountin.manualCountMismatchOpen,
+    confirmUseCountedTotal = _usePisellCashCountin.confirmUseCountedTotal,
+    confirmKeepManualAmount = _usePisellCashCountin.confirmKeepManualAmount;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(PREFIX, className),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(PREFIX, "__field"), _defineProperty({}, "".concat(PREFIX, "__field--horizontal"), layout === 'horizontal')),
+    ref: triggerRef
+  }, /*#__PURE__*/React.createElement(InputNumber, _extends({}, inputNumberProps, {
+    controls: false,
+    disabled: disabled,
+    precision: decimalPlaces,
+    value: currentValue,
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : locales.getText('pisell-cash-counting.placeholder'),
+    className: classNames("".concat(PREFIX, "__input"), inputNumberProps === null || inputNumberProps === void 0 ? void 0 : inputNumberProps.className),
+    readOnly: true,
+    addonBefore: symbol,
+    size: "large",
+    style: {
+      width: '100%'
+    },
+    onClick: function onClick() {
+      if (!disabled) {
+        setKeyboardOpen(true);
+      }
+    },
+    onChange: handleAmountChange
+  })), /*#__PURE__*/React.createElement(Button, _extends({}, buttonProps, {
+    type: "primary",
+    disabled: disabled || countDisabled || (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.disabled),
+    className: classNames("".concat(PREFIX, "__button"), buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className),
+    onClick: function onClick(event) {
+      var _buttonProps$onClick;
+      buttonProps === null || buttonProps === void 0 || (_buttonProps$onClick = buttonProps.onClick) === null || _buttonProps$onClick === void 0 || _buttonProps$onClick.call(buttonProps, event);
+      openCountModal();
+    }
+  }), countCashButtonText !== null && countCashButtonText !== void 0 ? countCashButtonText : locales.getText('pisell-cash-counting.countCash'))), /*#__PURE__*/React.createElement(PisellPriceKeyboardModal, {
+    symbol: symbol,
+    visible: keyboardOpen,
+    value: currentValue,
+    triggerRef: triggerRef,
+    showCurrencySymbol: showCurrencySymbol,
+    useThousandsSeparator: useThousandsSeparator,
+    onChange: handleAmountChange,
+    onClose: handleKeyboardClose
+  }), /*#__PURE__*/React.createElement(PisellModal.Information, {
+    open: manualCountMismatchOpen,
+    closable: false,
+    maskClosable: false,
+    title: locales.getText('pisell-cash-counting.manual-vs-count-message-title'),
+    describe: locales.getText('pisell-cash-counting.manual-vs-count-message'),
+    okText: locales.getText('pisell-cash-counting.keep-manual-amount'),
+    cancelText: locales.getText('pisell-cash-counting.use-count-total'),
+    onOk: confirmKeepManualAmount,
+    onCancel: confirmUseCountedTotal
+  }), /*#__PURE__*/React.createElement(CashCountingModal, {
+    ref: modalRef,
+    modalWidth: modalWidth,
+    currencyCode: currencyCode,
+    currencyDenominations: currencyDenominations,
+    decimalPlaces: decimalPlaces,
+    symbol: symbol,
+    onCancel: handleCountCancel,
+    onConfirm: handleCountConfirm
+  }));
+};
+export default PisellCashCounting;

package/es/components/pisellCashCounting/PisellCashCounting.less

@@ -0,0 +1,263 @@
+.pisell-private-cash-counting {
+  &__field {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    &--horizontal {
+      flex-direction: row;
+      align-items: center;
+      flex-wrap: nowrap;
+
+      .pisell-private-cash-counting__input {
+        flex: 1;
+        min-width: 0;
+      }
+
+      .pisell-private-cash-counting__button {
+        flex-shrink: 0;
+      }
+    }
+  }
+
+  .pisell-lowcode-input-number-wrapper{
+    width: auto;
+  }
+
+  &__input {
+    input {
+      width: 100%;
+      min-width: none;
+      max-width: none;
+    }
+  }
+
+  &__button {
+    width: max-content;
+  }
+
+  &__modal {
+    display: flex;
+    flex-direction: column;
+    height: min(720px, calc(90vh - 72px));
+    min-height: 520px;
+    overflow: hidden;
+  }
+
+  &__modal-intro {
+    flex-shrink: 0;
+    padding: 16px 24px 12px;
+    border-bottom: 1px solid #eaecf0;
+  }
+
+  &__subtitle {
+    color: #667085;
+    font-size: 14px;
+    line-height: 20px;
+  }
+
+  &__currency {
+    display: inline-flex;
+    align-items: center;
+    min-height: 28px;
+    margin-top: 12px;
+    padding: 4px 10px;
+    border-radius: 999px;
+    background: #f2f4f7;
+    color: #344054;
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  &__scroll {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    padding: 20px 24px 24px;
+  }
+
+  &__empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 220px;
+    color: #98a2b3;
+    font-size: 14px;
+  }
+
+  &__section+&__section {
+    margin-top: 24px;
+    padding-top: 24px;
+    border-top: 1px solid #f2f4f7;
+  }
+
+  &__section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 12px;
+  }
+
+  &__section-title {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: #667085;
+    font-size: 14px;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+  }
+
+  &__dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: #635bff;
+
+    &--coin {
+      background: #f59e0b;
+    }
+  }
+
+  &__section-subtotal {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    color: #667085;
+    font-size: 14px;
+
+    strong {
+      color: #101828;
+      font-size: 15px;
+    }
+  }
+
+  &__denomination-list {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  &__denomination-row {
+    display: grid;
+    grid-template-columns: 92px minmax(150px, 220px) minmax(92px, 1fr);
+    align-items: center;
+    gap: 16px;
+  }
+
+  &__denomination-label {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 78px;
+    height: 32px;
+    padding: 0 12px;
+    border-radius: 6px;
+    background: #dbeafe;
+    color: #175cd3;
+    font-size: 14px;
+    font-weight: 700;
+
+    &--coin {
+      background: #fef3c7;
+      color: #92400e;
+    }
+  }
+
+  &__stepper {
+    &.numeric-stepper {
+      gap: 8px;
+      grid-template-columns: auto auto auto;
+      justify-content: flex-start;
+      width: auto;
+    }
+
+    .numeric-stepper-button {
+      width: 32px;
+      height: 32px;
+      border-radius: 6px;
+    }
+
+    .numeric-stepper-display {
+      width: 60px;
+      height: 32px;
+      max-width: 70px;
+    }
+  }
+
+  &__row-amount {
+    justify-self: end;
+    color: #98a2b3;
+    font-size: 15px;
+    font-weight: 700;
+  }
+
+  &__footer {
+    flex-shrink: 0;
+    padding: 20px 24px 24px;
+    border-top: 1px solid #eaecf0;
+    background: #ffffff;
+    box-shadow: 0 -8px 20px rgba(16, 24, 40, 0.04);
+  }
+
+  &__summary {
+    padding-bottom: 16px;
+    border-bottom: 1px dashed #d0d5dd;
+  }
+
+  &__summary-row,
+  &__total-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+  }
+
+  &__summary-row {
+    color: #667085;
+    font-size: 15px;
+
+    +.pisell-private-cash-counting__summary-row {
+      margin-top: 10px;
+    }
+
+    strong {
+      color: #101828;
+      font-size: 16px;
+    }
+  }
+
+  &__total-row {
+    margin-top: 16px;
+    color: #101828;
+    font-size: 18px;
+    font-weight: 700;
+
+    strong {
+      color: #5b4be8;
+      font-size: 34px;
+      line-height: 40px;
+    }
+  }
+
+  &__actions {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 12px;
+    margin-top: 18px;
+
+    .pisell-lowcode-btn {
+      margin: 0;
+    }
+  }
+}
+
+.pisell-lowcode-modal-root {
+  .pisell-private-cash-counting__modal-wrap {
+    .pisell-lowcode-modal-body {
+      overflow: hidden;
+    }
+  }
+}