@pisell/private-materials 6.8.7 → 6.8.9

package/lib/components/booking/info/service/serve.d.ts

@@ -18,3 +18,17 @@ export declare const getProductPrice: (params: {
     customer_id: number;
     schedule_date: string;
 }) => Promise<any>;
+declare type MultiDayProductPriceParams = {
+    customer_id: number;
+    data: {
+        product_id: number;
+        schedule_date: string;
+    }[];
+};
+/**
+ * 获取普通商品和跨日预约的价格
+ * @param params
+ * @returns
+ */
+export declare const getNormalAndMultiDayProductPrice: (params: MultiDayProductPriceParams) => Promise<any>;
+export {};

package/lib/components/booking/info/service/serve.js

@@ -19,6 +19,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/booking/info/service/serve.ts
 var serve_exports = {};
 __export(serve_exports, {
+  getNormalAndMultiDayProductPrice: () => getNormalAndMultiDayProductPrice,
   getProductDetail: () => getProductDetail,
   getProductPrice: () => getProductPrice,
   postMultiDay: () => postMultiDay
@@ -44,8 +45,12 @@ var getProductPrice = async (params) => import_utils.request.getRequest().post(`
     type: "indexDB"
   }
 });
+var getNormalAndMultiDayProductPrice = async (params) => {
+  return import_utils.request.getRequest().post(`/shop/product/query/shelf/price`, params);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getNormalAndMultiDayProductPrice,
   getProductDetail,
   getProductPrice,
   postMultiDay

package/lib/components/booking/info/service2/Group/utils.js

@@ -31,6 +31,7 @@ module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
 var import_utils2 = require("../../../utils");
 var import_distributeDiscount = require("../../service/serviceManager/distributeDiscount");
+var import_utils3 = require("../../../../ticketBooking/utils");
 var getGroupTotalPrice = (items) => {
   return items.reduce((prev, next) => {
     prev.duration += next._extend.duration;
@@ -98,6 +99,7 @@ var createBookingItemsByGroup = (item, isBatchEdit) => {
     cacheItem._extend.total = totalPrice;
     cacheItem._extend.origin_total = totalPrice;
     cacheItem._extend.items = void 0;
+    cacheItem._serviceKey = (0, import_utils3.genServiceKey)(cacheItem);
     bookings.push(cacheItem);
   }
   if (isBatchEdit) {

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

@@ -67,39 +67,7 @@ export declare const genRowKey: (key: string) => string;
  * @Author: WangHan
  * @Date: 2024-11-29 17:36
  */
-export declare const formatProducts: (lists: any[], state: any, isRenderGroup?: boolean, isGeneral?: boolean, isParallelResource?: boolean) => {
-    _origin: any;
-    id: any;
-    _id: any;
-    name: any;
-    title: any;
-    price: any;
-    total: number;
-    origin_total: number;
-    num: any;
-    image: any;
-    isShowNote: boolean;
-    note: any;
-    like_status: any;
-    bundle: any;
-    options: any;
-    errorMessage: string;
-    product_option_string: any;
-    discount_reason: any;
-    resource_id: any;
-    relation_form_name: any;
-    holder_title: any;
-    start_date: any;
-    end_date: any;
-    holder_id: any;
-    isNormalProduct: boolean;
-    isCustomItem: any;
-    vouchersApplicable: any;
-    locale: any;
-    symbol: any;
-    relation_products: any;
-    items: any[];
-}[];
+export declare const formatProducts: (lists: any[], state: any, isRenderGroup?: boolean, isGeneral?: boolean, isParallelResource?: boolean) => any[];
 /**
  * @title: 禁用日期
  * @description:

package/lib/components/booking/info/service2/utils.js

@@ -470,7 +470,7 @@ var genRowKey = (key) => {
   return `rowKey-${key}`;
 };
 var getGeneralParams = (item, state, isParallelResource) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const { pet, service } = state;
   const { holders = [], formData } = pet || {};
   const parallelResourceOtherParams = {};
@@ -522,10 +522,11 @@ var getGeneralParams = (item, state, isParallelResource) => {
     ];
   }
   const isNormalProduct = isNormalProductByDurationSchedule(item);
+  const isMultiDay = (0, import_utils6.isMultiDayProduct)(item);
   return {
     format: ["HH:mm", "HH:mm"],
     show_time: true,
-    duration_type: "minutes",
+    duration_type: isMultiDay ? "days" : "minutes",
     // 当前可选择holder列表
     holders: formatHolders(holders),
     isShowChangeHolder: !isNormalProduct,
@@ -533,15 +534,17 @@ var getGeneralParams = (item, state, isParallelResource) => {
     actionText: import_utils2.locales.getText("page.booking.text.add-time"),
     actionIcon: "pisell2-clock-plus",
     isMultipleResource: true,
+    isFormSubject: ((_e = (_d = (_c = (_b = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _b.config) == null ? void 0 : _c.basic) == null ? void 0 : _d.appointment_subject) == null ? void 0 : _e.type) === "form",
+    holderType: ((_h = (_g = (_f = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _f.holder) == null ? void 0 : _g.form) == null ? void 0 : _h.form_type) || "minors",
     multiResources,
     holderMaxCount: item == null ? void 0 : item._extend.quantity,
     holderMode: (item == null ? void 0 : item._extend.quantity) > 1 ? "multiple" : void 0,
     isErrorHolder: getIsSubjectRequire(state),
-    addHolderButtonText: ((_c = (_b = formData == null ? void 0 : formData[0]) == null ? void 0 : _b.form) == null ? void 0 : _c.title) || "",
-    holder_id: (_d = item == null ? void 0 : item._extend) == null ? void 0 : _d.holder_id,
-    start_date: !isNormalProduct ? (_e = item == null ? void 0 : item._extend) == null ? void 0 : _e.startDate : "",
-    end_date: !isNormalProduct ? ((_f = item == null ? void 0 : item._extend) == null ? void 0 : _f.endDate) || ((_g = item == null ? void 0 : item._extend) == null ? void 0 : _g.end_date) : "",
-    rowKey: genRowKey((_i = (_h = item == null ? void 0 : item._extend) == null ? void 0 : _h.other) == null ? void 0 : _i.rowKey),
+    addHolderButtonText: ((_j = (_i = formData == null ? void 0 : formData[0]) == null ? void 0 : _i.form) == null ? void 0 : _j.title) || "",
+    holder_id: (_k = item == null ? void 0 : item._extend) == null ? void 0 : _k.holder_id,
+    start_date: !isNormalProduct ? (_l = item == null ? void 0 : item._extend) == null ? void 0 : _l.startDate : "",
+    end_date: !isNormalProduct ? ((_m = item == null ? void 0 : item._extend) == null ? void 0 : _m.endDate) || ((_n = item == null ? void 0 : item._extend) == null ? void 0 : _n.end_date) : "",
+    rowKey: genRowKey((_p = (_o = item == null ? void 0 : item._extend) == null ? void 0 : _o.other) == null ? void 0 : _p.rowKey),
     ...parallelResourceOtherParams
   };
 };
@@ -550,8 +553,6 @@ var calcAddTimeTotalPrice = (total, addTimeProducts) => {
 };
 var formatProducts = (lists, state, isRenderGroup = true, isGeneral, isParallelResource) => {
   if (!(lists == null ? void 0 : lists.length)) return [];
-  const normalList = [];
-  const groupList = [];
   const formItem = (item) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
     const _isDayBookingProduct = isDayBookingProduct(item, state);
@@ -608,17 +609,23 @@ var formatProducts = (lists, state, isRenderGroup = true, isGeneral, isParallelR
       _origin: item
     };
   };
-  console.log(normalList, "normalList");
   if (isRenderGroup) {
-    lists.forEach((item) => {
-      var _a;
+    const normalItemsWithIndex = [];
+    const groupItemsWithIndex = [];
+    const groupFirstIndexMap = {};
+    lists.forEach((item, index) => {
+      var _a, _b;
       if (!((_a = item == null ? void 0 : item._extend) == null ? void 0 : _a.groupId)) {
-        normalList.push(formItem(item));
+        normalItemsWithIndex.push({ item, index });
       } else {
-        groupList.push(item);
+        const groupId = (_b = item == null ? void 0 : item._extend) == null ? void 0 : _b.groupId;
+        groupItemsWithIndex.push({ item, index });
+        if (groupFirstIndexMap[groupId] === void 0) {
+          groupFirstIndexMap[groupId] = index;
+        }
       }
     });
-    let groups = groupList.reduce((prev, item) => {
+    const groups = groupItemsWithIndex.reduce((prev, { item }) => {
       var _a;
       const groupId = (_a = item == null ? void 0 : item._extend) == null ? void 0 : _a.groupId;
       if (!prev[groupId]) {
@@ -627,7 +634,16 @@ var formatProducts = (lists, state, isRenderGroup = true, isGeneral, isParallelR
       prev[groupId].push(item);
       return prev;
     }, {});
-    return Object.values(groups).map((d) => formItem((0, import_utils3.concatBookings)(d))).concat(normalList);
+    const mergedGroupItems = Object.entries(groups).map(([groupId, items]) => ({
+      item: formItem((0, import_utils3.concatBookings)(items)),
+      index: groupFirstIndexMap[groupId]
+    }));
+    const formattedNormalItems = normalItemsWithIndex.map(({ item, index }) => ({
+      item: formItem(item),
+      index
+    }));
+    const allItems = [...mergedGroupItems, ...formattedNormalItems].sort((a, b) => a.index - b.index);
+    return allItems.map(({ item }) => item);
   } else {
     return lists == null ? void 0 : lists.map((item) => formItem(item));
   }

package/lib/components/booking/info/utils.js

@@ -45,6 +45,7 @@ module.exports = __toCommonJS(utils_exports);
 var import_dayjs = __toESM(require("dayjs"));
 var import_utils = require("../utils");
 var import_utils2 = require("../info2/service/addTimeModal/utils");
+var import_utils3 = require("../info2/service/addService/utils");
 var getIsBundleOrCombination = (productDetail) => {
   var _a;
   if ((_a = productDetail == null ? void 0 : productDetail.bundle_group) == null ? void 0 : _a.length) {
@@ -195,6 +196,9 @@ var isOpenAddTime = (state) => {
   return true;
 };
 var isShowAddTime = (state, currentService) => {
+  if ((0, import_utils3.isMultiDayProduct)(currentService)) {
+    return false;
+  }
   if (!isOpenAddTime(state)) {
     return false;
   }

package/lib/components/booking/info2/cartClientCard/index.js

@@ -76,6 +76,8 @@ var CartClientCard = (0, import_react.forwardRef)(({
     ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.storage) == null ? void 0 : _c.get("umi_locale")) || "en"
   );
   const changeCustomerToGlobalState = (0, import_ahooks.useMemoizedFn)((value) => {
+    var _a2, _b2, _c2;
+    const beforeValue = (_a2 = state == null ? void 0 : state.client) == null ? void 0 : _a2.value;
     dispatch({
       type: "setClient",
       payload: {
@@ -83,6 +85,15 @@ var CartClientCard = (0, import_react.forwardRef)(({
         edit: true
       }
     });
+    if ((beforeValue == null ? void 0 : beforeValue.id) === (value == null ? void 0 : value.id)) return;
+    if ((_c2 = (_b2 = state == null ? void 0 : state.service) == null ? void 0 : _b2.value) == null ? void 0 : _c2.length) {
+      dispatch({
+        type: "setService",
+        payload: {
+          value: state.service.value.map((item) => ({ ...item, _extend: { ...item._extend, holder_id: [] } }))
+        }
+      });
+    }
   });
   const {
     customers,

package/lib/components/booking/info2/service/addService/index.js

@@ -49,6 +49,7 @@ var import_utils4 = require("@pisell/utils");
 var import_ahooks = require("ahooks");
 var import_utils5 = require("../../../info/service2/utils");
 var import_utils6 = require("../../../../ticketBooking/utils");
+var import_utils7 = require("../../../info/service2/Group/utils");
 var shopList = [
   2886,
   4422,
@@ -223,7 +224,7 @@ var Info = (props) => {
         isOS: isSession,
         customer_id: (_c2 = (_b2 = state.client) == null ? void 0 : _b2.value) == null ? void 0 : _c2.id
       },
-      callback: (e, extension_type, detail) => {
+      callback: async (e, extension_type, detail) => {
         var _a3, _b3;
         if (lock) {
           return;
@@ -248,6 +249,10 @@ var Info = (props) => {
           },
           new: 1
         };
+        const isMultiDay = (0, import_utils2.isMultiDayProduct)(cacheItem);
+        if (isMultiDay) {
+          cacheItem._extend.end_date = state.date.value.add(1, "day");
+        }
         cacheItem._extend.price = (0, import_utils3.getMainPrice)(cacheItem, _detail.price);
         let _total = (0, import_utils3.getProductTotalPrice)(cacheItem);
         cacheItem._extend.total = _total;
@@ -261,7 +266,19 @@ var Info = (props) => {
           cacheItem.currentDefaultTime = state.date.value.format("HH:mm");
         }
         cacheItem = (0, import_utils2.getProductExtend)({ cacheItem, state });
-        if (state.renderType === "eventBooking") {
+        const getMultiDayCacheItem = async (isConcatBookings) => {
+          cacheItem = await (0, import_utils2.getMultiDay)({
+            start_date: cacheItem._extend.start_date,
+            end_date: cacheItem._extend.end_date,
+            state,
+            cacheItem
+          });
+          cacheItem = (0, import_utils7.createBookingItemsByGroup)(cacheItem);
+          if (isConcatBookings) {
+            cacheItem = (0, import_utils7.concatBookings)(cacheItem);
+          }
+        };
+        if (state.renderType === "eventBooking" || isMultiDay) {
           cacheItem.autoClose = false;
         }
         if (cacheItem.autoClose) {
@@ -288,6 +305,9 @@ var Info = (props) => {
           });
         } else {
           (_b3 = window.openBookingEditModal) == null ? void 0 : _b3.call(window);
+          if (isMultiDay) {
+            await getMultiDayCacheItem(true);
+          }
           dispatch({
             type: "setService",
             payload: {

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

@@ -79,6 +79,14 @@ export declare const setDefaultCapacitys: ({ capacitys, cacheItem }: any) => any
  * @Date: 2024-09-19 20:23
  */
 export declare const getResourceByIds: (resourcesOriginMap: any, cacheItem: any, extraParams?: any) => any[];
+/**
+ * @title: 是否是跨日商品
+ * @description:
+ * @param {any} cacheItem
+ * @return {*}
+ */
+export declare const isMultiDayProduct: (product: any) => boolean;
+export declare const getMultiDay: ({ start_date, end_date, state, cacheItem, }: any) => Promise<any>;
 /**
  * @title: 预生成服务的 extend
  * @description:

package/lib/components/booking/info2/service/addService/utils.js

@@ -32,11 +32,13 @@ __export(utils_exports, {
   formatResources: () => formatResources,
   getDurationProps: () => getDurationProps,
   getFlexibleOption: () => getFlexibleOption,
+  getMultiDay: () => getMultiDay,
   getProductExtend: () => getProductExtend,
   getResourceByIds: () => getResourceByIds,
   getTimeObj: () => getTimeObj,
   getTimeSlices: () => getTimeSlices,
   getUsableTime: () => getUsableTime,
+  isMultiDayProduct: () => isMultiDayProduct,
   setDefaultCapacitys: () => setDefaultCapacitys,
   setDefaultResource: () => setDefaultResource,
   transServiceList: () => transServiceList
@@ -51,6 +53,8 @@ var import_AlertTriangle = __toESM(require("@pisell/icon/es/AlertTriangle"));
 var import_utils3 = require("../editService/utils");
 var import_mock = require("../../../mock");
 var import_lodash = require("lodash");
+var import_utils4 = require("../../../info/service2/utils");
+var import_utils5 = require("../../../info/utils");
 var getUsableTime = (cacheItem) => {
   try {
     let items = [];
@@ -138,6 +142,7 @@ var getTimeObj = ({
   durationProps
 }) => {
   var _a, _b, _c;
+  const isMultiDay = isMultiDayProduct(cacheItem);
   const flexibleOption = getFlexibleOption({
     cacheItem,
     useStartTime,
@@ -148,7 +153,8 @@ var getTimeObj = ({
   });
   let obj = (0, import_utils.sliceDayIntoFiveMinutes)(
     (_c = (_b = (_a = state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic) == null ? void 0 : _c.service_time,
-    import_utils2.locales.locale
+    import_utils2.locales.locale,
+    isMultiDay
   );
   let timeSlices = [...obj.timeSlices];
   let durationSlicesBasedOnTime = [...obj.durationSlicesBasedOnTime];
@@ -157,7 +163,7 @@ var getTimeObj = ({
   }
   if (useDuration && !durationSlicesBasedOnTime.some((d) => d.value === useDuration)) {
     durationSlicesBasedOnTime.unshift({
-      label: (0, import_utils.getDiscountTime)(useDuration),
+      label: (0, import_utils.getDiscountTime)(useDuration, isMultiDay),
       value: useDuration,
       //@ts-ignore
       disabled: true
@@ -395,13 +401,45 @@ var getIsAutoClose = (cacheItem) => {
     }
   );
 };
+var isMultiDayProduct = (product) => {
+  var _a;
+  return ((_a = product == null ? void 0 : product.duration) == null ? void 0 : _a.type) === "days";
+};
+var getMultiDay = async ({
+  start_date,
+  end_date,
+  state,
+  cacheItem
+}) => {
+  let _cacheItem = cacheItem || state.service.cacheItem;
+  if (isMultiDayProduct(_cacheItem)) {
+    const { multiDayPrices, price } = await (0, import_utils4.updateAppointmentServicePrice)(
+      state,
+      {
+        start_date,
+        end_date,
+        product_id: _cacheItem.product_id
+      }
+    );
+    _cacheItem._extend.multiDayPrices = (0, import_utils5.getMultiDayPrices)(multiDayPrices || []);
+    if (!(multiDayPrices == null ? void 0 : multiDayPrices.length)) {
+      _cacheItem._extend.price = price;
+    }
+    return _cacheItem;
+  }
+  return _cacheItem;
+};
 var getProductExtend = ({ cacheItem, state, isDisabledTime }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   console.time("console.time getProductExtend");
   const isNew = cacheItem.new || !cacheItem._extend.endDate;
   let _cacheItem = { ...cacheItem };
   const resourcesOriginMap = state.service.resourcesOriginMap || {};
   _cacheItem._data = {};
+  if (isMultiDayProduct(cacheItem)) {
+    _cacheItem._extend.holder_id = ((_a = cacheItem == null ? void 0 : cacheItem._extend) == null ? void 0 : _a.holder_id) || [];
+    _cacheItem._extend.sub_type = "days";
+  }
   if (isNew) {
     _cacheItem._data.timeObj = getTimeObj({
       cacheItem,
@@ -419,7 +457,7 @@ var getProductExtend = ({ cacheItem, state, isDisabledTime }) => {
       cacheItem,
       {
         //  此数据用来控制 该商品所展示的资源是自身关联的,  还是全部的
-        resourceTab: (_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.resource_tab,
+        resourceTab: (_c = (_b = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _b.config) == null ? void 0 : _c.resource_tab,
         resourcesOrigin: state.service.resourcesOrigin
       }
     );
@@ -445,10 +483,8 @@ var getProductExtend = ({ cacheItem, state, isDisabledTime }) => {
         state
       });
       if ((0, import_utils.getDuration)(_cacheItem == null ? void 0 : _cacheItem.duration) === "flexible") {
-        _cacheItem._extend.duration = (_e = (_d = (_c = _cacheItem._data.timeObj) == null ? void 0 : _c.durationSlicesBasedOnTime) == null ? void 0 : _d[0]) == null ? void 0 : _e.value;
-        const { startDate, endDate } = (0, import_utils.getServiceTimes)({
-          _extend: _cacheItem._extend
-        });
+        _cacheItem._extend.duration = (_f = (_e = (_d = _cacheItem._data.timeObj) == null ? void 0 : _d.durationSlicesBasedOnTime) == null ? void 0 : _e[0]) == null ? void 0 : _f.value;
+        const { startDate, endDate } = (0, import_utils.getServiceTimes)(_cacheItem);
         _cacheItem._extend.endDate = endDate;
       }
     }
@@ -479,7 +515,7 @@ var getProductExtend = ({ cacheItem, state, isDisabledTime }) => {
         {
           extraResources,
           //  此数据用来控制 该商品所展示的资源是自身关联的,  还是全部的
-          resourceTab: (_g = (_f = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _f.config) == null ? void 0 : _g.resource_tab,
+          resourceTab: (_h = (_g = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _g.config) == null ? void 0 : _h.resource_tab,
           resourcesOrigin: state.service.resourcesOrigin
         }
       );
@@ -519,11 +555,13 @@ var transServiceList = (list) => {
   formatResources,
   getDurationProps,
   getFlexibleOption,
+  getMultiDay,
   getProductExtend,
   getResourceByIds,
   getTimeObj,
   getTimeSlices,
   getUsableTime,
+  isMultiDayProduct,
   setDefaultCapacitys,
   setDefaultResource,
   transServiceList

package/lib/components/booking/info2/service/editService/Holder/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+declare type HolderValue = string | number;
+interface HolderProps {
+    state: any;
+    cacheItem?: any;
+    value?: HolderValue | HolderValue[] | null;
+    onChange?: (val: HolderValue | HolderValue[] | null) => void;
+    dispatch?: any;
+}
+declare const Holder: React.FC<HolderProps>;
+export default Holder;

package/lib/components/booking/info2/service/editService/Holder/index.js

@@ -0,0 +1,199 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info2/service/editService/Holder/index.tsx
+var Holder_exports = {};
+__export(Holder_exports, {
+  default: () => Holder_default
+});
+module.exports = __toCommonJS(Holder_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_HolderList = __toESM(require("../../../../../../plus/selectHolder/components/HolderList"));
+var import_index = require("./index.less");
+var import_HolderItem = __toESM(require("../../../../../../plus/selectHolder/components/HolderItem"));
+var import_selectHolderModal = require("../../../../utils/selectHolderModal");
+var import_materials = require("@pisell/materials");
+var LinkButton = import_antd.Button;
+var normalizeValue = (val) => {
+  if (Array.isArray(val)) {
+    return val.filter(
+      (item) => item !== void 0 && item !== null
+    );
+  }
+  if (val === void 0 || val === null || val === "") return [];
+  return [val];
+};
+var Holder = ({
+  state,
+  cacheItem,
+  value,
+  onChange,
+  dispatch
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const holderConfig = ((_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.holder) || {};
+  const title = ((_b = holderConfig == null ? void 0 : holderConfig.form) == null ? void 0 : _b.title) || (holderConfig == null ? void 0 : holderConfig.title) || import_utils.locales.getText("pisell2.text.holder");
+  const isRequired = ((_e = (_d = (_c = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _c.config) == null ? void 0 : _d.basic) == null ? void 0 : _e.subject_require) === "require";
+  const maxSelectedCount = ((_f = cacheItem == null ? void 0 : cacheItem._extend) == null ? void 0 : _f.quantity) || 1;
+  const selectType = maxSelectedCount > 1 ? "multiple" : "single";
+  const [selectedValues, setSelectedValues] = (0, import_react.useState)(
+    () => normalizeValue(value)
+  );
+  (0, import_react.useEffect)(() => {
+    const next = normalizeValue(value);
+    setSelectedValues(next);
+  }, [value]);
+  const holderOptions = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+    const holdersFromState = Array.isArray((_a2 = state == null ? void 0 : state.pet) == null ? void 0 : _a2.holders) ? state.pet.holders : [];
+    const formId = ((_e2 = (_d2 = (_c2 = (_b2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _b2.config) == null ? void 0 : _c2.basic) == null ? void 0 : _d2.appointment_subject) == null ? void 0 : _e2.form_id) || 0;
+    const holdersFromValue = Array.isArray((_g2 = (_f2 = state == null ? void 0 : state.pet) == null ? void 0 : _f2.value) == null ? void 0 : _g2[formId]) ? (_i2 = (_h2 = state == null ? void 0 : state.pet) == null ? void 0 : _h2.value) == null ? void 0 : _i2[formId] : [];
+    const rawList = holdersFromState.length > 0 ? holdersFromState : holdersFromValue;
+    return rawList.map((item) => {
+      const id = (item == null ? void 0 : item.id) || (item == null ? void 0 : item.form_record_id) || (item == null ? void 0 : item.value);
+      if (id === void 0 || id === null) return null;
+      return {
+        label: (item == null ? void 0 : item.main_field) || (item == null ? void 0 : item.label) || (item == null ? void 0 : item.name) || import_utils.locales.getText("pisell-select-holder-please-select"),
+        value: id,
+        avatar: item == null ? void 0 : item.avatar,
+        subtitle: (item == null ? void 0 : item.subtitle) || (item == null ? void 0 : item.second_field) || (item == null ? void 0 : item.sub_field)
+      };
+    }).filter(Boolean);
+  }, [(_g = state == null ? void 0 : state.pet) == null ? void 0 : _g.holders, (_h = state == null ? void 0 : state.pet) == null ? void 0 : _h.value, (_i = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _i.config]);
+  const displayConfig = (0, import_react.useMemo)(
+    () => ({
+      direction: "vertical",
+      selectType,
+      showAvatar: true,
+      showTitle: true,
+      showSubtitle: Boolean(holderOptions.some((option) => option.subtitle))
+    }),
+    [holderOptions, selectType]
+  );
+  const selectedSummary = (0, import_react.useMemo)(() => {
+    if (!maxSelectedCount) return "";
+    const label = import_utils.locales.getText("pisell-select-holder-selected").replace(/[:：]\s*$/, "");
+    return `${selectedValues.length}/${maxSelectedCount} ${label}`;
+  }, [selectedValues.length, maxSelectedCount]);
+  const handleApply = (0, import_react.useCallback)(
+    (nextValues) => {
+      onChange == null ? void 0 : onChange(nextValues);
+    },
+    [onChange, selectType]
+  );
+  const handleEdit = (0, import_react.useCallback)(
+    async (event) => {
+      var _a2, _b2;
+      event == null ? void 0 : event.preventDefault();
+      const holderConfig2 = ((_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.holder) || {};
+      const currentMaxSelectedCount = (holderConfig2 == null ? void 0 : holderConfig2.maxSelectedCount) || ((_b2 = cacheItem == null ? void 0 : cacheItem._extend) == null ? void 0 : _b2.quantity) || 1;
+      const result = await (0, import_selectHolderModal.selectHolderModal)({
+        state,
+        dispatch,
+        initialValue: selectedValues.length > 0 ? selectedValues : void 0,
+        maxSelectedCount: currentMaxSelectedCount
+      });
+      if (result && result.length > 0) {
+        setSelectedValues(result);
+        handleApply(result);
+      }
+    },
+    [selectedValues, state, dispatch, handleApply]
+  );
+  const handleClear = (0, import_react.useCallback)(
+    (event) => {
+      event == null ? void 0 : event.preventDefault();
+      setSelectedValues([]);
+      handleApply([]);
+    },
+    [handleApply]
+  );
+  const clearDisabled = (0, import_react.useMemo)(() => {
+    return (selectedValues == null ? void 0 : selectedValues.length) === 0;
+  }, [selectedValues]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-holder-field" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-holder-field__header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-holder-field__title" }, isRequired && /* @__PURE__ */ import_react.default.createElement("span", { className: "booking-holder-field__required" }, "*"), /* @__PURE__ */ import_react.default.createElement("span", null, title), maxSelectedCount ? /* @__PURE__ */ import_react.default.createElement("span", { className: "booking-holder-field__count" }, selectedSummary) : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-holder-field__actions" }, /* @__PURE__ */ import_react.default.createElement(
+    LinkButton,
+    {
+      type: "link",
+      size: "small",
+      className: "booking-holder-field__action-button",
+      onClick: handleEdit
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-edit-05" }),
+    /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.text.edit"))
+  ), /* @__PURE__ */ import_react.default.createElement(
+    LinkButton,
+    {
+      type: "link",
+      size: "small",
+      disabled: clearDisabled,
+      className: "booking-holder-field__action-button",
+      onClick: handleClear
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-delete_wght300_24px" }),
+    /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.booking.info.text.clear"))
+  ))), selectedValues.length === 0 ? /* @__PURE__ */ import_react.default.createElement(import_antd.Row, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Col,
+    {
+      span: 8,
+      xs: 24,
+      sm: 12,
+      md: 8,
+      lg: 8,
+      onClick: handleEdit
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_HolderItem.default,
+      {
+        item: {
+          label: import_utils.locales.getText("pisell2.booking.info.text.add-holder"),
+          value: null
+        },
+        isAddItem: true
+      }
+    )
+  )) : /* @__PURE__ */ import_react.default.createElement(
+    import_HolderList.default,
+    {
+      dataSource: selectedValues.map((item) => {
+        const option = holderOptions.find((opt) => opt.value === item);
+        return {
+          label: (option == null ? void 0 : option.label) || "",
+          value: item
+        };
+      }),
+      selectedValues,
+      displayConfig,
+      allowAdd: false,
+      onClick: () => handleEdit()
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement(import_selectHolderModal.SelectHolderModal, null));
+};
+var Holder_default = Holder;