@pisell/private-materials 6.6.8 → 6.6.10

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

@@ -0,0 +1,851 @@
+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 };