@pisell/private-materials 6.6.9 → 6.6.11

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

@@ -1,599 +0,0 @@
-import { getErrorList } from "../../utilsByBooking.js";
-import { formatResources, getDurationProps, getFlexibleOption, getTimeObj, setDefaultCapacitys } from "../addService/utils.js";
-import { isNormalProductByDurationSchedule } from "../../../info/service2/utils.js";
-import { deleteCacheParams, getProductTotalPrice, getServiceTimes, isSessionProduct } from "../../../utils.js";
-import { editSessionProduct } from "../../../info/utils.js";
-import { Context } from "../../../info/model.js";
-import drawer_default from "../../../components/drawer/index.js";
-import { addService, genServiceKey, getIsShowNumber } from "../../../../ticketBooking/utils/index.js";
-import duration_default from "../../../materiels/duration/index.js";
-import Capacity_default from "./Capacity/index.js";
-import Resources_default from "./Resources/index.js";
-import collapsibleList_default from "../../../components/collapsibleList/index.js";
-import { renderBundles } from "../../../components/collapsibleList/utils.js";
-import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { Button, Col, Form, Input, InputNumber, Row } from "antd";
-import { formatAmount, locales } from "@pisell/utils";
-import { useDebounceFn, useMemoizedFn, useUpdateEffect } from "ahooks";
-import { PisellAdjustPriceInputNumber } from "@pisell/materials";
-import Delete_wght300_24px from "@pisell/icon/es/Delete_wght300_24px";
-import "./index.less";
-
-//#region src/components/booking/info2/service/editService/index.tsx
-let submitLock = false;
-const Info = (_, ref) => {
-	const [form] = Form.useForm();
-	const useTotal = Form.useWatch("total", form);
-	const useResource = Form.useWatch("resource", form);
-	const useStartTime = Form.useWatch("start_time", form);
-	const useDuration = Form.useWatch("duration", form);
-	const { state, dispatch } = useContext(Context);
-	const resourcesRef = useRef(null);
-	const isChangeTotal = useRef(false);
-	const isNormalProduct = useMemo(() => {
-		if (!state?.service?.cacheItem) return true;
-		return state?.service?.cacheItem && isNormalProductByDurationSchedule(state?.service?.cacheItem);
-	}, [state?.service?.cacheItem]);
-	const getCurrentCacheItem = useMemoizedFn((_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 null;
-	}, []);
-	/**
-	* @title: 持续时长组件的props
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-02-23 09:59
-	*/
-	const durationProps = useMemo(() => {
-		return getDurationProps({
-			cacheItem: getCurrentCacheItem(),
-			useStartTime,
-			slice: state.bookingConfig?.config?.basic?.service_time
-		});
-	}, [
-		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
-		});
-	}, [
-		durationProps,
-		useStartTime,
-		currentResource,
-		state.bookingConfig?.config?.basic?.service_time,
-		useDuration
-	]);
-	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:59
-	*/
-	const handleDeleteProduct = useMemoizedFn(() => {
-		if (state.channelDisabledEdit) return;
-		let _list = [...state.service.value];
-		let _id = state.service.cacheItem?._id;
-		_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:03
-	*/
-	const getDiscount = () => {
-		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 = (values) => {
-		let isSuccess = resourcesRef.current?.check();
-		if (isShowTimeAndResource && !isSuccess) return;
-		if (submitLock) return;
-		submitLock = true;
-		setTimeout(() => {
-			submitLock = false;
-		}, 1500);
-		let _list = [...state.service.value];
-		let _item = {
-			...state.service.cacheItem,
-			autoClose: false
-		};
-		let _extend = {
-			..._item._extend,
-			other: {
-				..._item._extend?.other || {},
-				quantity: values.quantity
-			},
-			...values
-		};
-		const { startDate, endDate } = getServiceTimes({ _extend });
-		_extend.startDate = startDate;
-		_extend.endDate = endDate;
-		if (_extend.bundle_edit !== void 0) _extend.bundle_edit = 1;
-		_item._extend = _extend;
-		_item._time = (/* @__PURE__ */ new Date()).getTime();
-		_item._serviceKey = genServiceKey(_item);
-		let _id = _item?._id;
-		if (!_list.some((d) => d._id === _id)) _list = addService(_list, _item, state).list;
-		else {
-			if (isChangeTotal.current) delete _item.discount_list;
-			_list = _list.map((d) => d._id === _id ? {
-				..._item,
-				new: 0
-			} : d);
-		}
-		deleteCacheParams();
-		console.log("_onFinish", _list);
-		form.resetFields();
-		dispatch({
-			type: "setService",
-			payload: {
-				editModal: false,
-				addModal: false,
-				value: _list,
-				edit: true,
-				cacheItem: null,
-				changeService: false
-			}
-		});
-	};
-	const { run: setEditDataRun } = useDebounceFn((...params) => {
-		setEditData(...params);
-	}, {
-		wait: 50,
-		leading: true,
-		trailing: false
-	});
-	const setEditData = useMemoizedFn((_cacheItem, open, openProductDetail) => {
-		console.timeEnd("handleChange");
-		console.log("setEditDatasetEditData", _cacheItem, open);
-		isChangeTotal.current = false;
-		let values = (_cacheItem || state.service.cacheItem)._extend;
-		const startTime$1 = performance.now();
-		console.log(startTime$1, "startTime");
-		form.resetFields();
-		form.setFieldsValue(values);
-		const endTime = performance.now();
-		console.log(endTime - window.pp1, "打开商品5");
-		console.log("执行时间", endTime - startTime$1, values);
-		setTimeout(() => {}, 20);
-		if (openProductDetail) setTimeout(() => {
-			handleEdit({});
-		}, 100);
-	});
-	/**
-	* @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]);
-	const getResources = () => {
-		let res = formatResources({
-			cacheItem: getCurrentCacheItem(),
-			resourcesOrigin: state.service.cacheItem._data.resourcesOrigin
-		});
-		dispatch({
-			type: "setService",
-			payload: { cacheItem: {
-				...state.service.cacheItem,
-				_data: {
-					...state.service.cacheItem._data,
-					resources: res.list,
-					resourceMaps: res.maps
-				}
-			} }
-		});
-		updateResourceErrors(res.maps);
-	};
-	const updateResourceErrors = (resourceMaps) => {
-		let { resource: resource$1 } = form.getFieldsValue();
-		if (resource$1) {
-			let _resource = { ...resource$1 };
-			for (let form_id in _resource) _resource[form_id] = _resource[form_id].map((d) => {
-				return {
-					...d,
-					errors: getErrorList(resourceMaps?.[form_id]?.renderListMaps?.[d?.relation_id], getCurrentCacheItem())
-				};
-			});
-			form.setFieldsValue({ resource: _resource });
-			return _resource;
-		}
-	};
-	/**
-	* @title: 开始时间 和 服务时间 发生变化时,重新计算资源
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:07
-	*/
-	useUpdateEffect(() => {
-		if (!state.service.cacheItem) return;
-		if (useStartTime && useDuration && state.renderType !== "eventBooking") getResources();
-	}, [
-		useStartTime,
-		useDuration,
-		state.renderType,
-		state.service.resourcesOrigin
-	]);
-	useEffect(() => {
-		if (state.isBookingCreatePage && state.service.editModal) setEditDataRun(null);
-	}, [state.service.editModal, state.isBookingCreatePage]);
-	/**
-	* @title: 价格发生变化,重新计算折扣
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:08
-	*/
-	useEffect(() => {
-		getDiscount();
-	}, [useTotal, state.service.cacheItem?._extend?.origin_total]);
-	const bundles = useMemo(() => {
-		return state.service?.cacheItem?._extend?.other?.bundle || [];
-	}, [state.service?.cacheItem?._extend?.other?.bundle]);
-	/**
-	* @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();
-		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: true,
-					session: isSession,
-					variant: true,
-					package: true,
-					number: getIsShowNumber(item, state)
-				},
-				isOS: isSession,
-				customer_id: state.client?.value?.id,
-				value: {
-					...item._extend.other,
-					...sessionValue,
-					quantity: values.quantity || item._extend.quantity
-				}
-			},
-			callback: (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,
-						quantity: e$1?.quantity || values?.quantity || 1,
-						other
-					},
-					new: 0
-				};
-				let _total = getProductTotalPrice(cacheItem);
-				cacheItem._extend.total = _total;
-				try {
-					cacheItem._extend.capacity = setDefaultCapacitys({
-						capacitys: cacheItem._data.capacitys,
-						cacheItem
-					});
-				} catch (err) {}
-				const sessionDetail = editSessionProduct(cacheItem, e$1.session);
-				if (sessionDetail) setTimeout(() => {
-					form.setFieldsValue({
-						start_time: sessionDetail.start_time,
-						duration: sessionDetail.duration
-					});
-				}, 200);
-				cacheItem._extend.origin_total = _total;
-				dispatch({
-					type: "setService",
-					payload: { cacheItem }
-				});
-				form.setFieldsValue({
-					total: _total,
-					capacity: cacheItem._extend?.capacity,
-					quantity: e$1?.quantity || values?.quantity || 1
-				});
-			}
-		});
-	});
-	/**
-	* @title: 更换商品
-	* @description:
-	* @param {any} e
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-08-28 17:10
-	*/
-	const handleChange = useMemoizedFn((e) => {
-		if (state.channelDisabledEdit) return;
-		form.resetFields();
-		dispatch({
-			type: "setService",
-			payload: {
-				addModal: true,
-				editModal: false
-			}
-		});
-	});
-	useImperativeHandle(ref, () => {
-		return { init: setEditDataRun };
-	});
-	const handleTotalChange = (number) => {
-		isChangeTotal.current = true;
-	};
-	const isShowTimeAndResource = useMemo(() => {
-		if (state.renderType !== "eventBooking" && !isNormalProduct) return true;
-		return false;
-	}, [state.renderType, isNormalProduct]);
-	const SelectTime$1 = window.BaseMaterials?.SelectTime;
-	console.log(isShowTimeAndResource, "isShowTimeAndResource");
-	const productName = useMemo(() => {
-		return /* @__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")), !state.isBookingCreatePage && /* @__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)
-		}))));
-	}, [
-		state.service?.cacheItem?._extend?.product_name,
-		bundles,
-		state.amountSymbol,
-		state.isBookingCreatePage
-	]);
-	const price = useMemo(() => {
-		return /* @__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,
-			prefix: state.amountSymbol,
-			onChange: handleTotalChange,
-			disabled: state.channelDisabledEdit,
-			originValue: state.service.cacheItem?._extend?.origin_total || 0,
-			placeholder: state.service.cacheItem?._extend?.origin_total || "0"
-		})));
-	}, [
-		useTotal,
-		state.service.cacheItem?._extend?.origin_total,
-		state.amountSymbol,
-		state.channelDisabledEdit
-	]);
-	const reason = useMemo(() => {
-		return 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;
-	}, [isReason]);
-	const startTime = useMemo(() => {
-		return /* @__PURE__ */ React.createElement(Col, { span: 12 }, /* @__PURE__ */ React.createElement(Form.Item, {
-			label: locales.getText("pisell2.text.start_time"),
-			name: "start_time",
-			rules: [{ required: true }]
-		}, SelectTime$1 ? /* @__PURE__ */ React.createElement(SelectTime$1, {
-			slice: state.bookingConfig?.config?.basic?.service_time?.value,
-			timePickerProps: { style: { width: "100%" } },
-			timeProps: { style: { zoom: .8 } }
-		}) : null));
-	}, [SelectTime$1, state.bookingConfig?.config?.basic?.service_time?.value]);
-	const duration = useMemo(() => {
-		console.log("render form duration");
-		return /* @__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
-		})));
-	}, [durationProps, timeObj]);
-	const resource = useMemo(() => {
-		console.log("render form resource");
-		return /* @__PURE__ */ React.createElement(Form.Item, {
-			noStyle: true,
-			name: "resource"
-		}, /* @__PURE__ */ React.createElement(Resources_default, {
-			ref: resourcesRef,
-			state,
-			cacheItem: state.service.cacheItem,
-			getCurrentCacheItem
-		}));
-	}, [
-		state.renderType,
-		state.service.cacheItem?._data?.resources,
-		state.service.cacheItem?._data?.resourceMaps
-	]);
-	const capacity = useMemo(() => {
-		return /* @__PURE__ */ React.createElement(Form.Item, {
-			noStyle: true,
-			name: "capacity"
-		}, /* @__PURE__ */ React.createElement(Capacity_default, {
-			state,
-			cacheItem: state.service.cacheItem
-		}));
-	}, [
-		state.locale,
-		state.isTerminal,
-		state.service?.cacheItem?._data?.capacitys
-	]);
-	const hiddenQuantity = useMemo(() => {
-		return /* @__PURE__ */ React.createElement(Form.Item, {
-			hidden: true,
-			name: "quantity"
-		}, /* @__PURE__ */ React.createElement(InputNumber, null));
-	}, []);
-	const quantity = useMemo(() => {
-		return /* @__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;
-			}
-		})));
-	}, []);
-	const footer = useMemo(() => {
-		return /* @__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: !isNormalProduct && !state.service.resourcesOrigin?.length,
-			onClick: () => {
-				form.submit();
-			}
-		}, locales.getText("pisell2.text.apply")));
-	}, [state.service.resourcesOrigin?.length, isNormalProduct]);
-	console.log("render edit");
-	console.log(state.service.editModal && !state.service.cacheItem?.autoClose, performance.now() - window.pp1, "打开商品1");
-	const [val, setVal] = useState(false);
-	useEffect(() => {
-		if (isShowTimeAndResource) setTimeout(() => {
-			setVal(true);
-		}, 200);
-		else setVal(false);
-	}, [isShowTimeAndResource]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(drawer_default, {
-		titleNoWrap: true,
-		zIndex: state.service.changeService ? 999 : 1e3,
-		forceRender: true,
-		mask: state.drawerMask,
-		open: state.service.editModal && !state.service.cacheItem?.autoClose,
-		title: 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" }, /* @__PURE__ */ React.createElement(Form, {
-		layout: "vertical",
-		form,
-		onFinish
-	}, /* @__PURE__ */ React.createElement(Row, {
-		style: { width: "100%" },
-		gutter: [16, 0]
-	}, productName, price, reason, val && isShowTimeAndResource && /* @__PURE__ */ React.createElement(React.Fragment, null, startTime, duration, resource, capacity, hiddenQuantity), isNormalProduct && quantity)), footer)));
-};
-var editService_default = forwardRef(Info);
-
-//#endregion
-export { editService_default as default };

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

@@ -1,99 +0,0 @@
-.pisell-lowcode__booking-service-body-edit {
-  padding: 24px 32px 100px !important;
-}
-
-
-.pisell-lowcode__booking-service-body-edit-footer {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  border-top: 1px solid #E7E8E9;
-  padding: 20px 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  background-color: #fff;
-
-  .pisell-lowcode__booking-service-delete-wrap {
-    height: 48px;
-    width: 48px;
-    border-radius: 8px;
-    border: 1px solid var(--gray-300, #D0D5DD);
-    background: var(--base-white, #FFF);
-    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .pisell-lowcode__booking-service-delete-icon {
-      color: #B42318;
-      font-size: 20px;
-    }
-  }
-
-  .pisell-lowcode__booking-service-body-edit-footer-apple {
-    flex: 1;
-    height: 48px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-.pisell-lowcode-select-selection-item {
-  .resource-option {
-    padding-left: 0;
-
-  }
-}
-
-.pisell-lowcode-select-item-option-content {
-  .resource-option {
-    padding-left: 0;
-
-  }
-}
-
-.resource-option {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-
-  .resource-option-alert-icon {
-    color: #B42318;
-    cursor: pointer;
-  }
-}
-
-.current-service-info {
-  min-height: 40px;
-  cursor: pointer;
-  background-color: #ffffff;
-  border: 1px solid #D0D5DD;
-  border-radius: 10px;
-  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  overflow: hidden;
-  padding: 11px;
-
-  .current-service-info-name-wrap {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-
-    .current-service-info-name {
-      font-size: 16px;
-      color: #101828;
-      font-weight: 650;
-      flex: 1;
-    }
-
-    .current-service-info-change-btn {}
-  }
-
-  &:hover {
-    border-color: #7f56d9;
-  }
-}