@pisell/private-materials 6.6.10 → 6.6.11

package/dist/es/components/appointmentBooking/components/ConfirmInformation/index.less

@@ -1,35 +0,0 @@
-.appointment-confirm-information-wrap {
-  padding-top: 20px;
-  height: 100%;
-
-  .appointment-confirm-information-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    color: #000;
-    text-align: center;
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 30px;
-
-    .image {
-      display: flex;
-      width: 76%;
-      img {
-        width: 100%;
-      }
-    }
-
-    .tips {
-      margin-top: 43px;
-    }
-
-    .tips-content {
-      margin-top: 8px;
-      font-size: 16px;
-      font-weight: 500;
-      line-height: 24px;
-    }
-  }
-}

package/dist/es/components/appointmentBooking/components/ConfirmInformation/utils.js

@@ -1,20 +0,0 @@
-//#region src/components/appointmentBooking/components/ConfirmInformation/utils.ts
-/**
-* @title: 获取拉开表单弹窗参数
-* @description: 
-* @param {any} state
-* @return {*}
-* @Author: WangHan
-* @Date: 2025-05-28 15:40
-*/
-const getFormParams = (carts) => {
-	return {
-		product_id: (carts || []).map((item) => {
-			return item.id;
-		}),
-		appointment_type: "virtual"
-	};
-};
-
-//#endregion
-export { getFormParams };

package/dist/es/components/appointmentBooking/components/Content/index.js

@@ -1,191 +0,0 @@
-import useEngineContext_default from "../../../../hooks/useEngineContext.js";
-import useComponents_default from "../../../../hooks/useComponents.js";
-import { formatCustomer } from "../../utils.js";
-import PolicyModal_default from "../../deposit/components/PolicyModal/index.js";
-import { scrollToFirstErrorCard } from "../Resource/utils.js";
-import { contextUtils, useAppointmentBookingAccount, useAppointmentBookingCart, useAppointmentBookingLogin, useAppointmentBookingSetting, useAppointmentBookingStep, useShopDiscount } from "../../hooks.js";
-import { useAppointmentBookingContext } from "../../context.js";
-import Item_default from "../Cart/Item/index.js";
-import Header_default from "../Header/index.js";
-import Footer_default from "../Footer/index.js";
-import Services_default from "../Services/index.js";
-import Date_default from "../Date/index.js";
-import Resource_default from "../Resource/index.js";
-import TimeSlicing_default from "../TimeSlicing/index.js";
-import Guest_default from "../Guest/index.js";
-import Form_default from "../Form/index.js";
-import ConfirmInformation_default from "../ConfirmInformation/index.js";
-import React, { useEffect, useMemo, useRef, useState } from "react";
-import { isMobile, locales } from "@pisell/utils";
-import "./index.less";
-
-//#region src/components/appointmentBooking/components/Content/index.tsx
-const Layout = () => {
-	const stepRef = useRef();
-	const { currentStep, setResourceOtherParams, resourceOtherParams, setIsAgreeDepositPolicy, appointmentBooking, setLoading, policyParams, closePolicy, currentStepParams, setIsErrorHolder } = useAppointmentBookingContext();
-	const { isDateSelectedFirst, isFormSubject, isRetailTemplate } = useAppointmentBookingSetting();
-	const { isLogin } = useAppointmentBookingLogin();
-	const { getHolders } = useAppointmentBookingAccount();
-	const { removeStep } = useAppointmentBookingStep();
-	const { shopDiscount } = useShopDiscount();
-	const { customPageData } = useEngineContext_default().engine?.props;
-	const [CustomComponent] = useComponents_default({ components: ["CustomComponent"] });
-	console.log("CustomComponent:", CustomComponent, typeof CustomComponent, CustomComponent?.$$typeof);
-	useAppointmentBookingCart();
-	useAppointmentBookingStep();
-	const [params, setParams] = useState({});
-	const utils = contextUtils();
-	const { pubsub } = useEngineContext_default().appHelper.utils;
-	useEffect(() => {
-		const handleLoginSuccess = async (res) => {
-			if (!isFormSubject) {
-				const currentUser = formatCustomer(JSON.parse(utils?.storage?.get("customer") || "{}"));
-				const meAccount = (await appointmentBooking.getAccounts())?.find((d) => !d?.isGuest);
-				appointmentBooking.setLoginAccount(meAccount?.id, currentUser);
-			} else if (!isRetailTemplate) getHolders();
-		};
-		pubsub.subscribe("pisell1.login.success", handleLoginSuccess);
-		return () => {
-			pubsub.unsubscribe("pisell1.login.success", handleLoginSuccess);
-		};
-	}, []);
-	useEffect(() => {
-		appointmentBooking.removeStep("fill-form");
-		return () => {
-			setIsAgreeDepositPolicy(false);
-			appointmentBooking.destroy();
-			shopDiscount?.destroy?.();
-		};
-	}, []);
-	useEffect(() => {
-		if (currentStepParams?.index < 0) return;
-		const resourceStepIndex = currentStepParams?.stepLists?.findIndex((item) => item.key === "select-resource");
-		if (currentStepParams?.index < resourceStepIndex) appointmentBooking.setOtherData("current_selected_resources", null);
-	}, [currentStepParams]);
-	useEffect(() => {
-		try {
-			if (!appointmentBooking?.otherParams || isRetailTemplate) return;
-			const showAddGuest = appointmentBooking?.otherParams?.productModuleParams?.showAddGuest;
-			if (isFormSubject || !showAddGuest) removeStep("select-guest");
-			else appointmentBooking.addStep({
-				key: "select-guest",
-				description: locales.getText("pisell2.appointment.add-guests")
-			}, "select-service");
-		} catch (error) {}
-	}, [isFormSubject, isRetailTemplate]);
-	useEffect(() => {
-		if (isFormSubject && isLogin && !isRetailTemplate) getHolders();
-	}, [
-		isFormSubject,
-		isLogin,
-		isRetailTemplate
-	]);
-	useEffect(() => {
-		if (!currentStep?.step) return;
-		setLoading(false);
-		setResourceOtherParams({
-			...resourceOtherParams,
-			errorList: null
-		});
-		setIsErrorHolder(false);
-		window.scrollTo({
-			top: 0,
-			behavior: "smooth"
-		});
-		if (currentStep?.step?.key === "confirm-information") scrollToFirstErrorCard(".pisell-lowcode-product-card-error");
-	}, [currentStep?.step?.key]);
-	const components = {
-		"select-service": Services_default,
-		"select-guest": Guest_default,
-		"select-date": Date_default,
-		"select-time": TimeSlicing_default,
-		"confirm-information": ConfirmInformation_default
-	};
-	const Com = useMemo(() => {
-		const key = currentStep?.step?.key;
-		if (!key) return null;
-		let Com$1;
-		if (key.startsWith("select-resource")) Com$1 = Resource_default;
-		else if (key.startsWith("fill-form")) Com$1 = Form_default;
-		else Com$1 = components[key];
-		if (key === "select-service") return /* @__PURE__ */ React.createElement(CustomComponent, {
-			block: customPageData?.block,
-			customComponents: { product_list: /* @__PURE__ */ React.createElement(Com$1, {
-				onChange: setParams,
-				params,
-				ref: stepRef
-			}) }
-		});
-		else return /* @__PURE__ */ React.createElement(Com$1, {
-			onChange: setParams,
-			params,
-			ref: stepRef
-		});
-	}, [currentStep?.step?.key]);
-	/**
-	* @title: 动态计算中间内容区域的高度
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-02-18 15:36
-	*/
-	useEffect(() => {
-		if (isMobile()) {
-			const header = document.querySelector(".event-progress-bar");
-			const footer = document.querySelector(".pisell-section-footers-wrapper") || document.querySelector("#layout-footer");
-			const content = document.querySelector(".parallel-content-mobile-wrap");
-			const headerHeight = header?.getBoundingClientRect()?.height || 0;
-			const footerHeight = footer?.getBoundingClientRect()?.height || 0;
-			const contentHeight = window.innerHeight - headerHeight - footerHeight;
-			if (content && content?.style) {
-				content.style.height = `${contentHeight}px`;
-				content.style.overflowY = "auto";
-			}
-		}
-	}, [currentStep?.step?.key]);
-	const isShowCartCom = useMemo(() => {
-		const key = currentStep?.step?.key;
-		if (isMobile()) return null;
-		if (isDateSelectedFirst && key === "select-date") return null;
-		return /* @__PURE__ */ React.createElement("div", { className: "parallel-content-right" }, /* @__PURE__ */ React.createElement(Item_default, { onNext: () => stepRef?.current?.next?.() }));
-	}, [isDateSelectedFirst, currentStep?.step?.key]);
-	/**
-	* @title: 是否显示底部
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-05-10 17:42
-	*/
-	const isFooter = useMemo(() => {
-		if (!isMobile()) return false;
-		const key = currentStep?.step?.key;
-		if (isDateSelectedFirst && key === "select-date") return false;
-		return key !== "confirm-information";
-	}, [isDateSelectedFirst, currentStep?.step?.key]);
-	/**
-	* @title: 获取协议方法需要在组件中定义才能传递给子组件，子组件无法获取到context中的方法
-	* @description:
-	* @param {string} id
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-07-07 10:06
-	*/
-	const depositProtocolRequest = (id) => {
-		return appointmentBooking?.getProtocol?.(id);
-	};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, !isRetailTemplate ? /* @__PURE__ */ React.createElement(Header_default, null) : null, /* @__PURE__ */ React.createElement("div", { className: `parallel-content-wrap ${isMobile() ? "parallel-content-mobile-wrap" : ""} ${isRetailTemplate ? "parallel-content-retail-wrap" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: "parallel-content-left" }, Com), isShowCartCom), isFooter ? /* @__PURE__ */ React.createElement(Footer_default, { onNext: () => stepRef?.current?.next?.() }) : null, policyParams?.open ? /* @__PURE__ */ React.createElement(PolicyModal_default, {
-		key: policyParams?._ts,
-		open: policyParams?.open,
-		onCancel: () => closePolicy(false),
-		onConfirm: () => closePolicy(true),
-		item: policyParams?.content,
-		onChange: () => setLoading(false),
-		isHideCheckout: false,
-		depositProtocolRequest
-	}) : null);
-};
-var Content_default = Layout;
-
-//#endregion
-export { Content_default as default };

package/dist/es/components/appointmentBooking/components/Content/index.less

@@ -1,113 +0,0 @@
-.parallel-content-wrap {
-  width: 1000px;
-  max-width: 100%;
-  display: flex;
-  gap: 6px;
-  // align-items: center;
-  flex: 1;
-
-  .pisell-product-select-wrapper {
-    .pisell-product-select__tabs-wrapper {
-      top: 77px !important;
-    }
-  }
-
-  .parallel-content-left {
-    flex: 1;
-    // width: 634px;
-    width: auto;
-    min-width: 0;
-    // padding: 16px 0;
-
-    .appointment-resource-wrap {
-      padding: 16px 0;
-    }
-
-    .booking-tab-product {
-      .booking-tabs-wrap {
-        top: 77px !important;
-      }
-
-      .booking-category-list {
-        padding: 0;
-      }
-    }
-  }
-
-  .parallel-content-right {
-    margin-top: 16px;
-    width: 360px;
-    position: sticky;
-    top: 93px;
-    height: fit-content;
-    flex: 0 0 360px;
-    background-color: #fff;
-  }
-}
-
-.parallel-content-mobile-wrap {
-  width: 100%;
-  flex: none;
-
-  .pisell-product-select-wrapper {
-    .pisell-product-select__tabs-wrapper {
-      top: 0 !important;
-    }
-  }
-
-  .parallel-content-left {
-    width: 100%;
-    flex: none;
-    // padding: 16px 16px 0;
-
-    .calendar-date-box {
-      padding: 0 16px;
-    }
-
-    .appointment-resource-wrap {
-      padding: 16px;
-    }
-
-    .appointment-guest-wrap {
-      margin-top: 0;
-    }
-
-    .appointment-confirm-information-wrap {
-      padding-top: 0;
-    }
-
-    .booking-tab-product {
-      .booking-tabs-wrap {
-        top: 0 !important;
-      }
-      .booking-category-list {
-        padding: 0 20px;
-      }
-    }
-
-    .appointment-service-search-wrap {
-      padding: 20px 20px 0 !important;
-    }
-
-    .provider-information-wrap {
-      width: 100%;
-    }
-  }
-}
-
-.parallel-content-retail-wrap {
-  .pisell-product-select-wrapper {
-    .pisell-product-select__tabs-wrapper {
-      top: 0px !important;
-    }
-  }
-
-  .parallel-content-right {
-    top: 16px;
-    margin-top: 0;
-
-    .appointment-cart-item-wrap {
-      height: calc(var(--vh, 1vh) * 100 - 16px) !important;
-    }
-  }
-}

package/dist/es/components/appointmentBooking/components/Date/index.js

@@ -1,229 +0,0 @@
-import useEngineContext_default from "../../../../hooks/useEngineContext.js";
-import { Toast } from "../../utils.js";
-import { useAppointmentBookingSetting, useAppointmentBookingStep } from "../../hooks.js";
-import { useAppointmentBookingContext } from "../../context.js";
-import { localeTypes } from "./state.js";
-import dayjs from "dayjs";
-import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { Skeleton } from "antd";
-import { isMobile, locales } from "@pisell/utils";
-import classNames from "classnames";
-import { CaretLeftOutlined, CaretRightOutlined } from "@ant-design/icons";
-import isSameOrBefore from "dayjs/plugin/isSameOrBefore";
-import "./index.less";
-
-//#region src/components/appointmentBooking/components/Date/index.tsx
-dayjs.extend(isSameOrBefore);
-const Date = forwardRef((props, ref) => {
-	const isFetchingDates = useRef(false);
-	const [loading, setLoading] = useState(false);
-	const [currentDate, setCurrentDate] = useState();
-	const [dateMonthList, setDateMonthList] = useState([]);
-	const [currentMonth, setCurrentMonth] = useState();
-	const { appointmentBooking } = useAppointmentBookingContext();
-	const { isDateSelectedFirst, customPageId, channel } = useAppointmentBookingSetting();
-	const { nextStep } = useAppointmentBookingStep();
-	const context = useEngineContext_default();
-	useImperativeHandle(ref, () => ({ next: handleNext }));
-	/**
-	* @title: 处理进入下一步的逻辑
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-05-13 15:36
-	*/
-	const handleNext = async () => {
-		if (!(await appointmentBooking.getDateRange())?.length) return Toast(locales.getText("pisell2.appointment.unselect.date"));
-		nextStep();
-	};
-	const weekListText = [
-		locales.getText("pisell2.appointment.sunday"),
-		locales.getText("pisell2.appointment.monday"),
-		locales.getText("pisell2.appointment.tuesday"),
-		locales.getText("pisell2.appointment.wednesday"),
-		locales.getText("pisell2.appointment.thursday"),
-		locales.getText("pisell2.appointment.friday"),
-		locales.getText("pisell2.appointment.saturday")
-	];
-	const startingColumn = 0;
-	const columns = Array.from({ length: 7 }, (_, index) => (index + 7 - startingColumn) % 7);
-	useEffect(() => {
-		const getCurrentMonthData = async () => {
-			setCurrentMonth(dayjs((await appointmentBooking.getDateRange())?.[0]?.date) || dayjs());
-		};
-		getCurrentMonthData();
-	}, []);
-	const locale = useMemo(() => {
-		return localeTypes[context?.engine?.props?.locale] || "en";
-	}, [context?.engine?.props?.locale]);
-	/**
-	* @title: 获取当前月日期
-	* @description:
-	* @param {*}
-	* @return {*}
-	* @Author: 严文强
-	* @Date: 2024-02-01 20:30
-	*/
-	const getMonthData = (date) => {
-		const firstDay = dayjs(`${date}-01`);
-		const startDay = firstDay.day();
-		const daysInMonth = firstDay.daysInMonth();
-		const monthData = [];
-		for (let i = 0; i < startDay; i++) monthData.push({
-			day: -1,
-			date: dayjs(firstDay).subtract(startDay - i, "day").toDate()
-		});
-		for (let i = 1; i <= daysInMonth; i++) monthData.push({
-			day: i,
-			date: firstDay.date(i).format("YYYY-MM-DD")
-		});
-		return monthData;
-	};
-	/**
-	* @title: 计算是否已经切换到当前月，如果是则禁止继续点击上一个月
-	* @description:
-	* @param {*}
-	* @return {*}
-	* @Author: 严文强
-	* @Date: 2024-02-01 19:27
-	*/
-	const lastMonthDisable = () => {
-		let newCurrentMonth = currentMonth?.format("YYYY-MM");
-		return dayjs(newCurrentMonth).subtract(1, "month").isBefore(dayjs(), "month");
-	};
-	/**
-	* @title: 获取日期数据
-	* @description:
-	* @param {*} params
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-04-24 18:31
-	*/
-	const getDateData = async (params) => {
-		console.log(isDateSelectedFirst, customPageId, params, channel, "wh7868");
-		if (isDateSelectedFirst) return appointmentBooking.loadScheduleAvailableDate({
-			...params,
-			custom_page_id: customPageId,
-			channel
-		});
-		return await appointmentBooking.getAvailableDate(params);
-	};
-	const getDates = async (date) => {
-		try {
-			const data = await getDateData({
-				startDate: dayjs(date).startOf("month").format("YYYY-MM-DD"),
-				endDate: dayjs(date).endOf("month").format("YYYY-MM-DD")
-			});
-			const firstAvailableDate = (data || []).find((d) => d.status === "available");
-			if (!firstAvailableDate && !isFetchingDates.current) {
-				isFetchingDates.current = true;
-				setCurrentMonth(dayjs(date).add(1, "month"));
-				setLoading(true);
-				return;
-			}
-			const selected = await appointmentBooking.getDateRange();
-			console.log(data, selected, customPageId, "getDates");
-			if (selected?.length > 0) setCurrentDate(selected?.[0]?.date);
-			else if (!isDateSelectedFirst) {
-				if (date.format("YYYY-MM") === dayjs().format("YYYY-MM") || isFetchingDates.current) {
-					if (firstAvailableDate) {
-						setCurrentDate(firstAvailableDate?.date);
-						appointmentBooking.setDateRange([firstAvailableDate]);
-					}
-				}
-			}
-			const updatedDates = getMonthData(date.format("YYYY-MM")).map((day) => {
-				const matchedDay = data.find((d) => d.date === day.date);
-				if (matchedDay) return {
-					...day,
-					...matchedDay,
-					disabled: matchedDay.status === "unavailable"
-				};
-				return day;
-			});
-			setLoading(false);
-			setDateMonthList(updatedDates);
-		} catch (error) {
-			setLoading(false);
-			setDateMonthList([]);
-		}
-	};
-	useEffect(() => {
-		if (!currentMonth) return;
-		getDates(currentMonth);
-	}, [currentMonth]);
-	/**
-	* @title: 切换上个月
-	* @description:
-	* @param {*}
-	* @return {*}
-	* @Author: 严文强
-	* @Date: 2024-02-01 19:15
-	*/
-	const lastMonth = () => {
-		let currentLastText = currentMonth?.format("YYYY-MM");
-		setCurrentMonth(dayjs(currentLastText).subtract(1, "month"));
-	};
-	/**
-	* @title: 切换下个月
-	* @description:
-	* @param {*}
-	* @return {*}
-	* @Author: 严文强
-	* @Date: 2024-02-01 19:15
-	*/
-	const nextMonth = () => {
-		let currentMonthText = currentMonth?.format("YYYY-MM");
-		setCurrentMonth(dayjs(currentMonthText).add(1, "month"));
-		setLoading(true);
-	};
-	/**
-	* @title: 点击某一天日期
-	* @description:
-	* @param {any} day
-	* @param {any} date
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2025-04-24 18:36
-	*/
-	const handleClick = (day, date) => {
-		if (day?.disabled) return;
-		setCurrentDate(date);
-		appointmentBooking.setDateRange([day]);
-		if (isDateSelectedFirst) handleNext();
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: `calendar-date-box ${isMobile() ? "calendar-date-mobile-box" : ""}` }, !dateMonthList.length || !currentMonth ? /* @__PURE__ */ React.createElement(Skeleton, {
-		loading: true,
-		active: true,
-		style: { paddingTop: "16px" }
-	}) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "calendar-header" }, /* @__PURE__ */ React.createElement("div", {
-		className: classNames("calendar-last-month", { ["last-month-disabled"]: lastMonthDisable() }),
-		onClick: () => {
-			if (lastMonthDisable()) return;
-			lastMonth();
-		}
-	}, /* @__PURE__ */ React.createElement(CaretLeftOutlined, null)), /* @__PURE__ */ React.createElement("div", { className: "calendar-current-month" }, dayjs(currentMonth).locale(locale)?.format("MMMM YYYY")), /* @__PURE__ */ React.createElement("div", {
-		className: "calendar-next-month",
-		onClick: nextMonth
-	}, /* @__PURE__ */ React.createElement(CaretRightOutlined, null))), /* @__PURE__ */ React.createElement("div", { className: "calendar-content" }, /* @__PURE__ */ React.createElement("div", { className: "calendar-weeks" }, columns.map((col) => /* @__PURE__ */ React.createElement("div", {
-		key: col,
-		className: "calendar-weeks-items"
-	}, weekListText[Number(col)]))), /* @__PURE__ */ React.createElement("div", { className: "calendar-days" }, dateMonthList.map((day, index) => {
-		const date = dayjs(day.date).format("YYYY-MM-DD");
-		const isCurrentMonth = dayjs(day.date).isSame(currentMonth, "month");
-		return /* @__PURE__ */ React.createElement("div", {
-			key: index,
-			className: classNames("calendar-days-items", {
-				["disabledDate"]: day?.disabled,
-				["selectDate"]: currentDate === date,
-				["other-month-days"]: !isCurrentMonth,
-				["loading-item"]: loading
-			}),
-			onClick: () => handleClick(day, date)
-		}, isCurrentMonth && /* @__PURE__ */ React.createElement("div", { className: classNames("day-text") }, dayjs(day.date).format("D")));
-	})))));
-});
-var Date_default = Date;
-
-//#endregion
-export { Date_default as default };