@pisell/private-materials 6.6.10 → 6.6.11

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

@@ -1,485 +0,0 @@
-import { isDayBooking, isEventBooking } from "../service2/utils.js";
-import { isWalkIn } from "../../utils.js";
-import { Context } from "../model.js";
-import useGetHolderList_default from "../hooks/useGetHolderList.js";
-import useEngineContext_default from "../../../../hooks/useEngineContext.js";
-import useAddHolder_default, { useFormDataConfig } from "../hooks/useAddHolder.js";
-import { changeFormValues, sortFormValues } from "../../forms/format.js";
-import { formatDate as formatDate$1 } from "../../../../utils/date.js";
-import forms_default from "../../forms/forms.js";
-import ChangePetModal_default from "./ChangePetModal/index.js";
-import dayjs from "dayjs";
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Avatar, Button, Skeleton, Tag } from "antd";
-import { locales } from "@pisell/utils";
-import User01 from "@pisell/icon/es/User01";
-import { useMemoizedFn } from "ahooks";
-import "./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] = useState(false);
-	const [loading, setLoading] = useState(false);
-	let { state, dispatch } = useContext(Context);
-	const [valueLoading, setValueLoading] = useState(false);
-	const { isTerminal } = useEngineContext_default().appHelper?.utils || {};
-	const [params, setParams] = useState(defaultParams);
-	const changePetRef = useRef(null);
-	state = state || props?.state;
-	dispatch = dispatch || props?.dispatch;
-	const { waiverForm } = useAddHolder_default(state, dispatch);
-	const { isMinorAndWaiver } = useFormDataConfig(state);
-	const getHolders = useGetHolderList_default(state, dispatch);
-	console.log("waiver", props, state);
-	const boardParams = 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 = 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" && 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" && 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 (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] = 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 = 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 = useMemoizedFn((item) => {
-		let _data = {
-			formDataConfig: { ...petForm },
-			record: item
-		};
-		if (petForm.data_range === "customer" && !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 = useMemoizedFn((item) => {
-		let _data = {
-			formDataConfig: { ...petForm },
-			record: item
-		};
-		if (petForm.data_range === "customer" && !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 = 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
-			}
-		});
-	});
-	useEffect(() => {
-		if (clientChangeNotSetPet) return;
-		let changeFormValuesData = 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);
-	};
-	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 = useMemoizedFn((_params) => {
-		let _formData = state.pet?.formData?.[0];
-		getFormData({ formData: _formData }, _params || params);
-	});
-	const searchChange = useMemoizedFn((keyword) => {
-		addCallback({
-			...params,
-			skip: 1,
-			keyword
-		});
-	});
-	const loadMore = useMemo(() => {
-		return state.pet?.formData?.[0]?.options?.length < params.total || 0 ? /* @__PURE__ */ React.createElement("div", {
-			className: "",
-			style: {
-				textAlign: "center",
-				padding: "16px 0"
-			}
-		}, /* @__PURE__ */ React.createElement(Button, {
-			loading: loadLoading,
-			onClick: () => {
-				addCallback({
-					...params,
-					skip: params.skip + 1
-				});
-			}
-		}, 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 = useMemo(() => {
-		if (isDayBooking(state)) return { handleDayChange };
-		return {};
-	}, [state.renderType, state.service.value]);
-	const ignoreValidity = useMemo(() => {
-		return !petForm?.setting?.validity || petForm.setting.validity.type === "no_expiry";
-	}, [petForm]);
-	const getExpireStatus = (expiredAt) => {
-		if (ignoreValidity || !expiredAt) return null;
-		const now = dayjs();
-		const expireDate = dayjs(expiredAt).endOf("day");
-		const diffDays = expireDate.diff(now, "day");
-		const formattedDate = formatDate$1(expireDate, "YYYY-MM-DD", "DD/MM/YYYY");
-		if (now.isAfter(expireDate)) return /* @__PURE__ */ React.createElement("div", { style: {
-			color: "#999999",
-			fontSize: "14px",
-			lineHeight: "20px"
-		} }, /* @__PURE__ */ React.createElement(Tag, {
-			color: "red",
-			style: {
-				borderRadius: 16,
-				marginRight: 8
-			}
-		}, locales.getText("pisell2.text.status.expired")), locales.getText("pisell2.text.validity.expired")(formattedDate));
-		if (diffDays < 7) return /* @__PURE__ */ React.createElement("div", { style: {
-			color: "#FFA940",
-			fontSize: "14px",
-			lineHeight: "20px"
-		} }, locales.getText("pisell2.text.validity.expiring_soon")(formattedDate));
-		return /* @__PURE__ */ React.createElement("div", { style: {
-			color: "#999999",
-			fontSize: "14px",
-			lineHeight: "20px"
-		} }, locales.getText("pisell2.text.validity.valid_through")(formattedDate));
-	};
-	return useMemo(() => {
-		let canEdit = true;
-		if (petForm?.setting?.permissions) {
-			const { staff = [] } = petForm?.setting?.permissions || {};
-			canEdit = staff.includes("edit");
-		}
-		return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-pet-wraps" }, /* @__PURE__ */ React.createElement(Skeleton, {
-			loading: valueLoading,
-			active: true,
-			round: true
-		}, /* @__PURE__ */ React.createElement(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.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Avatar, {
-					className: "pisell-lowcode__booking-pet-list-item-avatar",
-					src: item.cover,
-					icon: /* @__PURE__ */ React.createElement(User01, { className: "pisell-lowcode__booking-pet-list-item-avatar-icon" })
-				}), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-name" }, item.main_field), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-info-desc" }, /* @__PURE__ */ React.createElement("div", { className: "" }, item.key_age)), /* @__PURE__ */ React.createElement("div", null, getExpireStatus(item.expired_at))), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-pet-list-item-actions" }, /* @__PURE__ */ React.createElement("div", {
-					className: "pisell-lowcode__booking-pet-list-item-actions-view",
-					onClick: (e) => {
-						e.preventDefault();
-						e.stopPropagation();
-						handleViewItem(item);
-					}
-				}, locales.getText("pisell2.text.view")), canEdit ? /* @__PURE__ */ React.createElement("div", {
-					className: "pisell-lowcode__booking-pet-list-item-actions-edit",
-					onClick: (e) => {
-						e.preventDefault();
-						e.stopPropagation();
-						handleEditItem(item);
-					}
-				}, locales.getText("pisell2.text.edit")) : null));
-			},
-			addButtonProps: {
-				style: { margin: 0 },
-				disabled: state.disableEventBookingEdit,
-				showDisabledMessage: !state.disableEventBookingEdit,
-				addCallback: async () => {
-					addCallback();
-				},
-				...addButtonProps
-			}
-		})), /* @__PURE__ */ React.createElement(ChangePetModal_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
-export { pet_default as default };

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

@@ -1,150 +0,0 @@
-.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/es/components/booking/info/pet/serve.js

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