@pisell/private-materials 6.6.7 → 6.6.9

package/dist/es/components/booking/info/hooks/useAddHolder.js

@@ -0,0 +1,86 @@
+import { handleChangeHolder } from "../service2/utils.js";
+import { isWalkIn } from "../../utils.js";
+import useGetHolderList_default from "./useGetHolderList.js";
+import { getFormDetail } from "../pet/serve.js";
+import { useEffect, useMemo, useState } from "react";
+
+//#region src/components/booking/info/hooks/useAddHolder.ts
+const useFormDataConfig = (state) => {
+	const formDataConfig = useMemo(() => {
+		let _holder = state?.bookingConfig?.holder;
+		if (!_holder) return null;
+		return {
+			..._holder,
+			..._holder?.form,
+			options: [],
+			form_id: _holder?.form?.id,
+			field: _holder?.form?.form_field,
+			relation_type: "appointment_booking",
+			form_record: []
+		};
+	}, [state?.bookingConfig?.holder]);
+	return {
+		formDataConfig,
+		isMinorAndWaiver: useMemo(() => {
+			if (formDataConfig?.form_type === "minors") {
+				const detail = formDataConfig?.form_field.find((item) => item.filed_type === "form_to_form" && item.status === "hide");
+				if (detail) return detail?.setting?.linkedTable;
+				return false;
+			}
+			return false;
+		}, [formDataConfig])
+	};
+};
+const useAddHolder = (state, dispatch) => {
+	const [waiverForm, setWaiverForm] = useState(null);
+	const getHolders = useGetHolderList_default(state, dispatch);
+	const { formDataConfig, isMinorAndWaiver } = useFormDataConfig(state);
+	useEffect(() => {
+		if (isMinorAndWaiver) getFormDetail(isMinorAndWaiver).then((res) => {
+			setWaiverForm(res);
+			dispatch({
+				type: "setPet",
+				payload: { waiverForm: res }
+			});
+		});
+	}, [isMinorAndWaiver]);
+	const handleAddHolder = (products, currentItem) => {
+		let _data = { formDataConfig: isMinorAndWaiver ? {
+			...waiverForm,
+			customer_id: state.client?.value?.id,
+			is_franchisor: formDataConfig.is_franchisor
+		} : { ...formDataConfig } };
+		const isWalkInBol = isWalkIn(state.client?.value?.id);
+		if (formDataConfig.data_range === "customer" && !isWalkInBol) _data.customerId = state.client?.value.id;
+		state.action({
+			type: "pisell1.goCustomFormAddData",
+			data: _data,
+			callback: async (res) => {
+				let obj = {};
+				for (let item of res) obj[item.key] = item.value;
+				if (isMinorAndWaiver) {
+					const oldList = state?.pet?.holders || [];
+					const formValue = (obj["form_to_form_value"] || []).find((item) => item.form_id === formDataConfig.form_id)?.form_data_value || [];
+					const selectId = Math.max(...formValue);
+					const oldDetail = oldList.find((item) => item.form_record_id === selectId);
+					await getHolders();
+					if (formValue.length && !oldDetail) dispatch({
+						type: "setService",
+						payload: { value: handleChangeHolder(products, currentItem, { id: selectId }) }
+					});
+				} else dispatch({
+					type: "setPet",
+					payload: { holders: !isWalkInBol ? [obj, ...state.pet.holders] : state.pet.holders }
+				});
+			}
+		});
+	};
+	return {
+		handleAddHolder,
+		waiverForm
+	};
+};
+var useAddHolder_default = useAddHolder;
+
+//#endregion
+export { useAddHolder_default as default, useFormDataConfig };

package/dist/es/components/booking/info/hooks/useGetHolderList.js

@@ -0,0 +1,25 @@
+import useHolderConfig_default from "./useHolderConfig.js";
+import { useMemoizedFn } from "ahooks";
+
+//#region src/components/booking/info/hooks/useGetHolderList.ts
+const useGetHolderList = (state, dispatch) => {
+	const { holder, appointment_subject } = useHolderConfig_default(state);
+	return useMemoizedFn(async () => {
+		if (holder.data_range === "customer" && !state.client?.value?.id) return;
+		const params = {
+			form_id: appointment_subject.form_id,
+			source_shop_customer: holder?.form?.is_franchisor,
+			customer_id: holder.data_range === "customer" ? state.client?.value?.id : void 0,
+			skip: 1,
+			num: 100
+		};
+		dispatch({
+			type: "setPet",
+			payload: { holders: (await state.apis.getPetsData(params)).list }
+		});
+	});
+};
+var useGetHolderList_default = useGetHolderList;
+
+//#endregion
+export { useGetHolderList_default as default };

package/dist/es/components/booking/info/hooks/useHolderConfig.js

@@ -0,0 +1,34 @@
+import { isWalkIn } from "../../utils.js";
+import { useMemo } from "react";
+
+//#region src/components/booking/info/hooks/useHolderConfig.ts
+const useHolderConfig = (state) => {
+	const appointment_subject = useMemo(() => {
+		return state?.bookingConfig?.config?.basic?.appointment_subject || {};
+	}, [state?.bookingConfig?.config?.basic?.appointment_subject]);
+	const holder = useMemo(() => {
+		return state?.bookingConfig?.holder || {};
+	}, [state?.bookingConfig?.holder]);
+	const isFormSubject = useMemo(() => {
+		return appointment_subject.type === "form";
+	}, [appointment_subject.type]);
+	const isWalkInBol = useMemo(() => {
+		return isWalkIn(state?.client?.value?.id);
+	}, [state?.client?.value?.id]);
+	return {
+		appointment_subject,
+		holder,
+		isFormSubject,
+		isCustomerSubject: useMemo(() => {
+			return appointment_subject.type === "customer";
+		}, [appointment_subject.type]),
+		isWalkInBol,
+		isShowChangeHolder: useMemo(() => {
+			return isFormSubject && !isWalkInBol;
+		}, [isFormSubject, isWalkInBol])
+	};
+};
+var useHolderConfig_default = useHolderConfig;
+
+//#endregion
+export { useHolderConfig_default as default };

package/dist/es/components/booking/info/hooks/useInfoHolder.js

@@ -0,0 +1,61 @@
+import { getProductExtend } from "../../info2/service/addService/utils.js";
+import { isOpenAddTime } from "../utils.js";
+import useHolderConfig_default from "./useHolderConfig.js";
+import useGetHolderList_default from "./useGetHolderList.js";
+import { useEffect, useMemo, useRef } from "react";
+import { useMemoizedFn } from "ahooks";
+
+//#region src/components/booking/info/hooks/useInfoHolder.ts
+const useInfoHolder = (state, dispatch) => {
+	const detailRef = useRef();
+	const { holder, isFormSubject, appointment_subject } = useHolderConfig_default(state);
+	const getHolders = useGetHolderList_default(state, dispatch);
+	useEffect(() => {
+		if (isFormSubject) getHolders();
+	}, [
+		appointment_subject,
+		holder,
+		state.client?.value?.id
+	]);
+	const showAddTimeModal = useMemo(() => {
+		return isOpenAddTime(state) && !state.isBookingTicket2;
+	}, [state, useMemo(() => {
+		return state?.bookingConfig?.config?.information_tab?.appointment_card || { quick_time: 1 };
+	}, [state?.bookingConfig?.config?.information_tab]).quick_time]);
+	const handleEdit = useMemoizedFn((cacheItem, type) => {
+		console.time("handleEdit");
+		console.log(performance.now() - window.pp1, "打开商品4");
+		detailRef.current?.init?.(cacheItem, false, type === "edit_product");
+	});
+	const dispatchService = (type, payload) => {
+		dispatch({
+			type,
+			payload: { ...payload }
+		});
+	};
+	return {
+		detailRef,
+		handleEdit,
+		dispatchService,
+		handleAction: useMemoizedFn((dataSource) => {
+			dispatch({
+				type: "setService",
+				payload: {
+					addTimeModal: true,
+					cacheItem: getProductExtend({
+						cacheItem: {
+							...dataSource._origin,
+							new: 0
+						},
+						state
+					})
+				}
+			});
+		}),
+		showAddTimeModal
+	};
+};
+var useInfoHolder_default = useInfoHolder;
+
+//#endregion
+export { useInfoHolder_default as default };

package/dist/es/components/booking/info/index.d.ts

@@ -0,0 +1,6 @@
+import { InfoProps } from "./main.js";
+
+//#region src/components/booking/info/index.d.ts
+declare const APP: (props: InfoProps) => JSX.Element;
+//#endregion
+export { APP };

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

@@ -0,0 +1,20 @@
+import { isBooking4Shop } from "./utils.js";
+import useEngineContext_default from "../../../hooks/useEngineContext.js";
+import info2_default from "../info2/index.js";
+import main_default from "./main.js";
+import React from "react";
+import { Skeleton } from "antd";
+
+//#region src/components/booking/info/index.tsx
+const APP = (props) => {
+	const context = useEngineContext_default();
+	const { globalState } = props;
+	const isBooking4 = isBooking4Shop(context.appHelper.utils.store?.getState?.()?.global?.globalConfig?.id, globalState?.renderType, context.appHelper.utils?.businessUtils);
+	if (!context.appHelper.utils.store?.getState?.()?.global?.globalConfig?.id) return /* @__PURE__ */ React.createElement("div", { style: { padding: 16 } }, /* @__PURE__ */ React.createElement(Skeleton, null));
+	if (isBooking4 && (!globalState?.bookingId || globalState?.isParallelResourcesBooking)) return /* @__PURE__ */ React.createElement(info2_default, props);
+	return /* @__PURE__ */ React.createElement(main_default, props);
+};
+var info_default = APP;
+
+//#endregion
+export { info_default as default };

package/dist/es/components/booking/info/index.less

@@ -0,0 +1,37 @@
+.booking-info-warp {
+  position: relative;
+
+  .booking-info {
+    padding-bottom: 16px;
+
+  }
+
+  // &::before {
+  //   content: '';
+  //   position: absolute;
+  //   top: 0;
+  //   left: 0;
+  //   width: 100%;
+  //   height: 42px;
+  //   background: #069456;
+  // }
+}
+#create-booking-page-info-wrap {
+  .pisell-lowcode__booking-tab-pane-footer {
+    padding: 12px 16px !important;
+  }
+}
+.create-booking-page-info-wrap-create {
+  background: var(--Success-50, #ECFDF3);
+}
+.create-booking-page-info-wrap {
+  position: initial !important;
+  padding: 0 16px !important;
+  .booking-info-create-new {
+    margin-top: 10px;
+    color: var(--Base-Black, #000);
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 32px;
+  }
+}

package/dist/es/components/booking/info/main.d.ts

@@ -0,0 +1,14 @@
+import "./index.less";
+
+//#region src/components/booking/info/main.d.ts
+interface InfoProps {
+  style: any;
+  globalState: any;
+  callback: any;
+  setGlobalState: any;
+  modules: any;
+  slot: any;
+  setState: any;
+}
+//#endregion
+export { InfoProps };

package/dist/es/components/booking/info/main.js

@@ -0,0 +1,135 @@
+import { getLocale } from "../../../utils/locales.js";
+import locales_default from "../locales.js";
+import { isDayBooking, isEventBooking, isTerminalDayBooking } from "./service2/utils.js";
+import { findNextDuration, flexibleObj, formatResource, getErrorList, request, sliceDayIntoFiveMinutes } from "../utils.js";
+import { Context, Provider } from "./model.js";
+import client_default from "./client/index.js";
+import useEngineContext_default from "../../../hooks/useEngineContext.js";
+import tabPane_default from "../components/tabPane/index.js";
+import footer_default from "../components/footer/index.js";
+import pet_default from "./pet/index.js";
+import date_default, { updateServiceDate } from "./date/index.js";
+import addNote_default from "../notes/addNote/index.js";
+import header_default from "./header/index.js";
+import notes_default from "./notes/index.js";
+import useCreateBookingPageHeader_default from "../hooks/useCreateBookingPageHeader.js";
+import service_default from "./service/index.js";
+import { Service2Cart } from "./service2/index.js";
+import React, { useContext, useEffect, useMemo } from "react";
+import { Skeleton } from "antd";
+import { locales } from "@pisell/utils";
+import classNames from "classnames";
+import "./index.less";
+
+//#region src/components/booking/info/main.tsx
+const defaultModules = {
+	client: 1,
+	date: 1,
+	service: 1,
+	holder: 1,
+	note: 1,
+	service2: 0
+};
+locales.init(locales_default, getLocale());
+const Info = Provider((props) => {
+	const { style, globalState, modules = defaultModules, slot } = props;
+	const modal = useContext(Context);
+	const context = useEngineContext_default();
+	request.setRequest(context.appHelper.utils.request);
+	const params = useMemo(() => {
+		return modal.state?.bookingConfig?.config?.basic?.appointment_subject || {};
+	}, [modal.state?.bookingConfig?.config?.basic?.appointment_subject]);
+	const { createHeader, isBookingCreatePage, isBookingCreatePageCreateMode } = useCreateBookingPageHeader_default(globalState);
+	useEffect(() => {
+		document.body.id = "body";
+		if (props.setState) props.setState({ bookingFunctions: {
+			formatResource,
+			getErrorList,
+			sliceDayIntoFiveMinutes,
+			findNextDuration,
+			flexibleObj,
+			updateServiceDate
+		} });
+	}, []);
+	useEffect(() => {
+		const isFranchisee = context?.appHelper?.utils?.businessUtils?.getAppByModal?.("franchisee");
+		modal.dispatch({
+			type: "setState",
+			payload: {
+				setGlobalState: props.setGlobalState,
+				...globalState,
+				isTerminal: context?.appHelper?.utils?.isTerminal?.(),
+				isFranchisee,
+				timezone: context?.appHelper?.utils?.store?.getState()?.global?.globalConfig?.timezone,
+				isDayBooking: globalState?.renderType === "dayBooking"
+			}
+		});
+	}, [globalState]);
+	const addNote = (e) => {
+		modal.dispatch({
+			type: "setNotes",
+			payload: {
+				orderNote: e,
+				edit: true
+			}
+		});
+	};
+	const header = useMemo(() => {
+		if (globalState?.renderType === "eventBooking") return locales.getText("pisell2.text.enroll.detail");
+		return globalState?.bookingId ? /* @__PURE__ */ React.createElement(header_default, {
+			state: modal.state,
+			dispatch: modal.dispatch
+		}) : /* @__PURE__ */ React.createElement("div", {
+			className: "",
+			style: { height: 0 }
+		});
+	}, [
+		globalState?.bookingId,
+		modal.state,
+		modal.dispatch,
+		globalState?.renderType
+	]);
+	const notes = useMemo(() => {
+		if (!modules.note) return null;
+		if (isEventBooking(modal.state)) return null;
+		if (isDayBooking(globalState)) return /* @__PURE__ */ React.createElement(addNote_default, {
+			value: modal.state?.notes?.orderNote,
+			onChange: addNote
+		});
+		return globalState?.bookingId ? globalState.renderType === "eventBooking" || globalState.isBookingCreatePage ? /* @__PURE__ */ React.createElement(notes_default, null) : null : /* @__PURE__ */ React.createElement(addNote_default, {
+			value: modal.state?.notes?.orderNote,
+			onChange: addNote
+		});
+	}, [
+		modules.note,
+		globalState?.bookingId,
+		globalState.render,
+		modal.state?.notes?.orderNote
+	]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, !!modal.state.setGlobalState ? /* @__PURE__ */ React.createElement(tabPane_default, {
+		style: {
+			...style,
+			height: context?.appHelper?.utils?.isMobile ? "100%" : "100vh"
+		},
+		header,
+		footer: /* @__PURE__ */ React.createElement(footer_default, {
+			state: modal.state,
+			dispatch: modal.dispatch,
+			source: "info"
+		}),
+		bodyClassName: classNames("booking-info-warp", {
+			["create-booking-page-info-wrap"]: isBookingCreatePage,
+			["create-booking-page-info-wrap-create"]: isBookingCreatePageCreateMode && !isTerminalDayBooking(modal.state)
+		})
+	}, /* @__PURE__ */ React.createElement("div", { className: "booking-info" }, createHeader, modules.client ? /* @__PURE__ */ React.createElement(client_default, null) : null, modules.holder && !modal.state?.disabledEdit ? /* @__PURE__ */ React.createElement(React.Fragment, null, params.type === "form" ? /* @__PURE__ */ React.createElement(pet_default, null) : null) : null, modules.date ? /* @__PURE__ */ React.createElement(date_default, null) : null, /* @__PURE__ */ React.createElement(Skeleton, {
+		loading: globalState.loading,
+		round: true,
+		active: true,
+		avatar: false,
+		style: { paddingTop: 20 }
+	}, modules.service ? /* @__PURE__ */ React.createElement(React.Fragment, null, modal.state.date.value ? /* @__PURE__ */ React.createElement(service_default, null) : null) : null, modules.service2 ? /* @__PURE__ */ React.createElement(React.Fragment, null, modal.state.date.value ? /* @__PURE__ */ React.createElement(Service2Cart, null) : null) : null, notes, slot ? slot : null))) : null);
+});
+var main_default = Info;
+
+//#endregion
+export { main_default as default };

package/dist/es/components/booking/info/model.js

@@ -0,0 +1,90 @@
+import { formatServiceListByTime } from "./utils.js";
+import { miniRedux } from "@pisell/utils";
+
+//#region src/components/booking/info/model.tsx
+const walkInData = {
+	id: 1,
+	nickname: "Select a customer"
+};
+const defaultState = {};
+const { Provider, Context } = miniRedux({
+	namespace: "state",
+	state: defaultState,
+	effects: {
+		setClient(state, payload) {
+			state.setGlobalState({ client: {
+				...state.client,
+				...payload
+			} });
+		},
+		setService(state, payload) {
+			let obj = {};
+			if (payload.value) obj.value = formatServiceListByTime(payload.value);
+			state.setGlobalState({ service: {
+				...state.service,
+				...payload,
+				...obj
+			} });
+		},
+		setDate(state, payload) {
+			state.setGlobalState({ date: {
+				...state.date,
+				...payload
+			} });
+		},
+		setPet(state, payload) {
+			state.setGlobalState({ pet: {
+				...state.pet,
+				...payload
+			} });
+		},
+		setNotes(state, payload) {
+			state.setGlobalState({ notes: {
+				...state.notes,
+				...payload
+			} });
+		},
+		setPetValue(state, payload) {
+			state.setGlobalState({ pet: {
+				...state.pet,
+				value: {
+					...state.pet.value,
+					...payload
+				},
+				edit: false
+			} });
+		},
+		setStatus(state, payload) {
+			let _val = { appointment_status: payload };
+			if (payload === "cancelled") _val.disabledEdit = true;
+			else _val.disabledEdit = false;
+			state.setGlobalState(_val);
+		},
+		setActiveCartId(state, payload) {
+			state.setGlobalState(payload);
+		},
+		setAddons(state, payload) {
+			state.setGlobalState({ addons: {
+				...state.addons,
+				...payload
+			} });
+		}
+	},
+	reducers: {
+		setStateFn(state, payload) {
+			return {
+				...state,
+				...payload
+			};
+		},
+		setState(state, payload) {
+			return {
+				...state,
+				...payload
+			};
+		}
+	}
+});
+
+//#endregion
+export { Context, Provider, walkInData };

package/dist/es/components/booking/info/notes/index.js

@@ -0,0 +1,62 @@
+import { Context } from "../model.js";
+import NoteBlock_default from "../../notes/NoteBlock/index.js";
+import React, { useContext, useMemo } from "react";
+import { locales } from "@pisell/utils";
+
+//#region src/components/booking/info/notes/index.tsx
+const Notes = () => {
+	const modal = useContext(Context);
+	const orderNote = useMemo(() => {
+		if (!modal.state?.notes?.orderNote) return [];
+		return [{
+			id: 0,
+			content: modal.state?.notes?.orderNote || ""
+		}];
+	}, [modal.state?.notes?.orderNote]);
+	const noteChange = ({ note, status, noteType }) => {
+		if (noteType === "internal") {
+			let _list = [...modal.state?.notes.internalNotes];
+			if (status == "add") _list.push(note);
+			if (status == "remove") _list = _list.filter((item) => item.id != note.id);
+			if (status == "edit") _list = _list.map((item) => {
+				if (item.id == note.id) return note;
+				return item;
+			});
+			modal.dispatch({
+				type: "setNotes",
+				payload: { internalNotes: _list }
+			});
+			modal.state?.refreshData?.({});
+			return;
+		}
+		if (noteType === "order") modal.dispatch({
+			type: "setNotes",
+			payload: {
+				orderNote: note.content || "",
+				edit: false
+			}
+		});
+	};
+	if (orderNote.length === 0 && modal.state.disableEventBookingEdit) return null;
+	return /* @__PURE__ */ React.createElement(NoteBlock_default, {
+		noteType: "order",
+		maxLength: 1,
+		title: `${locales.getText("pisell2.text.order-notes")}:`,
+		describe: "",
+		notes: orderNote,
+		apis: modal?.state?.apis,
+		placeholder: locales.getText("pisell2.text.add-order-notes"),
+		isEdit: false,
+		onChange: (e, type, noteType) => {
+			noteChange({
+				note: e,
+				status: type,
+				noteType
+			});
+		}
+	});
+};
+var notes_default = Notes;
+
+//#endregion
+export { notes_default as default };

package/dist/es/components/booking/info/pet/ChangePetModal/index.js

@@ -0,0 +1,71 @@
+import { appointmentTypes } from "../../service2/status.js";
+import React, { forwardRef, useImperativeHandle, useState } from "react";
+import { locales } from "@pisell/utils";
+import { PisellModal } from "@pisell/materials";
+import "./index.less";
+
+//#region src/components/booking/info/pet/ChangePetModal/index.tsx
+const ChangePetModal = (props, ref) => {
+	const [open, setOpen] = useState(false);
+	const [params, setParams] = useState({});
+	useImperativeHandle(ref, () => ({ open: (e) => {
+		setParams(e);
+		setOpen(true);
+	} }));
+	/**
+	* @title: 确认之后的操作
+	* @description:
+	* @param {string} type
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2024-12-12 22:56
+	*/
+	const handleProduct = (type) => {
+		const { ids, service, dispatch, setGlobalState, state, source } = params;
+		let _service = [...service || []];
+		if (source === "changeClient") if (type === "ok") _service = _service?.filter((item) => !appointmentTypes.includes(item.extension_type));
+		else _service = [];
+		else if (type === "ok") {
+			_service = _service?.map((item) => {
+				if (ids?.includes(item._extend.holder_id)) return {
+					...item,
+					_extend: {
+						...item._extend || {},
+						holder_id: 0
+					}
+				};
+				return item;
+			});
+			_service = _service.filter((item) => !(item?._extend?.holder_id === 0 && appointmentTypes.includes(item.extension_type)));
+		} else _service = _service.filter((item) => !ids.includes(item._extend.holder_id));
+		if (dispatch) dispatch({
+			type: "setService",
+			payload: {
+				value: [..._service],
+				edit: true
+			}
+		});
+		else setGlobalState({ service: {
+			...state.service,
+			edit: true,
+			value: [..._service]
+		} });
+		setOpen(false);
+	};
+	return /* @__PURE__ */ React.createElement(PisellModal.Information, {
+		open,
+		platform: "pc",
+		width: 432,
+		title: locales.getText("pisell2.text.change.pet.title"),
+		describe: /* @__PURE__ */ React.createElement("div", { className: "pisell2-change-pet-modal-content" }, /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.text.change.pet.content")), /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.text.change.pet.content1"))),
+		cancelText: locales.getText("pisell2.text.change.pet.cancel"),
+		okText: locales.getText("pisell2.text.change.pet.confirm"),
+		closable: true,
+		onOk: () => handleProduct("ok"),
+		onCancel: () => handleProduct("cancel")
+	});
+};
+var ChangePetModal_default = forwardRef(ChangePetModal);
+
+//#endregion
+export { ChangePetModal_default as default };

package/dist/es/components/booking/info/pet/ChangePetModal/index.less

@@ -0,0 +1,4 @@
+.pisell2-change-pet-modal-content {
+  display: flex;
+  flex-direction: column;
+}