@pisell/private-materials 3.2.12 → 3.2.18

package/lib/components/appointmentBooking/components/Date/index.js

@@ -0,0 +1,178 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appointmentBooking/components/Date/index.tsx
+var Date_exports = {};
+__export(Date_exports, {
+  default: () => Date_default
+});
+module.exports = __toCommonJS(Date_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_dayjs = __toESM(require("dayjs"));
+var import_isSameOrBefore = __toESM(require("dayjs/plugin/isSameOrBefore"));
+var import_state = require("./state");
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var import_context = require("../../context");
+var import_index = require("./index.less");
+import_dayjs.default.extend(import_isSameOrBefore.default);
+var CalendarDate = (props) => {
+  const [currentDate, setCurrentDate] = (0, import_react.useState)();
+  const [dateMonthList, setDateMonthList] = (0, import_react.useState)([]);
+  const [currentMonth, setCurrentMonth] = (0, import_react.useState)(() => {
+    return (0, import_dayjs.default)();
+  });
+  const { appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
+  const startingColumn = 0 % 7;
+  const columns = Array.from(
+    { length: 7 },
+    (_, index) => (index + 7 - startingColumn) % 7
+  );
+  const getMonthData = (date) => {
+    const firstDay = (0, import_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, import_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;
+  };
+  const lastMonthDisable = () => {
+    let newCurrentMonth = currentMonth.format("YYYY-MM");
+    let lastDate = (0, import_dayjs.default)(newCurrentMonth).subtract(1, "month");
+    return lastDate.isBefore((0, import_dayjs.default)(), "month");
+  };
+  const getDates = async (date) => {
+    const startDate = (0, import_dayjs.default)(date).startOf("month").format("YYYY-MM-DD");
+    const endDate = (0, import_dayjs.default)(date).endOf("month").format("YYYY-MM-DD");
+    const params = {
+      startDate,
+      endDate
+    };
+    const data = await appointmentBooking.getAvailableDate(params);
+    console.log(
+      data,
+      params,
+      date,
+      date.format("YYYY-MM") === (0, import_dayjs.default)().format("YYYY-MM"),
+      "wh78968"
+    );
+    if (date.format("YYYY-MM") === (0, import_dayjs.default)().format("YYYY-MM")) {
+      const firstAvailableDate = data.find(
+        (d) => d.status === "available"
+      );
+      setCurrentDate(firstAvailableDate == null ? void 0 : firstAvailableDate.date);
+      appointmentBooking.setDateRange([firstAvailableDate]);
+    }
+    const baseMonthData = getMonthData(date.format("YYYY-MM"));
+    const updatedDates = baseMonthData.map((day) => {
+      const matchedDay = data.find((d) => d.date === day.date);
+      if (matchedDay) {
+        return {
+          ...day,
+          ...matchedDay,
+          disabled: matchedDay.status === "unavailable"
+        };
+      }
+      return day;
+    });
+    setDateMonthList(updatedDates);
+  };
+  (0, import_react.useEffect)(() => {
+    getDates(currentMonth);
+  }, [currentMonth]);
+  const lastMonth = () => {
+    let currentLastText = currentMonth.format("YYYY-MM");
+    let newLastMonth = (0, import_dayjs.default)(currentLastText).subtract(1, "month");
+    setCurrentMonth(newLastMonth);
+  };
+  const nextMonth = () => {
+    let currentMonthText = currentMonth.format("YYYY-MM");
+    let newNextMonth = (0, import_dayjs.default)(currentMonthText).add(1, "month");
+    setCurrentMonth(newNextMonth);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-date-box" }, !dateMonthList.length ? /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: true, active: true, style: { paddingTop: "16px" } }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-header" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("calendar-last-month", {
+        ["last-month-disabled"]: lastMonthDisable()
+      }),
+      onClick: () => {
+        if (lastMonthDisable()) return;
+        lastMonth();
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_icons.CaretLeftOutlined, null)
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-current-month" }, currentMonth.format("MMMM YYYY")), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-next-month", onClick: nextMonth }, /* @__PURE__ */ import_react.default.createElement(import_icons.CaretRightOutlined, null))), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-weeks" }, columns.map((col) => /* @__PURE__ */ import_react.default.createElement("div", { key: col, className: "calendar-weeks-items" }, import_state.weekListText[Number(col)]))), /* @__PURE__ */ import_react.default.createElement("div", { className: "calendar-days" }, dateMonthList.map((day, index) => {
+    const date = (0, import_dayjs.default)(day.date).format("YYYY-MM-DD");
+    const isCurrentMonth = (0, import_dayjs.default)(day.date).isSame(
+      currentMonth,
+      "month"
+    );
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: index,
+        className: (0, import_classnames.default)("calendar-days-items", {
+          ["disabledDate"]: day == null ? void 0 : day.disabled,
+          // ['disabledSelect']: status === 'sold_out',
+          ["selectDate"]: currentDate === date,
+          ["other-month-days"]: !isCurrentMonth
+        }),
+        onClick: () => {
+          if (day == null ? void 0 : day.disabled) return;
+          console.log(day, "wh987976");
+          setCurrentDate(date);
+          appointmentBooking.setDateRange([day]);
+        }
+      },
+      isCurrentMonth && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)("day-text", {
+            // ['day-line']: !disabled,
+          })
+        },
+        (0, import_dayjs.default)(day.date).format("D")
+      )
+    );
+  })))));
+};
+var Date_default = CalendarDate;

package/lib/components/{parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate → appointmentBooking/components/Date}/index.less

@@ -1,34 +1,46 @@
-.calendar-box {
+.calendar-date-box {
   display: flex;
   flex-direction: column;
+  gap: 32px;
+  user-select: none;
+  margin-top: 16px;
 
   .calendar-header {
     display: flex;
     align-items: center;
-    justify-content: space-between;
+    justify-content: space-evenly;
 
     .calendar-last-month,
     .calendar-next-month {
       display: flex;
+      padding: 6px;
       justify-content: center;
       align-items: center;
-      font-size: 20px;
+      gap: 8px;
+      border-radius: 8px;
+      border: 1px solid #d0d5dd;
+      cursor: pointer;
+    }
+
+    .last-month-disabled {
+      border-radius: 8px;
+      background: #eaecf0;
       cursor: pointer;
     }
 
     .calendar-current-month {
+      width: 250px;
       text-align: center;
       color: #101828;
+      font-size: 30px;
+      font-style: normal;
       font-weight: 600;
-      flex: 1;
-      font-size: 16px;
-      font-weight: 600;
-      line-height: 24px;
+      line-height: 38px;
+      /* 126.667% */
     }
   }
 
   .calendar-content {
-    margin: 10px 0 20px;
     display: flex;
     flex-direction: column;
     gap: 16px;
@@ -52,7 +64,7 @@
     .calendar-days {
       display: grid;
       grid-template-columns: repeat(7, 1fr);
-      gap: 12px;
+      gap: 8px;
     }
   }
 }
@@ -80,16 +92,18 @@
     justify-content: center;
     color: #101828;
     text-align: center;
+    /* Text md/Medium */
     font-size: 16px;
     font-style: normal;
-    font-weight: 500;
+    font-weight: bold;
     line-height: 24px;
+    /* 150% */
 
     &.day-line::before {
       position: absolute;
       bottom: 12px;
       content: '';
-      width: 24px;
+      width: 28px;
       height: 4px;
       flex-shrink: 0;
       border-radius: 2px;
@@ -98,10 +112,8 @@
   }
 
   &.disabledDate {
-    // border: 1px solid #eaecf0;
-    cursor: pointer;
-    background: var(--Gray-100, #f2f4f7);
-    border: none;
+    background: #eaecf0;
+    cursor: not-allowed;
   }
 
   &.disabledSelect {
@@ -109,7 +121,7 @@
   }
 
   &.selectDate {
-    border: 2px solid var(--Primary-600, #7f56d9);
+    border: 2px solid #7f56d9;
   }
 
   &.other-month-days {

package/{es/components/parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate → lib/components/appointmentBooking/components/Date}/state.d.ts

@@ -38,7 +38,6 @@ export declare const statusColor: {
     lots_of_space: string;
     filling_up_fast: string;
     sold_out: string;
-    unavailable: string;
 };
 /**
  * @title: 根据预约量数据判断当前状态

package/lib/components/{parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate → appointmentBooking/components/Date}/state.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/bookingAvailabilityCalendar/components/CalendarDate/state.ts
+// src/components/appointmentBooking/components/Date/state.ts
 var state_exports = {};
 __export(state_exports, {
   ShowDayOnly: () => ShowDayOnly,
@@ -58,21 +58,18 @@ var weekListText = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var statusColor = {
   call_to_book: "#444CE7",
   // 请致电预订
-  lots_of_space: "#099250",
+  lots_of_space: "#079455",
   // 库存充足
-  filling_up_fast: "#EAAA08",
+  filling_up_fast: "#CA8504",
   // 库存紧张
-  sold_out: "#D92D20",
+  sold_out: "#D92D20"
   // 无库存
-  unavailable: "rgba(68, 76, 231, 0.00)"
-  // 不可用
 };
 var getStatus = (dateLimit, currentDate, cutTime) => {
   var _a, _b;
   let status = "";
   let disabled = false;
   const dataItem = dateLimit[currentDate];
-  console.log(currentDate);
   const startTime = (0, import_dayjs.default)(cutTime == null ? void 0 : cutTime.shop_time).format("YYYY-MM-DD HH:mm");
   const startDate = (0, import_dayjs.default)(cutTime == null ? void 0 : cutTime.shop_time).format("YYYY-MM-DD");
   const endTime = (0, import_dayjs.default)(startTime).add(cutTime == null ? void 0 : cutTime.unit, cutTime == null ? void 0 : cutTime.unit_type);
@@ -163,7 +160,7 @@ var getCallToBookStatus = (currentDate, dateLimitData, cutTime) => {
     return isShowCallToBook;
   }
   if ((cutTime == null ? void 0 : cutTime.unit_type) === "hours" || (cutTime == null ? void 0 : cutTime.unit_type) === "minutes" || (cutTime == null ? void 0 : cutTime.unit_type) === "days") {
-    const startTime = (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm:ss");
+    const startTime = (0, import_dayjs.default)(cutTime.shop_time).format("YYYY-MM-DD HH:mm:ss");
     const endTime = (0, import_dayjs.default)(startTime).add(cutTime == null ? void 0 : cutTime.unit, cutTime == null ? void 0 : cutTime.unit_type).format("YYYY-MM-DD HH:mm:ss");
     if ((0, import_dayjs.default)(currentDate).isBefore((0, import_dayjs.default)(endTime.split(" ")[0]))) {
       isShowCallToBook = true;

package/lib/components/{parallelResourceBooking/components/Provider → appointmentBooking/components}/Footer/index.js

@@ -26,7 +26,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Footer/index.tsx
+// src/components/appointmentBooking/components/Footer/index.tsx
 var Footer_exports = {};
 __export(Footer_exports, {
   default: () => Footer_default
@@ -35,53 +35,35 @@ module.exports = __toCommonJS(Footer_exports);
 var import_react = __toESM(require("react"));
 var import_materials = require("@pisell/materials");
 var import_react2 = require("react");
-var import_Sales = require("../../../../Sales");
-var import_SelectHolderModal = __toESM(require("../SelectHolderModal"));
 var import_ContinueButton = __toESM(require("../Cart/ContinueButton"));
-var import_shopping_cart = __toESM(require("../../../assets/shopping-cart.svg"));
+var import_shopping_cart = __toESM(require("../../assets/shopping-cart.svg"));
+var import_hooks = require("../../hooks");
 var import_Cart = __toESM(require("../Cart"));
 var import_Total = __toESM(require("../Cart/Item/Total"));
 var import_index = require("./index.less");
 var Footer = () => {
   var _a;
-  const { open } = (0, import_Sales.useHolder)();
-  const { onOpenCart, openCart, onCloseCart, cartData } = (0, import_Sales.useCart)();
-  const { total } = (0, import_Sales.useSummary)();
-  const [selectedItem, setSelectedItem] = (0, import_react2.useState)(null);
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
+  const appointmentBookingCart = (0, import_hooks.useAppointmentBookingCart)();
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const cartData = {
+    cartItems: [1, 2]
+  };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.SectionFooters,
     {
       className: "section-footer-wrap",
-      left: (
-        // <div className="section-footer-left">
-        //   {/* <PisellText>{locales.getText('pisell2.event.total')}: </PisellText>
-        //   <PisellText.Amount
-        //     value={total}
-        //     showCurrencySymbol={true}
-        //     className="amount"
-        //   /> */}
-        // </div>
-        /* @__PURE__ */ import_react.default.createElement(import_Total.default, { className: "section-footer-left", isFooter: true })
-      ),
+      left: /* @__PURE__ */ import_react.default.createElement(import_Total.default, { className: "section-footer-left", isFooter: true }),
       right: /* @__PURE__ */ import_react.default.createElement("div", { className: "section-footer-right" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Badge, { count: ((_a = cartData.cartItems) == null ? void 0 : _a.length) || 0 }, /* @__PURE__ */ import_react.default.createElement(
         import_materials.Button,
         {
           size: "large",
-          onClick: () => onOpenCart(),
+          onClick: () => setOpen(true),
           className: "section-footer-btn"
         },
         /* @__PURE__ */ import_react.default.createElement(import_materials.Image, { src: import_shopping_cart.default, preview: false })
       )), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
     }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_SelectHolderModal.default,
-    {
-      open,
-      selectedItem,
-      onSelect: (e) => {
-        setSelectedItem(e);
-      }
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(import_Cart.default, { open: openCart, onCancel: () => onCloseCart() }));
+  ), /* @__PURE__ */ import_react.default.createElement(import_Cart.default, { open, onCancel: () => setOpen(false) }));
 };
 var Footer_default = Footer;

package/lib/components/appointmentBooking/components/Guest/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Guest: () => JSX.Element;
+export default Guest;

package/lib/components/{parallelResourceBooking/components/Provider/Information → appointmentBooking/components/Guest}/index.js

@@ -26,33 +26,34 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Information/index.tsx
-var Information_exports = {};
-__export(Information_exports, {
-  default: () => Information_default
+// src/components/appointmentBooking/components/Guest/index.tsx
+var Guest_exports = {};
+__export(Guest_exports, {
+  default: () => Guest_default
 });
-module.exports = __toCommonJS(Information_exports);
+module.exports = __toCommonJS(Guest_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
-var import_Sales = require("../../../../Sales");
-var import_SelectHolderModal = __toESM(require("../SelectHolderModal"));
-var import_InformationOptionsModal = __toESM(require("../InformationOptionsModal/index"));
-var import_RemoveOptionConfirmModal = __toESM(require("../RemoveOptionConfirmModal"));
+var import_hooks = require("../../hooks");
+var import_context = require("../../context");
+var import_utils2 = require("../../utils");
 var import_index = require("./index.less");
-var Information = () => {
-  const { onHolderOpen, open } = (0, import_Sales.useHolder)();
-  const { cartDataHolderList } = (0, import_Sales.useCart)();
-  const { selectHolder, deleteHolderById } = (0, import_Sales.useHolder)();
-  const { prevStep } = (0, import_Sales.useStep)();
+var Guest = () => {
   const [openOption, setOpenOption] = (0, import_react.useState)(false);
   const [holderItem, setHolderItem] = (0, import_react.useState)(null);
   const [removeOpen, setRemoveOpen] = (0, import_react.useState)(false);
+  const { carts, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
+  const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
+  const lists = (0, import_react.useMemo)(() => {
+    const _lists = (0, import_utils2.formatGuest)(accountLists, carts);
+    return _lists;
+  }, [accountLists, carts]);
   const options = [
     {
       key: "edit",
-      label: /* @__PURE__ */ import_react.default.createElement("span", { className: "dropdown-menu-item" }, import_utils.locales.getText("pisell2.event.edit.event"))
+      label: /* @__PURE__ */ import_react.default.createElement("span", { className: "dropdown-menu-item" }, import_utils.locales.getText("pisell2.appointment.edit.service"))
     },
     {
       key: "remove",
@@ -61,13 +62,18 @@ var Information = () => {
   ];
   const handleClick = ({ key }, item) => {
     if (key === "edit") {
-      selectHolder(item || holderItem, "createCartItem");
-      prevStep();
+      appointmentBooking.setActiveAccount(item.id);
+      appointmentBooking.back();
       return;
     }
-    setRemoveOpen(true);
+    appointmentBooking.removeAccount(item.id);
   };
   const renderOptionButton = (item) => {
+    console.log(item, options, "wh978776");
+    let _options = [...options];
+    if (!item.isGuest) {
+      _options = _options.filter((option) => option.key !== "remove");
+    }
     if ((0, import_utils.isMobile)()) {
       return /* @__PURE__ */ import_react.default.createElement(
         import_materials.Button,
@@ -85,7 +91,7 @@ var Information = () => {
       import_antd.Dropdown,
       {
         menu: {
-          items: options,
+          items: _options,
           onClick: (e) => {
             setHolderItem(item);
             handleClick(e, item);
@@ -97,7 +103,17 @@ var Information = () => {
       /* @__PURE__ */ import_react.default.createElement(import_materials.Button, null, import_utils.locales.getText("pisell2.event.option"))
     );
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "provider-information-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "title" }, import_utils.locales.getText("pisell2.event.confirm.information.tip")), cartDataHolderList == null ? void 0 : cartDataHolderList.map((item) => {
+  const handleAddGuest = () => {
+    const guest = {
+      id: (0, import_utils.getUniqueId)(),
+      username: `Guest${accountLists.length + 1}`,
+      isGuest: true
+    };
+    appointmentBooking.addAccount([guest]);
+    appointmentBooking.setActiveAccount(guest.id);
+    appointmentBooking.back();
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "provider-information-wrap" }, lists == null ? void 0 : lists.map((item) => {
     var _a;
     return /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellCard,
@@ -108,44 +124,19 @@ var Information = () => {
         isClickable: false
       },
       /* @__PURE__ */ import_react.default.createElement("div", { className: "information-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "information-left" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellAvatar, { src: item.avatar, size: "md" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "information-title" }, /* @__PURE__ */ import_react.default.createElement("span", null, item.name), /* @__PURE__ */ import_react.default.createElement("span", { className: "subtitle" }, `${import_utils.locales.getText(
-        "pisell2.event.title"
-      )((_a = item.children) == null ? void 0 : _a.length)}`))), renderOptionButton(item)),
-      item.children.map((child) => {
-        return /* @__PURE__ */ import_react.default.createElement("div", { className: "child-wrap" }, child.name);
-      })
+        "pisell2.appointment.service.title"
+      )((_a = item.children) == null ? void 0 : _a.length)}`))), renderOptionButton(item))
     );
-  }), /* @__PURE__ */ import_react.default.createElement("span", { className: "add-tip" }, import_utils.locales.getText("pisell2.event.confirm.information.other")), /* @__PURE__ */ import_react.default.createElement(
+  }), /* @__PURE__ */ import_react.default.createElement(
     import_materials.Button,
     {
       size: "large",
       style: { width: "max-content" },
-      onClick: () => {
-        onHolderOpen();
-      },
+      onClick: handleAddGuest,
       className: "provider-information-add-button"
     },
     /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-plus", style: { fontSize: "20px" } }),
-    import_utils.locales.getText("pisell2.event.add.others")
-  )), /* @__PURE__ */ import_react.default.createElement(import_SelectHolderModal.default, { open, type: "create" }), /* @__PURE__ */ import_react.default.createElement(
-    import_InformationOptionsModal.default,
-    {
-      options,
-      open: openOption,
-      holderItem,
-      onCancel: () => setOpenOption(false),
-      onClick: handleClick
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_RemoveOptionConfirmModal.default,
-    {
-      removeOpen,
-      onCancel: () => setRemoveOpen(false),
-      onOk: () => {
-        deleteHolderById(holderItem.id);
-        setRemoveOpen(false);
-        setOpenOption(false);
-      }
-    }
-  ));
+    import_utils.locales.getText("pisell2.appointment.add.guest")
+  )));
 };
-var Information_default = Information;
+var Guest_default = Guest;

package/lib/components/{parallelResourceBooking/components/Provider/OrderProductModal → appointmentBooking/components/Header}/index.js

@@ -26,32 +26,34 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/OrderProductModal/index.tsx
-var OrderProductModal_exports = {};
-__export(OrderProductModal_exports, {
-  default: () => OrderProductModal_default
+// src/components/appointmentBooking/components/Header/index.tsx
+var Header_exports = {};
+__export(Header_exports, {
+  default: () => Header_default
 });
-module.exports = __toCommonJS(OrderProductModal_exports);
+module.exports = __toCommonJS(Header_exports);
 var import_react = __toESM(require("react"));
-var import_materials = require("@pisell/materials");
-var import_utils = require("@pisell/utils");
+var import_progressBar = __toESM(require("../../../eventBooking/components/progressBar"));
+var import_context = require("../../context");
 var import_index = require("./index.less");
-var OrderProductModal = (props) => {
-  const { open, onCancel, type = "cart" } = props;
+var Header = () => {
+  var _a, _b;
+  const { currentStep, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
+  const handleBack = () => {
+    appointmentBooking.back();
+  };
+  const handleClose = () => {
+    appointmentBooking.close();
+  };
   return /* @__PURE__ */ import_react.default.createElement(
-    import_materials.PisellModal.Information,
+    import_progressBar.default,
     {
-      open,
-      title: type === "cart" ? import_utils.locales.getText("pisell2.event.event.full.title") : import_utils.locales.getText("pisell2.event.capacity.limit.reached.title"),
-      describe: type === "cart" ? import_utils.locales.getText("pisell2.event.event.full.tip") : import_utils.locales.getText("pisell2.event.capacity.limit.reached.tip"),
-      okText: import_utils.locales.getText("pisell2.event.event.full.ok"),
-      cancelText: "",
-      cancelVisible: false,
-      closable: true,
-      onCancel: () => onCancel(),
-      onOk: () => onCancel(),
-      zIndex: 1001
+      title: (_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.title,
+      description: (_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.description,
+      showBack: (currentStep == null ? void 0 : currentStep.index) > 0,
+      onBack: () => handleBack(),
+      onClose: () => handleClose()
     }
   );
 };
-var OrderProductModal_default = OrderProductModal;
+var Header_default = Header;

package/lib/components/appointmentBooking/components/Resource/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Resource: ({ onChange }: any) => JSX.Element;
+export default Resource;