@pisell/private-materials 6.6.8 → 6.6.10

package/dist/es/components/booking/info2/service/addTimeModal/index.js

@@ -0,0 +1,394 @@
+import { getResourceTimeIsUsable } from "../../utilsByBooking.js";
+import { flexibleObj, getDiscountTime, getNowTime, isNowTime, isWalkIn } from "../../../utils.js";
+import { addTimeRowKey, getAddTimeSplits, isUsableProduct } from "./utils.js";
+import { isBooking4Shop } from "../../../info/utils.js";
+import { Context } from "../../../info/model.js";
+import drawer_default from "../../../components/drawer/index.js";
+import useEngineContext_default from "../../../../../hooks/useEngineContext.js";
+import browserSelect_default from "../../../components/browserSelect/index.js";
+import footer_default from "../../../components/footer/index.js";
+import { getAddTimeProducts, saveAddTimeProduct, saveAddTimeProduct2 } from "./serve.js";
+import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Alert, Button, Skeleton, message } from "antd";
+import { createArray, formatAmount, formatDate, locales } from "@pisell/utils";
+import classNames from "classnames";
+import { useDebounceFn, useUpdateEffect } from "ahooks";
+import "../../../info/service/addTimeModal/index.less";
+
+//#region src/components/booking/info2/service/addTimeModal/index.tsx
+const numberList = createArray(100, (d, i) => {
+	return {
+		label: i + 1,
+		value: i + 1
+	};
+});
+const AddTimeModal = () => {
+	const { state, dispatch } = useContext(Context);
+	const [isEdit, setIsEdit] = useState(false);
+	const loadingRef = useRef(false);
+	const [loading, setLoading] = useState("");
+	const [recordKey, setRecordKey] = useState("");
+	const [number, setNumber] = useState(1);
+	const originServices = useRef([]);
+	const [renderList, setRenderList] = useState([]);
+	console.log(renderList, "renderListrenderList");
+	const context = useEngineContext_default();
+	const { interaction } = context.appHelper?.utils;
+	const statusMap = {
+		available: {
+			label: locales.getText("page.booking.text.available"),
+			color: "#079455"
+		},
+		fully_booked: {
+			label: locales.getText("page.booking.text.fully-booked"),
+			color: "#DC6803"
+		},
+		unavailable: {
+			label: locales.getText("page.booking.text.unavailable"),
+			color: "#98A2B3"
+		}
+	};
+	const updateServices = useDebounceFn(() => {
+		createNewServices();
+	}, { wait: 200 });
+	const transaction_habit_selection = useMemo(() => {
+		return state?.bookingConfig?.config?.information_tab?.transaction_habit_selection || {
+			type: "service_now_pay_later",
+			button_rows: 1
+		};
+	}, [state?.bookingConfig?.config?.information_tab]);
+	const currentProductId = useMemo(() => {
+		return addTimeRowKey.getValue(recordKey).product_id;
+	}, [recordKey]);
+	const currentTime = useMemo(() => {
+		return addTimeRowKey.getValue(recordKey).time || "";
+	}, [recordKey]);
+	const currentProduct = useMemo(() => {
+		return (renderList || []).find((d) => d.id == currentProductId);
+	}, [renderList, currentProductId]);
+	console.log("renderList", renderList);
+	const currentTimeItem = useMemo(() => {
+		return currentProduct?.times?.find((d) => d.value == currentTime) || { price: 0 };
+	}, [currentTime, currentProduct]);
+	const currentResource = useMemo(() => {
+		const resource = state.service.cacheItem?._extend?.resource;
+		let arr = [];
+		for (let form_id in resource) arr = [...arr, ...resource[form_id].map((d) => {
+			return state.service.cacheItem?._data?.resourceMaps?.[form_id]?.renderListMaps?.[d.relation_id];
+		})];
+		return arr.filter(Boolean);
+	}, [state.service?.cacheItem?._extend?.resource]);
+	console.log(currentResource, "currentResource");
+	const getTimeUsableStatus = (time) => {
+		if (!state.service.cacheItem?._extend || !currentResource.length) return { status: statusMap.unavailable };
+		try {
+			let _extend = { ...state.service.cacheItem._extend };
+			_extend.endDate = _extend.endDate.add(time, "minutes");
+			_extend.start_date = _extend.startDate;
+			_extend.end_date = _extend.endDate;
+			_extend.end_time = _extend.endDate.format("HH:mm");
+			_extend.start_time = _extend.startDate.format("HH:mm");
+			_extend.duration = flexibleObj.add(_extend.duration, time);
+			if (isNowTime(_extend.start_time)) _extend.start_time = getNowTime();
+			_extend.startDate.format("hh:mm A");
+			let endText = _extend.endDate.format("hh:mm A");
+			if (_extend.endDate.isAfter(_extend.startDate, "day")) endText = locales.getText("pisell1.text.tomorrow") + endText;
+			let errorList = [];
+			for (let resourceItem of currentResource) {
+				let timeItem = resourceItem?.times.find((_time) => _time.item_id === resourceItem.id);
+				if (!getResourceTimeIsUsable(timeItem, {
+					...state.service.cacheItem,
+					_extend: {
+						...state.service.cacheItem._extend,
+						..._extend
+					}
+				}, resourceItem)._extend?.isUsable) errorList.push(resourceItem);
+			}
+			if (errorList.length) return {
+				status: statusMap.unavailable,
+				message: `${errorList.map((d) => d.labelText).join(", ")} ${locales.getText("pisell2.text.status.service-error-2")}`
+			};
+		} catch (err) {}
+		return { status: statusMap.available };
+	};
+	const _getAddTimeProducts = async () => {
+		return (await getAddTimeProducts({
+			skip: 1,
+			num: 500,
+			open_quotation: 1,
+			schedule_date: state.date.value.format("YYYY-MM-DD"),
+			customer_id: isWalkIn(state.client?.value?.id) ? void 0 : state.client?.value?.id,
+			extension_type: ["product_add_time"],
+			status: "published"
+		}, {
+			useCache: true,
+			retry: {
+				count: 3,
+				delay: 500
+			}
+		}))?.list || [];
+	};
+	const getTimeProducts = async () => {
+		setLoading("list");
+		let list = (await _getAddTimeProducts()).map((d) => {
+			let isUsable = isUsableProduct(d.add_time, state.service.cacheItem);
+			return {
+				...d,
+				usable: isUsable,
+				times: isUsable ? getAddTimeSplits(d, state.service.cacheItem).map((time) => {
+					return {
+						...time,
+						status: getTimeUsableStatus(time.value)
+					};
+				}) : void 0
+			};
+		}).filter((d) => d.usable && d.times.length).sort((a, b) => b.sort - a.sort);
+		setRenderList(list);
+		if (list.length) setDefaultProduct(list);
+		setLoading("");
+		setIsEdit(true);
+	};
+	const setDefaultProduct = (list) => {
+		try {
+			let productId = list[0].id;
+			let time = list[0].times[0].value;
+			setRecordKey(addTimeRowKey.create(productId, time));
+			updateServices.run();
+		} catch (err) {}
+	};
+	useUpdateEffect(() => {
+		if (state.service.addTimeModal) {
+			getTimeProducts();
+			loadingRef.current = false;
+			originServices.current = state.service;
+		} else updateServices.run();
+	}, [state.service.addTimeModal]);
+	const onSelectItem = (pItem, item) => {
+		setRecordKey(addTimeRowKey.create(pItem.id, item.value));
+		setIsEdit(true);
+		updateServices.run();
+	};
+	const newService = useMemo(() => {
+		if (!currentProduct || !state.service.cacheItem) return null;
+		const relation_product = {
+			product_add_schedule_time: currentTime,
+			num: number,
+			price: currentTimeItem.price || 0,
+			product_id: currentProduct.id,
+			discount_amount: 0,
+			product_discount_reason: "",
+			is_charge_tax: currentProduct.is_charge_tax,
+			discountway: "num",
+			discount_type: "discount"
+		};
+		let _extend = { ...state.service.cacheItem._extend };
+		let relation_products = [relation_product];
+		_extend.endDate = _extend.endDate.add(relation_product.product_add_schedule_time, "minutes");
+		const start_date = _extend.startDate.format("YYYY-MM-DD");
+		const end_date = _extend.endDate.format("YYYY-MM-DD");
+		const end_time = _extend.endDate.format("HH:mm");
+		let start_time = _extend.startDate.format("HH:mm");
+		let duration = flexibleObj.add(_extend.duration, relation_product.product_add_schedule_time);
+		if (isNowTime(_extend.start_time)) start_time = getNowTime();
+		_extend.relation_details = (_extend.relation_details || []).concat(relation_products);
+		_extend.duration = duration;
+		_extend.start_time = start_time;
+		_extend.end_time = end_time;
+		_extend.start_date = start_date;
+		_extend.end_date = end_date;
+		return {
+			id: _extend.id,
+			relation_id: _extend.relation_id,
+			like_status: _extend.like_status,
+			relation_type: _extend.relation_type,
+			is_all: _extend.is_all,
+			schedule_id: _extend.schedule_id,
+			end_time,
+			sub_type: _extend.sub_type,
+			select_date: start_date,
+			start_time,
+			end_date,
+			start_date,
+			duration,
+			number: _extend.number || 1,
+			relation_products,
+			_extend,
+			resources: _extend.event_resources,
+			metadata: _extend.metadata
+		};
+	}, [
+		currentTime,
+		state.service.cacheItem,
+		currentProduct,
+		number,
+		currentTimeItem
+	]);
+	const resetService = () => {
+		let _val = originServices.current?.value || [];
+		let _edit = originServices.current?.edit;
+		originServices.current = null;
+		dispatch({
+			type: "setService",
+			payload: {
+				value: _val,
+				edit: _edit
+			}
+		});
+	};
+	const createNewServices = () => {
+		let _list = state.service?.value || [];
+		if (!originServices.current) return;
+		if (state.service.addTimeModal) {
+			_list = _list.map((d) => {
+				let _item = { ...d };
+				if (_item._extend.id === newService?.id) _item = {
+					..._item,
+					...newService || {},
+					_extend: newService?._extend
+				};
+				return _item;
+			});
+			dispatch({
+				type: "setService",
+				payload: {
+					value: _list,
+					edit: true
+				}
+			});
+		} else resetService();
+	};
+	const goCheckout = async () => {
+		/** terminal中打开原生checkout模块 */
+		if (state.isTerminal) return interaction?.utils?.postMessageToApp?.({
+			module: "booking",
+			key: "booking_checkout",
+			data: { order_id: state.bookingId }
+		});
+		state.action({
+			type: "pisell1.handlePayment",
+			data: { orderId: state.bookingId },
+			callback: () => {
+				state?.callback();
+			}
+		});
+	};
+	const handleCheckout = async () => {
+		if (isEdit) await handleSave("checkout");
+		goCheckout();
+	};
+	const handleSave = async (loadingType = "save") => {
+		if (currentTime === null) return;
+		if (loadingRef.current) return;
+		loadingRef.current = true;
+		setLoading(loadingType);
+		const api = isBooking4Shop(context.appHelper.utils.store?.getState?.()?.global?.globalConfig?.id, state.renderType, context.appHelper.utils?.businessUtils) ? saveAddTimeProduct2 : saveAddTimeProduct;
+		try {
+			await api({
+				orderId: state.bookingId,
+				params: {
+					...newService,
+					_extend: void 0
+				}
+			});
+			loadingRef.current = false;
+		} catch (err) {
+			loadingRef.current = false;
+		}
+		setLoading("");
+		message.success(locales.getText("page.booking.text.add-time-success"));
+		onCancel();
+		if (loadingType === "checkout") return;
+		state?.action("init");
+	};
+	useEffect(() => {
+		if (!state.modalOpen) onCancel();
+	}, [state.modalOpen]);
+	const onCancel = () => {
+		setIsEdit(false);
+		setRecordKey("");
+		resetService();
+		setTimeout(() => {
+			dispatch({
+				type: "setService",
+				payload: { addTimeModal: false }
+			});
+		}, 50);
+	};
+	const updateTime = useMemo(() => {
+		if (!newService) return "";
+		let startTime = newService.start_time;
+		let endTime = newService.end_time;
+		let hours = getDiscountTime(flexibleObj.getValue(newService.duration));
+		if (newService.start_date !== newService.end_date) {
+			const locale = state.locale;
+			const format = locale === "en" || locale === "en-US" ? "HH:mm DD/MM" : "MM-DD HH:mm";
+			startTime = formatDate(`${newService.start_date} ${newService.start_time}`, format);
+			endTime = formatDate(`${newService.end_date} ${newService.end_time}`, format);
+		}
+		return `${locales.getText("page.booking.text.update-time")}: ${startTime} ~ ${endTime} (${hours})`;
+	}, [newService, state.locale]);
+	return /* @__PURE__ */ React.createElement(drawer_default, {
+		titleNoWrap: true,
+		open: state.service.addTimeModal,
+		title: locales.getText("page.booking.text.add-time"),
+		rootClassName: "booking-server-wrap",
+		onClose: onCancel,
+		footerStyle: { padding: "10px 32px 20px" },
+		hideScrollBar: false,
+		bodyStyle: { position: "relative" },
+		footer: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-total-wrap" }, currentTimeItem && currentTimeItem?.status?.message ? /* @__PURE__ */ React.createElement(Alert, {
+			message: currentTimeItem.status.message,
+			type: "warning",
+			showIcon: true,
+			style: { marginBottom: 12 }
+		}) : null, newService ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-summary-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-summary" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-summary-time" }, updateTime), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-summary-total" }, locales.getText("pisell1.text.subtotal"), ":", " ", formatAmount((currentTimeItem.price || 0) * number, 2, state.amountSymbol))), currentProduct?.add_time?.calculate_type === "select_quantity" && /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-quantity-wrap" }, /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-add-time-quantity" }, locales.getText("page.booking.text.quantity")), " ", /* @__PURE__ */ React.createElement(browserSelect_default, {
+			value: number,
+			onChange: (e) => {
+				setNumber(Number(e.target.value));
+				updateServices.run();
+			},
+			className: "pisell-lowcode__booking-add-time-quantity-select",
+			options: numberList
+		}))) : null), /* @__PURE__ */ React.createElement(footer_default, {
+			state,
+			dispatch,
+			source: "addTime",
+			buttons: [/* @__PURE__ */ React.createElement(Button, {
+				className: "pisell-lowcode__booking-footer-buttons-item",
+				type: transaction_habit_selection.type === "service_now_pay_later" ? "default" : "primary",
+				disabled: loading === "list" || !isEdit || !currentTime,
+				onClick: handleCheckout,
+				loading: loading === "checkout"
+			}, locales.getText("pisell2.text.checkout")), /* @__PURE__ */ React.createElement(Button, {
+				className: "pisell-lowcode__booking-footer-buttons-item",
+				type: transaction_habit_selection.type === "service_now_pay_later" ? "primary" : "default",
+				disabled: loading === "list" || !isEdit || !currentTime,
+				loading: loading === "save",
+				onClick: () => {
+					handleSave("save");
+				}
+			}, locales.getText("pisell2.text.save"))]
+		}))
+	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-body" }, /* @__PURE__ */ React.createElement(Skeleton, {
+		loading: loading === "list",
+		active: true,
+		round: true
+	}, /* @__PURE__ */ React.createElement("div", { className: "" }, renderList.map((d) => {
+		return /* @__PURE__ */ React.createElement("div", { className: "" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-hours" }, d.title), d.times ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-list" }, d.times.map((child) => {
+			return /* @__PURE__ */ React.createElement("div", {
+				className: classNames("pisell-lowcode__booking-add-time-child-card", { "pisell-lowcode__booking-add-time-child-card-active": recordKey === addTimeRowKey.create(d.id, child.value) }),
+				onClick: () => {
+					if (!child.value) return;
+					onSelectItem(d, child);
+				}
+			}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-left" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-left-time" }, child.label), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-add-time-child-card-left-price" }, formatAmount(child.price, 2, state.amountSymbol))), /* @__PURE__ */ React.createElement("div", {
+				className: "pisell-lowcode__booking-add-time-child-card-right",
+				style: { color: child.status?.status?.color }
+			}, child.status?.status?.label));
+		})) : null);
+	}))), /* @__PURE__ */ React.createElement("div", { className: "" })));
+};
+var addTimeModal_default = AddTimeModal;
+
+//#endregion
+export { addTimeModal_default as default };

package/dist/es/components/booking/info2/service/addTimeModal/serve.js

@@ -0,0 +1,18 @@
+import { request } from "../../../utils.js";
+
+//#region src/components/booking/info2/service/addTimeModal/serve.ts
+const getAddTimeProducts = async (params, config) => {
+	let { data } = await request.getRequest().post(`/shop/product/query`, params, config);
+	return data;
+};
+const saveAddTimeProduct = async ({ orderId, params }) => {
+	let { data } = await request.getRequest().put(`/shop/order/appointment/child-booking/${orderId}`, params);
+	return data;
+};
+const saveAddTimeProduct2 = async ({ orderId, params }) => {
+	let { data } = await request.getRequest().put(`/shop/v1.1/order/appointment/child-booking/${orderId}`, params);
+	return data;
+};
+
+//#endregion
+export { getAddTimeProducts, saveAddTimeProduct, saveAddTimeProduct2 };

package/dist/es/components/booking/info2/service/addTimeModal/utils.js

@@ -0,0 +1,105 @@
+import { require_lodash } from "../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js";
+import { getUsableTime } from "../addService/utils.js";
+import { getDiscountTime, getEndDate } from "../../../utils.js";
+import dayjs from "dayjs";
+import { locales } from "@pisell/utils";
+
+//#region src/components/booking/info2/service/addTimeModal/utils.ts
+var import_lodash = require_lodash();
+/**
+* @title: 根据商品生成加时列表
+* @description: 
+* @param {any} config
+* @param {number} price
+* @return {*}
+* @Author: zhiwei.Wang
+* @Date: 2024-07-01 09:34
+*/
+const getAddTimeSplits = (product, cacheItem) => {
+	const { add_time = {
+		calculate_type: "select_quantity",
+		max_add_time: 30,
+		min_add_time: 30,
+		relation_product: {
+			type: "product_all",
+			products: []
+		},
+		unit_duration: 30
+	}, price = 0 } = product;
+	if (add_time.additional_time_options === "unlimited") {
+		let _value = getEndDate(cacheItem._extend.startDate, "flexible", getUsableTime(cacheItem)?._extend?.usableTime?.end_at).diff(cacheItem._extend.endDate, "minute");
+		if (_value > 0) return [{
+			label: locales.getText("page.booking.text.unlimited"),
+			value: _value,
+			price
+		}];
+		else return [];
+	}
+	const startTime = dayjs().startOf("day");
+	const endTime = startTime.add(add_time.max_add_time, "minute");
+	const timeSlice = add_time?.unit_duration || 5;
+	let arr = [];
+	let currentTime = startTime;
+	let lastDuration = 0;
+	while (currentTime.isBefore(endTime)) {
+		let nextTime = currentTime;
+		if (lastDuration === 0) nextTime = nextTime.add(add_time.min_add_time, "minute");
+		else nextTime = currentTime.add(timeSlice, "minute");
+		const durationValue = nextTime.diff(startTime, "minute");
+		let durationLabel = `${durationValue} ${locales.getText("pisell2.text.min")}`;
+		if (durationValue >= 60) durationLabel = getDiscountTime(durationValue);
+		arr.push({
+			label: durationLabel,
+			value: durationValue,
+			price: durationValue / timeSlice * price
+		});
+		lastDuration = durationValue;
+		currentTime = nextTime;
+	}
+	return arr;
+};
+/**
+* @title: 判断当前商品是否可用
+* @description: 
+* @param {any} relationProduct
+* @param {any} currentItem
+* @return {*}
+* @Author: zhiwei.Wang
+* @Date: 2024-07-01 09:33
+*/
+const isUsableProduct = (addTime, currentItem) => {
+	const type = addTime.relation_product?.type;
+	const relationProduct = addTime.relation_product || [];
+	if (!currentItem) return false;
+	if (addTime.additional_time_options === "unlimited") {
+		let maxEndDate = getEndDate(currentItem._extend.startDate, "flexible", "");
+		if (currentItem._extend.endDate.isAfter(maxEndDate)) return false;
+	}
+	if (type === "product_all") return true;
+	else if (type === "product_collection") return !!(0, import_lodash.intersectionBy)(relationProduct.products.map((item) => ({
+		...item,
+		id: item.product_collection_id
+	})) || [], currentItem.collection || [], "id").length;
+	else return relationProduct.products.some((item) => {
+		if (type === "products") {
+			if (item.product_id == currentItem.product_id) return true;
+		}
+	});
+};
+const addTimeRowKey = {
+	create: (product_id, time) => {
+		return `${product_id}_${time}`;
+	},
+	getValue: (str) => {
+		let arr = str.split("_");
+		let id = arr[0] || 0;
+		let time = arr[1] || 0;
+		return {
+			product_id: Number(id),
+			time: time === "flexible" ? time : Number(arr[1] || 0)
+		};
+	}
+};
+
+//#endregion
+export { addTimeRowKey, getAddTimeSplits, isUsableProduct };

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

@@ -0,0 +1,63 @@
+import React, { forwardRef, useMemo } from "react";
+import { Col, Form, Select } from "antd";
+import "./index.less";
+
+//#region src/components/booking/info2/service/editService/Capacity/index.tsx
+const getName = (name, locale) => {
+	return name[locale] || name["original"] || name["en"] || "";
+};
+const getSelectOptions = (min, max) => {
+	let arr = [];
+	for (let i = min; i <= max; i++) arr.push({
+		label: `${i}`,
+		value: i
+	});
+	return arr;
+};
+const Capacity = ({ state, cacheItem, value, onChange }, ref) => {
+	const data = cacheItem?._data?.capacitys;
+	const _value = useMemo(() => {
+		return value || [];
+	}, [value]);
+	const _onChange = (val, index) => {
+		let _val = [..._value];
+		_val = _val.map((item) => {
+			if (item.id === index) return {
+				...item,
+				value: val
+			};
+			return item;
+		});
+		console.log(_val);
+		onChange?.(_val);
+	};
+	if (data?.type !== "custom") return null;
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, data.custom.map((item) => {
+		return /* @__PURE__ */ React.createElement(Col, {
+			span: 24,
+			key: item.id
+		}, /* @__PURE__ */ React.createElement(Form.Item, {
+			label: getName(item.name, state.locale),
+			required: true
+		}, /* @__PURE__ */ React.createElement(Select, {
+			size: "large",
+			className: "capacity-select",
+			onChange: (e) => {
+				_onChange(e, item.id);
+			},
+			showSearch: !state.isTerminal,
+			value: _value.find((d) => d.id === item.id)?.value,
+			options: getSelectOptions(item.min, item.max),
+			onSearch: (e) => {
+				if (!e) return;
+				const num = Number(e);
+				if (isNaN(num)) return;
+				if (num >= item.min && num <= item.max) _onChange(num, item.id);
+			}
+		})));
+	}));
+};
+var Capacity_default = forwardRef(Capacity);
+
+//#endregion
+export { Capacity_default as default };

package/dist/es/components/booking/info2/service/editService/Capacity/index.less

@@ -0,0 +1 @@
+.capacity-select {}

package/dist/es/components/booking/info2/service/editService/Resources/MaxLengthSelect/index.js

@@ -0,0 +1,26 @@
+import { forwardRef, useImperativeHandle } from "react";
+import { Select } from "antd";
+
+//#region src/components/booking/info2/service/editService/Resources/MaxLengthSelect/index.tsx
+const MaxLengthSelect = (props, ref) => {
+	useImperativeHandle(ref, () => {
+		return { onChange: handleChange };
+	});
+	const handleChange = (e, _option) => {
+		if (props.onChange) {
+			if ((props.mode === "multiple" || props.mode === "tags") && props.maxLength) {
+				if (props.value && props.value.length >= props.maxLength && e.length > props.value.length) return;
+			}
+			props.onChange(e, _option);
+		}
+	};
+	return /* @__PURE__ */ React.createElement(Select, {
+		...props,
+		onChange: handleChange,
+		popupMatchSelectWidth: false
+	}, props.children);
+};
+var MaxLengthSelect_default = forwardRef(MaxLengthSelect);
+
+//#endregion
+export { MaxLengthSelect_default as default };