@pisell/private-materials 6.6.8 → 6.6.9

package/dist/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.less

@@ -0,0 +1,25 @@
+.event-calendar-status {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 10px 30px;
+
+  .item {
+    display: flex;
+    align-items: center;
+    flex-shrink: 1;
+    width: 50%;
+    margin-bottom: 12px;
+    .item-icon {
+      margin-right: 10px;
+      width: 20px;
+      border-radius: 4px;
+    }
+    .item-text {
+      color: #101828;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+    }
+  }
+}

package/dist/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/index.js

@@ -0,0 +1,161 @@
+const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
+const require_index = require('./Status/index.js');
+const require_state = require('./state.js');
+let dayjs = require("dayjs");
+dayjs = require_rolldown_runtime.__toESM(dayjs);
+let react = require("react");
+let __pisell_utils = require("@pisell/utils");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let __pisell_materials = require("@pisell/materials");
+let dayjs_plugin_isSameOrBefore = require("dayjs/plugin/isSameOrBefore");
+dayjs_plugin_isSameOrBefore = require_rolldown_runtime.__toESM(dayjs_plugin_isSameOrBefore);
+require("./index.less");
+
+//#region src/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/index.tsx
+dayjs.default.extend(dayjs_plugin_isSameOrBefore.default);
+const CalendarDate = (props, ref) => {
+	const { cutTime, getLimitData, dateLimitData, loading } = props;
+	const [productId, setProductId] = (0, react.useState)("");
+	const [currentDate, setCurrentDate] = (0, react.useState)("");
+	const [dateMonthList, setDateMonthList] = (0, react.useState)([]);
+	const [currentMonth, setCurrentMonth] = (0, react.useState)(() => {
+		return (0, dayjs.default)();
+	});
+	const [open, setOpen] = (0, react.useState)(false);
+	const startingColumn = 0;
+	const columns = Array.from({ length: 7 }, (_, index) => (index + 7 - startingColumn) % 7);
+	/**
+	* @title: 获取当前月日期
+	* @description:
+	* @param {*}
+	* @return {*}
+	* @Author: 严文强
+	* @Date: 2024-02-01 20:30
+	*/
+	const getMonthData = (date) => {
+		const firstDay = (0, dayjs.default)(`${date}-01`);
+		const startDay = firstDay.day();
+		const daysInMonth = firstDay.daysInMonth();
+		const monthData = [];
+		for (let i = 0; i < startDay; i++) monthData.push({
+			day: -1,
+			date: (0, dayjs.default)(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 = () => {
+		return (0, dayjs.default)(currentMonth.format("YYYY-MM")).subtract(1, "month").isBefore((0, dayjs.default)(), "month");
+	};
+	/**
+	* @title: 切换上个月
+	* @description:
+	* @param {*}
+	* @return {*}
+	* @Author: 严文强
+	* @Date: 2024-02-01 19:15
+	*/
+	const lastMonth = () => {
+		let newLastMonth = (0, dayjs.default)(currentMonth.format("YYYY-MM")).subtract(1, "month");
+		setCurrentMonth(newLastMonth);
+		setDateMonthList(getMonthData(newLastMonth.format("YYYY-MM")));
+	};
+	/**
+	* @title: 切换下个月
+	* @description:
+	* @param {*}
+	* @return {*}
+	* @Author: 严文强
+	* @Date: 2024-02-01 19:15
+	*/
+	const nextMonth = () => {
+		let newNextMonth = (0, dayjs.default)(currentMonth.format("YYYY-MM")).add(1, "month");
+		setCurrentMonth(newNextMonth);
+		setDateMonthList(getMonthData(newNextMonth.format("YYYY-MM")));
+	};
+	/**
+	* @title: 根据当前选择的月份剩余量
+	* @description:
+	* @return {*}
+	* @Author: xiangxiang.shao
+	* @Date: 2024-02-07 14:13
+	*/
+	const CalendarDateContent = (0, react.useMemo)(() => {
+		return /* @__PURE__ */ React.createElement("div", { className: "calendar-box" }, /* @__PURE__ */ React.createElement("div", { className: "calendar-header" }, /* @__PURE__ */ React.createElement("div", {
+			className: (0, classnames.default)("calendar-last-month", { "last-month-disabled": lastMonthDisable() }),
+			onClick: () => {
+				if (lastMonthDisable()) return;
+				lastMonth();
+			}
+		}, /* @__PURE__ */ React.createElement(__pisell_materials.Iconfont, { type: "pisell2-chevron-left" })), /* @__PURE__ */ React.createElement("div", { className: "calendar-current-month" }, currentMonth.format("MMMM YYYY")), /* @__PURE__ */ React.createElement("div", {
+			className: "calendar-next-month",
+			onClick: () => {
+				nextMonth();
+			}
+		}, /* @__PURE__ */ React.createElement(__pisell_materials.Iconfont, { type: "pisell2-chevron-right" }))), /* @__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"
+		}, require_state.weekListText[Number(col)]))), /* @__PURE__ */ React.createElement("div", { className: "calendar-days" }, dateMonthList.map((day, index) => {
+			const date = (0, dayjs.default)(day.date).format("YYYY-MM-DD");
+			const { status, disabled } = require_state.getStatus(dateLimitData, date, cutTime);
+			const currentStatus = require_state.getCallToBookStatus(date, dateLimitData, cutTime) && (status === "lots_of_space" || status === "filling_up_fast") ? "call_to_book" : status;
+			return /* @__PURE__ */ React.createElement("div", {
+				key: index,
+				className: (0, classnames.default)("calendar-days-items", {
+					disabledDate: disabled || loading,
+					disabledSelect: status === "sold_out",
+					selectDate: currentDate === date,
+					"other-month-days": day?.day < 1
+				}),
+				onClick: () => {
+					if (loading) return;
+					props.dateChange(date);
+				}
+			}, day?.day >= 1 && /* @__PURE__ */ React.createElement("div", {
+				style: { "--lineColor": !loading ? require_state.statusColor[currentStatus] : "" },
+				className: (0, classnames.default)("day-text", { "day-line": !disabled })
+			}, day?.day < 1 ? "" : day?.day));
+		}))), /* @__PURE__ */ React.createElement(require_index.default, { style: { margin: 0 } }));
+	}, [
+		currentMonth,
+		dateMonthList,
+		getLimitData,
+		currentDate
+	]);
+	(0, react.useImperativeHandle)(ref, () => {
+		return { open: (date, id) => {
+			setOpen(true);
+			let daysText = (0, dayjs.default)(date).format("YYYY-MM");
+			setCurrentMonth((0, dayjs.default)(date));
+			setCurrentDate(date);
+			setDateMonthList(getMonthData(daysText));
+		} };
+	});
+	return /* @__PURE__ */ React.createElement(__pisell_materials.PisellModal, {
+		open,
+		title: "device",
+		mobileModalHeight: "auto",
+		platform: (0, __pisell_utils.isMobile)() ? "h5" : "pc",
+		bodyStyle: { padding: (0, __pisell_utils.isMobile)() ? "16px 24px" : 32 },
+		destroyOnClose: true,
+		className: "select-holder-modal",
+		footer: null,
+		onCancel: () => setOpen(false)
+	}, CalendarDateContent);
+};
+var CalendarDate_default = (0, react.forwardRef)(CalendarDate);
+
+//#endregion
+exports.default = CalendarDate_default;

package/dist/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/index.less

@@ -0,0 +1,119 @@
+.calendar-box {
+  display: flex;
+  flex-direction: column;
+
+  .calendar-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .calendar-last-month,
+    .calendar-next-month {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 20px;
+      cursor: pointer;
+    }
+
+    .calendar-current-month {
+      text-align: center;
+      color: #101828;
+      font-weight: 600;
+      flex: 1;
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 24px;
+    }
+  }
+
+  .calendar-content {
+    margin: 10px 0 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    .calendar-weeks {
+      display: grid;
+      grid-template-columns: repeat(7, 1fr);
+      gap: 8px;
+
+      .calendar-weeks-items {
+        color: #101828;
+        text-align: center;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 18px;
+        /* 150% */
+      }
+    }
+
+    .calendar-days {
+      display: grid;
+      grid-template-columns: repeat(7, 1fr);
+      gap: 12px;
+    }
+  }
+}
+
+.calendar-days-items {
+  position: relative;
+  display: flex;
+  height: 64px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex: 1 0 0;
+  border-radius: 8px;
+  border: 1px solid #d0d5dd;
+  cursor: pointer;
+
+  .day-text {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #101828;
+    text-align: center;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 24px;
+
+    &.day-line::before {
+      position: absolute;
+      bottom: 12px;
+      content: '';
+      width: 24px;
+      height: 4px;
+      flex-shrink: 0;
+      border-radius: 2px;
+      background: var(--lineColor);
+    }
+  }
+
+  &.disabledDate {
+    // border: 1px solid #eaecf0;
+    cursor: pointer;
+    background: var(--Gray-100, #f2f4f7);
+    border: none;
+  }
+
+  &.disabledSelect {
+    cursor: pointer;
+  }
+
+  &.selectDate {
+    border: 2px solid var(--Primary-600, #7f56d9);
+  }
+
+  &.other-month-days {
+    background: none;
+    border: none;
+  }
+}

package/dist/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/state.js

@@ -0,0 +1,137 @@
+const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
+let dayjs = require("dayjs");
+dayjs = require_rolldown_runtime.__toESM(dayjs);
+
+//#region src/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/state.ts
+/**
+* @title: 日历星期多语言
+* @description:
+* @param {*}
+* @return {*}
+* @Author: 严文强
+* @Date: 2024-02-01 18:42
+*/
+const weekListText = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+];
+/**
+* @title: 不同状态颜色值
+* @description:
+* @param {*}
+* @return {*}
+* @Author: xiangxiang.shao
+* @Date: 2024-02-19 11:35
+*/
+const statusColor = {
+	call_to_book: "#444CE7",
+	lots_of_space: "#099250",
+	filling_up_fast: "#EAAA08",
+	sold_out: "#D92D20",
+	unavailable: "rgba(68, 76, 231, 0.00)"
+};
+/**
+* @title: 根据预约量数据判断当前状态
+* @description:
+* @param {*}
+* @return {*}
+* @Author: xiangxiang.shao
+* @Date: 2024-02-19 11:35
+*/
+const getStatus = (dateLimit, currentDate, cutTime) => {
+	let status = "";
+	let disabled = false;
+	const dataItem = dateLimit[currentDate];
+	console.log(currentDate);
+	const startTime = (0, dayjs.default)(cutTime?.shop_time).format("YYYY-MM-DD HH:mm");
+	const startDate = (0, dayjs.default)(cutTime?.shop_time).format("YYYY-MM-DD");
+	(0, dayjs.default)(startTime).add(cutTime?.unit, cutTime?.unit_type).format("YYYY-MM-DD");
+	try {
+		if (!dataItem) return {
+			status,
+			disabled: true
+		};
+	} catch (err) {
+		return {
+			status,
+			disabled: true
+		};
+	}
+	if (!Object.keys(dateLimit).length) return {
+		status,
+		disabled: true
+	};
+	const times = dataItem.times || [];
+	if (!times.length) disabled = true;
+	else {
+		let useable = null;
+		if (cutTime.type === "ongoing" && currentDate === startDate) {
+			if (cutTime?.["ongoing"]?.type === "before_end") useable = times.find((d) => {
+				return startTime >= d.start_at && startTime < d.end_at || d.start_at >= startTime;
+			});
+			if (cutTime?.["ongoing"]?.type === "after_start") useable = times.find((d) => {
+				const _endTime = (0, dayjs.default)(d.start_at).add(cutTime?.["ongoing"]?.unit, "minutes").format("YYYY-MM-DD HH:mm");
+				return startTime >= d.start_at && startTime <= _endTime || d.start_at >= startTime;
+			});
+		} else useable = times.find((d) => {
+			return startTime < d.start_at;
+		});
+		if (!useable) return {
+			status,
+			disabled: true
+		};
+		if (times.find((item) => item.limit === 0)) status = "lots_of_space";
+		else {
+			const allLimit = times.reduce((prev, next) => {
+				return prev + next.limit;
+			}, 0);
+			const percent = (allLimit - times.reduce((prev, next) => {
+				return prev + next.order_count;
+			}, 0)) / allLimit;
+			if (percent > .5) status = "lots_of_space";
+			else if (percent <= .5 && percent > 0) status = "filling_up_fast";
+			else if (percent <= 0) status = "sold_out";
+		}
+	}
+	return {
+		status,
+		disabled
+	};
+};
+/**
+* @title: 根据当前日期以设定判断当前是否是call_to_book状态
+* @description:
+* @param {*}
+* @return {*}
+* @Author: xiangxiang.shao
+* @Date: 2024-02-21 10:10
+*/
+const getCallToBookStatus = (currentDate, dateLimitData, cutTime) => {
+	const timeList = dateLimitData[currentDate]?.times || [];
+	let isShowCallToBook = false;
+	if (!currentDate || !cutTime?.shop_time || !cutTime?.unit || !cutTime?.unit_type) {
+		isShowCallToBook = false;
+		return isShowCallToBook;
+	}
+	if (cutTime?.unit_type === "hours" || cutTime?.unit_type === "minutes" || cutTime?.unit_type === "days") {
+		const endTime = (0, dayjs.default)((0, dayjs.default)().format("YYYY-MM-DD HH:mm:ss")).add(cutTime?.unit, cutTime?.unit_type).format("YYYY-MM-DD HH:mm:ss");
+		if ((0, dayjs.default)(currentDate).isBefore((0, dayjs.default)(endTime.split(" ")[0]))) isShowCallToBook = true;
+		else if (currentDate === endTime.split(" ")[0]) if (timeList?.find?.((item) => {
+			if ((0, dayjs.default)(`${item.date} ${item.end_at}`).valueOf() > (0, dayjs.default)(endTime).valueOf()) return true;
+		})) isShowCallToBook = false;
+		else isShowCallToBook = true;
+		else isShowCallToBook = false;
+	}
+	return isShowCallToBook;
+};
+
+//#endregion
+exports.getCallToBookStatus = getCallToBookStatus;
+exports.getStatus = getStatus;
+exports.statusColor = statusColor;
+exports.weekListText = weekListText;

package/dist/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.js

@@ -0,0 +1,59 @@
+const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
+const require_mock = require('../../../../mock.js');
+const require_index = require('../../../OpenCard/index.js');
+const require_index$1 = require('../CalendarDate/Status/index.js');
+const require_index$2 = require('../CalendarDate/CalenDateWeek/index.js');
+const require_index$3 = require('../CalendarDate/index.js');
+let dayjs = require("dayjs");
+dayjs = require_rolldown_runtime.__toESM(dayjs);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let __pisell_materials = require("@pisell/materials");
+require("./index.less");
+
+//#region src/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.tsx
+const SelectDate = ({ currentDate, detail, currentDateChange, setSurplusDisabledChange, cutTime, setCutTime, showCalendarPopup }, ref) => {
+	const [dateLimitData, setDateLimitData] = (0, react.useState)(require_mock.mock.availability_calendar.limitData);
+	const calendarDateRef = (0, react.useRef)(null);
+	(0, react.useImperativeHandle)(ref, () => {
+		return {};
+	});
+	/**
+	* @title: 头部额外内容
+	* @description:
+	* @return {*}
+	* @Author: WangHan
+	* @Date: 2025-01-14 14:52
+	*/
+	const extraHeader = () => {
+		return /* @__PURE__ */ react.default.createElement("div", { onClick: (e) => {
+			e.stopPropagation();
+			calendarDateRef?.current?.open(currentDate, detail?.id);
+		} }, /* @__PURE__ */ react.default.createElement(__pisell_materials.Iconfont, {
+			type: "pisell2-calendar",
+			className: (0, classnames.default)("calendar-icon")
+		}));
+	};
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(require_index.default, {
+		title: "Select a date",
+		initOpen: true,
+		showArrow: false,
+		isClick: false,
+		extra: showCalendarPopup ? extraHeader() : null
+	}, /* @__PURE__ */ react.default.createElement(require_index$2.default, {
+		currentDate,
+		productId: detail?.id,
+		cutTime,
+		dateLimitData
+	}), /* @__PURE__ */ react.default.createElement(require_index$1.default, null)), /* @__PURE__ */ react.default.createElement(require_index$3.default, {
+		ref: calendarDateRef,
+		cutTime,
+		dateLimitData
+	}));
+};
+var SelectDate_default = (0, react.forwardRef)(SelectDate);
+
+//#endregion
+exports.default = SelectDate_default;

package/dist/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.less

@@ -0,0 +1,4 @@
+.calendar-icon {
+  font-size: 24px;
+  cursor: pointer;
+}

package/dist/lib/components/eventBooking/components/bookingAvailabilityCalendar/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./index.less";
+
+//#region src/components/eventBooking/components/bookingAvailabilityCalendar/index.d.ts
+interface BookingAvailabilityCalendarProps {
+  showCalendarPopup?: boolean;
+  onDateChange?: (date: string) => void;
+  detail?: any;
+  currentDate?: string;
+  cutTime?: any;
+  onCurrentDateChange?: (date: string) => void;
+  onCutTimeChange?: (date: string) => void;
+  onSurplusDisabledChange?: (date: boolean) => void;
+}
+declare const BookingAvailabilityCalendar: React.FC<BookingAvailabilityCalendarProps>;
+//#endregion
+export { BookingAvailabilityCalendar };

package/dist/lib/components/eventBooking/components/bookingAvailabilityCalendar/index.js

@@ -0,0 +1,28 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
+const require_mock = require('../../mock.js');
+const require_index = require('./components/SelectDate/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+require("./index.less");
+
+//#region src/components/eventBooking/components/bookingAvailabilityCalendar/index.tsx
+const BookingAvailabilityCalendar = (props) => {
+	const { showCalendarPopup, onDateChange, detail = require_mock.mock.availability_calendar?.detail, currentDate = require_mock.mock.availability_calendar?.currentDate, cutTime = require_mock.mock.availability_calendar?.cutTime, onCurrentDateChange, onCutTimeChange, onSurplusDisabledChange } = props;
+	console.log(detail, currentDate, cutTime, "detail, currentDate, cutTime");
+	return /* @__PURE__ */ react.default.createElement("div", { className: "event-booking-availability-calendar" }, /* @__PURE__ */ react.default.createElement(require_index.default, {
+		showCalendarPopup,
+		detail,
+		currentDate,
+		currentDateChange: (date) => {
+			onCurrentDateChange(date);
+			if (currentDate !== date) onDateChange(date);
+		},
+		setSurplusDisabledChange: onSurplusDisabledChange,
+		cutTime,
+		setCutTime: onCutTimeChange
+	}));
+};
+var bookingAvailabilityCalendar_default = BookingAvailabilityCalendar;
+
+//#endregion
+exports.default = bookingAvailabilityCalendar_default;

package/dist/lib/components/eventBooking/components/bookingAvailabilityCalendar/index.less

@@ -0,0 +1,2 @@
+.event-booking-availability-calendar {
+}

package/dist/lib/components/eventBooking/components/bookingAvailabilityCalendar/utils.js

@@ -0,0 +1,56 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
+const require_state = require('./components/CalendarDate/state.js');
+let dayjs = require("dayjs");
+dayjs = require_rolldown_runtime.__toESM(dayjs);
+
+//#region src/components/eventBooking/components/bookingAvailabilityCalendar/utils.ts
+/**
+* @title: 格式化日期
+* @description: 
+* @param {string} date
+* @param {string} format
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-01-14 15:19
+*/
+const formatDate = (date, format) => {
+	return (0, dayjs.default)(date).format(format || "YYYY-MM-DD");
+};
+/**
+* @title: 获取列表中包含了几个月
+* @description: 
+* @param {Dayjs} date
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-01-14 15:25
+*/
+const getMonthIndex = (lists) => {
+	if (!lists.length) return [];
+	const arr = [0];
+	const firstMonth = formatDate(lists[0], "YYYY-MM");
+	const index = lists.findIndex((item) => formatDate(item, "YYYY-MM") !== firstMonth);
+	if (index !== -1) arr.push(index);
+	return arr;
+};
+/**
+* @title: 获取当前状态
+* @description: 
+* @param {any} dateLimitData
+* @param {any} item
+* @param {any} cutTime
+* @return {*}
+* @Author: WangHan
+* @Date: 2025-01-14 15:33
+*/
+const getCurrentStatus = (dateLimitData, item, cutTime) => {
+	const { status, disabled } = require_state.getStatus(dateLimitData, item, cutTime);
+	return {
+		currentStatus: require_state.getCallToBookStatus(item, dateLimitData, cutTime) && ["lots_of_space", "filling_up_fast"].includes(status) ? "call_to_book" : status,
+		disabled
+	};
+};
+
+//#endregion
+exports.formatDate = formatDate;
+exports.getCurrentStatus = getCurrentStatus;
+exports.getMonthIndex = getMonthIndex;

package/dist/lib/components/eventBooking/components/bookingDetailModal/components/BookingOptions.js

@@ -0,0 +1,52 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
+const require_index = require('../../../../productSelect/components/pisellPriceText/index.js');
+const require_Detail = require('../../../../Sales/Event/Detail.js');
+const require_index$1 = require('../../OpenCard/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pisell_utils = require("@pisell/utils");
+let decimal_js = require("decimal.js");
+decimal_js = require_rolldown_runtime.__toESM(decimal_js);
+let __pisell_materials = require("@pisell/materials");
+
+//#region src/components/eventBooking/components/bookingDetailModal/components/BookingOptions.tsx
+const BookingOptions = (props) => {
+	const { detail, currentBookingOption, selectEventDetailBookingOptions } = require_Detail.useEventDetail();
+	const onChange = (value, item) => {
+		selectEventDetailBookingOptions(value);
+		props?.onChangeBookingOption?.(item);
+	};
+	return /* @__PURE__ */ react.default.createElement(require_index$1.default, {
+		title: __pisell_utils.locales.getText("pisell2.event.booking.options"),
+		showBorder: true,
+		showArrow: false,
+		isClick: false,
+		className: "detail-option-wrap"
+	}, /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellCheckboxGroup, {
+		mode: "single",
+		iconPosition: detail?.bookingOptions?.length > 1 ? "right" : "hide",
+		options: detail?.bookingOptions || [],
+		optionClassName: `option-item ${detail?.bookingOptions?.length > 1 ? "option-item-pointer" : ""}`,
+		value: currentBookingOption,
+		renderOption: (option) => {
+			const { price, is_bundle, minimum_markup_price } = option._originData || {};
+			if (!option._originData || !is_bundle) return /* @__PURE__ */ react.default.createElement("div", { className: "item" }, /* @__PURE__ */ react.default.createElement("span", null, option.label), /* @__PURE__ */ react.default.createElement(__pisell_materials.PisellText.Amount, {
+				value: option.price,
+				showCurrencySymbol: true,
+				className: "price"
+			}));
+			let _price = price;
+			if (is_bundle) _price = new decimal_js.default(price).plus(new decimal_js.default(minimum_markup_price)).toFixed(2);
+			return /* @__PURE__ */ react.default.createElement("div", { className: "item" }, /* @__PURE__ */ react.default.createElement("span", null, option.label), /* @__PURE__ */ react.default.createElement(require_index.default, {
+				className: "price",
+				value: _price,
+				isMini: true
+			}));
+		},
+		onChange
+	}));
+};
+var BookingOptions_default = BookingOptions;
+
+//#endregion
+exports.default = BookingOptions_default;