@pisell/private-materials 6.3.159 → 6.3.161

package/es/components/ecocup/components/AddCustomerModal/index.d.ts

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

package/es/components/ecocup/components/SettingModal/index.d.ts

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

package/es/components/ecocup/cupList/index.d.ts

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

package/es/components/eftpos/surcharge/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.css';
 /**
  * @title: 自定义组件设置

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PosProps } from './const';
 /**
  * @title: 支付金额信息配置页
@@ -8,7 +9,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "print" | "page" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PosProps, RouteType } from './const';
 declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
     action: RouteType;

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PayProps, PosProps } from './const';
 import './device.less';
 /**
@@ -10,7 +11,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "print" | "page" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

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

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"warn" | "success" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"payo" | "tyro" | "windcave" | "stripe" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PosProps } from './const';
 import './index.less';
 declare const _default: (props: PosProps) => JSX.Element | null;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Linkly: ({ api, onChange }: any) => JSX.Element;
 export default Linkly;

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

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

package/es/components/eftposPay/store/index.d.ts

@@ -176,7 +176,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "warn" | "success" | "loading" | "fail" | "question";
+        status: "loading" | "success" | "warn" | "fail" | "question";
     };
 };
 /**
@@ -299,7 +299,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?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
@@ -310,7 +310,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "warn" | "success" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/es/components/eventBooking/components/Provider/Cart/ContinueButton/index.d.ts

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

package/es/components/eventBooking/components/Provider/Cart/Deposit/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface DepositProps {
     showTitle?: boolean;
 }

package/es/components/eventBooking/components/Provider/Cart/Item/Total.d.ts

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

package/es/components/eventBooking/components/Provider/Cart/Item/index.d.ts

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

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/Event/index.d.ts

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

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

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

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/Information/index.d.ts

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

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

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

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/Voucher/index.d.ts

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

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type CallToBookProps = {
     show: boolean;
     type: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const BookingOptions: (props: {
     onChangeBookingOption?: ((bookingOption: any) => void) | undefined;
 }) => JSX.Element;

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/calendarItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem } from '../../type';
 declare type CalendarItemProps = {
     month: string;

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

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

package/es/components/index.d.ts

@@ -18,7 +18,8 @@ import EditBookingModal from './booking/editBookingModal';
 import StepController from './stepController';
 import PinModal from './pinModal';
 import PinVerifyModal from './pinVerifyModal';
+import ProductStockCheckModal from './productStockCheckModal';
 import { OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth } from './authentication/admin';
 import Registry from './systemSettings/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, };
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController, PinModal, PinVerifyModal, ProductStockCheckModal, OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, Registry, PisellCashCounting, };

package/es/components/index.js

@@ -18,7 +18,8 @@ import EditBookingModal from "./booking/editBookingModal";
 import StepController from "./stepController";
 import PinModal from "./pinModal";
 import PinVerifyModal from "./pinVerifyModal";
+import ProductStockCheckModal from "./productStockCheckModal";
 import { OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth } from "./authentication/admin";
 import Registry from "./systemSettings/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 };
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController, PinModal, PinVerifyModal, ProductStockCheckModal, OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, Registry, PisellCashCounting };

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.d.ts

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

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/SDK.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

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

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

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

package/es/components/pay/toC/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FormState {
     platform: 'pc' | 'h5' | '' | undefined;
     order: any;
@@ -30,11 +29,4 @@ export interface PayGroup {
     _order: any;
     front_order_uuid?: string;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CashCountingConfirmPayload, PisellCashCountingProps } from './types';
 import type { PisellCashCountingModalRef } from './components/CashCountingModal/index';
 export declare function usePisellCashCounting({ value, defaultValue, currencyCode, currencySymbol, amountPrecision, denominations, disabled, countDisabled, onChange, onCountConfirm, onCountCancel, }: PisellCashCountingProps): {

package/es/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PopoverProps } from 'antd';
 import { CustomerCardProps } from './CustomerCard';
 import './index.less';

package/es/components/productExtension/index.d.ts

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

package/es/components/productSelect/components/TabProduct/index.d.ts

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

package/es/components/productSelect/components/productGroup/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare type BoolConfigVal = 0 | 1;
 export interface ProductCardConfig {

package/es/components/productStockCheckModal/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.less';
+import { ProductStockCheckModalProps, ProductStockCheckModalRef } from './types';
+declare const _default: React.ForwardRefExoticComponent<ProductStockCheckModalProps & React.RefAttributes<ProductStockCheckModalRef>>;
+export default _default;

package/es/components/productStockCheckModal/index.js

@@ -0,0 +1,148 @@
+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 React, { useImperativeHandle, useState, forwardRef, useRef, useCallback, useMemo } from 'react';
+import { PisellModal, Button, Tag, Icon } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import useEngineContext from "../../hooks/useEngineContext";
+import localeTexts from "./locales";
+import { request } from "../../utils";
+import "./index.less";
+/** 收起时列表最多展示的条目数 */
+var MAX_COLLAPSED_ITEMS = 5;
+var ProductStockCheckModal = function ProductStockCheckModal(props, ref) {
+  var _context$engine, _context$appHelper, _context$appHelper2, _context$appHelper2$i;
+  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');
+  request.setRequest(context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.request);
+  var isTerminal = context === null || context === void 0 || (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 || (_context$appHelper2 = _context$appHelper2.utils) === null || _context$appHelper2 === void 0 || (_context$appHelper2$i = _context$appHelper2.isTerminal) === null || _context$appHelper2$i === void 0 ? void 0 : _context$appHelper2$i.call(_context$appHelper2);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var modalParamsRef = useRef();
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    items = _useState4[0],
+    setItems = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isAllItemsSoldOut = _useState6[0],
+    setIsAllItemsSoldOut = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    listExpanded = _useState8[0],
+    setListExpanded = _useState8[1];
+  var onOpen = useCallback(function (params) {
+    var _params$unavailablePr, _params$isAllItemsSol, _props$onOpen;
+    modalParamsRef.current = params;
+    setItems((_params$unavailablePr = params === null || params === void 0 ? void 0 : params.unavailableProducts) !== null && _params$unavailablePr !== void 0 ? _params$unavailablePr : []);
+    setIsAllItemsSoldOut((_params$isAllItemsSol = params === null || params === void 0 ? void 0 : params.isAllItemsSoldOut) !== null && _params$isAllItemsSol !== void 0 ? _params$isAllItemsSol : false);
+    setListExpanded(false);
+    setVisible(true);
+    (_props$onOpen = props.onOpen) === null || _props$onOpen === void 0 || _props$onOpen.call(props);
+  }, [props]);
+  var onClose = useCallback(function () {
+    var _props$onClose;
+    modalParamsRef.current = undefined;
+    setItems([]);
+    setIsAllItemsSoldOut(false);
+    setVisible(false);
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props);
+  }, []);
+  useImperativeHandle(ref, function () {
+    return {
+      open: onOpen,
+      close: onClose
+    };
+  });
+  var handleReturn = useCallback(function () {
+    var _props$onReturn;
+    onClose();
+    (_props$onReturn = props.onReturn) === null || _props$onReturn === void 0 || _props$onReturn.call(props, items);
+  }, [props.onReturn, onClose, items]);
+  var handleContinue = useCallback(function () {
+    onClose();
+    if (isAllItemsSoldOut) {
+      handleReturn();
+    } else {
+      var _props$onContinue;
+      (_props$onContinue = props.onContinue) === null || _props$onContinue === void 0 || _props$onContinue.call(props, items);
+    }
+  }, [props.onContinue, onClose, isAllItemsSoldOut, items]);
+  var showListExpandToggle = useMemo(function () {
+    return items.length > MAX_COLLAPSED_ITEMS;
+  }, [items.length]);
+  var displayItems = useMemo(function () {
+    if (!showListExpandToggle || listExpanded) {
+      return items;
+    }
+    return items.slice(0, MAX_COLLAPSED_ITEMS);
+  }, [items, listExpanded, showListExpandToggle]);
+  return /*#__PURE__*/React.createElement(PisellModal, {
+    platform: isTerminal ? 'h5' : undefined,
+    visible: visible,
+    header: false,
+    footer: null,
+    maskClosable: false,
+    destroyOnClose: true,
+    closable: false,
+    onClose: onClose,
+    onCancel: onClose,
+    wrapClassName: "product-stock-check-modal",
+    style: {
+      zIndex: 1001
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "product-stock-check-modal-inner"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "product-stock-check-modal-icon",
+    "aria-hidden": true
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "product-stock-check-modal-icon-mark"
+  }, "!")), /*#__PURE__*/React.createElement("h2", {
+    className: "product-stock-check-modal-title"
+  }, isAllItemsSoldOut ? locales.getText('pisell2.product.stock.check.modal.all_items_title') : locales.getText('pisell2.product.stock.check.modal.title')), /*#__PURE__*/React.createElement("p", {
+    className: "product-stock-check-modal-subtitle"
+  }, locales.getText('pisell2.product.stock.check.modal.subtitle')), /*#__PURE__*/React.createElement("div", {
+    className: "product-stock-check-modal-list"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "product-stock-check-modal-list-items"
+  }, displayItems.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "product-stock-check-modal-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "product-stock-check-modal-item-text"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "product-stock-check-modal-item-title"
+    }, item.title), /*#__PURE__*/React.createElement("span", {
+      className: "product-stock-check-modal-item-qty"
+    }, locales.getText('pisell2.product.stock.check.modal.item.quantity.prefix'), ' ', "x", item.quantity)), /*#__PURE__*/React.createElement("span", {
+      className: "product-stock-check-modal-tag"
+    }, /*#__PURE__*/React.createElement(Tag, {
+      color: "error"
+    }, locales.getText('pisell2.product.stock.check.modal.status.sold_out'))));
+  })), showListExpandToggle && /*#__PURE__*/React.createElement("div", {
+    className: "product-stock-check-modal-list-toggle",
+    onClick: function onClick() {
+      return setListExpanded(function (v) {
+        return !v;
+      });
+    }
+  }, listExpanded ? locales.getText('pisell2.product.stock.check.modal.btn.collapse') : locales.getText('pisell2.product.stock.check.modal.btn.expand'), /*#__PURE__*/React.createElement(Icon, {
+    type: listExpanded ? 'pisell2-chevron-up-double' : 'pisell2-chevron-down-double'
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "product-stock-check-modal-buttons"
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: handleContinue
+  }, isAllItemsSoldOut ? locales.getText('pisell2.product.stock.check.modal.btn.remove_all_continue') : locales.getText('pisell2.product.stock.check.modal.btn.remove_continue')), /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    onClick: handleReturn
+  }, locales.getText('pisell2.product.stock.check.modal.btn.go_back')))));
+};
+export default /*#__PURE__*/forwardRef(ProductStockCheckModal);

package/es/components/productStockCheckModal/index.less

@@ -0,0 +1,122 @@
+.product-stock-check-modal {
+  .pisell-lowcode-modal-body {
+    padding: 24px !important;
+  }
+}
+
+.product-stock-check-modal-inner {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  width: 100%;
+  height: 100%;
+}
+
+.product-stock-check-modal-icon {
+  align-self: center;
+  width: 44px;
+  height: 44px;
+  margin-bottom: 16px;
+  border-radius: 50%;
+  background: #fbf3e0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.product-stock-check-modal-icon-mark {
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 1;
+  color: #f9a908;
+}
+
+.product-stock-check-modal-title {
+  margin: 0 0 8px;
+  text-align: center;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 26px;
+  color: #333333;
+}
+
+.product-stock-check-modal-subtitle {
+  margin: 0 0 20px;
+  text-align: center;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  color: #999999;
+}
+
+.product-stock-check-modal-list {
+  margin: 0 0 20px;
+  padding: 0;
+  list-style: none;
+  max-height: auto;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.product-stock-check-modal-list-toggle {
+  margin-top: 20px;
+  text-align: center;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  &:hover {
+    color: var(--theme-color);
+  }
+}
+
+.product-stock-check-modal-item {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 16px;
+  margin-bottom: 10px;
+  border-radius: 8px;
+  background: #f9f9f9;
+  box-sizing: border-box;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.product-stock-check-modal-item-text {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.product-stock-check-modal-item-title {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 22px;
+  color: #333333;
+}
+
+.product-stock-check-modal-item-qty {
+  font-size: 12px;
+  line-height: 18px;
+  color: #999999;
+}
+
+.product-stock-check-modal-tag {
+  font-weight: 600;
+  .pisell-lowcode-tag{
+    border-radius: 40px;
+  }
+}
+
+.product-stock-check-modal-buttons{
+  display: flex;
+  gap: 10px;
+  flex-direction: column;
+}