@pisell/private-materials 6.11.63 → 6.11.65

package/es/components/ticketBooking/components/ProductDisplayAdapter/types.d.ts

@@ -0,0 +1,115 @@
+/**
+ * 产品展示配置类型定义
+ */
+import type { ProductCardConfig } from '../../../../plus/productSelect/ProductCard/SkuCard/type';
+/** 预设配置的字符串键 */
+export declare type ProductDisplayPresetKey = 'product-select' | 'sku-list-a1' | 'sku-list-a2' | 'sku-list-a5' | 'default';
+/** ProductSelect 布局配置 */
+export interface ProductSelectLayout {
+    grid: boolean;
+    config: string;
+}
+export declare type NumberBoolean = 0 | 1;
+/** ProductSelect 列表设置 */
+export interface ProductListSetting {
+    /** 是否显示产品封面 */
+    isProductCover?: NumberBoolean;
+    /** 是否显示标题 */
+    isTitle?: NumberBoolean;
+    /** 是否显示副标题 */
+    isSubtitle?: NumberBoolean;
+    /** 是否显示价格 */
+    isPrice?: NumberBoolean;
+    /** 是否显示原价 */
+    isOriginPrice?: NumberBoolean;
+    /** 是否显示库存 */
+    isStock?: NumberBoolean;
+}
+/** ProductSelect 模式配置 */
+export interface ProductSelectConfig {
+    /** 是否显示搜索框 */
+    showSearch?: boolean;
+    /** 是否显示分类Tab */
+    showTab?: boolean;
+    /** 布局配置 */
+    layout?: ProductSelectLayout;
+    /** 产品列表设置 */
+    productListSetting?: ProductListSetting;
+}
+/** SkuCard 显示模式 */
+export declare type SkuCardDisplayMode = 'display_a1' | 'display_a2' | 'display_a5' | 'display_a9' | 'display_custom';
+/**
+ * SkuCard 配置
+ * 直接使用 ProductCardConfig 类型，保持类型同步
+ *
+ * @see packages/private-materials/src/plus/productSelect/ProductCard/SkuCard/type.ts ProductCardConfig
+ */
+export declare type SkuCardAllConfig = ProductCardConfig;
+/** List 布局类型 */
+export declare type ListLayoutType = 'grid' | 'list';
+/** Tab 样式类型 */
+export declare type TabStyleType = 'switch' | 'anchor' | 'none';
+/** List 组件配置 */
+export interface ListConfig {
+    /** 布局类型 */
+    layout?: ListLayoutType;
+    /** 列数 */
+    columns?: number;
+    /** 是否显示分页 */
+    showPagination?: boolean;
+    /** 是否显示Tab */
+    showTab?: boolean;
+    /** Tab 样式类型：switch-切换模式，anchor-锚点模式，none-不显示 */
+    tabStyle?: TabStyleType;
+    /** Tab 是否吸顶 */
+    stickyTop?: boolean;
+    /** Tab配置 */
+    tabConfig?: any;
+    /** 分页配置 */
+    paginationConfig?: any;
+    [key: string]: any;
+}
+/** SkuList 模式配置 */
+export interface SkuListConfig {
+    /** List 组件配置 */
+    listConfig?: ListConfig;
+    /** SkuCard 配置 */
+    skuCardAllConfig?: SkuCardAllConfig;
+}
+/** 展示模式类型 */
+export declare type DisplayMode = 'product-select' | 'sku-list';
+/**
+ * 产品展示配置
+ * 用于配置化控制产品展示的方式
+ */
+export interface ProductDisplayConfig {
+    /** 展示模式 */
+    displayMode: DisplayMode;
+    /** ProductSelect 模式配置 */
+    productSelectConfig?: ProductSelectConfig;
+    /** SkuList 模式配置 */
+    skuListConfig?: SkuListConfig;
+}
+/**
+ * 产品展示配置预设
+ * 支持通过字符串键或直接使用配置对象
+ */
+export declare const ProductDisplayPresets: Record<ProductDisplayPresetKey, ProductDisplayConfig>;
+/**
+ * 兼容性：保持原有的导出方式
+ * @deprecated 建议使用 ProductDisplayPresets['product-select'] 或字符串键访问
+ */
+export declare const LegacyProductDisplayPresets: {
+    /** @deprecated 使用 ProductDisplayPresets['product-select'] */
+    DEFAULT_PRODUCT_SELECT: ProductDisplayConfig;
+    /** @deprecated 使用 ProductDisplayPresets['sku-list-a1'] */
+    DEFAULT_SKU_LIST_A1: ProductDisplayConfig;
+    /** @deprecated 使用 ProductDisplayPresets['sku-list-a2'] */
+    DEFAULT_SKU_LIST_A2: ProductDisplayConfig;
+    /** @deprecated 使用 ProductDisplayPresets['sku-list-a5'] */
+    DEFAULT_SKU_LIST_A5: ProductDisplayConfig;
+};
+/**
+ * 工具函数：将字符串键或配置对象解析为配置对象
+ */
+export declare function resolveProductDisplayConfig(config?: ProductDisplayPresetKey | ProductDisplayConfig): ProductDisplayConfig;

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

@@ -0,0 +1,94 @@
+/**
+ * 格式化 SKU 数据源，适配 SkuCard 组件
+ */
+export declare const formatSkuDataSource: (dataSource: any) => {
+    id: any;
+    title: any;
+    subtitle: any;
+    cover: any;
+    price: any;
+    original_price: any;
+    stock: any;
+    sortKeys: string[];
+    isMini: any;
+};
+/**
+ * Tab 项接口定义（与 List 组件保持一致）
+ */
+export interface TabItem {
+    key: string;
+    label: string;
+    group?: string;
+}
+/**
+ * 产品分类信息接口
+ */
+interface ProductCategory {
+    id: number;
+    name: string;
+    icon?: string;
+    slug?: string;
+    sort?: number;
+    /** 父级分类 ID，0 或 null/undefined 表示一级分类 */
+    parent_id?: number | null;
+    parent_category?: ProductCategory;
+}
+/**
+ * 产品项接口
+ */
+interface Product {
+    id: number;
+    title: string;
+    category?: ProductCategory[];
+    [key: string]: any;
+}
+/**
+ * 分类树节点接口（Switch 模式返回值）
+ */
+export interface CategoryTreeNode {
+    /** 分类 ID，All 节点为 '{父级路径}_all' 格式 */
+    id: number | string;
+    /** 分类唯一标识 兼容 List 组件的 key 字段 */
+    key: number | string;
+    /** 分类名称 兼容 List 组件的 label 字段 */
+    label: string;
+    /** 分类分组 兼容 List 组件的 group 字段 */
+    group: number | string;
+    /** 分类名称 */
+    name: string;
+    /** 分类图标 */
+    icon?: string;
+    /**
+     * 路径式父级标识
+     * - 一级分类：无此字段
+     * - 二级分类：'1'（父级 id）
+     * - 三级分类：'1_2'（路径格式）
+     * - 以此类推
+     */
+    pid?: string;
+    /** 该分类下所有商品的 ID 数组（包含子分类的商品） */
+    productIds: number[];
+    /** 子分类列表，如果有子分类，第一个为 All 节点 */
+    children?: CategoryTreeNode[];
+    /** 子分类最大层级 */
+    childrenMaxLevel: number;
+}
+/**
+ * 根据产品数据生成分类 Tabs（Switch 模式）
+ * 参考 TestResponsiveWrapper 的 generateSimpleTabItems 函数
+ *
+ * @param products 产品列表
+ * @param tabStyle tab 样式类型
+ * @returns Switch 模式返回 CategoryTreeNode[]，Anchor 模式返回 TabItem[]
+ */
+export declare const generateProductTabs: (products: Product[], tabStyle?: 'switch' | 'anchor', isTreeTab?: boolean) => CategoryTreeNode[] | TabItem[];
+/**
+ * 按 tabData 分类顺序对商品列表排序，同分类内按商品 sort 降序
+ * 仅在 isTreeTab 为 false 时使用
+ *
+ * @param data 商品列表（category 已转为 string[] 格式）
+ * @param tabData 分类 tab 列表（CategoryTreeNode[]）
+ * @returns 排序后的商品列表（原地排序）
+ */
+export declare const sortProductsByTabOrder: (data: any[], tabData: CategoryTreeNode[]) => any[];
+export {};

package/es/components/ticketBooking/components/addServiceVariant/addService.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter';
 import './index.less';
 interface AddServiceProps {

package/es/components/ticketBooking/components/addServiceVariant/addService.js

@@ -20,6 +20,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { getUniqueId, locales, sendWarningLog } from '@pisell/utils';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { useMemoizedFn } from 'ahooks';
+import { PisellModal, Button, Checkbox } from '@pisell/materials';
 import useEngineContext, { usePlatform, usePisellOS } from "../../../../hooks/useEngineContext";
 import { isSessionProduct, request, getProductTotalPrice, getIsEject, getIsOnlySession, isWalkIn, getMainPrice } from "../../../booking/utils";
 import { getMultiDay, getProductExtend, isMultiDayProduct } from "../../../booking/info2/service/addService/utils";
@@ -40,6 +41,7 @@ import MultiDayTimeSelectModal from "./MultiDayTimeSelectModal";
 import { selectHolderModal, SelectHolderModal } from "../../../booking/utils/selectHolderModal";
 import { getOpenNormalServiceHandler } from "../../../booking/info2/service/openNormalService";
 import useCartChangeEffect from "../../hooks/pisellos/useCartChangeEffect";
+import { getStockValidationResult, setHiddenStockAlertForToday } from "../../../../pro/skuDetailModal/utils";
 var productListLayout = {
   grid: true,
   config: '12:12'
@@ -53,7 +55,7 @@ var productListSetting = {
   isStock: 0
 };
 var AddSerivce = function AddSerivce(props) {
-  var _context$appHelper, _context$appHelper2, _context$appHelper2$g, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _state$service, _state$bookingConfig2, _state$client2;
+  var _context$appHelper, _context$appHelper2, _context$appHelper2$g, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _state$service, _state$bookingConfig2, _state$client2, _state$bookingConfig12;
   var onEdit = props.onEdit,
     state = props.state,
     dispatch = props.dispatch,
@@ -102,6 +104,16 @@ var AddSerivce = function AddSerivce(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     pendingMultiDayData = _useState10[0],
     setPendingMultiDayData = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    directStockAlertOpen = _useState12[0],
+    setDirectStockAlertOpen = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    directStockAlertDontShowAgainChecked = _useState14[0],
+    setDirectStockAlertDontShowAgainChecked = _useState14[1];
+  var directStockPendingRef = useRef(null);
+  var directStockProductIdRef = useRef(0);
   var stateRef = useRef(state);
   stateRef.current = state;
   var prerenderCompletedRef = useRef(false);
@@ -787,60 +799,49 @@ var AddSerivce = function AddSerivce(props) {
       return _ref7.apply(this, arguments);
     };
   }());
-
-  // 直接添加商品（不打开弹窗）
-  var handleDirectAddService = useMemoizedFn( /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(item) {
+  var proceedDirectAddService = useMemoizedFn( /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(params) {
       var _state$client4, _state$bookingConfig7, _state$bookingConfig8;
-      var cacheItem, res, _state$bookingConfig9;
+      var cacheItem, item, detail, res, _state$bookingConfig9;
       return _regeneratorRuntime().wrap(function _callee8$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
-            if (isBooking4) {
-              _context8.next = 4;
-              break;
-            }
-            _context8.next = 3;
-            return handleBookingCreation(item, item.cartDetailValue);
-          case 3:
-            return _context8.abrupt("return");
-          case 4:
-            cacheItem = createCacheItemFromParams(item, item.cartDetailValue);
+            cacheItem = params.cacheItem, item = params.item, detail = params.detail;
             if (!(!isNormalProductByDurationSchedule(cacheItem) && (!cacheItem._extend.holder_id || !cacheItem._extend.holder_id.length) && !isWalkIn((_state$client4 = state.client) === null || _state$client4 === void 0 || (_state$client4 = _state$client4.value) === null || _state$client4 === void 0 ? void 0 : _state$client4.id) && (state === null || state === void 0 || (_state$bookingConfig7 = state.bookingConfig) === null || _state$bookingConfig7 === void 0 || (_state$bookingConfig7 = _state$bookingConfig7.config) === null || _state$bookingConfig7 === void 0 || (_state$bookingConfig7 = _state$bookingConfig7.basic) === null || _state$bookingConfig7 === void 0 || (_state$bookingConfig7 = _state$bookingConfig7.appointment_subject) === null || _state$bookingConfig7 === void 0 ? void 0 : _state$bookingConfig7.type) === 'form' && (state === null || state === void 0 || (_state$bookingConfig8 = state.bookingConfig) === null || _state$bookingConfig8 === void 0 || (_state$bookingConfig8 = _state$bookingConfig8.config) === null || _state$bookingConfig8 === void 0 || (_state$bookingConfig8 = _state$bookingConfig8.basic) === null || _state$bookingConfig8 === void 0 || (_state$bookingConfig8 = _state$bookingConfig8.appointment_subject) === null || _state$bookingConfig8 === void 0 ? void 0 : _state$bookingConfig8.show_hold_on_add_cart) !== 0)) {
-              _context8.next = 15;
+              _context8.next = 11;
               break;
             }
-            _context8.next = 8;
+            _context8.next = 4;
             return handleAddHolder(cacheItem);
-          case 8:
+          case 4:
             res = _context8.sent;
             if (!(res && res.length > 0)) {
-              _context8.next = 13;
+              _context8.next = 9;
               break;
             }
             cacheItem._extend.holder_id = res;
-            _context8.next = 15;
+            _context8.next = 11;
             break;
-          case 13:
+          case 9:
             if (!((state === null || state === void 0 || (_state$bookingConfig9 = state.bookingConfig) === null || _state$bookingConfig9 === void 0 || (_state$bookingConfig9 = _state$bookingConfig9.config) === null || _state$bookingConfig9 === void 0 || (_state$bookingConfig9 = _state$bookingConfig9.basic) === null || _state$bookingConfig9 === void 0 ? void 0 : _state$bookingConfig9.subject_require) === 'require')) {
-              _context8.next = 15;
+              _context8.next = 11;
               break;
             }
             return _context8.abrupt("return");
-          case 15:
+          case 11:
             if (!cacheItem.autoClose) {
-              _context8.next = 20;
+              _context8.next = 16;
               break;
             }
+            _context8.next = 14;
+            return processAutoCloseService(cacheItem, item, detail || item, false);
+          case 14:
             _context8.next = 18;
-            return processAutoCloseService(cacheItem, item, item, false);
-          case 18:
-            _context8.next = 22;
             break;
-          case 20:
-            _context8.next = 22;
+          case 16:
+            _context8.next = 18;
             return processManualEditService(cacheItem);
-          case 22:
+          case 18:
           case "end":
             return _context8.stop();
         }
@@ -850,29 +851,128 @@ var AddSerivce = function AddSerivce(props) {
       return _ref8.apply(this, arguments);
     };
   }());
+  var handleDirectStockAlertCancel = useMemoizedFn(function () {
+    directStockPendingRef.current = null;
+    directStockProductIdRef.current = 0;
+    setDirectStockAlertOpen(false);
+    setDirectStockAlertDontShowAgainChecked(false);
+  });
+  var handleDirectStockAlertContinue = useMemoizedFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+    var _stateRef$current$boo, _stateRef$current3;
+    var pendingData;
+    return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+      while (1) switch (_context9.prev = _context9.next) {
+        case 0:
+          pendingData = directStockPendingRef.current;
+          if (pendingData) {
+            _context9.next = 4;
+            break;
+          }
+          setDirectStockAlertOpen(false);
+          return _context9.abrupt("return");
+        case 4:
+          if (Number((_stateRef$current$boo = (_stateRef$current3 = stateRef.current) === null || _stateRef$current3 === void 0 || (_stateRef$current3 = _stateRef$current3.bookingConfig) === null || _stateRef$current3 === void 0 || (_stateRef$current3 = _stateRef$current3.config) === null || _stateRef$current3 === void 0 || (_stateRef$current3 = _stateRef$current3.stock_setting) === null || _stateRef$current3 === void 0 ? void 0 : _stateRef$current3.do_not_show_again_today) !== null && _stateRef$current$boo !== void 0 ? _stateRef$current$boo : 0) === 1 && directStockAlertDontShowAgainChecked) {
+            setHiddenStockAlertForToday({
+              productId: directStockProductIdRef.current
+            });
+          }
+          _context9.next = 7;
+          return proceedDirectAddService(pendingData);
+        case 7:
+          directStockPendingRef.current = null;
+          directStockProductIdRef.current = 0;
+          setDirectStockAlertOpen(false);
+          setDirectStockAlertDontShowAgainChecked(false);
+        case 11:
+        case "end":
+          return _context9.stop();
+      }
+    }, _callee9);
+  })));
+
+  // 直接添加商品（不打开弹窗）
+  var handleDirectAddService = useMemoizedFn( /*#__PURE__*/function () {
+    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(item) {
+      var _state$bookingConfig10;
+      var cacheItem, stockResult;
+      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
+          case 0:
+            if (isBooking4) {
+              _context10.next = 4;
+              break;
+            }
+            _context10.next = 3;
+            return handleBookingCreation(item, item.cartDetailValue);
+          case 3:
+            return _context10.abrupt("return");
+          case 4:
+            cacheItem = createCacheItemFromParams(item, item.cartDetailValue);
+            stockResult = getStockValidationResult({
+              value: item === null || item === void 0 ? void 0 : item.cartDetailValue,
+              data: item,
+              bookingConfig: state === null || state === void 0 || (_state$bookingConfig10 = state.bookingConfig) === null || _state$bookingConfig10 === void 0 ? void 0 : _state$bookingConfig10.config
+            });
+            if (!stockResult.shouldBlock) {
+              _context10.next = 9;
+              break;
+            }
+            Toast === null || Toast === void 0 || Toast.fail(locales.getText('pisell2.skuOptionsSelection.variantItemCard.soldOut'));
+            return _context10.abrupt("return");
+          case 9:
+            if (!stockResult.shouldShowAlert) {
+              _context10.next = 15;
+              break;
+            }
+            directStockPendingRef.current = {
+              cacheItem: cacheItem,
+              item: item,
+              detail: item
+            };
+            directStockProductIdRef.current = stockResult.productId;
+            setDirectStockAlertDontShowAgainChecked(false);
+            setDirectStockAlertOpen(true);
+            return _context10.abrupt("return");
+          case 15:
+            _context10.next = 17;
+            return proceedDirectAddService({
+              cacheItem: cacheItem,
+              item: item,
+              detail: item
+            });
+          case 17:
+          case "end":
+            return _context10.stop();
+        }
+      }, _callee10);
+    }));
+    return function (_x23) {
+      return _ref10.apply(this, arguments);
+    };
+  }());
 
   // 创建产品弹窗回调
   var createProductModalCallback = useMemoizedFn(function (item, callbackPromotion) {
     return /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(e, extension_type, detail, notShowToast) {
+      var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(e, extension_type, detail, notShowToast) {
         var isMultiDay;
-        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               setCurrentProduct(null);
               if (isBooking4) {
-                _context9.next = 5;
+                _context11.next = 5;
                 break;
               }
-              _context9.next = 4;
+              _context11.next = 4;
               return handleBookingCreation(item, e, detail);
             case 4:
-              return _context9.abrupt("return");
+              return _context11.abrupt("return");
             case 5:
               // 判断是否是跨日商品，如果是，先打开时间选择弹窗
               isMultiDay = isMultiDayProduct(detail || item);
               if (!isMultiDay) {
-                _context9.next = 10;
+                _context11.next = 10;
                 break;
               }
               // 保存待处理的数据
@@ -884,21 +984,21 @@ var AddSerivce = function AddSerivce(props) {
               });
               // 打开时间选择弹窗
               setMultiDayModalOpen(true);
-              return _context9.abrupt("return");
+              return _context11.abrupt("return");
             case 10:
-              _context9.next = 12;
+              _context11.next = 12;
               return handleBooking4Service(item, e, detail, notShowToast, {
                 startDate: state.date.value,
                 callbackPromotion: callbackPromotion
               });
             case 12:
             case "end":
-              return _context9.stop();
+              return _context11.stop();
           }
-        }, _callee9);
+        }, _callee11);
       }));
-      return function (_x23, _x24, _x25, _x26) {
-        return _ref9.apply(this, arguments);
+      return function (_x24, _x25, _x26, _x27) {
+        return _ref11.apply(this, arguments);
       };
     }();
   });
@@ -956,45 +1056,45 @@ var AddSerivce = function AddSerivce(props) {
 
   // 处理产品选择
   var handleSelectProduct = useMemoizedFn( /*#__PURE__*/function () {
-    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(item) {
+    var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(item) {
       var type,
-        _args10 = arguments;
-      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-        while (1) switch (_context10.prev = _context10.next) {
+        _args12 = arguments;
+      return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
           case 0:
-            type = _args10.length > 1 && _args10[1] !== undefined ? _args10[1] : 'select';
+            type = _args12.length > 1 && _args12[1] !== undefined ? _args12[1] : 'select';
             console.time("handleSelectProduct2");
             console.log(item, 'handleSelectProduct');
             // 检查资源可用性
             console.time("checkResourceAvailability");
             if (checkResourceAvailability(item)) {
-              _context10.next = 6;
+              _context12.next = 6;
               break;
             }
-            return _context10.abrupt("return");
+            return _context12.abrupt("return");
           case 6:
             console.timeEnd("checkResourceAvailability");
             // 0ms
             // 如果不需要打开详情弹窗，直接添加服务
             if (!(!item.isOpenDetailModal && item.cartDetailValue)) {
-              _context10.next = 11;
+              _context12.next = 11;
               break;
             }
-            _context10.next = 10;
+            _context12.next = 10;
             return handleDirectAddService(item);
           case 10:
-            return _context10.abrupt("return");
+            return _context12.abrupt("return");
           case 11:
             // 打开产品选择弹窗
             openProductModal(item, type);
           case 12:
           case "end":
-            return _context10.stop();
+            return _context12.stop();
         }
-      }, _callee10);
+      }, _callee12);
     }));
-    return function (_x27) {
-      return _ref10.apply(this, arguments);
+    return function (_x28) {
+      return _ref12.apply(this, arguments);
     };
   }());
   /**
@@ -1320,7 +1420,7 @@ var AddSerivce = function AddSerivce(props) {
   }, [productDisplayConfig]);
   return useMemo(function () {
     if (renderMode === 'current') {
-      var _pendingMultiDayData$;
+      var _pendingMultiDayData$, _state$bookingConfig$, _state$bookingConfig11;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProductDisplayAdapter, {
         ref: productDisplayAdapterRef,
         config: finalDisplayConfig,
@@ -1338,9 +1438,55 @@ var AddSerivce = function AddSerivce(props) {
         loading: multiDayModalLoading,
         onConfirm: handleMultiDayConfirm,
         onCancel: handleMultiDayCancel
-      }), /*#__PURE__*/React.createElement(SelectHolderModal, null));
+      }), /*#__PURE__*/React.createElement(SelectHolderModal, null), /*#__PURE__*/React.createElement(PisellModal, {
+        platform: "pc",
+        open: directStockAlertOpen,
+        title: locales.getText('pisell2.text.sku.detail.modal.stock.alert.title'),
+        headerDivider: false,
+        footer: /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: '100%',
+            display: 'flex',
+            justifyContent: 'flex-end',
+            gap: 12
+          }
+        }, /*#__PURE__*/React.createElement(Button, {
+          size: "large",
+          onClick: handleDirectStockAlertCancel
+        }, locales.getText('pisell2.text.sku.detail.modal.stock.alert.btn.cancel')), /*#__PURE__*/React.createElement(Button, {
+          type: "primary",
+          size: "large",
+          onClick: handleDirectStockAlertContinue
+        }, locales.getText('pisell2.text.sku.detail.modal.stock.alert.btn.continue'))),
+        width: 520,
+        centered: true,
+        destroyOnClose: true,
+        maskClosable: false,
+        zIndex: 2000,
+        onCancel: handleDirectStockAlertCancel
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          padding: '40px 0 0 0'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          color: '#344054',
+          fontSize: 14,
+          lineHeight: '22px'
+        }
+      }, locales.getText('pisell2.text.sku.detail.modal.stock.alert.desc')), Number((_state$bookingConfig$ = state === null || state === void 0 || (_state$bookingConfig11 = state.bookingConfig) === null || _state$bookingConfig11 === void 0 || (_state$bookingConfig11 = _state$bookingConfig11.config) === null || _state$bookingConfig11 === void 0 || (_state$bookingConfig11 = _state$bookingConfig11.stock_setting) === null || _state$bookingConfig11 === void 0 ? void 0 : _state$bookingConfig11.do_not_show_again_today) !== null && _state$bookingConfig$ !== void 0 ? _state$bookingConfig$ : 0) === 1 && /*#__PURE__*/React.createElement("div", {
+        style: {
+          marginTop: 16
+        }
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        checked: directStockAlertDontShowAgainChecked,
+        onChange: function onChange(e) {
+          var _e$target;
+          setDirectStockAlertDontShowAgainChecked(!!(e !== null && e !== void 0 && (_e$target = e.target) !== null && _e$target !== void 0 && _e$target.checked));
+        }
+      }, locales.getText('pisell2.text.sku.detail.modal.stock.alert.checkbox'))))));
     }
     return null;
-  }, [firstLoading, state.service.addModal, locales, renderList, state.amountSymbol, state.renderType, state === null || state === void 0 ? void 0 : state.activeCartId, holderId(state), loading, currentProduct, isBooking4, finalDisplayConfig, multiDayModalOpen, pendingMultiDayData, multiDayModalLoading]);
+  }, [firstLoading, state.service.addModal, locales, renderList, state.amountSymbol, state.renderType, state === null || state === void 0 ? void 0 : state.activeCartId, holderId(state), loading, currentProduct, isBooking4, finalDisplayConfig, multiDayModalOpen, pendingMultiDayData, multiDayModalLoading, directStockAlertOpen, directStockAlertDontShowAgainChecked, state === null || state === void 0 || (_state$bookingConfig12 = state.bookingConfig) === null || _state$bookingConfig12 === void 0 || (_state$bookingConfig12 = _state$bookingConfig12.config) === null || _state$bookingConfig12 === void 0 || (_state$bookingConfig12 = _state$bookingConfig12.stock_setting) === null || _state$bookingConfig12 === void 0 ? void 0 : _state$bookingConfig12.do_not_show_again_today]);
 };
 export default AddSerivce;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter/types';
+interface AddServiceVariantProps {
+    globalState: any;
+    setGlobalState: any;
+    onPrerenderComplete?: () => void;
+    onGetProductsReady?: (getProducts: any) => void;
+    productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
+}
+declare const AddServiceVariant: (props: AddServiceVariantProps) => JSX.Element;
+export default AddServiceVariant;

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

@@ -0,0 +1,11 @@
+export declare const formatVariantGroupTitle: (title: any, variant_group?: never[]) => string | undefined;
+export declare const createCacheItem: (detail: any, values: any, state: any) => any;
+export declare const formatDataKey: (data: any) => any;
+export declare const isVariant: (item: any) => boolean;
+export declare const isOption: (item: any) => boolean;
+export declare const isBundle: (item: any) => boolean;
+export declare const genValues: (item: any, code: string) => any;
+export declare const setHandleSetService: (fn: ((list: any[], code: string) => void) | null) => void;
+export declare const getHandleSetService: () => ((list: any[], code: string) => void) | null;
+export declare const setHandleAddService: (fn: ((list: any[], code: string) => void) | null) => void;
+export declare const getHandleAddService: () => ((list: any[], code: string) => void) | null;

package/es/components/ticketBooking/components/bookingDataPanel/bookingDashboard/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+interface BookingDashboardProps {
+    bookingTimeStartBetween: string[];
+}
+declare const BookingDashboard: React.ForwardRefExoticComponent<BookingDashboardProps & React.RefAttributes<unknown>>;
+export default BookingDashboard;

package/es/components/ticketBooking/components/bookingDataPanel/bookingList/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const formatShowList: (list: any[], options: {
+    search: string;
+    listSelectType: string;
+    sort: string;
+}) => any[];
+export declare const getBookingType: (record: any) => "pisell2" | "pisell1";