@pisell/private-materials 6.0.24 → 6.1.1

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/state.js

@@ -0,0 +1,256 @@
+import Dayjs from 'dayjs';
+
+/**
+ * @title: 获取包括今天的后七天日期
+ * @description:
+ * @param {*}
+ * @return {*}
+ * @Author: 严文强
+ * @Date: 2024-02-01 11:00
+ */
+export var getNextSevenDaysList = function getNextSevenDaysList(defaultDay) {
+  // 获取当前日期
+  var currentDate = Dayjs(defaultDay);
+  // 创建一个数组来存储最近7天的日期
+  var nextSevenDays = [];
+  // 循环遍历最近7天的日期
+  for (var i = 0; i < 7; i++) {
+    // 获取当前日期的前7天
+    var previousDay = currentDate.add(i, 'day');
+    // 将日期添加到数组中
+    nextSevenDays.push(previousDay.format('YYYY-MM-DD'));
+  }
+  return nextSevenDays;
+};
+
+/**
+ * @title: 将年月日信息只展示为天
+ * @description: 如果为今天 则返回ToDay
+ * @param {*}
+ * @return {*}
+ * @Author: 严文强
+ * @Date: 2024-02-01 11:00
+ */
+export var ShowDayOnly = function ShowDayOnly(date) {
+  //
+  var defaultDay = Dayjs().format('YYYY-MM-DD');
+  if (date == defaultDay) {
+    return 'ToDay';
+  }
+  return Dayjs(date).format('DD');
+};
+
+/**
+ * @title: 日历星期多语言
+ * @description:
+ * @param {*}
+ * @return {*}
+ * @Author: 严文强
+ * @Date: 2024-02-01 18:42
+ */
+export var weekListText = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+
+/**
+ * @title: 不同状态颜色值
+ * @description:
+ * @param {*}
+ * @return {*}
+ * @Author: xiangxiang.shao
+ * @Date: 2024-02-19 11:35
+ */
+export var 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
+ */
+export var getStatus = function getStatus(dateLimit, currentDate, cutTime) {
+  var status = '';
+  var disabled = false;
+  var dataItem = dateLimit[currentDate];
+  console.log(currentDate);
+  var startTime = Dayjs(cutTime === null || cutTime === void 0 ? void 0 : cutTime.shop_time).format('YYYY-MM-DD HH:mm');
+  var startDate = Dayjs(cutTime === null || cutTime === void 0 ? void 0 : cutTime.shop_time).format('YYYY-MM-DD');
+  var endTime = Dayjs(startTime).add(cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit, cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type);
+  var endDay = endTime.format('YYYY-MM-DD');
+  try {
+    // 没有当天数据, 禁止
+    if (!dataItem) {
+      return {
+        status: status,
+        disabled: true
+      };
+    }
+
+    // 如果当天 大于最早的可用时间的天 禁止
+    // if (currentDate > endDay) {
+    //   return {
+    //     status,
+    //     disabled: true,
+    //   };
+    // }
+
+    // //如果当天 等于 最早可用时间的天, 则找times里的最早开始时间是否小于 店铺的最早可用时间
+    // if (currentDate === startDate) {
+    //   let times = dataItem.times || [];
+
+    //   let useable = times.find((d: any) => {
+    //     return startTime < d.start_at;
+    //   });
+    //   if (!useable) {
+    //     return {
+    //       status,
+    //       disabled: true,
+    //     };
+    //   }
+    // }
+  } catch (err) {
+    return {
+      status: status,
+      disabled: true
+    };
+  }
+  if (!Object.keys(dateLimit).length) {
+    return {
+      status: status,
+      disabled: true
+    };
+  }
+  var times = dataItem.times || [];
+  if (!times.length) {
+    disabled = true;
+  } else {
+    var useable = null;
+    if (cutTime.type === 'ongoing' && currentDate === startDate) {
+      var _cutTime$ongoing, _cutTime$ongoing2;
+      // 活动结束前都可以购买
+      if ((cutTime === null || cutTime === void 0 || (_cutTime$ongoing = cutTime['ongoing']) === null || _cutTime$ongoing === void 0 ? void 0 : _cutTime$ongoing.type) === 'before_end') {
+        // 在活动时间范围内 或者 在活动还没开始前可选
+        useable = times.find(function (d) {
+          return startTime >= d.start_at && startTime < d.end_at || d.start_at >= startTime;
+        });
+      }
+      if ((cutTime === null || cutTime === void 0 || (_cutTime$ongoing2 = cutTime['ongoing']) === null || _cutTime$ongoing2 === void 0 ? void 0 : _cutTime$ongoing2.type) === 'after_start') {
+        // 在活动时间范围内 或者 在活动还没开始前可选
+        useable = times.find(function (d) {
+          var _cutTime$ongoing3;
+          var _endAt = Dayjs(d.start_at).add(cutTime === null || cutTime === void 0 || (_cutTime$ongoing3 = cutTime['ongoing']) === null || _cutTime$ongoing3 === void 0 ? void 0 : _cutTime$ongoing3.unit, 'minutes');
+          var _endTime = _endAt.format('YYYY-MM-DD HH:mm');
+          return startTime >= d.start_at && startTime <= _endTime || d.start_at >= startTime;
+        });
+      }
+    } else {
+      useable = times.find(function (d) {
+        return startTime < d.start_at;
+      });
+    }
+    if (!useable) {
+      return {
+        status: status,
+        disabled: true
+      };
+    }
+
+    // 是否含有无限制数据
+    var haveUnLimit = times.find(function (item) {
+      return item.limit === 0;
+    });
+    if (haveUnLimit) {
+      status = 'lots_of_space';
+    } else {
+      var allLimit = times.reduce(function (prev, next) {
+        return prev + next.limit;
+      }, 0);
+      var allOrderCount = times.reduce(function (prev, next) {
+        return prev + next.order_count;
+      }, 0);
+      var percent = (allLimit - allOrderCount) / allLimit;
+      if (percent > 0.5) {
+        // 库存充足
+        status = 'lots_of_space';
+      } else if (percent <= 0.5 && percent > 0) {
+        // 库存紧张
+        status = 'filling_up_fast';
+      } else if (percent <= 0) {
+        // 无库存
+        status = 'sold_out';
+      }
+    }
+  }
+  return {
+    status: status,
+    disabled: disabled
+  };
+};
+
+/**
+ * @title: 根据当前日期以设定判断当前是否是call_to_book状态
+ * @description:
+ * @param {*}
+ * @return {*}
+ * @Author: xiangxiang.shao
+ * @Date: 2024-02-21 10:10
+ */
+export var getCallToBookStatus = function getCallToBookStatus(currentDate, dateLimitData, cutTime) {
+  var _dateLimitData$curren;
+  var timeList = ((_dateLimitData$curren = dateLimitData[currentDate]) === null || _dateLimitData$curren === void 0 ? void 0 : _dateLimitData$curren.times) || [];
+  var isShowCallToBook = false;
+  if (!currentDate || !(cutTime !== null && cutTime !== void 0 && cutTime.shop_time) || !(cutTime !== null && cutTime !== void 0 && cutTime.unit) || !(cutTime !== null && cutTime !== void 0 && cutTime.unit_type)) {
+    isShowCallToBook = false;
+    return isShowCallToBook;
+  }
+  // currentDate在当前日期和截止日期之间
+  // if (cutTime?.unit_type === 'days') {
+  //   if (
+  //     Dayjs(currentDate).isBefore(
+  //       Dayjs(Dayjs().format('YYYY-MM-DD')).add(cutTime?.unit, 'days')
+  //     )
+  //   ) {
+  //     isShowCallToBook = true;
+  //   } else {
+  //     isShowCallToBook = false;
+  //   }
+  // }
+  if ((cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type) === 'hours' || (cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type) === 'minutes' || (cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type) === 'days') {
+    var startTime = Dayjs().format('YYYY-MM-DD HH:mm:ss');
+    var endTime = Dayjs(startTime).add(cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit, cutTime === null || cutTime === void 0 ? void 0 : cutTime.unit_type).format('YYYY-MM-DD HH:mm:ss');
+    if (Dayjs(currentDate).isBefore(Dayjs(endTime.split(' ')[0]))) {
+      isShowCallToBook = true;
+    } else {
+      // 如果日期相等，则判断timeList是否全在时间范围内，如果全在时间范围内，则返回true
+      if (currentDate === endTime.split(' ')[0]) {
+        var _timeList$find;
+        var haveTime = timeList === null || timeList === void 0 || (_timeList$find = timeList.find) === null || _timeList$find === void 0 ? void 0 : _timeList$find.call(timeList, function (item) {
+          var end_at = "".concat(item.date, " ").concat(item.end_at);
+          // 当前时间在开始时间和结束时间之间 end_at < endTime
+          if (Dayjs(end_at).valueOf() > Dayjs(endTime).valueOf()) {
+            return true;
+          }
+        });
+        if (haveTime) {
+          isShowCallToBook = false;
+        } else {
+          isShowCallToBook = true;
+        }
+      } else {
+        isShowCallToBook = false;
+      }
+    }
+    // 判断开始时间和结束时间是否大于1天
+  }
+  return isShowCallToBook;
+};

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.js

@@ -0,0 +1,173 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { forwardRef, useImperativeHandle, useState, useRef } from 'react';
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import { Iconfont } from '@pisell/materials';
+import Status from "../CalendarDate/Status";
+import CalendarWeek from "../CalendarDate/CalenDateWeek";
+import CalendarDate from "../CalendarDate";
+import { mock } from "../../../../mock";
+import OpenCard from "../../../OpenCard";
+// import { getProductAvailableCount } from '../../serve';
+import "./index.less";
+var SelectDate = function SelectDate(_ref, ref) {
+  var currentDate = _ref.currentDate,
+    detail = _ref.detail,
+    currentDateChange = _ref.currentDateChange,
+    setSurplusDisabledChange = _ref.setSurplusDisabledChange,
+    cutTime = _ref.cutTime,
+    setCutTime = _ref.setCutTime,
+    showCalendarPopup = _ref.showCalendarPopup;
+  // 缓存剩余量数据
+  var _useState = useState(mock.availability_calendar.limitData),
+    _useState2 = _slicedToArray(_useState, 2),
+    dateLimitData = _useState2[0],
+    setDateLimitData = _useState2[1];
+  var calendarDateRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return {};
+  });
+
+  // const _getProductAvailableCount = useRequest(getProductAvailableCount, {
+  //   manual: true,
+  //   onSuccess: (res) => {
+  //     const data = res?.data || [];
+  //     const dates = data?.dates || [];
+  //     const dateData = { ...dateLimitData };
+  //     dates.forEach((item: any) => {
+  //       dateData[item.date] = item;
+  //     });
+  //     setDateLimitData(dateData);
+
+  //     const cutTimeData = {
+  //       shop_time: data?.shop_time,
+  //       ...data?.cut_off_time,
+  //     };
+  //     setCutTime(cutTimeData);
+  //     // 这里加个校验 如果当天时间不可用, 自动寻找一个可用的时间
+  //     // try {
+  //     //   const { status, disabled } = getStatus(
+  //     //     dateData,
+  //     //     currentDate,
+  //     //     cutTimeData
+  //     //   );
+  //     //   if (disabled || status === 'sold_out') {
+  //     //     for (let key in dateData) {
+  //     //       const { status, disabled } = getStatus(dateData, key, cutTimeData);
+  //     //       if (!disabled && status !== 'sold_out') {
+  //     //         currentDateChange(key);
+  //     //         return;
+  //     //       }
+  //     //     }
+  //     //   }
+  //     // } catch (err) {}
+  //     // const { status, disabled } = getStatus(data, currentDate);
+  //     // if (disabled || status === 'sold_out') {
+  //     //   setSurplusDisabled(true);
+  //     // } else {
+  //     //   setSurplusDisabled(false);
+  //     // }
+  //   },
+  // });
+
+  // 当日是否还有剩余量,没有则不加入购物车(此处为了处理以前遗留逻辑问题)
+  // useEffect(() => {
+  //   const { status, disabled } = getStatus(dateLimitData, currentDate, cutTime);
+  //   const isShowCallToBook = getCallToBookStatus(
+  //     currentDate,
+  //     dateLimitData,
+  //     cutTime
+  //   );
+  //   let surplusDisabledChange = false;
+  //   if (
+  //     disabled ||
+  //     status === 'sold_out' ||
+  //     isShowCallToBook
+  //     // ||
+  //     // _getProductAvailableCount.loading
+  //   ) {
+  //     surplusDisabledChange = true;
+  //   } else {
+  //     surplusDisabledChange = false;
+  //   }
+  //   setSurplusDisabledChange(surplusDisabledChange);
+  // }, [currentDate, dateLimitData, cutTime]);
+  // _getProductAvailableCount.loading,
+
+  var getLimitData = function getLimitData(start_date, end_date) {
+    // 列举start_date至end_date的全部日期
+    var _list = [];
+    var start = dayjs(start_date);
+    var end = dayjs(end_date);
+    while (start.isBefore(end)) {
+      _list.push(start.format('YYYY-MM-DD'));
+      start.add(1, 'days');
+    }
+    console.log('dateLimitData', dateLimitData);
+    console.log('_list', _list);
+    // 判断是否有全部缓存数据
+    var haveAllData = _list.find(function (item) {
+      return !dateLimitData[item];
+    });
+    if (haveAllData) {
+      // _getProductAvailableCount.run(detail.id, {
+      //   start_date: start_date,
+      //   end_date: end_date,
+      // });
+    }
+  };
+
+  /**
+   * @title: 头部额外内容
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-14 14:52
+   */
+  var extraHeader = function extraHeader() {
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick(e) {
+        var _calendarDateRef$curr;
+        e.stopPropagation();
+        calendarDateRef === null || calendarDateRef === void 0 || (_calendarDateRef$curr = calendarDateRef.current) === null || _calendarDateRef$curr === void 0 || _calendarDateRef$curr.open(currentDate, detail === null || detail === void 0 ? void 0 : detail.id);
+      }
+    }, /*#__PURE__*/React.createElement(Iconfont, {
+      type: "pisell2-calendar",
+      className: classNames('calendar-icon')
+    }));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OpenCard, {
+    title: 'Select a date',
+    initOpen: true,
+    showArrow: false,
+    isClick: false,
+    extra: showCalendarPopup ? extraHeader() : null
+  }, /*#__PURE__*/React.createElement(CalendarWeek
+  // dateChange={(date) => {
+  //   currentDateChange(date);
+  // }}
+  , {
+    currentDate: currentDate,
+    productId: detail === null || detail === void 0 ? void 0 : detail.id,
+    cutTime: cutTime
+    // getLimitData={getLimitData}
+    ,
+    dateLimitData: dateLimitData
+  }), /*#__PURE__*/React.createElement(Status, null)), /*#__PURE__*/React.createElement(CalendarDate, {
+    ref: calendarDateRef
+    // dateChange={(date: string) => {
+    //   currentDateChange(date);
+    // }}
+    ,
+    cutTime: cutTime,
+    dateLimitData: dateLimitData
+    // getLimitData={getLimitData}
+    // loading={_getProductAvailableCount.loading}
+  }));
+};
+export default /*#__PURE__*/forwardRef(SelectDate);

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.less

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

package/es/components/eventBooking/components/bookingAvailabilityCalendar/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.less';
+export 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>;
+export default BookingAvailabilityCalendar;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/index.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import SelectDate from "./components/SelectDate";
+import { mock } from "../../mock";
+import "./index.less";
+var BookingAvailabilityCalendar = function BookingAvailabilityCalendar(props) {
+  var _mock$availability_ca, _mock$availability_ca2, _mock$availability_ca3;
+  var showCalendarPopup = props.showCalendarPopup,
+    onDateChange = props.onDateChange,
+    _props$detail = props.detail,
+    detail = _props$detail === void 0 ? (_mock$availability_ca = mock.availability_calendar) === null || _mock$availability_ca === void 0 ? void 0 : _mock$availability_ca.detail : _props$detail,
+    _props$currentDate = props.currentDate,
+    currentDate = _props$currentDate === void 0 ? (_mock$availability_ca2 = mock.availability_calendar) === null || _mock$availability_ca2 === void 0 ? void 0 : _mock$availability_ca2.currentDate : _props$currentDate,
+    _props$cutTime = props.cutTime,
+    cutTime = _props$cutTime === void 0 ? (_mock$availability_ca3 = mock.availability_calendar) === null || _mock$availability_ca3 === void 0 ? void 0 : _mock$availability_ca3.cutTime : _props$cutTime,
+    onCurrentDateChange = props.onCurrentDateChange,
+    onCutTimeChange = props.onCutTimeChange,
+    onSurplusDisabledChange = props.onSurplusDisabledChange;
+  console.log(detail, currentDate, cutTime, 'detail, currentDate, cutTime');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "event-booking-availability-calendar"
+  }, /*#__PURE__*/React.createElement(SelectDate, {
+    showCalendarPopup: showCalendarPopup,
+    detail: detail,
+    currentDate: currentDate,
+    currentDateChange: function currentDateChange(date) {
+      onCurrentDateChange(date);
+      if (currentDate !== date) {
+        onDateChange(date);
+      }
+    },
+    setSurplusDisabledChange: onSurplusDisabledChange,
+    cutTime: cutTime,
+    setCutTime: onCutTimeChange
+  }));
+};
+export default BookingAvailabilityCalendar;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/index.less

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

package/es/components/eventBooking/components/bookingAvailabilityCalendar/utils.d.ts

@@ -0,0 +1,34 @@
+import { Dayjs } from "dayjs";
+/**
+ * @title: 格式化日期
+ * @description:
+ * @param {string} date
+ * @param {string} format
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:19
+ */
+export declare const formatDate: (date: Dayjs | string, format?: string) => string;
+/**
+ * @title: 获取列表中包含了几个月
+ * @description:
+ * @param {Dayjs} date
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:25
+ */
+export declare const getMonthIndex: (lists: any[]) => number[];
+/**
+ * @title: 获取当前状态
+ * @description:
+ * @param {any} dateLimitData
+ * @param {any} item
+ * @param {any} cutTime
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:33
+ */
+export declare const getCurrentStatus: (dateLimitData: any[], item: any, cutTime: any) => {
+    currentStatus: string;
+    disabled: boolean;
+};

package/es/components/eventBooking/components/bookingAvailabilityCalendar/utils.js

@@ -0,0 +1,70 @@
+import dayjs from "dayjs";
+import { getStatus, getCallToBookStatus } from "./components/CalendarDate/state";
+
+/**
+ * @title: 格式化日期
+ * @description: 
+ * @param {string} date
+ * @param {string} format
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:19
+ */
+export var formatDate = function formatDate(date, format) {
+  return dayjs(date).format(format || "YYYY-MM-DD");
+};
+
+/**
+ * @title: 获取列表中包含了几个月
+ * @description: 
+ * @param {Dayjs} date
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-14 15:25
+ */
+export var getMonthIndex = function getMonthIndex(lists) {
+  if (!lists.length) return [];
+  var arr = [0];
+
+  // 获取第一个日期的月份
+  var firstMonth = formatDate(lists[0], 'YYYY-MM');
+
+  // 遍历列表，获取每个月份，如果和第一个月份不一样，则添加到数组中
+  var index = lists.findIndex(function (item) {
+    return 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
+ */
+export var getCurrentStatus = function getCurrentStatus(dateLimitData, item, cutTime) {
+  var _getStatus = getStatus(dateLimitData, item, cutTime),
+    status = _getStatus.status,
+    disabled = _getStatus.disabled;
+  var isShowCallToBook = getCallToBookStatus(item, dateLimitData, cutTime);
+
+  // 在当天和cut-off time的日期之前这段日期，如果某天还存在可预约的商品，才显示Call to book。
+  var statusTypes = ['lots_of_space', 'filling_up_fast'];
+
+  // 如果显示Call to book，则状态为call_to_book，否则为status
+  var _isShowCallToBook = isShowCallToBook && statusTypes.includes(status);
+  var currentStatus = _isShowCallToBook ? 'call_to_book' : status;
+  return {
+    currentStatus: currentStatus,
+    disabled: disabled
+  };
+};

package/es/components/eventBooking/components/bookingDetailModal/components/BookingOptions.d.ts

@@ -0,0 +1,4 @@
+declare const BookingOptions: (props: {
+    onChangeBookingOption?: ((bookingOption: any) => void) | undefined;
+}) => JSX.Element;
+export default BookingOptions;

package/es/components/eventBooking/components/bookingDetailModal/components/BookingOptions.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import OpenCard from "../../OpenCard";
+import { PisellCheckboxGroup, PisellText } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import { useEventDetail } from "../../../../Sales";
+import Decimal from 'decimal.js';
+import PisellPriceText from "../../../../productSelect/components/pisellPriceText";
+var BookingOptions = function BookingOptions(props) {
+  var _detail$bookingOption, _detail$bookingOption2;
+  var _useEventDetail = useEventDetail(),
+    detail = _useEventDetail.detail,
+    currentBookingOption = _useEventDetail.currentBookingOption,
+    selectEventDetailBookingOptions = _useEventDetail.selectEventDetailBookingOptions;
+  var onChange = function onChange(value, item) {
+    var _props$onChangeBookin;
+    selectEventDetailBookingOptions(value);
+    props === null || props === void 0 || (_props$onChangeBookin = props.onChangeBookingOption) === null || _props$onChangeBookin === void 0 || _props$onChangeBookin.call(props, item);
+  };
+  return /*#__PURE__*/React.createElement(OpenCard, {
+    title: locales.getText('pisell2.event.booking.options'),
+    showBorder: true,
+    showArrow: false,
+    isClick: false,
+    className: "detail-option-wrap"
+  }, /*#__PURE__*/React.createElement(PisellCheckboxGroup, {
+    mode: "single",
+    iconPosition: (detail === null || detail === void 0 || (_detail$bookingOption = detail.bookingOptions) === null || _detail$bookingOption === void 0 ? void 0 : _detail$bookingOption.length) > 1 ? 'right' : 'hide',
+    options: (detail === null || detail === void 0 ? void 0 : detail.bookingOptions) || [],
+    optionClassName: "option-item ".concat((detail === null || detail === void 0 || (_detail$bookingOption2 = detail.bookingOptions) === null || _detail$bookingOption2 === void 0 ? void 0 : _detail$bookingOption2.length) > 1 ? 'option-item-pointer' : ''),
+    value: currentBookingOption,
+    renderOption: function renderOption(option) {
+      var _ref = option._originData || {},
+        price = _ref.price,
+        is_bundle = _ref.is_bundle,
+        minimum_markup_price = _ref.minimum_markup_price;
+      if (!option._originData || !is_bundle) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "item"
+        }, /*#__PURE__*/React.createElement("span", null, option.label), /*#__PURE__*/React.createElement(PisellText.Amount, {
+          value: option.price,
+          showCurrencySymbol: true,
+          className: "price"
+        }));
+      }
+      var _price = price;
+      if (is_bundle) {
+        _price = new Decimal(price).plus(new Decimal(minimum_markup_price)).toFixed(2);
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        className: "item"
+      }, /*#__PURE__*/React.createElement("span", null, option.label), /*#__PURE__*/React.createElement(PisellPriceText, {
+        className: "price",
+        value: _price,
+        isMini: true
+      }));
+    },
+    onChange: onChange
+  }));
+};
+export default BookingOptions;

package/es/components/eventBooking/components/bookingDetailModal/components/Resource.d.ts

@@ -0,0 +1,2 @@
+declare const Resource: (props: any) => JSX.Element;
+export default Resource;