@pisell/private-materials 6.6.8 → 6.6.9

package/dist/lib/components/booking/info/pet/index.js

@@ -0,0 +1,489 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
+const require_utils = require('../service2/utils.js');
+const require_utils$1 = require('../../utils.js');
+const require_model = require('../model.js');
+const require_useGetHolderList = require('../hooks/useGetHolderList.js');
+const require_useEngineContext = require('../../../../hooks/useEngineContext.js');
+const require_useAddHolder = require('../hooks/useAddHolder.js');
+const require_format = require('../../forms/format.js');
+const require_date = require('../../../../utils/date.js');
+const require_forms = require('../../forms/forms.js');
+const require_index = require('./ChangePetModal/index.js');
+let dayjs = require("dayjs");
+dayjs = require_rolldown_runtime.__toESM(dayjs);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
+let __pisell_utils = require("@pisell/utils");
+let __pisell_icon_es_User01 = require("@pisell/icon/es/User01");
+__pisell_icon_es_User01 = require_rolldown_runtime.__toESM(__pisell_icon_es_User01);
+let ahooks = require("ahooks");
+require("./index.less");
+
+//#region src/components/booking/info/pet/index.tsx
+const defaultParams = {
+	skip: 1,
+	num: 20,
+	total: 0,
+	keyword: ""
+};
+const Pet = (props) => {
+	const { hideTitle, addButtonProps, handleOpenModal, clientChangeNotSetPet, previewItemTitleRender } = props;
+	const [loadLoading, setLoadLoading] = (0, react.useState)(false);
+	const [loading, setLoading] = (0, react.useState)(false);
+	let { state, dispatch } = (0, react.useContext)(require_model.Context);
+	const [valueLoading, setValueLoading] = (0, react.useState)(false);
+	const { isTerminal } = require_useEngineContext.default().appHelper?.utils || {};
+	const [params, setParams] = (0, react.useState)(defaultParams);
+	const changePetRef = (0, react.useRef)(null);
+	state = state || props?.state;
+	dispatch = dispatch || props?.dispatch;
+	const { waiverForm } = require_useAddHolder.default(state, dispatch);
+	const { isMinorAndWaiver } = require_useAddHolder.useFormDataConfig(state);
+	const getHolders = require_useGetHolderList.default(state, dispatch);
+	console.log("waiver", props, state);
+	const boardParams = (0, react.useMemo)(() => {
+		return state?.bookingConfig?.config?.basic?.appointment_subject || {};
+	}, [state?.bookingConfig?.config?.basic?.appointment_subject]);
+	/**
+	* @title: 预约主体
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-27 14:22
+	*/
+	const petForm = (0, react.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]);
+	/**
+	* @title: 获取表单数据
+	* @description:
+	* @param {any} param1
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-27 14:22
+	*/
+	const getFormData = async ({ formData }, _params = defaultParams) => {
+		setLoading(true);
+		let _list = [];
+		if (!(formData.data_range === "customer" && require_utils$1.isWalkIn(state.client?.value?.id))) {
+			let _values = {
+				form_id: boardParams.form_id,
+				..._params,
+				source_shop_customer: petForm?.is_franchisor
+			};
+			if (formData.data_range === "customer") _values.customer_id = state.client?.value?.id;
+			const data = await state.apis.getPetsData(_values);
+			_list = [...formData.options];
+			if (_params.skip === 1) _list = data?.list || [];
+			else (data?.list || []).forEach((item) => {
+				const index = _list.findIndex((old) => old.id === item.id);
+				if (index > -1) _list[index] = item;
+				else _list.push(item);
+			});
+			setParams({
+				...params,
+				..._params,
+				total: data?.count || 0
+			});
+		} else setParams((o) => ({
+			...o,
+			total: 0
+		}));
+		dispatch({
+			type: "setPet",
+			payload: {
+				formData: [{
+					...formData,
+					options: _list
+				}],
+				pets: _list
+			}
+		});
+		setLoading(false);
+	};
+	const setPetOptions = (options) => {
+		if (state.pet?.formData?.[0].data_range === "customer" && require_utils$1.isWalkIn(state.client?.value?.id)) return;
+		dispatch({
+			type: "setPet",
+			payload: {
+				formData: [{
+					...state.pet?.formData?.[0],
+					options
+				}],
+				pets: options,
+				holders: [options[0], ...state.pet?.holders]
+			}
+		});
+	};
+	/**
+	* @title: 获取预约主体表单
+	* @description:
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-27 14:20
+	*/
+	const getForms = async (isUpdateValue = true) => {
+		let values = { ...state.pet.value };
+		let recordIds = [];
+		if (require_utils.isEventBooking(state)) recordIds = state.bookingDetail?.bookings.list.reduce((acc, cur) => {
+			return Array.from(new Set([...acc, ...cur.holder.form_record]));
+		}, []);
+		else recordIds = state.bookingDetail?.holder?.form_record || [];
+		let isSetValue = isUpdateValue && values[boardParams?.form_id] === void 0 && recordIds?.length;
+		if (isSetValue) setValueLoading(true);
+		try {
+			let formData = petForm;
+			if (state.renderType === "eventBooking") {
+				formData = await state.apis.getForms({
+					relation_type: "event_booking_v2",
+					relation_id: state.bookingDetail?.bookings?.id || 0
+				});
+				formData = (formData || []).filter((d) => d.form_id === boardParams?.form_id)[0];
+				formData = {
+					...formData,
+					...formData.form,
+					form_id: formData.form.id,
+					options: [],
+					type: formData.type
+				};
+			}
+			let payload = { formData: [formData] };
+			if (isSetValue) {
+				let records = await state.apis.getFormRecords({
+					form_record_ids: recordIds,
+					with: ["customer"]
+				});
+				console.log("records", records);
+				values[boardParams?.form_id] = require_format.sortFormValues(records, state.client?.value?.id);
+				payload.value = values;
+				setValueLoading(false);
+			}
+			dispatch({
+				type: "setPet",
+				payload
+			});
+		} catch (err) {
+			setValueLoading(false);
+			setLoading(false);
+			console.log("form_error", err);
+		}
+	};
+	const updateResult = (res, item) => {
+		let cur = [...state.pet.value[petForm.form_id] || []];
+		let options = state.pet?.formData?.[0]?.options || [];
+		if (res.type === "delete") {
+			const isDay = require_utils.isDayBooking(state);
+			if (isDay && state.disabledEdit) return cur;
+			cur = cur.filter((d) => d.form_record_id !== item.form_record_id);
+			addCallback();
+			if (isDay) handleDayChange(item);
+		} else {
+			let obj = {
+				customer: item?.customer,
+				form_id: petForm?.form_id
+			};
+			for (let item$1 of res) obj[item$1.key] = item$1.value;
+			cur = cur.map((d) => d.form_record_id === item.form_record_id ? obj : d);
+			options = options.map((d) => {
+				if (d.form_record_id === item.form_record_id) return obj;
+				return d;
+			});
+		}
+		onValueChange({
+			values: { [petForm.form_id]: cur },
+			options
+		});
+	};
+	const handleViewItem = (0, ahooks.useMemoizedFn)((item) => {
+		let _data = {
+			formDataConfig: { ...petForm },
+			record: item
+		};
+		if (petForm.data_range === "customer" && !require_utils$1.isWalkIn(state.client?.value?.id)) _data.customerId = state.client?.value?.id;
+		state.action({
+			type: "pisell1.goCustomFormDetail",
+			data: _data,
+			callback: (res) => {
+				updateResult(res, item);
+			}
+		});
+	});
+	const handleEditItem = (0, ahooks.useMemoizedFn)((item) => {
+		let _data = {
+			formDataConfig: { ...petForm },
+			record: item
+		};
+		if (petForm.data_range === "customer" && !require_utils$1.isWalkIn(state.client?.value?.id)) _data.customerId = state.client?.value?.id;
+		state.action({
+			type: "pisell1.editCustomFormRecord",
+			data: _data,
+			callback: (res) => {
+				console.log(res, "ressss");
+				updateResult(res, item);
+			}
+		});
+	});
+	/**
+	* @title: 修改数据
+	* @description:
+	* @param {any} param1
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-27 14:16
+	*/
+	const onValueChange = (0, ahooks.useMemoizedFn)(({ values, edit = true, options }) => {
+		const updateObj = {};
+		if (options) {
+			updateObj.formData = [{
+				...state.pet?.formData?.[0],
+				options
+			}];
+			updateObj.pets = options;
+		}
+		dispatch({
+			type: "setPet",
+			payload: {
+				edit,
+				value: values,
+				...updateObj
+			}
+		});
+	});
+	(0, react.useEffect)(() => {
+		if (clientChangeNotSetPet) return;
+		let changeFormValuesData = require_format.changeFormValues({
+			values: state.pet?.value || {},
+			clientId: state.client?.value?.id,
+			forms: state.pet?.formData || []
+		});
+		setTimeout(() => {
+			dispatch({
+				type: "setPet",
+				payload: { value: changeFormValuesData }
+			});
+		});
+	}, [state.client.value?.id, clientChangeNotSetPet]);
+	const handleUpdateForm = () => {
+		if (state.bookingId) {
+			if (!state.bookingDetail) return;
+		}
+		if (boardParams.form_id && boardParams.type === "form") getForms(true);
+	};
+	(0, react.useEffect)(() => {
+		setTimeout(() => {
+			handleUpdateForm();
+		}, 10);
+	}, [
+		state.bookingId,
+		state.bookingDetail,
+		boardParams.form_id,
+		boardParams.type,
+		state.renderType,
+		petForm,
+		clientChangeNotSetPet ? state.client?.value?.id : void 0
+	]);
+	const addCallback = (0, ahooks.useMemoizedFn)((_params) => {
+		let _formData = state.pet?.formData?.[0];
+		getFormData({ formData: _formData }, _params || params);
+	});
+	const searchChange = (0, ahooks.useMemoizedFn)((keyword) => {
+		addCallback({
+			...params,
+			skip: 1,
+			keyword
+		});
+	});
+	const loadMore = (0, react.useMemo)(() => {
+		return state.pet?.formData?.[0]?.options?.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: () => {
+				addCallback({
+					...params,
+					skip: params.skip + 1
+				});
+			}
+		}, __pisell_utils.locales.getText("pisell2.text.load-more"))) : null;
+	}, [
+		loadLoading,
+		params,
+		state.pet?.formData?.[0]?.options?.length
+	]);
+	const handleDayChange = (e) => {
+		const id = e?.form_record_id;
+		const service = state.service.value?.filter((item) => item._extend.holder_id === id);
+		if (id && service?.length) changePetRef?.current.open({
+			ids: [id],
+			dispatch,
+			service: state.service?.value || []
+		});
+	};
+	/**
+	* @title: 跨日预约其他自定义方法
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2024-12-12 22:30
+	*/
+	const dayCustomSelect = (0, react.useMemo)(() => {
+		if (require_utils.isDayBooking(state)) return { handleDayChange };
+		return {};
+	}, [state.renderType, state.service.value]);
+	const ignoreValidity = (0, react.useMemo)(() => {
+		return !petForm?.setting?.validity || petForm.setting.validity.type === "no_expiry";
+	}, [petForm]);
+	const getExpireStatus = (expiredAt) => {
+		if (ignoreValidity || !expiredAt) return null;
+		const now = (0, dayjs.default)();
+		const expireDate = (0, dayjs.default)(expiredAt).endOf("day");
+		const diffDays = expireDate.diff(now, "day");
+		const formattedDate = require_date.formatDate(expireDate, "YYYY-MM-DD", "DD/MM/YYYY");
+		if (now.isAfter(expireDate)) return /* @__PURE__ */ react.default.createElement("div", { style: {
+			color: "#999999",
+			fontSize: "14px",
+			lineHeight: "20px"
+		} }, /* @__PURE__ */ react.default.createElement(antd.Tag, {
+			color: "red",
+			style: {
+				borderRadius: 16,
+				marginRight: 8
+			}
+		}, __pisell_utils.locales.getText("pisell2.text.status.expired")), __pisell_utils.locales.getText("pisell2.text.validity.expired")(formattedDate));
+		if (diffDays < 7) return /* @__PURE__ */ react.default.createElement("div", { style: {
+			color: "#FFA940",
+			fontSize: "14px",
+			lineHeight: "20px"
+		} }, __pisell_utils.locales.getText("pisell2.text.validity.expiring_soon")(formattedDate));
+		return /* @__PURE__ */ react.default.createElement("div", { style: {
+			color: "#999999",
+			fontSize: "14px",
+			lineHeight: "20px"
+		} }, __pisell_utils.locales.getText("pisell2.text.validity.valid_through")(formattedDate));
+	};
+	return (0, react.useMemo)(() => {
+		let canEdit = true;
+		if (petForm?.setting?.permissions) {
+			const { staff = [] } = petForm?.setting?.permissions || {};
+			canEdit = staff.includes("edit");
+		}
+		return /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-pet-wraps" }, /* @__PURE__ */ react.default.createElement(antd.Skeleton, {
+			loading: valueLoading,
+			active: true,
+			round: true
+		}, /* @__PURE__ */ react.default.createElement(require_forms.default, {
+			isMinorAndWaiver,
+			waiverForm,
+			hideTitle,
+			watch: { value: state.pet.value },
+			addCallback: (formDataConfig, data) => {
+				setPetOptions([{
+					...data,
+					form_id: formDataConfig?.form_id
+				}, ...state.pet?.formData?.[0]?.options || []]);
+			},
+			drawerProps: { mask: state.drawerMask },
+			getHolders,
+			addCallbackService: addCallback,
+			loading: valueLoading,
+			forms: state.pet.formData,
+			action: state.action,
+			modalOpen: state.modalOpen,
+			value: state.pet.value,
+			onChange: onValueChange,
+			client: state.client?.value,
+			customSelectProps: {
+				loading,
+				handleViewItem,
+				virtualListHeight: window.innerHeight - 213 - 57 - 16,
+				disabled: state.disabledEdit,
+				autoFocus: !state.isTerminal,
+				closeCallback: () => {
+					searchChange("");
+				},
+				showDropDown: !state.disableEventBookingEdit,
+				searchChange,
+				searchValue: params.search,
+				loadMore,
+				filterItem: () => {
+					return true;
+				},
+				handleOpenModal,
+				previewItemTitleRender,
+				...dayCustomSelect
+			},
+			optionRender: (item) => {
+				console.log("waiver", petForm, item);
+				return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(antd.Avatar, {
+					className: "pisell-lowcode__booking-pet-list-item-avatar",
+					src: item.cover,
+					icon: /* @__PURE__ */ react.default.createElement(__pisell_icon_es_User01.default, { className: "pisell-lowcode__booking-pet-list-item-avatar-icon" })
+				}), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info" }, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-name" }, item.main_field), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-desc" }, /* @__PURE__ */ react.default.createElement("div", { className: "" }, item.key_age)), /* @__PURE__ */ react.default.createElement("div", null, getExpireStatus(item.expired_at))), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-actions" }, /* @__PURE__ */ react.default.createElement("div", {
+					className: "pisell-lowcode__booking-pet-list-item-actions-view",
+					onClick: (e) => {
+						e.preventDefault();
+						e.stopPropagation();
+						handleViewItem(item);
+					}
+				}, __pisell_utils.locales.getText("pisell2.text.view")), canEdit ? /* @__PURE__ */ react.default.createElement("div", {
+					className: "pisell-lowcode__booking-pet-list-item-actions-edit",
+					onClick: (e) => {
+						e.preventDefault();
+						e.stopPropagation();
+						handleEditItem(item);
+					}
+				}, __pisell_utils.locales.getText("pisell2.text.edit")) : null));
+			},
+			addButtonProps: {
+				style: { margin: 0 },
+				disabled: state.disableEventBookingEdit,
+				showDisabledMessage: !state.disableEventBookingEdit,
+				addCallback: async () => {
+					addCallback();
+				},
+				...addButtonProps
+			}
+		})), /* @__PURE__ */ react.default.createElement(require_index.default, { ref: changePetRef }));
+	}, [
+		valueLoading,
+		hideTitle,
+		state.pet.value,
+		state.pet.formData,
+		state.action,
+		state.modalOpen,
+		state.pet.value,
+		state.client?.value,
+		loading,
+		state.disabledEdit,
+		state.isTerminal,
+		state.disableEventBookingEdit,
+		params.search,
+		loadMore,
+		addButtonProps,
+		state.isBookingCreatePage,
+		isMinorAndWaiver,
+		waiverForm,
+		petForm
+	]);
+};
+var pet_default = Pet;
+
+//#endregion
+exports.default = pet_default;

package/dist/lib/components/booking/info/pet/index.less

@@ -0,0 +1,150 @@
+.pisell-lowcode__booking-pet-list-item-avatar {
+  width: 48px;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--gray-100, #F2F4F7);
+
+  .pisell-lowcode__booking-pet-list-item-avatar-icon {
+    font-size: 24px;
+    color: #475467;
+
+  }
+}
+
+.pisell-lowcode__booking-pet-list-item-info {
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+
+  .pisell-lowcode__booking-pet-list-item-info-name {
+    color: var(--text-text-1, #1B1B1B);
+
+    /* H6/Semi Bold */
+
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 22px;
+    /* 137.5% */
+  }
+
+  .pisell-lowcode__booking-pet-list-item-info-desc {
+    color: var(--text-text-2, #777);
+
+    /* Paragraph/Regular */
+
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    /* 142.857% */
+  }
+}
+
+.pisell-lowcode__booking-pet-list-item-actions {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+
+  .pisell-lowcode__booking-pet-list-item-actions-edit,
+  .pisell-lowcode__booking-pet-list-item-actions-view {
+    display: flex;
+    height: 48px;
+    padding: 0px 16px;
+    justify-content: center;
+    align-items: center;
+    border-radius: 30px;
+    border: 1px solid var(--Gray-true-300, #D5D5D5);
+  }
+
+  .pisell-lowcode__booking-pet-list-item-actions-edit {
+    color: var(--Base-Black, #000);
+
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+  }
+
+  .pisell-lowcode__booking-pet-list-item-actions-view {
+    color: var(--Primary-600, #7F56D9);
+
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+  }
+}
+
+.pisell-lowcode__booking-pet-card {
+
+  .pet-form-item {
+    margin-bottom: 16px;
+
+    .pet-form-item-label {
+      color: var(--Gray-900, #101828);
+
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 24px;
+    }
+
+    .pet-form-item-value {
+      margin-top: 2px;
+      color: var(--Gray-600, #475467);
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      & > div {
+        min-width: 100% !important;
+      }
+    }
+  }
+
+  .pet-form-view-all {
+    color: var(--Blue-600, #7F56D9);
+
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 24px;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+}
+
+.pisell-lowcode__booking-create-pet {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px;
+  border-bottom: 1px solid #D0D5DD;
+  cursor: pointer;
+
+  .pisell-lowcode__booking-create-pet-icon {
+    font-size: 24px;
+    color: var(--theme-color, rgb(127, 86, 217));
+  }
+
+  .pisell-lowcode__booking-create-pet-txt {
+    color: var(--theme-color, #7f56d9);
+
+    /* Text md/Regular */
+
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+    /* 150% */
+  }
+}
+
+.pisell-lowcode__booking-pet-wraps {
+  margin-top: 16px;
+}

package/dist/lib/components/booking/info/pet/serve.js

@@ -0,0 +1,10 @@
+const require_utils = require('../../utils.js');
+
+//#region src/components/booking/info/pet/serve.ts
+const getFormDetail = async (id) => {
+	let { data } = await require_utils.request.getRequest().get(`/shop/form/${id}`);
+	return data;
+};
+
+//#endregion
+exports.getFormDetail = getFormDetail;