@pisell/private-materials 6.6.10 → 6.6.11

package/dist/es/components/booking/info/service/editService/index.js

@@ -1,851 +0,0 @@
-import { getNoResource } from "../../../mock.js";
-import { createBookingItemsByGroup, filterItemByGroupId, getGroupTotalPrice, isGroupBooking } from "../../service2/Group/utils.js";
-import { formatResources, getDurationProps, getFlexibleOption, getMultiDay, getTimeObj } from "../addService/utils.js";
-import { disabledDate, formatDayTime, isDayBooking, isDayBookingProduct, isDaysBooking, isEventBooking } from "../../service2/utils.js";
-import { getDays, getErrorList, getProductTotalPrice, isSessionProduct } from "../../../utils.js";
-import { editSessionProduct, getMultiDayPrices } from "../../utils.js";
-import { Context } from "../../model.js";
-import drawer_default from "../../../components/drawer/index.js";
-import duration_default from "../../../materiels/duration/index.js";
-import like_default from "../like/index.js";
-import collapsibleList_default from "../../../components/collapsibleList/index.js";
-import { renderBundles } from "../../../components/collapsibleList/utils.js";
-import { useService } from "../serviceManager/index.js";
-import useSelectPet_default from "../../service2/hooks/useSelectPet.js";
-import holder_default from "../../../materiels/holder/index.js";
-import BookingList_default from "./BookingList/index.js";
-import EditTabs_default from "./EditTabs/index.js";
-import dayjs from "dayjs";
-import React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { Alert, Button, Col, DatePicker, Form, Input, InputNumber, Row, Select } from "antd";
-import { formatAmount, locales } from "@pisell/utils";
-import { useMemoizedFn, useUpdateEffect } from "ahooks";
-import { Page, PisellAdjustPriceInputNumber } from "@pisell/materials";
-import Delete_wght300_24px from "@pisell/icon/es/Delete_wght300_24px";
-import "./index.less";
-
-//#region src/components/booking/info/service/editService/index.tsx
-let submitLock = false;
-const Info = (_, ref) => {
-	const [form] = Form.useForm();
-	const useTotal = Form.useWatch("total", form);
-	const useLikeStatus = Form.useWatch("like_status", form);
-	const useResource = Form.useWatch("resource", form);
-	const useStartTime = Form.useWatch("start_time", form);
-	const useDuration = Form.useWatch("duration", form);
-	const useStartDate = Form.useWatch("start_date", form);
-	const useEndDate = Form.useWatch("end_date", form);
-	const [resourceLoading, setResourceLoading] = useState(false);
-	const { state, dispatch } = useContext(Context);
-	const [selectOpen, setSelectOpen] = useState();
-	const { holderLists } = useSelectPet_default(state);
-	const isChangeTotal = useRef(false);
-	const { editBookingData, editBooking } = useService({
-		state,
-		dispatch
-	});
-	const [currentTab, setCurrentTab] = useState("batch_edit");
-	const isDayBookingMode = useMemo(() => {
-		return isDayBooking(state);
-	}, [state?.renderType]);
-	const isDaysBookingMode = useMemo(() => {
-		return isDaysBooking(state);
-	}, [state?.renderType]);
-	const isEventBookingMode = useMemo(() => {
-		return isEventBooking(state);
-	}, [state?.renderType]);
-	const getCurrentCacheItem = (_cacheItem) => {
-		let values = form.getFieldsValue();
-		let _item = _cacheItem || state?.service?.cacheItem;
-		return {
-			..._item,
-			_extend: {
-				..._item?._extend,
-				...values
-			}
-		};
-	};
-	/**
-	* @title: 当前的资源
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:06
-	*/
-	const currentResource = useMemo(() => {
-		return state.service.resources.find((d) => d.form_record_id == useResource) || {};
-	}, [useResource, state.service.resources]);
-	/**
-	* @title: 持续时长组件的props
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-02-23 09:59
-	*/
-	const durationProps = useMemo(() => {
-		return getDurationProps({
-			cacheItem: getCurrentCacheItem(),
-			useStartTime,
-			currentResource,
-			slice: state.bookingConfig?.config?.basic?.service_time
-		});
-	}, [
-		currentResource,
-		state.service.cacheItem,
-		useStartTime,
-		useResource,
-		state.bookingConfig?.config?.basic?.service_time
-	]);
-	/**
-	* @title: 灵活时长选项
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-02-23 10:10
-	*/
-	const flexibleOption = useMemo(() => {
-		return getFlexibleOption({ durationProps });
-	}, [durationProps, locales.locale]);
-	/**
-	* @title: 时间切片
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 13:37
-	*/
-	const timeObj = useMemo(() => {
-		return getTimeObj({
-			durationProps,
-			useStartTime,
-			currentResource,
-			state,
-			useDuration
-		});
-	}, [
-		state,
-		locales.locale,
-		useDuration,
-		useStartTime,
-		flexibleOption
-	]);
-	useEffect(() => {
-		try {
-			if (useDuration.indexOf("flexible_") == 0) {
-				if (flexibleOption) form.setFieldsValue({ duration: flexibleOption.value });
-			}
-		} catch (err) {}
-	}, [useDuration, flexibleOption]);
-	/**
-	* @title: 获取资源列表
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 13:38
-	*/
-	const getResources = async (cacheItem, open) => {
-		console.log("getResources2");
-		try {
-			let _list = state.service.resourcesOrigin || [];
-			const _cacheItem = cacheItem || getCurrentCacheItem();
-			let autoClose = _cacheItem?.autoClose;
-			if (!_cacheItem._extend) return;
-			dispatch({
-				type: "setService",
-				payload: { resources: formatResources({
-					cacheItem: _cacheItem,
-					resourcesOrigin: _list,
-					isDay: isDayBookingMode
-				}) }
-			});
-			if (_cacheItem.new) if (autoClose) setTimeout(() => {
-				form.submit();
-			}, 200);
-			else setTimeout(() => {
-				if (selectOpen === void 0 || open) setSelectOpen(true);
-			}, 500);
-		} catch (err) {}
-	};
-	/**
-	* @title: 删除服务商品
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 13:59
-	*/
-	const handleDeleteProduct = useMemoizedFn(() => {
-		if (state.channelDisabledEdit) return;
-		let _list = [...state.service.value];
-		let _id = state.service.cacheItem?._id;
-		if (isGroupBooking(_id)) _list = filterItemByGroupId(_id, _list);
-		else _list = _list.filter((d) => d._id !== _id);
-		dispatch({
-			type: "setService",
-			payload: {
-				editModal: false,
-				value: _list,
-				edit: true,
-				cacheItem: null
-			}
-		});
-	});
-	/**
-	* @title: 渲染下拉框
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:02
-	*/
-	const renderOptions = useCallback((array, value = "value", label = "label", type) => {
-		return array.map((d) => {
-			let props = {};
-			if (type === "resource") props.labelText = d.labelText;
-			return /* @__PURE__ */ React.createElement(Select.Option, {
-				value: d[value],
-				key: d[value],
-				...props
-			}, d[label]);
-		});
-	}, []);
-	/**
-	* @title: 点赞资源
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:02
-	*/
-	const handleLikeResource = useMemoizedFn((status) => {
-		form.setFieldsValue({ like_status: status });
-	});
-	/**
-	* @title: 获取错误信息
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:02
-	*/
-	const getErrorMsg = () => {
-		let item = state.service.resources.find((d) => d.form_record_id == useResource);
-		if (item) {
-			if (item._extend.usableTime?._extend?.isMaxLimitRange === "unknown") {}
-		}
-	};
-	/**
-	* @title: 计算折扣
-	* @description: 仅是文案展示
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:03
-	*/
-	const getDiscount = () => {
-		console.log("折扣内", state.service.cacheItem);
-		let oPrice = Number(state.service.cacheItem?._extend.origin_total || 0);
-		let cPrice = Number(useTotal || 0);
-		let discount = "";
-		if (cPrice === oPrice) discount = locales.getText("pisell2.text.status.no-discount");
-		else {
-			discount = `${locales.getText("pisell2.text.status.manual")} `;
-			if (cPrice < oPrice) discount += formatAmount(cPrice - oPrice, 2, state.amountSymbol) + "";
-			else discount += "+" + formatAmount(cPrice - oPrice, 2, state.amountSymbol);
-		}
-		form.setFieldsValue({ discount });
-	};
-	/**
-	* @title: 提交,
-	* @description:
-	* @param {any} values
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:04
-	*/
-	const onFinish = useMemoizedFn(async (values) => {
-		if (submitLock) return;
-		submitLock = true;
-		setTimeout(() => {
-			submitLock = false;
-		}, 1500);
-		const data = await editBookingData({ changeValues: {
-			...values,
-			errorList
-		} });
-		if (isChangeTotal.current) delete data.discount_list;
-		await editBooking({ booking: data });
-	});
-	const setEditData = useMemoizedFn((_cacheItem, open, openProductDetail) => {
-		setCurrentTab("batch_edit");
-		isChangeTotal.current = false;
-		let cacheItem = _cacheItem || state.service.cacheItem;
-		let values = cacheItem._extend;
-		values = {
-			...values,
-			discount_reason: values?.discount_reason || ""
-		};
-		form.setFieldsValue(values);
-		if (openProductDetail) setTimeout(() => {
-			handleEdit({});
-		}, 100);
-		if (!isEventBookingMode) getResources(cacheItem, open);
-	});
-	/**
-	* @title: 是否显示折扣原因
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:06
-	*/
-	const isReason = useMemo(() => {
-		let oPrice = Number(state.service.cacheItem?._extend.origin_total || 0);
-		return Number(useTotal || 0) !== oPrice;
-	}, [useTotal, state.service.cacheItem?._extend?.origin_total]);
-	/**
-	* @title: 错误信息列表
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:06
-	*/
-	const errorList = useMemo(() => {
-		return getErrorList(currentResource, getCurrentCacheItem(), isDayBookingMode);
-	}, [
-		currentResource,
-		useDuration,
-		useStartTime
-	]);
-	/**
-	* @title: 开始时间 和 服务时间 发生变化时,重新计算资源
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:07
-	*/
-	useUpdateEffect(() => {
-		if (state.service.cacheItem && !state.service.cacheItem?.autoClose) {
-			if (useStartTime && useDuration && !isEventBookingMode) getResources();
-		}
-	}, [
-		useStartTime,
-		useDuration,
-		state.renderType,
-		state.service.resourcesOrigin,
-		state.service.cacheItem?.autoClose
-	]);
-	/**
-	* @title: 是否在terminal上打开预约
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-04 19:02
-	*/
-	const isTerminalBooking = useMemo(() => {
-		return state.isBookingCreatePage || state.isTerminalDayBookingPage;
-	}, [state.isBookingCreatePage, state.isTerminalDayBookingPage]);
-	useEffect(() => {
-		if (isTerminalBooking && state.service.editModal) setEditData(null, true);
-	}, [state.service.editModal, isTerminalBooking]);
-	/**
-	* @title: 资源 时间 发生变化时, 重新计算错误信息
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:07
-	*/
-	useEffect(() => {
-		getErrorMsg();
-	}, [
-		useResource,
-		useStartTime,
-		useDuration,
-		useStartDate,
-		useEndDate
-	]);
-	/**
-	* @title: 价格发生变化,重新计算折扣
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:08
-	*/
-	useEffect(() => {
-		getDiscount();
-	}, [useTotal, state.service.cacheItem?._extend?.origin_total]);
-	const isDiscount = useMemo(() => {
-		if (!state.service?.cacheItem) return false;
-		return useTotal != state.service?.cacheItem?._extend.origin_total;
-	}, [useTotal, state.service?.cacheItem?._extend.origin_total]);
-	useEffect(() => {
-		if (useResource === 0) handleLikeResource("common");
-	}, [useResource]);
-	const bundles = useMemo(() => {
-		return state.service?.cacheItem?._extend?.other?.bundle || [];
-	}, [state.service?.cacheItem?._extend?.other?.bundle]);
-	const multiDayPrices = useMemo(() => {
-		return Object.entries(getMultiDayPrices(state.service?.cacheItem?._extend?.multi_day || [])).map(([key, value]) => {
-			return {
-				key,
-				value
-			};
-		});
-	}, [state.service?.cacheItem?._extend?.multi_day]);
-	/**
-	* @title: 获取资源列表数据
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 13:38
-	*/
-	const getResourcesData = async () => {
-		setResourceLoading(true);
-		try {
-			let params = {};
-			if (isDayBookingMode) {
-				const format = "YYYY-MM-DD HH:mm";
-				const { startDateTime, endDateTime } = formatDayTime({
-					startDate: useStartDate || state.date.value,
-					endDate: useEndDate || state.date.end_date
-				});
-				if (dayjs(startDateTime).isAfter(dayjs(endDateTime))) return;
-				params.check_time = {
-					start_time: dayjs(startDateTime).format(format),
-					end_time: dayjs(endDateTime).format(format)
-				};
-			} else params.with_date_times = state.date.value.format("YYYY-MM-DD");
-			let data = await state.apis.getResources({
-				skip: 1,
-				num: 1e3,
-				codes: [
-					"resources",
-					"therapist",
-					"table"
-				],
-				_config: { abort: true },
-				...params
-			});
-			dispatch({
-				type: "setService",
-				payload: { resourcesOrigin: [getNoResource()].concat(data?.list || []) }
-			});
-		} catch (err) {
-			console.log(err, "err");
-		}
-		setResourceLoading(false);
-	};
-	useEffect(() => {
-		if (isEventBookingMode) return;
-		setTimeout(() => {
-			getResourcesData();
-		}, 20);
-	}, [
-		state.date?.value?.format?.("YYYY-MM-DD"),
-		state.date?.end_date,
-		useStartDate,
-		useEndDate,
-		isEventBookingMode
-	]);
-	/**
-	* @title: 编辑商品
-	* @description:
-	* @param {any} e
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-28 17:08
-	*/
-	const handleEdit = useMemoizedFn((e) => {
-		const item = state.service.cacheItem;
-		let values = form.getFieldsValue();
-		let dayValue = {};
-		if (isDayBookingMode) {
-			const option = item._extend?.other?.option?.map((o) => {
-				return {
-					...o,
-					option_group_item_id: o.product_option_item_id
-				};
-			});
-			dayValue.product_variant = item._extend?.other?.product_variant_id || 0;
-			dayValue.product_option = option || [];
-		}
-		const isSession = isSessionProduct(item);
-		const sessionValue = {};
-		if (isSession) sessionValue.startEndTime = {
-			startDate: item?._extend?.start_date,
-			endDate: item?._extend?.end_date,
-			duration: item?._extend?.duration
-		};
-		state.action({
-			type: "pisell1.handleOpenProductModal",
-			data: {
-				id: item.id,
-				date: state.date.value.format("YYYY-MM-DD"),
-				showConfig: {
-					option: isDayBookingMode ? true : false,
-					session: isSession,
-					variant: isDayBookingMode ? true : false,
-					package: true
-				},
-				value: {
-					...item._extend?.other || {},
-					...dayValue,
-					...sessionValue
-				},
-				isOS: isSession,
-				customer_id: state.client?.value?.id
-			},
-			callback: async (e$1, extension_type, detail) => {
-				const _detail = detail || item;
-				const other = JSON.parse(JSON.stringify(e$1));
-				other.session = e$1.session;
-				let cacheItem = {
-					...item,
-					..._detail,
-					product_id: item.id,
-					_id: item?._id,
-					_key: e$1.key,
-					_extend: {
-						...item._extend,
-						...values,
-						other
-					},
-					new: 0
-				};
-				let _total = getProductTotalPrice(cacheItem);
-				if (cacheItem?._extend?.other?.product_variant_id) cacheItem._extend.price = Number(cacheItem._extend?.other?.price);
-				const sessionDetail = editSessionProduct(cacheItem, e$1.session);
-				cacheItem._extend.total = _total;
-				cacheItem._extend.origin_total = _total;
-				dispatch({
-					type: "setService",
-					payload: { cacheItem }
-				});
-				if (isDaysBookingMode) setTimeout(() => {
-					updateMultiDay({
-						start_date: values.start_date,
-						end_date: values.end_date
-					});
-				}, 100);
-				else form.setFieldsValue({
-					total: _total,
-					...isSessionProduct(cacheItem) && sessionDetail ? {
-						start_time: sessionDetail.start_time,
-						duration: sessionDetail.duration
-					} : {}
-				});
-			}
-		});
-	});
-	/**
-	* @title: 更换商品
-	* @description:
-	* @param {any} e
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-28 17:10
-	*/
-	const handleChange = useMemoizedFn((e) => {
-		if (state.channelDisabledEdit) return;
-		dispatch({
-			type: "setService",
-			payload: {
-				addModal: true,
-				editModal: true,
-				changeService: true
-			}
-		});
-	});
-	useImperativeHandle(ref, () => {
-		return { init: setEditData };
-	});
-	const SelectTime$1 = window.BaseMaterials?.SelectTime;
-	/**
-	* @title: 日期组件
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-11-30 22:22
-	*/
-	const DateCom = (position) => {
-		return /* @__PURE__ */ React.createElement(DatePicker, {
-			className: "pisell-lowcode__booking-service-select-date",
-			disabledDate: (current) => disabledDate(current, position, useStartDate),
-			size: "large",
-			style: { width: "100%" },
-			format: state.locale === "en" ? "DD/MM/YYYY" : "YYYY-MM-DD"
-		});
-	};
-	/**
-	* @title: 更新报价单价格
-	* @description:
-	* @param {any} param1
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-29 23:17
-	*/
-	const updateMultiDay = async ({ start_date, end_date, duration }) => {
-		const cacheItem = await getMultiDay({
-			start_date,
-			end_date,
-			state,
-			cacheItem: getCurrentCacheItem()
-		});
-		if (duration !== void 0) cacheItem._extend.duration = duration;
-		cacheItem._extend.items = createBookingItemsByGroup(cacheItem);
-		cacheItem._extend = {
-			...cacheItem._extend,
-			...getGroupTotalPrice(cacheItem._extend.items)
-		};
-		dispatch({
-			type: "setService",
-			payload: { cacheItem }
-		});
-		let fieldsValues = { total: cacheItem._extend.total };
-		form.setFieldsValue(fieldsValues);
-	};
-	/**
-	* @title: 表单更新
-	* @description:
-	* @param {any} changedValues
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-04 14:39
-	*/
-	const onValuesChange = (changedValues) => {
-		if (isDayBookingMode) {
-			if (changedValues?.duration) {
-				const end_date = dayjs(useStartDate).add(changedValues?.duration, "day");
-				form.setFieldsValue({ end_date });
-				return updateMultiDay({
-					start_date: useStartDate,
-					end_date,
-					duration: changedValues?.duration
-				});
-			}
-			if (changedValues?.start_date) {
-				const startDate = dayjs(changedValues?.start_date);
-				const endDate = dayjs(useEndDate);
-				if (startDate.isAfter(endDate)) return form.setFieldsValue({
-					duration: void 0,
-					end_date: void 0
-				});
-			}
-			if (changedValues?.start_date || changedValues?.end_date) {
-				const duration = getDays(getCurrentCacheItem(), "days");
-				updateMultiDay({
-					start_date: changedValues?.start_date || useStartDate,
-					end_date: changedValues?.end_date || useEndDate,
-					duration
-				});
-				return form.setFieldsValue({ duration });
-			}
-		}
-	};
-	/**
-	* @title: 是否显示资源和时长
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-09 15:59
-	*/
-	const showResource = useMemo(() => {
-		if (isEventBookingMode) return false;
-		if (isDayBookingMode) return isDayBookingProduct(state.service.cacheItem, state);
-		return true;
-	}, [state.service.cacheItem, state.renderType]);
-	const items = useMemo(() => {
-		return getCurrentCacheItem()?._extend?.items || [];
-	}, [
-		getCurrentCacheItem(),
-		state.service.cacheItem,
-		useLikeStatus,
-		currentResource,
-		useTotal
-	]);
-	const isEditGroup = useMemo(() => {
-		return items.length;
-	}, [items]);
-	const handleTotalChange = (number) => {
-		isChangeTotal.current = true;
-	};
-	return useMemo(() => {
-		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(drawer_default, {
-			titleNoWrap: true,
-			zIndex: state.service.changeService ? 999 : 1e3,
-			forceRender: true,
-			open: state.service.editModal && !state.service.cacheItem?.autoClose,
-			title: isDayBookingMode ? locales.getText("pisell2.text.edit-select-service") : locales.getText("pisell2.text.edit-service"),
-			onClose: () => {
-				dispatch({
-					type: "setService",
-					payload: {
-						editModal: false,
-						cacheItem: null,
-						changeService: false
-					}
-				});
-			}
-		}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-service-body-edit" }, isEditGroup ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(EditTabs_default, {
-			value: currentTab,
-			onChange: (e) => {
-				console.log(e);
-				setCurrentTab(e);
-			}
-		}), /* @__PURE__ */ React.createElement("div", {
-			className: "",
-			style: { display: currentTab === "booking_list" ? "block" : "none" }
-		}, /* @__PURE__ */ React.createElement(BookingList_default, { items }))) : null, /* @__PURE__ */ React.createElement("div", {
-			className: "",
-			style: { display: currentTab === "batch_edit" ? "block" : "none" }
-		}, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Page, null, /* @__PURE__ */ React.createElement(Form, {
-			layout: "vertical",
-			form,
-			onFinish,
-			onValuesChange
-		}, /* @__PURE__ */ React.createElement(Row, {
-			style: { width: "100%" },
-			gutter: [16, 0]
-		}, /* @__PURE__ */ React.createElement(Col, { span: 24 }, /* @__PURE__ */ React.createElement(Form.Item, { name: "product_name" }, /* @__PURE__ */ React.createElement("div", { className: "current-service-info" }, /* @__PURE__ */ React.createElement("div", { className: "current-service-info-name-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "current-service-info-name" }, state.service?.cacheItem?._extend?.product_name || "-"), /* @__PURE__ */ React.createElement(Button, { onClick: handleEdit }, locales.getText("pisell2.text.edit")), !isTerminalBooking && /* @__PURE__ */ React.createElement(Button, { onClick: handleChange }, locales.getText("pisell2.text.change"))), /* @__PURE__ */ React.createElement(collapsibleList_default, {
-			style: { marginTop: bundles.length ? "8px" : 0 },
-			list: bundles,
-			renderItem: (item) => renderBundles(item, state.amountSymbol)
-		})))), /* @__PURE__ */ React.createElement(Col, { span: 24 }, /* @__PURE__ */ React.createElement(Form.Item, {
-			label: locales.getText("pisell2.text.price"),
-			name: "total",
-			rules: [{ required: true }],
-			extra: useTotal !== state.service.cacheItem?._extend?.origin_total && locales.getText("page.booking.text.price-extra")(formatAmount(state.service.cacheItem?._extend?.origin_total, 2, state.amountSymbol), formatAmount(useTotal, 2, state.amountSymbol))
-		}, /* @__PURE__ */ React.createElement(PisellAdjustPriceInputNumber, {
-			style: { width: "100%" },
-			min: 0,
-			precision: 2,
-			onChange: handleTotalChange,
-			prefix: state.amountSymbol,
-			disabled: state.channelDisabledEdit,
-			originValue: state.service.cacheItem?._extend?.origin_total || 0,
-			placeholder: state.service.cacheItem?._extend?.origin_total || "0"
-		}))), isReason ? /* @__PURE__ */ React.createElement(Col, { span: 24 }, /* @__PURE__ */ React.createElement(Form.Item, {
-			label: locales.getText("pisell2.text.discount-reason"),
-			name: "discount_reason"
-		}, /* @__PURE__ */ React.createElement(Input.TextArea, { size: "large" }))) : null, showResource && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Col, { span: 12 }, /* @__PURE__ */ React.createElement(Form.Item, {
-			label: locales.getText(isDayBookingMode ? "pisell2.text.start_date" : "pisell2.text.start_time"),
-			name: isDayBookingMode ? "start_date" : "start_time",
-			rules: [{ required: true }]
-		}, isDayBookingMode ? DateCom("start") : SelectTime$1 ? /* @__PURE__ */ React.createElement(SelectTime$1, {
-			slice: state.bookingConfig?.config?.basic?.service_time?.value,
-			timePickerProps: { style: { width: "100%" } },
-			timeProps: { style: { zoom: .8 } }
-		}) : null)), isDayBookingMode ? /* @__PURE__ */ React.createElement(Col, { span: 12 }, /* @__PURE__ */ React.createElement(Form.Item, {
-			label: locales.getText(isDayBookingMode ? "pisell2.text.end_date" : "pisell2.text.end_time"),
-			name: "end_date",
-			rules: [{ required: true }]
-		}, DateCom("end"))) : null, /* @__PURE__ */ React.createElement(Col, { span: 12 }, /* @__PURE__ */ React.createElement(Form.Item, {
-			label: locales.getText("pisell2.text.duration"),
-			name: "duration",
-			rules: [{ required: true }]
-		}, /* @__PURE__ */ React.createElement(duration_default, {
-			...durationProps,
-			timeObj
-		}))), isDayBookingMode && holderLists?.length > 0 ? /* @__PURE__ */ React.createElement(Col, { span: isDayBookingMode ? 12 : 24 }, /* @__PURE__ */ React.createElement(Form.Item, {
-			label: locales.getText("pisell2.text.holder"),
-			name: "holder_id",
-			rules: [{ required: isDayBookingMode }]
-		}, /* @__PURE__ */ React.createElement(holder_default, { size: "large" }))) : null, /* @__PURE__ */ React.createElement(Col, { span: 24 }, /* @__PURE__ */ React.createElement(Form.Item, {
-			required: true,
-			label: locales.getText("pisell2.text.resource")
-		}, /* @__PURE__ */ React.createElement("div", { className: "resource-col" }, /* @__PURE__ */ React.createElement(Button, {
-			className: "resource-col-like-wrap",
-			disabled: !useResource,
-			onClick: () => {
-				handleLikeResource(useLikeStatus === "like" ? "common" : "like");
-			}
-		}, /* @__PURE__ */ React.createElement(like_default, { status: useLikeStatus })), /* @__PURE__ */ React.createElement(Form.Item, {
-			name: "resource",
-			noStyle: true,
-			rules: [{ required: true }]
-		}, /* @__PURE__ */ React.createElement(Select, {
-			loading: resourceLoading,
-			size: "large",
-			allowClear: true,
-			showSearch: true,
-			open: selectOpen,
-			onDropdownVisibleChange: setSelectOpen,
-			filterOption: (str, option) => {
-				return (option.labelText || "").toLowerCase().includes((str || "").toLowerCase());
-			}
-		}, renderOptions(state.service.resources || [], "form_record_id", "label", "resource")))))), /* @__PURE__ */ React.createElement(Form.Item, {
-			hidden: true,
-			name: "quantity"
-		}, /* @__PURE__ */ React.createElement(InputNumber, null)), /* @__PURE__ */ React.createElement(Form.Item, {
-			hidden: true,
-			name: "like_status"
-		}, /* @__PURE__ */ React.createElement(Input, null))), !isEventBookingMode && isDayBookingMode && !isDayBookingProduct(state.service.cacheItem, state) ? /* @__PURE__ */ React.createElement(Col, { span: 24 }, /* @__PURE__ */ React.createElement(Form.Item, {
-			label: locales.getText("pisell2.text.quantity"),
-			name: "quantity",
-			rules: [{ required: true }]
-		}, /* @__PURE__ */ React.createElement(InputNumber, {
-			size: "large",
-			style: { width: "100%" },
-			min: 1,
-			max: 999999,
-			formatter: (value) => {
-				if (value !== void 0) return Math.floor(value);
-				return value;
-			}
-		}))) : null))), showResource && errorList.map((d, i) => {
-			return /* @__PURE__ */ React.createElement(Alert, {
-				key: d.type,
-				message: d.label,
-				type: "warning",
-				showIcon: true,
-				style: { marginBottom: 12 }
-			});
-		}))), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-service-body-edit-footer" }, /* @__PURE__ */ React.createElement("div", {
-			className: "pisell-lowcode__booking-service-delete-wrap",
-			onClick: handleDeleteProduct
-		}, /* @__PURE__ */ React.createElement(Delete_wght300_24px, { className: "pisell-lowcode__booking-service-delete-icon" })), /* @__PURE__ */ React.createElement(Button, {
-			type: "primary",
-			className: "pisell-lowcode__booking-service-body-edit-footer-apple",
-			disabled: resourceLoading,
-			onClick: () => {
-				form.submit();
-			}
-		}, locales.getText("pisell2.text.apply"))))));
-	}, [
-		state.service.changeService,
-		state.service.editModal,
-		state.service.cacheItem?.autoClose,
-		locales,
-		state.service?.cacheItem?._extend?.product_name,
-		bundles,
-		state.amountSymbol,
-		state.channelDisabledEdit,
-		state.service.cacheItem?._extend?.origin_total,
-		isDiscount,
-		isReason,
-		state.renderType,
-		state.bookingConfig?.config?.basic?.service_time?.value,
-		SelectTime$1,
-		durationProps,
-		timeObj,
-		useResource,
-		useLikeStatus,
-		resourceLoading,
-		selectOpen,
-		state.service.resources,
-		errorList,
-		useTotal,
-		useStartDate,
-		useEndDate,
-		showResource,
-		holderLists,
-		multiDayPrices,
-		currentTab,
-		items,
-		isEventBookingMode
-	]);
-};
-var editService_default = forwardRef(Info);
-
-//#endregion
-export { editService_default as default };