@pisell/private-materials 3.2.17 → 3.2.18

package/lib/components/appointmentBooking/components/{Provider/Cart → Cart}/ContinueButton/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/appointmentBooking/components/Provider/Cart/ContinueButton/index.tsx
+// src/components/appointmentBooking/components/Cart/ContinueButton/index.tsx
 var ContinueButton_exports = {};
 __export(ContinueButton_exports, {
   default: () => ContinueButton_default
@@ -35,17 +35,17 @@ module.exports = __toCommonJS(ContinueButton_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
-var import_utils2 = require("../../../../../Sales/Checkout/utils");
-var import_useEngineContext = __toESM(require("../../../../../../hooks/useEngineContext"));
-var import_hooks = require("../../../../hooks");
+var import_utils2 = require("../../../../Sales/Checkout/utils");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_hooks = require("../../../hooks");
+var import_context = require("../../../context");
 var import_index = require("./index.less");
 var ContinueButton = () => {
-  var _a;
   const context = (0, import_useEngineContext.default)();
   const utils = context.appHelper.utils || {};
   const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
   const { isLogin, openLoginModal } = (0, import_hooks.useAppointmentBookingLogin)();
-  const { currentStep, isLastStep } = (0, import_hooks.useAppointmentBookingStep)();
+  const { currentStep, isLastStep, products } = (0, import_context.useAppointmentBookingContext)();
   const [openCheckout, setOpenCheckout] = (0, import_react.useState)(false);
   const [checkedNumber, setCheckedNumber] = (0, import_react.useState)(0);
   const [openEmptyHolder, setOpenEmptyHolder] = (0, import_react.useState)(false);
@@ -61,13 +61,13 @@ var ContinueButton = () => {
   };
   const cartData = {};
   const handleCheckout = async () => {
-    var _a2;
+    var _a;
     const value = (0, import_utils2.formatValues)(data);
     const result = { success: true };
     if (result == null ? void 0 : result.success) {
     } else {
       (0, import_materials.PisellToast)({
-        content: ((_a2 = result == null ? void 0 : result.err) == null ? void 0 : _a2.message) || ""
+        content: ((_a = result == null ? void 0 : result.err) == null ? void 0 : _a.message) || ""
       });
     }
   };
@@ -80,14 +80,16 @@ var ContinueButton = () => {
   const handleHolder = () => {
   };
   const handleContinue = async () => {
-    if (!isLogin) {
-      return openLoginModal({
-        callback: (status) => {
-          if (status === "success") {
-            handleNextStep();
+    if (isLastStep) {
+      if (!isLogin) {
+        return openLoginModal({
+          callback: (status) => {
+            if (status === "success") {
+              handleNextStep();
+            }
           }
-        }
-      });
+        });
+      }
     }
     handleNextStep();
   };
@@ -105,7 +107,7 @@ var ContinueButton = () => {
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.Button,
     {
-      disabled: !((_a = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a.length),
+      disabled: !(products == null ? void 0 : products.length),
       size: "large",
       type: "primary",
       onClick: () => handleContinue(),

package/lib/components/appointmentBooking/components/{Provider/Cart → Cart}/Item/Total.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/appointmentBooking/components/Provider/Cart/Item/Total.tsx
+// src/components/appointmentBooking/components/Cart/Item/Total.tsx
 var Total_exports = {};
 __export(Total_exports, {
   default: () => Total_default
@@ -35,19 +35,15 @@ module.exports = __toCommonJS(Total_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
-var import_useEngineContext = __toESM(require("../../../../../../hooks/useEngineContext"));
-var import_hooks = require("../../../../hooks");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
+var import_context = require("../../../context");
 var Total = ({ className, isFooter }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const context = (0, import_useEngineContext.default)();
-  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
-  const taxTitle = "GST";
-  const totalTaxFee = 0;
-  const isPriceIncludeTax = true;
-  const total = 0;
-  console.log((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils, "wh978976");
+  const { summary } = (0, import_context.useAppointmentBookingContext)();
+  const { taxTitle, totalTaxFee, isPriceIncludeTax, total } = summary;
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `event-total-wrap ${className}` }, !isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "gst-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, taxTitle, isFooter ? ": " : ""), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: totalTaxFee, showCurrencySymbol: true })) : null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -64,7 +60,7 @@ var Total = ({ className, isFooter }) => {
       }
     ) : null), isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ import_react.default.createElement("span", { className: "gst" }, import_utils.locales.getText("pisell2.event.total.gst")(
       `${isFooter ? `${taxTitle}: ` : taxTitle}`,
-      `${(_d = (_c = (_b = context == null ? void 0 : context.appHelper) == null ? void 0 : _b.utils) == null ? void 0 : _c.getSymbolic) == null ? void 0 : _d.call(_c)}${totalTaxFee}`
+      `${(_c = (_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getSymbolic) == null ? void 0 : _c.call(_b)}${totalTaxFee}`
     )) : null),
     !isFooter ? /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellText.Amount,

package/lib/components/appointmentBooking/components/{Provider/Cart → Cart}/Item/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/appointmentBooking/components/Provider/Cart/Item/index.tsx
+// src/components/appointmentBooking/components/Cart/Item/index.tsx
 var Item_exports = {};
 __export(Item_exports, {
   default: () => Item_default
@@ -34,33 +34,34 @@ __export(Item_exports, {
 module.exports = __toCommonJS(Item_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
-var import_shoppingCart = __toESM(require("../../../../../shoppingCart"));
+var import_shoppingCart = __toESM(require("../../../../shoppingCart"));
 var import_ContinueButton = __toESM(require("../ContinueButton"));
-var import_hooks = require("../../../../hooks");
+var import_hooks = require("../../../hooks");
+var import_context = require("../../../context");
 var import_Total = __toESM(require("./Total"));
+var import_utils2 = require("../../../utils");
 var import_index = require("./index.less");
 var CartItem = () => {
-  const open = false;
-  const holderData = {};
-  const selectedHolderIds = [];
-  const cartData = {};
-  const appointmentBookingCart = (0, import_hooks.useAppointmentBookingCart)();
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
   const appointmentBookingAccount = (0, import_hooks.useAppointmentBookingAccount)();
-  const appointmentBookingStep = (0, import_hooks.useAppointmentBookingStep)();
-  const { products } = appointmentBookingCart;
-  const { isLastStep } = appointmentBookingStep;
-  console.log(
-    appointmentBookingCart,
-    appointmentBookingAccount,
-    "whappointmentBookingCart"
-  );
+  const { carts, summary, isLastStep } = (0, import_context.useAppointmentBookingContext)();
+  const { accountLists } = appointmentBookingAccount;
+  console.log(summary, carts, "accountLists");
+  const holderIds = (0, import_react.useMemo)(() => {
+    return accountLists.map((item) => item.id);
+  }, [accountLists]);
+  const holders = (0, import_react.useMemo)(() => {
+    return (0, import_utils2.formatHolder)(accountLists);
+  }, [accountLists]);
   const handleClickCard = (e, type, key) => {
+    console.log(e, type, key, "wh9988767");
     if (type === "note") {
+      return appointmentBooking.updateCart(e == null ? void 0 : e._id, { products: e });
     }
-    console.log(e, type, key, "wh9988767");
     if (type === "delete") {
     }
     if (type === "delete_holders") {
+      return appointmentBooking.removeAccount(key);
     }
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -72,18 +73,18 @@ var CartItem = () => {
       import_shoppingCart.default,
       {
         productParams: {
-          products,
+          products: carts,
           hideAddBtn: false,
-          holders: (holderData == null ? void 0 : holderData.selectedHolderItems) || [],
+          holders,
           disabledEdit: isLastStep
         },
         collapseParams: {
-          activeKey: selectedHolderIds,
+          activeKey: holderIds,
           ghost: true
         },
         platform: "h5",
         emptyText: import_utils.locales.getText("pisell2.event.empty.service"),
-        isOpenGroup: !!(selectedHolderIds == null ? void 0 : selectedHolderIds.length),
+        isOpenGroup: !!(holderIds == null ? void 0 : holderIds.length),
         onChange: (e, type, key) => handleClickCard(e, type, key)
       }
     )),

package/lib/components/appointmentBooking/components/{Provider/Cart → Cart}/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/appointmentBooking/components/Provider/Cart/index.tsx
+// src/components/appointmentBooking/components/Cart/index.tsx
 var Cart_exports = {};
 __export(Cart_exports, {
   default: () => Cart_default

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

@@ -34,28 +34,40 @@ __export(Content_exports, {
 module.exports = __toCommonJS(Content_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
-var import_Item = __toESM(require("../Provider/Cart/Item"));
+var import_Item = __toESM(require("../Cart/Item"));
+var import_Header = __toESM(require("../Header"));
+var import_Footer = __toESM(require("../Footer"));
 var import_Services = __toESM(require("../Services"));
 var import_Date = __toESM(require("../Date"));
 var import_Resource = __toESM(require("../Resource"));
 var import_TimeSlicing = __toESM(require("../TimeSlicing"));
+var import_Guest = __toESM(require("../Guest"));
+var import_hooks = require("../../hooks");
+var import_context = require("../../context");
 var import_index = require("./index.less");
 var Layout = () => {
-  const [currentStepData, setCurrentStepData] = (0, import_react.useState)({
-    key: "select-service"
-  });
+  var _a, _b, _c;
+  const appointmentBookingStep = (0, import_hooks.useAppointmentBookingStep)();
+  const appointmentBookingCart = (0, import_hooks.useAppointmentBookingCart)();
+  const { currentStep } = (0, import_context.useAppointmentBookingContext)();
+  const [params, setParams] = (0, import_react.useState)({});
   (0, import_react.useEffect)(() => {
+    var _a2;
+    console.log((_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key, "whcurrentStep?.step?.key");
     window.scrollTo({
       top: 0,
       behavior: "smooth"
     });
-  }, [currentStepData == null ? void 0 : currentStepData.key]);
+  }, [(_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key]);
   const Com = (0, import_react.useMemo)(() => {
-    const key = currentStepData == null ? void 0 : currentStepData.key;
+    var _a2;
+    const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
     if (!key) return null;
     const components = {
       // 选择服务
       "select-service": import_Services.default,
+      // 添加客户
+      "select-guest": import_Guest.default,
       // 选择时间
       "select-date": import_Date.default,
       // 选择资源
@@ -64,16 +76,16 @@ var Layout = () => {
       "select-time": import_TimeSlicing.default
     };
     let Com2 = components[key];
-    return /* @__PURE__ */ import_react.default.createElement(Com2, null);
-  }, [currentStepData == null ? void 0 : currentStepData.key]);
+    return /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params });
+  }, [(_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key]);
   (0, import_react.useEffect)(() => {
-    var _a, _b;
+    var _a2, _b2;
     if ((0, import_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 = ((_a = header == null ? void 0 : header.getBoundingClientRect()) == null ? void 0 : _a.height) || 0;
-      const footerHeight = ((_b = footer == null ? void 0 : footer.getBoundingClientRect()) == null ? void 0 : _b.height) || 0;
+      const headerHeight = ((_a2 = header == null ? void 0 : header.getBoundingClientRect()) == null ? void 0 : _a2.height) || 0;
+      const footerHeight = ((_b2 = footer == null ? void 0 : footer.getBoundingClientRect()) == null ? void 0 : _b2.height) || 0;
       const windowHeight = window.innerHeight;
       const contentHeight = windowHeight - headerHeight - footerHeight;
       if (content && (content == null ? void 0 : content.style)) {
@@ -81,14 +93,14 @@ var Layout = () => {
         content.style.overflowY = "auto";
       }
     }
-  }, [currentStepData == null ? void 0 : currentStepData.key]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  }, [(_c = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _c.key]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Header.default, null), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: `parallel-content-wrap ${(0, import_utils.isMobile)() ? "parallel-content-mobile-wrap" : ""}`
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "parallel-content-left" }, Com),
     !(0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement("div", { className: "parallel-content-right" }, /* @__PURE__ */ import_react.default.createElement(import_Item.default, null)) : null
-  );
+  ), (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Footer.default, null) : null);
 };
 var Content_default = Layout;

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

@@ -32,20 +32,23 @@ __export(Date_exports, {
   default: () => Date_default
 });
 module.exports = __toCommonJS(Date_exports);
-var import_react = require("react");
+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 [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 },
@@ -76,24 +79,56 @@ var CalendarDate = (props) => {
     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);
-    setDateMonthList(getMonthData(newLastMonth.format("YYYY-MM")));
   };
   const nextMonth = () => {
     let currentMonthText = currentMonth.format("YYYY-MM");
     let newNextMonth = (0, import_dayjs.default)(currentMonthText).add(1, "month");
     setCurrentMonth(newNextMonth);
-    setDateMonthList(getMonthData(newNextMonth.format("YYYY-MM")));
   };
-  (0, import_react.useEffect)(() => {
-    let date = "2025-04-25";
-    let daysText = (0, import_dayjs.default)(date).format("YYYY-MM");
-    setDateMonthList(getMonthData(daysText));
-  }, []);
-  return /* @__PURE__ */ React.createElement("div", { className: "calendar-date-box" }, /* @__PURE__ */ React.createElement("div", { className: "calendar-header" }, /* @__PURE__ */ React.createElement(
+  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", {
@@ -104,14 +139,14 @@ var CalendarDate = (props) => {
         lastMonth();
       }
     },
-    /* @__PURE__ */ React.createElement(import_icons.CaretLeftOutlined, null)
-  ), /* @__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(import_icons.CaretRightOutlined, null))), /* @__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" }, import_state.weekListText[Number(col)]))), /* @__PURE__ */ React.createElement("div", { className: "calendar-days" }, dateMonthList.map((day, index) => {
+    /* @__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__ */ React.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         key: index,
@@ -122,11 +157,13 @@ var CalendarDate = (props) => {
           ["other-month-days"]: !isCurrentMonth
         }),
         onClick: () => {
+          if (day == null ? void 0 : day.disabled) return;
           console.log(day, "wh987976");
-          !(day == null ? void 0 : day.disabled) && setCurrentDate(date);
+          setCurrentDate(date);
+          appointmentBooking.setDateRange([day]);
         }
       },
-      isCurrentMonth && /* @__PURE__ */ React.createElement(
+      isCurrentMonth && /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
           className: (0, import_classnames.default)("day-text", {
@@ -136,6 +173,6 @@ var CalendarDate = (props) => {
         (0, import_dayjs.default)(day.date).format("D")
       )
     );
-  }))));
+  })))));
 };
 var Date_default = CalendarDate;

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

@@ -3,6 +3,7 @@
   flex-direction: column;
   gap: 32px;
   user-select: none;
+  margin-top: 16px;
 
   .calendar-header {
     display: flex;

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

@@ -35,11 +35,11 @@ module.exports = __toCommonJS(Footer_exports);
 var import_react = __toESM(require("react"));
 var import_materials = require("@pisell/materials");
 var import_react2 = require("react");
-var import_ContinueButton = __toESM(require("../Provider/Cart/ContinueButton"));
+var import_ContinueButton = __toESM(require("../Cart/ContinueButton"));
 var import_shopping_cart = __toESM(require("../../assets/shopping-cart.svg"));
 var import_hooks = require("../../hooks");
-var import_Cart = __toESM(require("../Provider/Cart"));
-var import_Total = __toESM(require("../Provider/Cart/Item/Total"));
+var import_Cart = __toESM(require("../Cart"));
+var import_Total = __toESM(require("../Cart/Item/Total"));
 var import_index = require("./index.less");
 var Footer = () => {
   var _a;

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/appointmentBooking/components/{Provider/Information → 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/appointmentBooking/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/appointmentBooking/components/Header/index.js

@@ -34,12 +34,11 @@ __export(Header_exports, {
 module.exports = __toCommonJS(Header_exports);
 var import_react = __toESM(require("react"));
 var import_progressBar = __toESM(require("../../../eventBooking/components/progressBar"));
-var import_hooks = require("../../hooks");
+var import_context = require("../../context");
 var import_index = require("./index.less");
 var Header = () => {
   var _a, _b;
-  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
-  const { currentStep } = (0, import_hooks.useAppointmentBookingStep)();
+  const { currentStep, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
   const handleBack = () => {
     appointmentBooking.back();
   };

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

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