@pisell/private-materials 6.6.7 → 6.6.9

package/dist/es/components/appointmentBooking/hooks.js

@@ -0,0 +1,478 @@
+import useEngineContext_default, { usePisellOS } from "../../hooks/useEngineContext.js";
+import { Toast, checkAndGoNext, checkAndMarkCartRenderError, currentAppointmentBoard, currentRenderLists, formatHolder, getCustomer, getFormInsertBeforeKey, sortResources } from "./utils.js";
+import { scrollToFirstErrorCard } from "./components/Resource/utils.js";
+import { useAppointmentBookingContext } from "./context.js";
+import { useEffect, useMemo, useState } from "react";
+import { locales } from "@pisell/utils";
+
+//#region src/components/appointmentBooking/hooks.ts
+const useAppointmentBooking = () => {
+	return usePisellOS().getModule("appointmentBooking");
+};
+const useShopDiscount = () => {
+	return usePisellOS().getModule("shopDiscount");
+};
+const contextUtils = () => {
+	return useEngineContext_default()?.appHelper?.utils || {};
+};
+/**
+* @title: 监听步骤发生变化
+* @description: 
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-04-15 11:11
+*/
+const useAppointmentBookingStep = () => {
+	const pisellOS = usePisellOS();
+	const { appointmentBooking, setCurrentStep, carts, openPolicy, setLoading, setCurrentSelectedResources, currentStepParams, setIsErrorHolder } = useAppointmentBookingContext();
+	const { isRetailTemplate } = useAppointmentBookingSetting();
+	const stepList = appointmentBooking?.store?.step?.store?.stepList || [];
+	const { isLogin, openLoginModal } = useAppointmentBookingLogin();
+	const { isFormSubject } = useAppointmentBookingSetting();
+	const { getHolders, checkAccount } = useAppointmentBookingAccount();
+	const utils = contextUtils();
+	const getCurrentAndLastStep = () => {
+		const currentStep = appointmentBooking?.getCurrentStep();
+		setCurrentStep(currentStep);
+	};
+	useEffect(() => {
+		getCurrentAndLastStep();
+		pisellOS.effects.on("appointmentBooking_step:changed", async (res) => {
+			if (res.path === "currentStep") getCurrentAndLastStep();
+		});
+	}, []);
+	const getStepIndex = (type, skipNumber = 0) => {
+		const index = (appointmentBooking?.getCurrentStep())?.index || 1;
+		if (type === "next") {
+			const nextIndex = index + skipNumber;
+			return nextIndex + 1 > stepList.length ? stepList.length - 1 : nextIndex;
+		}
+		if (type === "prev") {
+			const prevIndex = index - skipNumber;
+			return prevIndex < 0 ? 0 : prevIndex;
+		}
+	};
+	const removeStep = (key) => {
+		return appointmentBooking.removeStep(key);
+	};
+	const addStep = (props, stepKey) => {
+		const { index, key, description } = props;
+		return appointmentBooking.addStep({
+			index,
+			key,
+			description
+		}, stepKey);
+	};
+	const updateStep = (key, step) => {
+		appointmentBooking.updateStep(key, {
+			index: step?.index,
+			key,
+			isSkip: step?.isSkip || false
+		});
+	};
+	const nextStep = () => {
+		let stepList$1 = appointmentBooking.getStepList() || [];
+		const currentKey = currentStepParams?.key;
+		const currentSelectedResources = appointmentBooking.getOtherData("current_selected_resources");
+		if (!isRetailTemplate && currentKey === "select-service") {
+			const { bookingProcess } = appointmentBooking?.otherParams?.productModuleParams || {};
+			const isDateSelectedFirst = bookingProcess === "date_first";
+			const hasResourceStep = stepList$1?.find((item) => item?.key === "select-resource");
+			const hasSelectGuestStep = stepList$1?.find((item) => item?.key === "select-guest")?.key;
+			if (appointmentBooking?.isCartAllNormalProducts()) {
+				removeStep("select-resource");
+				removeStep("select-time");
+				removeStep("fill-form");
+				if (!isDateSelectedFirst) removeStep("select-date");
+			} else if (!hasResourceStep) {
+				let targetKey = hasSelectGuestStep ? hasSelectGuestStep : "select-service";
+				if (appointmentBooking?.isCartHasDurationProduct()) {
+					if (!isDateSelectedFirst) {
+						appointmentBooking.addStep({
+							key: "select-date",
+							description: locales.getText("pisell2.appointment.select.date")
+						}, targetKey);
+						targetKey = "select-date";
+					}
+					appointmentBooking.addStep({
+						key: "select-resource",
+						description: locales.getText("pisell2.appointment.select.resource")
+					}, targetKey);
+					targetKey = "select-resource";
+					appointmentBooking.addStep({
+						key: "select-time",
+						description: locales.getText("pisell2.appointment.select.time")
+					}, targetKey);
+				} else appointmentBooking.addStep({
+					key: "select-resource",
+					description: locales.getText("pisell2.appointment.select.resource")
+				}, targetKey);
+			}
+			stepList$1 = appointmentBooking?.getStepList() || [];
+		}
+		let nextStep$1 = stepList$1[currentStepParams?.index + 1];
+		if (!isRetailTemplate && nextStep$1?.key === "select-resource") {
+			if (!appointmentBooking.checkResourceListForDate()) return Toast(locales.getText("pisell2.appointment.unuse.date"));
+			const capacityResult = appointmentBooking.checkMaxDurationCapacity();
+			if (!capacityResult.success) {
+				const getMessage = locales.getText("pisell2.appointment.unuse.capacity");
+				return Toast(typeof getMessage === "function" ? getMessage(capacityResult.minAvailableCount) : getMessage);
+			}
+		}
+		if (!isRetailTemplate && currentKey?.startsWith("select-resource")) {
+			const { hasError, updatedCartList } = checkAndMarkCartRenderError(currentSelectedResources, appointmentBooking, utils);
+			if (hasError) {
+				setCurrentSelectedResources(updatedCartList);
+				scrollToFirstErrorCard();
+				return;
+			}
+			let preKey = "";
+			currentSelectedResources?.forEach((cart) => {
+				const selectedResource$1 = cart?.currentSelectedResource;
+				const resourceItem = selectedResource$1?.resourceItem || {};
+				const formId = selectedResource$1?.renderItem?.resource_form_id;
+				const policyId = selectedResource$1?.renderItem?.policy_id;
+				const formKey = `fill-form_@${resourceItem?.form_id}-${resourceItem?.code}-${cart?._id}-${formId}-${policyId}`;
+				if (formId) {
+					const description = locales.getText("pisell2.appointment.fill-form");
+					const beforeKey = getFormInsertBeforeKey(currentKey, stepList$1);
+					appointmentBooking.addStep({
+						key: formKey,
+						description
+					}, preKey || beforeKey);
+					preKey = formKey;
+				} else appointmentBooking.removeStep(formKey);
+			});
+			stepList$1 = appointmentBooking.getStepList();
+			const selectedResource = currentSelectedResources?.[0]?.currentSelectedResource;
+			if (selectedResource) {
+				const originRenderLists = selectedResource?.resourceItem?.originRenderLists || [];
+				const currentResourceIndex = originRenderLists?.findIndex((item) => item.id === selectedResource?.renderItem?.form_id);
+				const nextResource = originRenderLists?.[currentResourceIndex + 1];
+				const resourceKey = `select-resource_@${nextResource?.form_id}-${nextResource?.code}`;
+				if (nextResource) {
+					const beforeKey = stepList$1[stepList$1.length - 2]?.key;
+					appointmentBooking.addStep({
+						key: resourceKey,
+						description: ""
+					}, beforeKey);
+				} else appointmentBooking.removeStep(resourceKey);
+			}
+		}
+		stepList$1 = appointmentBooking.getStepList();
+		nextStep$1 = stepList$1[currentStepParams?.index + 1];
+		if (nextStep$1?.key?.startsWith("select-resource_") || nextStep$1?.key === "confirm-information") {
+			const renderItem = (currentSelectedResources?.[0]?.currentSelectedResource || {})?.renderItem || {};
+			const checkHolder = async () => {
+				setLoading(false);
+				if (isRetailTemplate || appointmentBooking?.isCartAllNormalProducts()) return appointmentBooking.next();
+				let cartLists = carts || [];
+				if (!carts?.length) cartLists = await appointmentBooking.getCart() || [];
+				else cartLists = carts || [];
+				const { hasError } = checkAndGoNext(isFormSubject, checkAccount, cartLists.filter((n) => !appointmentBooking?.isTargetCartIdNormalProduct(n._id)));
+				setIsErrorHolder(hasError);
+				if (hasError) return;
+				if (!!renderItem?.policy_id) openPolicy({ id: renderItem?.policy_id }, () => {
+					return appointmentBooking.next();
+				});
+				else return appointmentBooking.next();
+			};
+			const checkLogin = async () => {
+				if (!isLogin) {
+					const { pubsub } = utils;
+					pubsub.once("pisell1.login.success", (res) => {
+						if (res === "success") checkHolder();
+					});
+					return openLoginModal({ callback: (status) => {} });
+				} else return checkHolder();
+			};
+			if (nextStep$1?.key !== "confirm-information") {
+				if (!renderItem?.policy_id) return appointmentBooking.next();
+				return openPolicy({ id: renderItem?.policy_id }, () => {
+					const cartItem = carts?.[0];
+					appointmentBooking.updateCart({
+						_id: cartItem?._id,
+						...cartItem
+					});
+					appointmentBooking.next();
+				});
+			} else return checkLogin();
+		}
+		appointmentBooking.next();
+	};
+	return {
+		getStepIndex,
+		stepList,
+		removeStep,
+		addStep,
+		updateStep,
+		nextStep
+	};
+};
+/**
+* @title: 获取商品数据
+* @description: 
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-04-15 11:12
+*/
+const useAppointmentBookingProduct = () => {
+	const { appointmentBooking } = useAppointmentBookingContext();
+	const { productModuleParams } = appointmentBooking?.otherParams || {};
+	const { bookingProcess } = productModuleParams || {};
+	const getProducts = async () => {
+		if (bookingProcess === "date_first") {
+			const dates = await appointmentBooking.getDateRange();
+			if (!dates || !dates.length) return;
+			const { productModuleParams: productModuleParams$2 } = appointmentBooking?.otherParams || {};
+			return await appointmentBooking.loadProductByScheduleDate({
+				date: dates[0]?.date,
+				...productModuleParams$2
+			});
+		}
+		const { productModuleParams: productModuleParams$1 } = appointmentBooking?.otherParams || {};
+		return await appointmentBooking.loadProducts(productModuleParams$1);
+	};
+	const checkProductType = async (productId) => {
+		return await appointmentBooking.getProductTypeById(productId);
+	};
+	return {
+		checkProductType,
+		getProducts
+	};
+};
+/**
+* @title: 更新购物车数据
+* @description: 
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-04-15 11:12
+*/
+const useAppointmentBookingCart = () => {
+	const pisellOS = usePisellOS();
+	const utils = contextUtils();
+	const { appointmentBooking, setCarts, setSummary, setIsAgreeDepositPolicy } = useAppointmentBookingContext();
+	const { bookingSubject } = appointmentBooking?.otherParams?.productModuleParams || {};
+	const getCartAndSummary = async () => {
+		const locale = utils?.storage?.get("umi_locale") || "en-US";
+		const symbol = utils?.getSymbolic() || "$";
+		const carts = await appointmentBooking.getCart();
+		const accountLists = await appointmentBooking.getAccounts();
+		const newCarts = carts?.map((item) => {
+			return {
+				...item,
+				addHolderButtonText: utils?.translation(bookingSubject?.form_name),
+				format: ["HH:mm", "HH:mm"],
+				show_time: true,
+				duration_type: item?.duration?.type || "minutes",
+				locale,
+				symbol,
+				holders: formatHolder(accountLists),
+				allowClearHolder: true,
+				allowClearResource: true,
+				isMultipleResource: true
+			};
+		});
+		setCarts(newCarts || []);
+		setSummary(await appointmentBooking.getSummary() || {});
+		if (!carts.length) setIsAgreeDepositPolicy(false);
+	};
+	useEffect(() => {
+		getCartAndSummary();
+		pisellOS.effects.on("appointmentBooking_cart:changed", async () => {
+			getCartAndSummary();
+		});
+	}, []);
+};
+/**
+* @title: 获取登录状态
+* @description: 
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-04-15 11:14
+*/
+const useAppointmentBookingLogin = () => {
+	const utils = contextUtils();
+	const isLogin = !!utils?.token?.get?.();
+	const openLoginModal = (params) => {
+		const { callback } = params || {};
+		utils.action({
+			type: "pisell1.login",
+			data: {},
+			callback
+		});
+	};
+	return {
+		isLogin,
+		openLoginModal
+	};
+};
+/**
+* @title: 获取账户
+* @description: 
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-04-15 11:15
+*/
+const useAppointmentBookingAccount = () => {
+	const utils = contextUtils();
+	const pisellOS = usePisellOS();
+	const appointmentBooking = useAppointmentBooking();
+	const [accountLists, setAccountLists] = useState([]);
+	const { bookingSubject } = appointmentBooking?.otherParams?.productModuleParams || {};
+	const form_id = bookingSubject?.form_id;
+	const getAccountLists = async () => {
+		setAccountLists(await appointmentBooking.getAccounts() || []);
+	};
+	useEffect(() => {
+		getAccountLists();
+		pisellOS.effects.on("appointmentBooking_accountList:changed", async (res) => {
+			if (res.path === "accounts") getAccountLists();
+		});
+	}, []);
+	const getHolders = async () => {
+		const shop_id = utils.getStore().getState()?.global?.shop?.id;
+		const customer = getCustomer(utils);
+		if (!shop_id || !form_id || !customer?.id) return [];
+		const params = {
+			url: "/form/data/v1",
+			query: {
+				customer_id: customer?.id,
+				form_id,
+				shop_id
+			}
+		};
+		return (await appointmentBooking.fetchHolderAccountsAsync(params))?.map((item) => {
+			return {
+				id: item?.form_record_id,
+				label: item?.main_field
+			};
+		}) || [];
+	};
+	const addAccount = async (val, type) => {
+		const customer = getCustomer(utils);
+		return await appointmentBooking.addAccount(val, {
+			type,
+			customerId: customer?.id
+		});
+	};
+	const checkAccount = (type) => {
+		return appointmentBooking.checkBeforeSubmitOrder(type);
+	};
+	return {
+		accountLists,
+		getHolders,
+		form_id,
+		addAccount,
+		checkAccount
+	};
+};
+/**
+* @title: 获取资源数据
+* @description: 
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-04-15 11:29
+*/
+const useAppointmentBookingResource = () => {
+	const { appointmentBooking, setResources, setTimes } = useAppointmentBookingContext();
+	const { resourceSort } = appointmentBooking?.otherParams || {};
+	const getResourceList = () => {
+		let resources = appointmentBooking.getResourcesList();
+		resources = resources.map((item) => {
+			return {
+				...item,
+				resources: sortResources(item?.resources || [], resourceSort)
+			};
+		});
+		const resourceCodes = (resources?.[0]?.resources || []).map((item) => item.code);
+		setResources(resources || []);
+		return {
+			resources,
+			resourceCodes
+		};
+	};
+	const getResourceTimeSlot = async (index) => {
+		const { resourceCodes } = getResourceList();
+		const code = resourceCodes?.[index || 0];
+		setTimes(await appointmentBooking.getTimeSlotByAllResources(code) || []);
+	};
+	return {
+		getResourceTimeSlot,
+		getResourceList
+	};
+};
+/**
+* @title: 是否跳过资源选择步骤
+* @description: 
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-04-21 11:47
+*/
+const useIsSkipResourceStep = () => {
+	const { currentStepParams } = useAppointmentBookingContext();
+	const { getResourceList } = useAppointmentBookingResource();
+	const { isFormSubject } = useAppointmentBookingSetting();
+	const appointmentBooking = useAppointmentBooking();
+	const { nextStep } = useAppointmentBookingStep();
+	const checkSkipResourceStep = async () => {
+		try {
+			const { resources } = getResourceList();
+			const accountLists = await appointmentBooking.getAccounts();
+			const { isSystem, isSkip, form_code } = currentAppointmentBoard(currentStepParams.key, resources, appointmentBooking);
+			if (isSystem) {
+				nextStep();
+				return true;
+			}
+			if (accountLists?.length === 1 || isFormSubject) {
+				const renderLists = currentRenderLists(resources, form_code);
+				let _isSkip = false;
+				if (renderLists?.length === 1) _isSkip = isSkip || false;
+				else _isSkip = false;
+				if (_isSkip) {
+					nextStep();
+					return true;
+				}
+				return _isSkip;
+			} else return false;
+		} catch (error) {
+			return false;
+		}
+	};
+	return { checkSkipResourceStep };
+};
+/**
+* @title: 获取预约配置
+* @description: 
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-04-24 18:15
+*/
+const useAppointmentBookingSetting = () => {
+	const utils = contextUtils();
+	const { appointmentBooking } = useAppointmentBookingContext();
+	const { bookingProcess, bookingSubject, customPageId, channel } = appointmentBooking?.otherParams?.productModuleParams || {};
+	const setOtherData = (key, val) => {
+		return appointmentBooking.setOtherData(key, val);
+	};
+	const getOtherData = (key) => {
+		return appointmentBooking.getOtherData(key);
+	};
+	const formName = useMemo(() => {
+		return utils?.translation(bookingSubject?.form_name);
+	}, [bookingSubject]);
+	return {
+		isDateSelectedFirst: bookingProcess === "date_first",
+		isFormSubject: bookingSubject?.type === "form",
+		isRetailTemplate: appointmentBooking?.otherParams?.isRetailTemplate || false,
+		customPageId,
+		channel,
+		bookingSubject,
+		setOtherData,
+		getOtherData,
+		formName
+	};
+};
+
+//#endregion
+export { contextUtils, useAppointmentBooking, useAppointmentBookingAccount, useAppointmentBookingCart, useAppointmentBookingLogin, useAppointmentBookingProduct, useAppointmentBookingResource, useAppointmentBookingSetting, useAppointmentBookingStep, useIsSkipResourceStep, useShopDiscount };

package/dist/es/components/appointmentBooking/index.d.ts

@@ -0,0 +1,6 @@
+import "./index.less";
+
+//#region src/components/appointmentBooking/index.d.ts
+declare const AppointmentBooking: () => JSX.Element;
+//#endregion
+export { AppointmentBooking };

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

@@ -0,0 +1,49 @@
+import useEngineContext_default from "../../hooks/useEngineContext.js";
+import { formatCurrentUser } from "./utils.js";
+import { contextUtils, useAppointmentBooking } from "./hooks.js";
+import { AppointmentBookingProvider } from "./context.js";
+import Content_default from "./components/Content/index.js";
+import locales_default from "./locales.js";
+import React, { useEffect } from "react";
+import { isMobile, locales } from "@pisell/utils";
+import "./index.less";
+
+//#region src/components/appointmentBooking/index.tsx
+const AppointmentBooking = () => {
+	const context = useEngineContext_default();
+	locales.init(locales_default, context?.engine?.props?.locale || "en");
+	const utils = contextUtils();
+	const appointmentBooking = useAppointmentBooking();
+	useEffect(() => {
+		const { bookingSubject } = appointmentBooking?.otherParams?.productModuleParams || {};
+		if (bookingSubject?.type === "form") return;
+		appointmentBooking.getAccounts().then((data) => {
+			if (!data.length) {
+				const currentUser = formatCurrentUser(utils);
+				appointmentBooking.addAccounts([currentUser]);
+			} else if (data.length >= 1) {
+				const meAccount = data?.find((d) => !d?.isGuest);
+				const currentUser = formatCurrentUser(utils);
+				if (currentUser && meAccount.id !== currentUser.id) appointmentBooking.setLoginAccount(meAccount.id, currentUser);
+			}
+		});
+	}, []);
+	useEffect(() => {
+		const setRealVH = () => {
+			let height = window.innerHeight;
+			if (new URLSearchParams(window.location.search).has("fromTabbar")) height = height - 54;
+			const vh = height * .01;
+			document.documentElement.style.setProperty("--vh", `${vh}px`);
+		};
+		setRealVH();
+		window.addEventListener("resize", setRealVH);
+		return () => {
+			window.removeEventListener("resize", setRealVH);
+		};
+	}, []);
+	return /* @__PURE__ */ React.createElement("div", { className: `parallel-booking-wrap ${isMobile() ? "parallel-booking-mobile-wrap" : ""}` }, /* @__PURE__ */ React.createElement(AppointmentBookingProvider, null, /* @__PURE__ */ React.createElement(Content_default, null)));
+};
+var appointmentBooking_default = AppointmentBooking;
+
+//#endregion
+export { appointmentBooking_default as default };

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

@@ -0,0 +1,23 @@
+.parallel-booking-wrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: #ffffff;
+  height: calc(var(--vh, 1vh) * 100);
+  overflow-y: auto;
+
+  .pisell-section-headers {
+    display: flex;
+    align-items: center;
+  }
+  .pisell-section-headers-content {
+    width: 1000px;
+    margin: 0 auto;
+  }
+}
+
+.parallel-booking-mobile-wrap {
+  .pisell-section-headers-content {
+    width: 100%;
+  }
+}