@pisell/private-materials 6.6.8 → 6.6.10

package/dist/lib/components/eventBooking/components/Provider/Cart/ContinueButton/index.js

@@ -0,0 +1,287 @@
+const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
+const require_useEngineContext = require('../../../../../../hooks/useEngineContext.js');
+const require_index = require('../../../../../../businessModel/SalesModel/Sales/index.js');
+const require_index$1 = require('../../../../../Sales/Step/index.js');
+const require_index$2 = require('../../../../../Sales/Customer/index.js');
+const require_utils = require('../../../../../Sales/Checkout/utils.js');
+const require_index$3 = require('../../../../../Sales/Cart/index.js');
+const require_utils$1 = require('../../../../../appointmentBooking/utils.js');
+const require_index$4 = require('../../../../../Sales/Checkout/index.js');
+const require_index$5 = require('../../../../../Sales/Holder/index.js');
+const require_serve = require('../../../../../Sales/Event/serve.js');
+const require_index$6 = require('../../../../../Sales/Summary/index.js');
+const require_index$7 = require('../../OrderProductModal/index.js');
+const require_index$8 = require('../../EmptyHolderModal/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pisell_utils = require("@pisell/utils");
+let ahooks = require("ahooks");
+let __pisell_materials = require("@pisell/materials");
+require("./index.less");
+
+//#region src/components/eventBooking/components/Provider/Cart/ContinueButton/index.tsx
+const ContinueButton = () => {
+	const hasSubscribedRef = (0, react.useRef)(false);
+	const { data } = require_index.useSales();
+	const { onHolderOpen } = require_index$5.useHolder();
+	const { checkHolder, onCloseCart, cartData, getWithoutCartItemsHolderNames } = require_index$3.useCart();
+	const { currentStepData, nextStep, isLastStep } = require_index$1.useStep();
+	const { onCheckout, createBooking, onCheckBeforeBooking, checkBeforeBooking, freePay } = require_index$4.useCheckout();
+	const { openLoginModal, isLogin } = require_index$2.useCustomer();
+	const { deposit, isAgreeDepositPolicy } = require_index$6.useSummary();
+	const [openCheckout, setOpenCheckout] = (0, react.useState)(false);
+	const [checkedNumber, setCheckedNumber] = (0, react.useState)(0);
+	const [openEmptyHolder, setOpenEmptyHolder] = (0, react.useState)(false);
+	const { setData, removeSessionStorage } = require_index.useSales();
+	const context = require_useEngineContext.default();
+	context?.appHelper?.constants?.config;
+	const utils = context?.appHelper?.utils || {};
+	const { pubsub } = context.appHelper.utils;
+	const { store, action, getStore } = context.appHelper?.utils || {};
+	/**
+	* @title: 下单
+	* @description:
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2025-02-10 17:54
+	*/
+	const handleCheckout = async () => {
+		const params = require_utils.getFormParams(data);
+		action?.({
+			type: "pisell1.goProductForm",
+			data: params,
+			callback: async (e) => {
+				if (e?.type === "close") return;
+				const result = await onCheckout(require_utils.formatValues({
+					state: data,
+					platform: context?.appHelper?.constants?.platform,
+					excludeDisabled: false,
+					extra: { relation_forms: e }
+				}));
+				if (result?.success) removeSessionStorage();
+				else (0, __pisell_materials.PisellToast)({ content: result?.err?.message || "" });
+			}
+		});
+	};
+	/**
+	* 登录后根据返回商品价格更新cartItem price
+	*/
+	const _getProductPrice = (0, ahooks.useRequest)(require_serve.getProductPrice, {
+		manual: true,
+		onSuccess: (res) => {
+			const productById = (res.data || []).reduce((pre, cur) => {
+				pre[cur.id] = cur;
+				return pre;
+			}, {});
+			console.log("start update price");
+			const newCartItems = cartData.cartItems.map((item) => {
+				const { product } = item._originData || {};
+				let newProduct = productById[product.product_id];
+				let _totalPrice = Number(newProduct.price);
+				if (!item?._productDetail) {
+					item.price = _totalPrice;
+					item.total = _totalPrice;
+					return item;
+				}
+				const { bundle = [], options } = item._productDetail;
+				if (Array.isArray(product?.product_bundle) && product.product_bundle.length > 0) {
+					const { bundle_group = [] } = newProduct;
+					for (let i = 0; i < product.product_bundle.length; i++) {
+						const { bundle_group_id, bundle_id, option } = product.product_bundle[i];
+						const _originBundleItemInfo = bundle.find((bi) => bi.id === bundle_id);
+						const _targetBundleGroup = bundle_group.find((bg) => bg.id === bundle_group_id);
+						if (_targetBundleGroup?.bundle_item?.length) {
+							let _newBundleItemInfo = _targetBundleGroup.bundle_item.find((bi) => bi.id === bundle_id);
+							if (_originBundleItemInfo?._bundle_product_id === _newBundleItemInfo?.bundle_product_id) {
+								const { price_type, num = 1, option: _originBundleItemOptions } = _originBundleItemInfo;
+								const _bundleItemPrice = Number(_newBundleItemInfo.price);
+								if (price_type === "markup") _totalPrice += _bundleItemPrice * num;
+								else if (price_type === "markdown") _totalPrice -= _bundleItemPrice * num;
+								else _totalPrice += _bundleItemPrice * num;
+								if (Array.isArray(option) && option?.length > 0) for (let j = 0; j < option.length; j++) {
+									const { option_group_item_id } = option[j];
+									const _originOptionItem = _originBundleItemOptions.find((op) => op.product_option_item_id === option_group_item_id);
+									if (_originOptionItem) {
+										const { price, num: _optionNum = 1 } = _originOptionItem;
+										_totalPrice += Number(price) * _optionNum;
+									}
+								}
+							}
+						}
+					}
+				} else {
+					if (product?.product_variant_id) {
+						const { variant = [] } = newProduct;
+						const _variant = variant.find((v) => v.id === product.product_variant_id);
+						if (_variant) _totalPrice = Number(_variant.price);
+					}
+					if (Array.isArray(product?.product_option_item) && product.product_option_item.length > 0) for (let i = 0; i < product.product_option_item.length; i++) {
+						const { option_group_item_id } = product.product_option_item[i];
+						const _originOptionItem = options.find((op) => op.product_option_item_id === option_group_item_id);
+						if (_originOptionItem) {
+							const { price, num = 1 } = _originOptionItem;
+							_totalPrice += Number(price) * num;
+						}
+					}
+				}
+				item.price = _totalPrice;
+				item.total = _totalPrice;
+				return item;
+			});
+			console.log("new cart data", newCartItems);
+			setData({ cartData: {
+				...cartData,
+				cartItems: newCartItems
+			} });
+		}
+	});
+	/**
+	* 登录后重新获取应用报价单后的价格
+	* 过滤掉组规格商品
+	*/
+	const getCartItemProductsWithQuotation = async () => {
+		const ids = cartData.cartItems.map((item) => {
+			const { product = {} } = item._originData || {};
+			const { product_id } = product;
+			return product_id;
+		}).filter((id) => !!id);
+		const customer = getStore()?.getState()?.global?.userInfo;
+		if (!ids?.length) return;
+		_getProductPrice.run({
+			ids,
+			customer_id: customer?.id
+		});
+	};
+	/**
+	* @title: 下一步
+	* @description:
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2025-02-08 18:57
+	*/
+	const handleNextStep = async () => {
+		onCloseCart();
+		setOpenEmptyHolder(false);
+		if (isLastStep) return handleCheckout();
+		nextStep();
+	};
+	/**
+	* @title: 判断是打开holder弹窗还是进行下一步
+	* @description:
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2025-02-08 14:00
+	*/
+	const handleHolder = () => {
+		if (!checkHolder()) {
+			onHolderOpen();
+			return;
+		}
+		if (getWithoutCartItemsHolderNames()?.length > 0) return setOpenEmptyHolder(true);
+		handleNextStep();
+	};
+	/**
+	* @title: 点击继续
+	* @description:
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2025-01-16 16:30
+	*/
+	const handleContinue = async () => {
+		if (isLastStep) {
+			const value = require_utils.formatValues({
+				state: data,
+				platform: context?.appHelper?.constants?.platform
+			});
+			if (deposit?.hasDeposit && deposit?.protocols?.length > 0 && !isAgreeDepositPolicy) {
+				require_utils$1.Toast(__pisell_utils.locales.getText("pisell2.appointment.deposit.agree.policy"));
+				return;
+			}
+			const checkRes = await onCheckBeforeBooking(value);
+			if (checkRes?.result === false) {
+				setCheckedNumber(checkRes?.num);
+				setOpenCheckout(true);
+				return;
+			}
+			if (getWithoutCartItemsHolderNames()?.length > 0) return setOpenEmptyHolder(true);
+			onCloseCart();
+			return handleCheckout();
+		}
+		if (!isLogin()) {
+			onCloseCart();
+			return openLoginModal({ callback: async (status) => {
+				if (status === "success") {
+					await getCartItemProductsWithQuotation();
+					handleHolder();
+				}
+			} });
+		}
+		handleHolder();
+	};
+	const handleSubmit = () => {
+		if (utils?.businessUtils?.isGuestUser?.()) {
+			if (!hasSubscribedRef.current) {
+				pubsub.subscribe("bind.guest.user", handleContinue);
+				hasSubscribedRef.current = true;
+			}
+			utils?.businessUtils?.openRegisterModal?.(true);
+			return;
+		}
+		handleContinue();
+	};
+	(0, react.useEffect)(() => {
+		return () => {
+			pubsub.unsubscribe("bind.guest.user", handleContinue);
+			hasSubscribedRef.current = false;
+		};
+	}, []);
+	/**
+	* @title: 确认按钮文案
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2025-01-17 16:10
+	*/
+	const continueText = (0, react.useMemo)(() => {
+		if (isLastStep) return __pisell_utils.locales.getText("pisell2.event.checkout");
+		else return __pisell_utils.locales.getText("pisell2.event.close.continue");
+	}, [currentStepData?.key]);
+	/**
+	* @title: 确认按钮loading
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2025-01-21 23:03
+	*/
+	const confirmLoading = (0, react.useMemo)(() => {
+		if (!isLastStep) return false;
+		return createBooking?.loading || checkBeforeBooking?.loading || freePay?.loading;
+	}, [
+		isLastStep,
+		createBooking?.loading,
+		checkBeforeBooking?.loading,
+		freePay?.loading
+	]);
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(__pisell_materials.Button, {
+		disabled: !cartData?.cartItems?.length,
+		size: "large",
+		type: "primary",
+		onClick: () => isLastStep ? handleSubmit() : handleContinue(),
+		loading: confirmLoading
+	}, continueText), /* @__PURE__ */ react.default.createElement(require_index$7.default, {
+		open: openCheckout,
+		type: "checkout",
+		onCancel: () => setOpenCheckout(false)
+	}), /* @__PURE__ */ react.default.createElement(require_index$8.default, {
+		open: openEmptyHolder,
+		lists: getWithoutCartItemsHolderNames(),
+		onCancel: () => setOpenEmptyHolder(false),
+		onOk: () => handleNextStep()
+	}));
+};
+var ContinueButton_default = ContinueButton;
+
+//#endregion
+exports.default = ContinueButton_default;

package/dist/lib/components/eventBooking/components/Provider/Cart/Deposit/index.js

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
+const require_index = require('../../../../../Sales/Summary/index.js');
+const require_index$1 = require('../../../../../appointmentBooking/components/Deposit/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/eventBooking/components/Provider/Cart/Deposit/index.tsx
+const Deposit = () => {
+	const { deposit, isAgreeDepositPolicy, setIsAgreeDepositPolicy, getDepositProtocol } = require_index.useSummary();
+	return /* @__PURE__ */ react.default.createElement(require_index$1.DepositContent, {
+		isAgreeDepositPolicy: !!isAgreeDepositPolicy,
+		setIsAgreeDepositPolicy,
+		deposit,
+		depositProtocolRequest: getDepositProtocol
+	});
+};
+var Deposit_default = Deposit;
+
+//#endregion
+exports.default = Deposit_default;

package/dist/lib/components/eventBooking/components/Provider/Cart/Item/Total.js

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
+const require_useEngineContext = require('../../../../../../hooks/useEngineContext.js');
+const require_index = require('../../../../../Sales/Cart/index.js');
+const require_index$1 = require('../../../../../Sales/Summary/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pisell_utils = require("@pisell/utils");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let __pisell_materials = require("@pisell/materials");
+require("./index.less");
+
+//#region src/components/eventBooking/components/Provider/Cart/Item/Total.tsx
+const Total = ({ className, isFooter }) => {
+	const { cartData } = require_index.useCart();
+	const { taxTitle, totalTaxFee, isPriceIncludeTax, total, deposit } = require_index$1.useSummary();
+	const context = require_useEngineContext.default();
+	console.log(taxTitle, isPriceIncludeTax, totalTaxFee, total, context?.appHelper?.utils?.getSymbolic?.(), deposit, "wh97978");
+	const showDeposit = cartData?.cartItems?.length > 0 && deposit?.hasDeposit;
+	return /* @__PURE__ */ react.default.createElement("div", { className: `event-total-wrap ${className}` }, !isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ react.default.createElement("div", { className: "gst-wrap" }, /* @__PURE__ */ react.default.createElement("span", null, taxTitle, isFooter ? ": " : ""), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellText.Amount, {
+		value: totalTaxFee,
+		showCurrencySymbol: true
+	})) : null, /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("event-total", { [["total-gst-wrap"]]: !isPriceIncludeTax && Number(totalTaxFee) > 0 }) }, /* @__PURE__ */ react.default.createElement("div", { className: "left" }, /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement("span", null, isFooter && showDeposit ? __pisell_utils.locales.getText("pisell2.appointment.deposit") : __pisell_utils.locales.getText("pisell2.event.total"), isFooter ? ": " : ""), isFooter ? /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellText.Amount, {
+		value: cartData?.cartItems?.length > 0 && deposit?.hasDeposit ? deposit?.total : total,
+		showCurrencySymbol: true,
+		className: "event-amount"
+	}) : null), isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ react.default.createElement("span", { className: "gst" }, __pisell_utils.locales.getText("pisell2.event.total.gst")(`${isFooter ? `${taxTitle}: ` : taxTitle}`, `${context?.appHelper?.utils?.getSymbolic?.()}${totalTaxFee}`)) : null), !isFooter ? /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellText.Amount, {
+		value: total,
+		showCurrencySymbol: true,
+		className: "event-amount"
+	}) : null));
+};
+var Total_default = Total;
+
+//#endregion
+exports.default = Total_default;

package/dist/lib/components/eventBooking/components/Provider/Cart/Item/index.js

@@ -0,0 +1,48 @@
+const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
+const require_index = require('../../../../../shoppingCart/index.js');
+const require_index$1 = require('../../../../../Sales/Step/index.js');
+const require_index$2 = require('../../../../../Sales/Cart/index.js');
+const require_index$3 = require('../../../../../Sales/Holder/index.js');
+const require_index$4 = require('../../../../../Sales/Summary/index.js');
+const require_SelectHolderModal = require('../../SelectHolderModal.js');
+const require_index$5 = require('../ContinueButton/index.js');
+const require_Total = require('./Total.js');
+const require_index$6 = require('../Deposit/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pisell_utils = require("@pisell/utils");
+require("./index.less");
+
+//#region src/components/eventBooking/components/Provider/Cart/Item/index.tsx
+const CartItem = () => {
+	const { open, holderData, selectedHolderIds } = require_index$3.useHolder();
+	const { deleteCartItem, deleteCartItemByHolder, cartData, addNoteToCartItem } = require_index$2.useCart();
+	const { deposit } = require_index$4.useSummary();
+	const { isLastStep } = require_index$1.useStep();
+	const handleClickCard = (e, type, key) => {
+		if (type === "note") return addNoteToCartItem(e);
+		console.log(e, type, key, "wh9988767");
+		if (type === "delete") return deleteCartItem(e);
+		if (type === "delete_holders") return deleteCartItemByHolder(key);
+	};
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: `cart-item-wrap ${(0, __pisell_utils.isMobile)() ? "cart-mobile-item-wrap" : ""}` }, /* @__PURE__ */ react.default.createElement("div", { className: "content" }, /* @__PURE__ */ react.default.createElement(require_index.default, {
+		productParams: {
+			products: cartData?.cartItems || [],
+			hideAddBtn: false,
+			holders: holderData?.selectedHolderItems || [],
+			disabledEdit: isLastStep
+		},
+		collapseParams: {
+			activeKey: selectedHolderIds,
+			ghost: true
+		},
+		platform: "h5",
+		emptyText: __pisell_utils.locales.getText("pisell2.event.empty.service"),
+		isOpenGroup: !!selectedHolderIds?.length,
+		onChange: (e, type, key) => handleClickCard(e, type, key)
+	})), /* @__PURE__ */ react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ react.default.createElement(require_Total.default, null), cartData?.cartItems?.length > 0 && deposit?.hasDeposit ? /* @__PURE__ */ react.default.createElement(require_index$6.default, null) : null, /* @__PURE__ */ react.default.createElement(require_index$5.default, null))), /* @__PURE__ */ react.default.createElement(require_SelectHolderModal.default, { open }));
+};
+var Item_default = CartItem;
+
+//#endregion
+exports.default = Item_default;

package/dist/lib/components/eventBooking/components/Provider/Cart/Item/index.less

@@ -0,0 +1,87 @@
+.cart-item-wrap {
+  height: 100%;
+  .content {
+    background: #fff;
+    padding: 20px;
+    .pisell-lowcode__shopping-cart-content {
+      .ant-card-body {
+        padding: 0;
+      }
+    }
+  }
+
+  .event-footer {
+    background: #fff;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    margin-top: 6px;
+  }
+}
+
+.event-total-wrap {
+  color: var(--Text-Text_1, #1b1b1b);
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 28px;
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+
+  > div {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .gst-wrap {
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px;
+  }
+
+  .event-total {
+    .left {
+      display: flex;
+      flex-direction: column;
+      .gst {
+        color: var(--Gray-500, #667085);
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 20px;
+      }
+    }
+  }
+
+  .total-gst-wrap {
+    padding: 14px 0 0;
+  }
+
+  .event-amount {
+    color: var(--Blue-600, #1570ef);
+  }
+}
+
+.cart-mobile-item-wrap {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  .content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0 0 140px;
+  }
+  .event-footer {
+    z-index: 10;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-top: 1px solid #eaecf0;
+    padding: 14px 24px 24px;
+    margin-top: 0;
+  }
+}

package/dist/lib/components/eventBooking/components/Provider/Cart/index.js

@@ -0,0 +1,29 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
+const require_index = require('./Item/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pisell_utils = require("@pisell/utils");
+let __pisell_materials = require("@pisell/materials");
+require("./index.less");
+
+//#region src/components/eventBooking/components/Provider/Cart/index.tsx
+const Cart = ({ open, onCancel }) => {
+	return /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal, {
+		open,
+		title: __pisell_utils.locales.getText("pisell2.event.cart"),
+		platform: "h5",
+		closable: true,
+		onCancel: () => onCancel(),
+		bodyStyle: { padding: "20px" },
+		destroyOnClose: true,
+		className: `event-cart-modal`,
+		footer: null
+	}, /* @__PURE__ */ react.default.createElement("div", { style: {
+		flex: 1,
+		overflowY: "auto"
+	} }, /* @__PURE__ */ react.default.createElement(require_index.default, null)));
+};
+var Cart_default = Cart;
+
+//#endregion
+exports.default = Cart_default;

package/dist/lib/components/eventBooking/components/Provider/Cart/index.less

@@ -0,0 +1,2 @@
+.event-cart-modal {
+}

package/dist/lib/components/eventBooking/components/Provider/Content/index.js

@@ -0,0 +1,57 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
+const require_index = require('../../../../Sales/Step/index.js');
+const require_index$1 = require('../Cart/Item/index.js');
+const require_index$2 = require('../Resource/index.js');
+const require_index$3 = require('../Event/index.js');
+const require_index$4 = require('../Information/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pisell_utils = require("@pisell/utils");
+require("./index.less");
+
+//#region src/components/eventBooking/components/Provider/Content/index.tsx
+const Layout = () => {
+	const { currentStepData, isFirstStep } = require_index.useStep();
+	(0, react.useEffect)(() => {
+		window.scrollTo({
+			top: 0,
+			behavior: "smooth"
+		});
+	}, [currentStepData?.key]);
+	const Com = (0, react.useMemo)(() => {
+		const key = currentStepData?.key;
+		if (!key) return null;
+		let Com$1 = {
+			"select-category": require_index$2.default,
+			"select-event": require_index$3.default,
+			"confirm-information": require_index$4.default
+		}[key];
+		return /* @__PURE__ */ react.default.createElement(Com$1, null);
+	}, [currentStepData?.key]);
+	/**
+	* @title: 动态计算中间内容区域的高度
+	* @description:
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2025-02-18 15:36
+	*/
+	(0, react.useEffect)(() => {
+		if ((0, __pisell_utils.isMobile)()) {
+			const header = document.querySelector(".event-progress-bar");
+			const footer = document.querySelector(".pisell-section-footers-wrapper");
+			const content = document.querySelector(".event-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";
+			}
+		}
+	}, [currentStepData?.key]);
+	return /* @__PURE__ */ react.default.createElement("div", { className: `event-content-wrap ${(0, __pisell_utils.isMobile)() ? "event-content-mobile-wrap" : ""}` }, /* @__PURE__ */ react.default.createElement("div", { className: "event-content-left" }, Com), !(0, __pisell_utils.isMobile)() && !isFirstStep ? /* @__PURE__ */ react.default.createElement("div", { className: "event-content-right" }, /* @__PURE__ */ react.default.createElement(require_index$1.default, null)) : null);
+};
+var Content_default = Layout;
+
+//#endregion
+exports.default = Content_default;

package/dist/lib/components/eventBooking/components/Provider/Content/index.less

@@ -0,0 +1,31 @@
+.event-content-wrap {
+  width: 1000px;
+  display: flex;
+  gap: 6px;
+  // align-items: center;
+  flex: 1;
+
+  .event-content-left {
+    flex: 1;
+  }
+
+  .event-content-right {
+    margin-top: 16px;
+    width: 360px;
+    position: sticky;
+    top: 93px;
+    height: fit-content;
+  }
+}
+
+.event-content-mobile-wrap {
+  width: 100%;
+  flex: none;
+  .event-content-left {
+    width: 100%;
+    flex: none;
+    .provider-information-wrap {
+      width: 100%;
+    }
+  }
+}

package/dist/lib/components/eventBooking/components/Provider/EmptyHolderModal/index.js

@@ -0,0 +1,30 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pisell_utils = require("@pisell/utils");
+let __pisell_materials = require("@pisell/materials");
+require("./index.less");
+
+//#region src/components/eventBooking/components/Provider/EmptyHolderModal/index.tsx
+const EmptyHolderModal = (props) => {
+	const { open, onCancel, onOk, lists } = props;
+	const content = (0, react.useMemo)(() => {
+		return /* @__PURE__ */ react.default.createElement("div", { className: "event-booking-empty-holder-describe" }, /* @__PURE__ */ react.default.createElement("span", null, __pisell_utils.locales.getText("pisell2.event.empty.holder.tip")), /* @__PURE__ */ react.default.createElement("ul", null, lists.map((item, index) => {
+			return /* @__PURE__ */ react.default.createElement("li", { key: index }, item);
+		})), /* @__PURE__ */ react.default.createElement("span", null, __pisell_utils.locales.getText("pisell2.event.empty.holder.continue.tip")));
+	}, [lists]);
+	return /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellModal.Information, {
+		open,
+		title: __pisell_utils.locales.getText("pisell2.event.empty.holder.title"),
+		describe: content,
+		okText: __pisell_utils.locales.getText("pisell2.event.empty.holder.continue.anyway"),
+		cancelText: __pisell_utils.locales.getText("pisell2.event.empty.holder.go.back"),
+		closable: true,
+		onCancel: () => onCancel(),
+		onOk: () => onOk()
+	});
+};
+var EmptyHolderModal_default = EmptyHolderModal;
+
+//#endregion
+exports.default = EmptyHolderModal_default;

package/dist/lib/components/eventBooking/components/Provider/EmptyHolderModal/index.less

@@ -0,0 +1,17 @@
+.event-booking-empty-holder-describe {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  ul {
+    list-style-type: disc !important;
+    padding-left: 20px;
+    li {
+      list-style-type: disc !important;
+    }
+  }
+}