@pisell/private-materials 6.6.9 → 6.6.11

package/dist/lib/components/booking/info/clientVariant/hooks/useClientFn.js

@@ -1,269 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
-const require_utils = require('../../../utils.js');
-const require_model = require('../../model.js');
-const require_serve = require('../../client/serve.js');
-const require_useIsLowSpeedNetwork = require('./useIsLowSpeedNetwork.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let antd = require("antd");
-let __pisell_utils = require("@pisell/utils");
-
-//#region src/components/booking/info/clientVariant/hooks/useClientFn.tsx
-let isLoadClient = false;
-const useClientFn = (_params) => {
-	const { state, setGlobalState, modalRef, onRemoveClient } = _params;
-	const [loadLoading, setLoadLoading] = (0, react.useState)(false);
-	const [loading, setLoading] = (0, react.useState)(false);
-	const [franchiseeLoading, setFranchiseeLoading] = (0, react.useState)(0);
-	require_useIsLowSpeedNetwork.default();
-	const [params, setParams] = (0, react.useState)({
-		skip: 1,
-		num: 5,
-		total: 0,
-		search: "",
-		with: ["formRecord"],
-		relation_form_id: state?.bookingConfig?.config?.basic?.appointment_subject?.form_id
-	});
-	const paramsRef = (0, react.useRef)(params);
-	paramsRef.current = params;
-	(0, react.useEffect)(() => {
-		setParams((v) => ({
-			...v,
-			relation_form_id: state?.bookingConfig?.config?.basic?.appointment_subject?.form_id
-		}));
-	}, [state?.bookingConfig?.config?.basic?.appointment_subject]);
-	const stateRef = (0, react.useRef)(state);
-	stateRef.current = state;
-	const isWalkIn$1 = (0, react.useMemo)(() => {
-		return require_utils.isWalkIn(state.client.value?.id);
-	}, [state.client.value?.id]);
-	const getClients = async ({ customer_id, customer_ids, ...resetParams }, returnResult) => {
-		let _setLoading;
-		if (resetParams.skip === 1) if (resetParams.search) _setLoading = setLoading;
-		else _setLoading = isLoadClient || state?.client?.clients?.length ? () => {} : setLoading;
-		else _setLoading = setLoadLoading;
-		_setLoading(true);
-		const data = await (state.isFranchisee ? require_serve.getFranchiseeCustomerList : state.apis.getClients)({
-			...resetParams,
-			...resetParams.search ? { num: 10 } : {},
-			...state.isFranchisee ? { franchisee_customer_ids: customer_ids } : { customer_ids },
-			...!state.isFranchisee && !returnResult ? { _config: { abort: true } } : {}
-		});
-		const list = (data?.list || []).map((d) => {
-			return {
-				...d,
-				name: getNickname(d),
-				id: d.franchisee_customer_id || d.id,
-				form_record: d.form_record?.map((item) => ({
-					...item,
-					...item.data,
-					form_record_id: item.id
-				})) || []
-			};
-		});
-		if (returnResult) return list;
-		let _payload = { clients: list };
-		if (!require_utils.isWalkIn(customer_id)) {
-			const customerItem = list.find((d) => d.id === customer_id);
-			if (customerItem) {
-				_payload.value = customerItem;
-				_payload.edit = true;
-			}
-		}
-		let totalList = [...state.client.clients];
-		if (resetParams.skip === 1) totalList = list;
-		else list.forEach((item) => {
-			const index = totalList.findIndex((old) => old.id === item.id);
-			if (index > -1) totalList[index] = item;
-			else totalList.push(item);
-		});
-		_payload.clients = totalList;
-		setParams({
-			...params,
-			...resetParams,
-			total: data?.count || 0
-		});
-		setGlobalState({ client: {
-			...stateRef.current.client,
-			..._payload
-		} });
-		isLoadClient = true;
-		setLoading(false);
-		setLoadLoading(false);
-		return {};
-	};
-	const handleOpenClientModal = (val) => {
-		if (state.disabledEdit) return;
-		setClient({ showModal: true });
-		getClients({
-			...paramsRef.current,
-			search: val || "",
-			skip: 1
-		});
-		modalRef.current?.open();
-	};
-	const handleViewClient = () => {
-		state.action({
-			type: "pisell1.handleOpenCustomerModal",
-			data: { id: state.client.value.id },
-			callback: (data) => {
-				if (state.disabledEdit) return;
-				if (data === "createBooking") {
-					window?.shopApi?.booking?.refreshBookingData?.();
-					return;
-				}
-				if (data) handleSelectClient([data]);
-				getClients({
-					...state.client.clientsParams,
-					search: "",
-					customer_id: data?.id,
-					skip: 1
-				});
-			}
-		});
-	};
-	const menus = (0, react.useMemo)(() => {
-		let list = [{
-			key: "remove",
-			label: __pisell_utils.locales.getText("pisell2.text.remove-customer")
-		}];
-		if (state.disabledEdit) list = list.filter((d) => d.key === "view");
-		return list;
-	}, [state.disabledEdit]);
-	const handleRemoveClient = () => {
-		if (state.disabledEdit) return;
-		handleSelectClient([require_model.walkInData]);
-		onRemoveClient?.();
-	};
-	const menuChange = (e) => {
-		e.domEvent.stopPropagation();
-		({
-			view: handleViewClient,
-			change: handleOpenClientModal,
-			remove: handleRemoveClient
-		})[e.key]();
-	};
-	const setClient = (client) => {
-		setGlobalState({ client: {
-			...stateRef.current.client,
-			...client
-		} });
-	};
-	/**
-	* @title: 置换客户id到子店铺
-	* @description:
-	* @param {number} id
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-05-29 17:26
-	*/
-	const _getFranchiseeCustomerInfo = async (customer) => {
-		try {
-			setFranchiseeLoading(customer.id);
-			const res = await require_serve.getFranchiseeCustomerInfo({ franchisor_customer_id: customer.id });
-			setFranchiseeLoading(0);
-			return {
-				...customer,
-				id: res.franchisee_customer_id
-			};
-		} catch (err) {
-			setFranchiseeLoading(0);
-		}
-	};
-	const getNickname = (0, react.useCallback)((item) => {
-		if (require_utils.isWalkIn(item?.id)) return __pisell_utils.locales.getText("pisell2.text.select-a-customer");
-		const firstLastName = item.first_name || item.last_name ? `${item.first_name} ${item.last_name}` : "";
-		return item.name || (item.display_name || "").trim() || (item.nickname || "").trim() || firstLastName.trim() || "";
-	}, [__pisell_utils.locales.localeMap]);
-	(0, react.useEffect)(() => {
-		if (state.action) state.action({
-			type: "pisell1.registerPlugin",
-			data: { pluginList: ["CustomerDetailPlugin"] }
-		});
-	}, []);
-	const handleSelectClient = async (value) => {
-		let _value = value?.[value.length - 1] || require_model.walkInData;
-		if (_value.loading) return;
-		if (state.isFranchisee && _value.franchisee_customer_id === 0) {
-			try {
-				_value = await _getFranchiseeCustomerInfo(_value);
-			} catch (err) {}
-			if (!_value) return;
-		}
-		setClient({
-			value: {
-				..._value,
-				name: getNickname(_value)
-			},
-			edit: true
-		});
-		return new Promise((resolve) => {
-			resolve(0);
-		});
-	};
-	const handleCreateItem = (cb) => {
-		state.action({
-			type: "pisell1.handleOpenAddCustomerModal",
-			data: {
-				showReceiveAddress: false,
-				showAcceptsMarketing: false
-			},
-			callback: (customer_id, params$1) => {
-				cb?.();
-				setClient({ clients: [...params$1?.[0]?.customer ? [{
-					...params$1?.[0]?.customer,
-					id: customer_id,
-					form_record: []
-				}] : [], ...state.client?.clients || []] });
-			}
-		});
-	};
-	const searchChange = (search) => {
-		getClients({
-			...paramsRef.current,
-			skip: 1,
-			search
-		});
-	};
-	return {
-		setClient,
-		isWalkIn: isWalkIn$1,
-		handleSelectClient,
-		menuChange,
-		handleViewClient,
-		menus,
-		handleCreateItem,
-		getClients,
-		params,
-		searchChange,
-		loading,
-		loadMore: (0, react.useMemo)(() => {
-			return state.client.clients.length < params.total || 0 ? /* @__PURE__ */ react.default.createElement("div", {
-				className: "",
-				style: {
-					textAlign: "center",
-					padding: "16px 0"
-				}
-			}, /* @__PURE__ */ react.default.createElement(antd.Button, {
-				loading: loadLoading,
-				onClick: () => {
-					getClients({
-						...params,
-						skip: params.skip + 1
-					});
-				}
-			}, __pisell_utils.locales.getText("pisell2.text.load-more"))) : null;
-		}, [
-			loadLoading,
-			params,
-			state.client.clients.length
-		]),
-		handleOpenClientModal,
-		getNickname,
-		franchiseeLoading
-	};
-};
-var useClientFn_default = useClientFn;
-
-//#endregion
-exports.default = useClientFn_default;

package/dist/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.js

@@ -1,21 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-let ahooks = require("ahooks");
-
-//#region src/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.ts
-const useIsLowSpeedNetwork = () => {
-	const networkState = (0, ahooks.useNetwork)();
-	const isLowSpeedNetwork = (0, react.useRef)(false);
-	isLowSpeedNetwork.current = (0, react.useMemo)(() => {
-		return [
-			"slow-2g",
-			"2g",
-			"3g"
-		].includes(networkState?.effectiveType || "") || (networkState?.downlink || 20) <= 1 || (networkState?.rtt || 0) > 500;
-	}, [networkState]);
-	return isLowSpeedNetwork;
-};
-var useIsLowSpeedNetwork_default = useIsLowSpeedNetwork;
-
-//#endregion
-exports.default = useIsLowSpeedNetwork_default;

package/dist/lib/components/booking/info/clientVariant/index.d.ts

@@ -1 +0,0 @@
-import { VerticalClient } from "./vertical/index.js";

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

@@ -1,12 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let __pisell_utils = require("@pisell/utils");
-
-//#region src/components/booking/info/clientVariant/utils.ts
-const getWaiverTitle = (waiverForm) => {
-	return (waiverForm || []).map((item) => {
-		return `${item.form_title || ""}:${item.is_filled ? __pisell_utils.locales.getText("pisell2.text.filled") : __pisell_utils.locales.getText("pisell2.text.not-filled")}`;
-	}).join(";");
-};
-
-//#endregion
-exports.getWaiverTitle = getWaiverTitle;

package/dist/lib/components/booking/info/clientVariant/vertical/SelectDrawer.js

@@ -1,251 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
-const require_utils = require('../../../utils.js');
-const require_utils$1 = require('../../utils.js');
-const require_index = require('../../../components/drawer/index.js');
-const require_utils$2 = require('../utils.js');
-const require_format = require('../../../forms/format.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let antd = require("antd");
-let __pisell_utils = require("@pisell/utils");
-let __pisell_icon_es_PlusCircle = require("@pisell/icon/es/PlusCircle");
-__pisell_icon_es_PlusCircle = require_rolldown_runtime.__toESM(__pisell_icon_es_PlusCircle);
-let __pisell_icon_es_User01 = require("@pisell/icon/es/User01");
-__pisell_icon_es_User01 = require_rolldown_runtime.__toESM(__pisell_icon_es_User01);
-let __pisell_icon_es_SearchLg = require("@pisell/icon/es/SearchLg");
-__pisell_icon_es_SearchLg = require_rolldown_runtime.__toESM(__pisell_icon_es_SearchLg);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let __pisell_icon_es_Plus = require("@pisell/icon/es/Plus");
-__pisell_icon_es_Plus = require_rolldown_runtime.__toESM(__pisell_icon_es_Plus);
-require("./SelectDrawer.less");
-
-//#region src/components/booking/info/clientVariant/vertical/SelectDrawer.tsx
-const ActionItem = (props) => {
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: "vertical-client-select-drawer-item-wrap",
-		onClick: props.onClick
-	}, /* @__PURE__ */ react.default.createElement("span", { className: "vertical-client-item-icon-wrap" }, /* @__PURE__ */ react.default.createElement(__pisell_icon_es_Plus.default, { style: {
-		fontSize: 28,
-		color: "#7F56D9"
-	} })), /* @__PURE__ */ react.default.createElement("span", { className: "vertical-client-item-title" }, props.title));
-};
-const Item = ({ cover, onClick, title, desc, coverSize, checked, style, loading, waiverForm }) => {
-	const waiverTitle = (0, react.useMemo)(() => {
-		return require_utils$2.getWaiverTitle(waiverForm);
-	}, [waiverForm]);
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: (0, classnames.default)("vertical-client-select-drawer-item-wrap", { ["checked"]: checked }),
-		onClick,
-		style
-	}, /* @__PURE__ */ react.default.createElement(antd.Avatar, {
-		className: "pisell-lowcode__booking-client-list-item-avatar",
-		src: __pisell_utils.image.ali(cover, 100) || void 0,
-		size: coverSize || 56,
-		icon: /* @__PURE__ */ react.default.createElement(__pisell_icon_es_User01.default, { className: "pisell-lowcode__booking-client-list-item-avatar-icon" })
-	}), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info" }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-name" }, title), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-client-list-item-info-desc" }, (desc || []).map((d) => /* @__PURE__ */ react.default.createElement("div", {
-		className: "",
-		title: d
-	}, d))), /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-lowcode__booking-client-list-item-info-desc-waiver",
-		title: waiverTitle
-	}, (waiverForm || []).map((item) => {
-		return /* @__PURE__ */ react.default.createElement("span", null, item.form_title, ":", item.is_filled ? /* @__PURE__ */ react.default.createElement("span", { className: "pisell-lowcode__booking-client-list-item-info-desc-filled" }, __pisell_utils.locales.getText("pisell2.text.filled")) : /* @__PURE__ */ react.default.createElement("span", { className: "pisell-lowcode__booking-client-list-item-info-desc-not-filled" }, __pisell_utils.locales.getText("pisell2.text.not-filled")), "; ");
-	}))), /* @__PURE__ */ react.default.createElement(antd.Spin, { spinning: !!loading }));
-};
-const defaultArr = [];
-const SelectDrawer = (props, ref) => {
-	const { autoFocus, onClose, handleSelectClient, handleCreateItem, childrenValue, handleSelectPet, formData, searchChange, options, loading, holder, client, loadMore, showPet, handleAddPet, modalOpen, franchiseeLoading, showHeader, showWalkIn } = props;
-	const form = formData?.[0] || {};
-	const valList = childrenValue?.[form.id] || defaultArr;
-	const [_value, setValue] = (0, react.useState)(valList);
-	const clientRef = (0, react.useRef)();
-	const searchRef = (0, react.useRef)();
-	const [open, setOpen] = (0, react.useState)(false);
-	const [search, setSearch] = (0, react.useState)("");
-	(0, react.useEffect)(() => {
-		setValue(valList.map((item) => ({
-			...item,
-			id: item.id || item.form_record_id
-		})));
-	}, [valList, open]);
-	(0, react.useEffect)(() => {
-		if (!modalOpen) setOpen(false);
-	}, [modalOpen]);
-	const closeDrawer = () => {
-		setOpen(false);
-		setSearch("");
-		onClose?.();
-	};
-	const handleOpenModal = () => {
-		setOpen(true);
-		if (autoFocus) setTimeout(() => {
-			searchRef.current?.focus?.();
-		}, 400);
-	};
-	(0, react.useImperativeHandle)(ref, () => {
-		return {
-			open: handleOpenModal,
-			close: () => {
-				setOpen(false);
-			},
-			setSearch: (val) => {
-				setSearch(val);
-			}
-		};
-	});
-	(0, react.useEffect)(() => {
-		if (!open) clientRef.current = null;
-	}, [open]);
-	const getNickname = (0, react.useCallback)((item) => {
-		if (require_utils.isWalkIn(item?.id)) return __pisell_utils.locales.getText("pisell2.text.select-a-customer");
-		const firstLastName = item.first_name || item.last_name ? `${item.first_name} ${item.last_name}` : "";
-		return item.name || (item.display_name || "").trim() || (item.nickname || "").trim() || firstLastName.trim() || "";
-	}, [__pisell_utils.locales.localeMap]);
-	const handleAddClient = () => {
-		handleCreateItem(() => {
-			setSearch("");
-		});
-	};
-	const handleChildrenValueChange = async (value, item) => {
-		let clientId = client.id;
-		if (!client?.id || client.id === 1) clientId = clientRef.current?.id || item.id;
-		if (mode === "single") {
-			if (!client?.id || client.id === 1) await handleSelectClient([item]);
-			handleSelectPet({ [form.id]: require_format.formatAddFormValues({
-				clientId,
-				value: [value],
-				data_range: holder.data_range
-			}) });
-			setTimeout(() => {
-				closeDrawer();
-			});
-		} else {
-			const index = _value.findIndex((item$1) => item$1.id === value.id || item$1.form_record_id === value.id);
-			if (!clientRef.current) clientRef.current = item;
-			if (index >= 0) {
-				const newList = [..._value];
-				newList.splice(index, 1);
-				setValue(require_format.formatAddFormValues({
-					clientId,
-					value: newList,
-					data_range: holder.data_range
-				}));
-			} else setValue(require_format.formatAddFormValues({
-				clientId,
-				value: [..._value, value],
-				data_range: holder.data_range
-			}));
-		}
-	};
-	const mode = (0, react.useMemo)(() => {
-		if (["form"].includes(holder?.type)) return "single";
-		if (["table"].includes(holder?.type)) return "multiple";
-		return holder?.type;
-	}, [holder?.type]);
-	const handleOk = async () => {
-		if (!client?.id || client?.id === 1) await handleSelectClient([clientRef.current]);
-		handleSelectPet({ [holder?.form?.id]: _value });
-		closeDrawer();
-	};
-	const handleClientClick = async (item) => {
-		await handleSelectClient([item]);
-		if (mode === "multiple") {
-			const isHasChildren = _value.some((val) => item.form_record.some((f) => f.id || f.form_record_id === val.id || val.form_record_id));
-			handleSelectPet({ [form.id]: require_utils$1.uniqueByField([...require_format.sortFormValues(_value, item.id), ...isHasChildren ? [] : require_format.formatAddFormValues({
-				clientId: item.id,
-				data_range: holder.data_range,
-				value: item.form_record?.map((f) => ({
-					...f,
-					customer: item
-				}))
-			})], "id") });
-		}
-		closeDrawer();
-	};
-	return /* @__PURE__ */ react.default.createElement(require_index.default, {
-		showGoBack: showHeader,
-		title: showHeader && __pisell_utils.locales.getText("pisell2.text.select-customer"),
-		open,
-		onClose: closeDrawer,
-		header: /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement(antd.Input, {
-			ref: searchRef,
-			prefix: /* @__PURE__ */ react.default.createElement(__pisell_icon_es_SearchLg.default, null),
-			style: {
-				margin: "16px 0",
-				height: 44
-			},
-			placeholder: __pisell_utils.locales.getText("pisell2.text.search"),
-			value: search,
-			allowClear: true,
-			onChange: (e) => {
-				setSearch(e.target.value);
-				if (searchChange) searchChange(e.target.value);
-			}
-		})),
-		width: 300,
-		titleNoWrap: true,
-		getContainer: false,
-		destroyOnClose: true,
-		push: { distance: 180 },
-		footer: mode === "multiple" && /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement(antd.Button, {
-			block: true,
-			type: "primary",
-			onClick: handleOk,
-			loading: !!franchiseeLoading
-		}, __pisell_utils.locales.getText("pisell2.text.apply")))
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "vertical-client-select-drawer-content-wrap" }, /* @__PURE__ */ react.default.createElement("div", { className: "vertical-client-select-drawer-top" }, /* @__PURE__ */ react.default.createElement(ActionItem, {
-		title: __pisell_utils.locales.getText("pisell2.text.create-new-customer"),
-		onClick: handleAddClient
-	}), showWalkIn ? /* @__PURE__ */ react.default.createElement(ActionItem, {
-		title: "Walk-In",
-		onClick: () => {
-			handleSelectClient([]);
-			closeDrawer();
-		}
-	}) : null), /* @__PURE__ */ react.default.createElement(antd.Spin, {
-		spinning: !!loading,
-		delay: 500
-	}, !!options.length ? options.map((item) => {
-		return /* @__PURE__ */ react.default.createElement("div", {
-			className: "vertical-client-select-drawer-content-item",
-			key: item.id
-		}, /* @__PURE__ */ react.default.createElement(Item, {
-			onClick: () => handleClientClick(item),
-			cover: item.cover,
-			title: getNickname(item),
-			desc: [item.email, item.phone],
-			checked: item.id === client.id,
-			style: showPet ? { marginBottom: 6 } : {},
-			loading: franchiseeLoading === item.id,
-			waiverForm: item.waiver_form
-		}), showPet && /* @__PURE__ */ react.default.createElement("div", { className: "vertical-client-select-drawer-content-item-children" }, (item?.form_record || []).map((f) => {
-			const checked = _value.some((item$1) => item$1.id === f.id || item$1.form_record_id === f.id);
-			return /* @__PURE__ */ react.default.createElement("div", {
-				onClick: () => {
-					handleChildrenValueChange({
-						...f,
-						customer: item
-					}, item);
-				},
-				id: `${f.id}`,
-				key: f.id,
-				className: (0, classnames.default)("vertical-client-select-drawer-content-item-children-item", { ["checked"]: checked })
-			}, mode === "multiple" && /* @__PURE__ */ react.default.createElement(antd.Checkbox, { checked }), /* @__PURE__ */ react.default.createElement(Item, {
-				coverSize: 48,
-				title: f.main_field,
-				loading: false
-			}));
-		}), /* @__PURE__ */ react.default.createElement("div", {
-			className: "pisell-lowcode__custom-select-create",
-			onClick: () => {
-				handleAddPet?.(item);
-			},
-			style: { padding: 16 }
-		}, /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(__pisell_icon_es_PlusCircle.default, { className: "pisell-lowcode__custom-select-create-icon" }), /* @__PURE__ */ react.default.createElement("span", { className: "pisell-lowcode__custom-select-create-txt" }, `${__pisell_utils.locales.getText("pisell2.text.create-new")} ${holder.form?.title || "-"}`))), /* @__PURE__ */ react.default.createElement("div", null)));
-	}) : /* @__PURE__ */ react.default.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE }), /* @__PURE__ */ react.default.createElement("div", null, loadMore))));
-};
-var SelectDrawer_default = (0, react.forwardRef)(SelectDrawer);
-
-//#endregion
-exports.default = SelectDrawer_default;

package/dist/lib/components/booking/info/clientVariant/vertical/SelectDrawer.less

@@ -1,103 +0,0 @@
-.vertical-client-select-drawer-content-wrap {
-  padding:0 12px 12px;
-}
-.vertical-client-select-drawer-top {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  padding: 0 0 12px;
-  border-bottom: 1px solid var(--Gray-200, #eaecf0);
-}
-
-.vertical-client-select-drawer-item-wrap {
-  display: flex;
-  padding: 8px 12px;
-  align-items: center;
-  gap: 10px;
-  align-self: stretch;
-  cursor: pointer;
-  border-radius: 8px;
-  overflow: hidden;
-  &:hover {
-    background: var(--Gray-true-50, #fafafa);
-  }
-  &.checked {
-    background: var(--Gray-true-50, #EAECF0);
-  }
-  .pisell-lowcode__booking-client-list-item-avatar {
-    flex-shrink: 0;
-  }
-  .pisell-lowcode__booking-client-list-item-info {
-    overflow: hidden;
-  }
-  .pisell-lowcode__booking-client-list-item-info-desc-waiver {
-    color: var(--Gray-400, #98A2B3);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px; /* 142.857% */
-    text-overflow: ellipsis;
-    overflow: hidden;
-    height: 20px;
-    white-space: nowrap;
-  }
-  .pisell-lowcode__booking-client-list-item-info-desc-filled {
-    color: var(--Success-600, #079455);
-  }
-  .pisell-lowcode__booking-client-list-item-info-desc-not-filled {
-    color: var(--Error-600, #D92D20);
-  }
-  .vertical-client-item-icon-wrap {
-    display: flex;
-    width: 56px;
-    height: 56px;
-    justify-content: center;
-    align-items: center;
-    gap: 10px;
-    border-radius: 50px;
-    background: var(--Primary-100, #f4ebff);
-  }
-  .vertical-client-item-title {
-    color: var(--Text-Text_1, #1B1B1B);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 22px; /* 137.5% */
-  }
-}
-.vertical-client-select-drawer-content-item {
-  //border-bottom: 1px solid var(--Gray-200, #eaecf0);
-  //margin-bottom: 24px;
-  padding: 12px 0;
-  border: none;
-}
-.vertical-client-select-drawer-content-item-children {
-  margin-left: 18px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  border-bottom: 1px solid var(--Gray-200, #eaecf0);
-  .pisell-lowcode__custom-select-create {
-    border: none;
-  }
-  .vertical-client-select-drawer-content-item-children-item {
-    display: flex;
-    border-radius: 8px;
-    padding: 0 12px;
-    cursor: pointer;
-    &:hover {
-      background: var(--Gray-true-50, #fafafa);
-    }
-    &.checked {
-      background: var(--Gray-true-50, #EAECF0);
-    }
-    .vertical-client-select-drawer-item-wrap {
-      &:hover {
-        background-color: transparent;
-      }
-      &.checked {
-        background-color: transparent;
-      }
-    }
-  }
-}

package/dist/lib/components/booking/info/clientVariant/vertical/index.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import "./index.less";
-
-//#region src/components/booking/info/clientVariant/vertical/index.d.ts
-interface VerticalClientProps {
-  globalState: any;
-  setGlobalState: any;
-}
-declare const VerticalClient: React.ForwardRefExoticComponent<VerticalClientProps & React.RefAttributes<unknown>>;
-//#endregion
-export { VerticalClient };