@pisell/private-materials 3.2.23 → 3.2.25

package/es/components/workSpaceList/components/Modal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

package/es/utils/index.d.ts

@@ -18,6 +18,6 @@ declare let modal: Omit<ModalStaticFunctions, 'warn'>;
 export declare const setModal: (m: Omit<ModalStaticFunctions, 'warn'>) => void;
 export declare const saveConfirm: () => Promise<{
     destroy: () => void;
-    update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    update: (configUpdate: import("antd/es/modal/interface").ModalFuncProps | ((prevConfig: import("antd/es/modal/interface").ModalFuncProps) => import("antd/es/modal/interface").ModalFuncProps)) => void;
 }>;
 export { modal };

package/lib/components/appointmentBooking/components/Cart/ContinueButton/index.js

@@ -47,21 +47,20 @@ var ContinueButton = () => {
   const [loading, setLoading] = (0, import_react.useState)(false);
   const { isLogin, openLoginModal } = (0, import_hooks.useAppointmentBookingLogin)();
   const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
+  const shopDiscount = (0, import_hooks.useShopDiscount)();
   const {
     currentStep,
     isLastStep,
     carts,
     appointmentBooking,
-    resourceOtherParams
+    resourceOtherParams,
+    summary
   } = (0, import_context.useAppointmentBookingContext)();
-  const { getResourceTimeSlot } = (0, import_hooks.useAppointmentBookingResource)();
+  const { getResourceTimeSlot, getResourceList } = (0, import_hooks.useAppointmentBookingResource)();
   const disabled = (0, import_react.useMemo)(() => {
-    var _a2, _b;
+    var _a2;
     const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
     if (!carts.length) return true;
-    if (key === "select-resource" && ((_b = resourceOtherParams == null ? void 0 : resourceOtherParams.errorList) == null ? void 0 : _b.length) > 0) {
-      return true;
-    }
     return false;
   }, [
     (_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key,
@@ -69,39 +68,60 @@ var ContinueButton = () => {
     accountLists,
     resourceOtherParams == null ? void 0 : resourceOtherParams.errorList
   ]);
+  const clearData = () => {
+    appointmentBooking.destroy();
+    shopDiscount.destroy();
+  };
   const handleNextStep = async () => {
-    var _a2, _b;
+    var _a2, _b, _c, _d, _e;
     if (isLastStep) {
       setLoading(true);
       try {
         const res = await appointmentBooking.submitOrder();
-        utils.action({
-          type: "pisell1.payment",
-          data: res == null ? void 0 : res.data,
-          callback: (e) => {
-            console.log(e, currentStep, "wh9896788");
+        if ((summary == null ? void 0 : summary.total) > 0) {
+          utils.action({
+            type: "pisell1.payment",
+            data: res == null ? void 0 : res.data
+          });
+        } else {
+          const { order_id, total_amount } = (res == null ? void 0 : res.data) || {};
+          const freeResult = await appointmentBooking.getFreeProduct(order_id);
+          console.log(freeResult, "freeResult");
+          if ((_a2 = freeResult == null ? void 0 : freeResult.data) == null ? void 0 : _a2.status) {
+            const url = `/payment-finish/success?order_id=${order_id}&amount=${Number(
+              total_amount
+            )}`;
+            (_b = utils == null ? void 0 : utils.history) == null ? void 0 : _b.replace(url);
+          } else {
+            (0, import_materials.PisellToast)({
+              content: (_c = freeResult == null ? void 0 : freeResult.data) == null ? void 0 : _c.message
+            });
           }
-        });
+        }
+        clearData();
         setLoading(false);
       } catch (error) {
         setLoading(false);
       }
       return;
     }
-    if (((_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key) === "select-resource") {
-      getResourceTimeSlot("resources");
+    if (((_d = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _d.key) === "select-resource") {
+      getResourceTimeSlot();
     }
-    if (((_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key) === "select-time") {
+    if (((_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.key) === "select-time") {
     }
     return appointmentBooking.next();
   };
   const handleContinue = async () => {
+    var _a2;
+    const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
+    console.log(currentStep, isLastStep, isLogin, "wh9896788222");
     if (isLastStep) {
       if (!isLogin) {
         return openLoginModal({
           callback: (status) => {
-            var _a2, _b, _c;
-            const user = (_c = (_b = (_a2 = utils.store) == null ? void 0 : _a2.getState()) == null ? void 0 : _b.global) == null ? void 0 : _c.userInfo;
+            var _a3, _b, _c;
+            const user = (_c = (_b = (_a3 = utils.store) == null ? void 0 : _a3.getState()) == null ? void 0 : _b.global) == null ? void 0 : _c.userInfo;
             const currentUser = (0, import_utils2.formatCustomer)(user);
             const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
             if (status === "success") {
@@ -112,6 +132,12 @@ var ContinueButton = () => {
         });
       }
     }
+    if (key === "select-resource" && (0, import_utils2.isEmptyCartsResourceId)(carts)) {
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("pisell2.appointment.no.available.time")
+      });
+      return;
+    }
     handleNextStep();
   };
   const continueText = (0, import_react.useMemo)(() => {

package/lib/components/appointmentBooking/components/Cart/Item/Total.js

@@ -42,7 +42,7 @@ var Total = ({ className, isFooter }) => {
   const { summary, symbolic } = (0, import_context.useAppointmentBookingContext)();
   const { taxTitle, totalTaxFee, isPriceIncludeTax, total } = summary;
   console.log(summary, "summarysummary");
-  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(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `appointment-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",
     {
       className: (0, import_classnames.default)("event-total", {

package/lib/components/appointmentBooking/components/Cart/Item/index.d.ts

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

package/lib/components/appointmentBooking/components/Cart/Item/index.js

@@ -43,12 +43,19 @@ var import_utils2 = require("../../../utils");
 var import_Voucher = __toESM(require("../../Voucher"));
 var import_Total = __toESM(require("./Total"));
 var import_index = require("./index.less");
-var CartItem = () => {
+var CartItem = ({ onConfirm }) => {
   var _a, _b;
   const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
-  const { carts, isLastStep, currentStep, resources } = (0, import_context.useAppointmentBookingContext)();
+  const {
+    carts,
+    isLastStep,
+    currentStep,
+    resources,
+    setResourceOtherParams,
+    resourceOtherParams
+  } = (0, import_context.useAppointmentBookingContext)();
   const { accountLists } = (0, import_hooks2.useAppointmentBookingAccount)();
-  console.log(accountLists, "wh97879678");
+  const { getResourceList } = (0, import_hooks2.useAppointmentBookingResource)();
   const currentUser = (0, import_utils2.formatCurrentUser)();
   const holderIds = (0, import_react.useMemo)(() => {
     return accountLists.map((item) => item.id);
@@ -70,6 +77,10 @@ var CartItem = () => {
       return appointmentBooking.removeAccount(val);
     }
     if (type === "change_resource") {
+      setResourceOtherParams({
+        ...resourceOtherParams,
+        errorList: null
+      });
       return appointmentBooking.updateCart({
         _id: e == null ? void 0 : e._id,
         resources: [val]
@@ -79,7 +90,7 @@ var CartItem = () => {
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: `cart-item-wrap ${(0, import_utils.isMobile)() ? "cart-mobile-item-wrap" : ""}`
+      className: `appointment-cart-item-wrap ${(0, import_utils.isMobile)() ? "appointment-cart-mobile-item-wrap" : ""}`
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "content" }, /* @__PURE__ */ import_react.default.createElement(
       import_shoppingCart.default,

package/lib/components/appointmentBooking/components/Cart/Item/index.less

@@ -1,9 +1,9 @@
-.cart-item-wrap {
-  height: 100%;
+.appointment-cart-item-wrap {
+  height: calc(100vh - 100px);
   .content {
     background: #fff;
     padding: 0 16px;
-    max-height: 60vh;
+    max-height: calc(100% - 240px);
     overflow-y: auto;
 
     .pisell-lowcode__shopping-cart-content {
@@ -23,7 +23,7 @@
   }
 }
 
-.event-total-wrap {
+.appointment-total-wrap {
   color: var(--Text-Text_1, #1b1b1b);
   font-size: 20px;
   font-weight: 600;
@@ -67,15 +67,17 @@
   }
 }
 
-.cart-mobile-item-wrap {
+.appointment-cart-mobile-item-wrap {
   display: flex;
   flex-direction: column;
   position: relative;
+  height: 100%;
 
   .content {
     flex: 1;
     overflow-y: auto;
-    padding: 0 0 140px;
+    padding: 0 0 210px;
+    max-height: 100%;
   }
   .appointment-footer {
     z-index: 10;

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

@@ -50,8 +50,9 @@ var Cart = ({ open, onCancel }) => {
         padding: "20px"
       },
       destroyOnClose: true,
-      className: `event-cart-modal`,
-      footer: null
+      className: `appointment-cart-modal`,
+      footer: null,
+      forceRender: true
     },
     /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, overflowY: "auto" } }, /* @__PURE__ */ import_react.default.createElement(import_Item.default, null))
   );

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

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

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

@@ -47,11 +47,15 @@ var import_hooks = require("../../hooks");
 var import_index = require("./index.less");
 var Layout = () => {
   var _a, _b, _c;
-  const { currentStep } = (0, import_context.useAppointmentBookingContext)();
+  const { currentStep, setResourceOtherParams, resourceOtherParams } = (0, import_context.useAppointmentBookingContext)();
   (0, import_hooks.useAppointmentBookingCart)();
   (0, import_hooks.useAppointmentBookingStep)();
   const [params, setParams] = (0, import_react.useState)({});
   (0, import_react.useEffect)(() => {
+    setResourceOtherParams({
+      ...resourceOtherParams,
+      errorList: null
+    });
     window.scrollTo({
       top: 0,
       behavior: "smooth"
@@ -81,7 +85,9 @@ var Layout = () => {
     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 content = document.querySelector(
+        ".parallel-content-mobile-wrap"
+      );
       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;

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

@@ -10,6 +10,10 @@
     width: 634px;
     // padding: 16px 0;
 
+    .appointment-resource-wrap {
+      padding: 16px 0;
+    }
+
     .booking-tab-product {
       .booking-tabs-wrap {
         top: 77px !important;
@@ -38,7 +42,18 @@
     flex: none;
     // padding: 16px 16px 0;
 
+    .calendar-date-box {
+      padding: 0 16px;
+    }
+
+    .appointment-resource-wrap {
+      padding: 16px;
+    }
+
     .booking-tab-product {
+      .booking-tabs-wrap {
+        top: 0 !important;
+      }
       .booking-category-list {
         padding: 0 20px;
       }

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

@@ -143,42 +143,48 @@ var CalendarDate = (props) => {
     setCurrentMonth(newNextMonth);
     setLoading(true);
   };
-  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(
+  return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: (0, import_classnames.default)("calendar-last-month", {
-        ["last-month-disabled"]: lastMonthDisable()
-      }),
-      onClick: () => {
-        if (lastMonthDisable()) return;
-        lastMonth();
-      }
+      className: `calendar-date-box ${(0, import_utils.isMobile)() ? "calendar-date-mobile-box" : ""}`
     },
-    /* @__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" }, 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(
+    !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",
       {
-        key: index,
-        className: (0, import_classnames.default)("calendar-days-items", {
-          ["disabledDate"]: day == null ? void 0 : day.disabled,
-          ["selectDate"]: currentDate === date,
-          ["other-month-days"]: !isCurrentMonth,
-          ["loading-item"]: loading
+        className: (0, import_classnames.default)("calendar-last-month", {
+          ["last-month-disabled"]: lastMonthDisable()
         }),
         onClick: () => {
-          if (day == null ? void 0 : day.disabled) return;
-          setCurrentDate(date);
-          appointmentBooking.setDateRange([day]);
+          if (lastMonthDisable()) return;
+          lastMonth();
         }
       },
-      isCurrentMonth && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("day-text") }, (0, import_dayjs.default)(day.date).format("D"))
-    );
-  })))));
+      /* @__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" }, 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,
+            ["selectDate"]: currentDate === date,
+            ["other-month-days"]: !isCurrentMonth,
+            ["loading-item"]: loading
+          }),
+          onClick: () => {
+            if (day == null ? void 0 : day.disabled) return;
+            setCurrentDate(date);
+            appointmentBooking.setDateRange([day]);
+          }
+        },
+        isCurrentMonth && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("day-text") }, (0, import_dayjs.default)(day.date).format("D"))
+      );
+    }))))
+  );
 };
 var Date_default = CalendarDate;

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

@@ -134,3 +134,9 @@
     cursor: not-allowed;
   }
 }
+
+.calendar-date-mobile-box {
+  .calendar-days-items {
+    height: 54px;
+  }
+}

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

@@ -42,8 +42,12 @@ var import_Cart = __toESM(require("../Cart"));
 var import_Total = __toESM(require("../Cart/Item/Total"));
 var import_index = require("./index.less");
 var Footer = () => {
-  const { carts } = (0, import_context.useAppointmentBookingContext)();
+  var _a;
+  const { carts, currentStep } = (0, import_context.useAppointmentBookingContext)();
   const [open, setOpen] = (0, import_react2.useState)(false);
+  (0, import_react.useEffect)(() => {
+    setOpen(false);
+  }, [(_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.SectionFooters,
     {

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

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

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.js

@@ -0,0 +1,74 @@
+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/Guest/components/InformationOptionsModal/index.tsx
+var InformationOptionsModal_exports = {};
+__export(InformationOptionsModal_exports, {
+  default: () => InformationOptionsModal_default
+});
+module.exports = __toCommonJS(InformationOptionsModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var GuestOptionsModal = (props) => {
+  const { open, onCancel, options, onClick, holderItem } = props;
+  const lists = (0, import_react.useMemo)(() => {
+    let _options = [...options];
+    if (!(holderItem == null ? void 0 : holderItem.isGuest)) {
+      _options = _options.filter((option) => option.key !== "remove");
+    }
+    return _options;
+  }, [options]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      platform: "h5",
+      closable: true,
+      bodyStyle: { padding: "0 24px" },
+      destroyOnClose: true,
+      footer: null,
+      onCancel,
+      mobileModalHeight: "auto",
+      className: "guest-option-modal",
+      headerDivider: false
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "guest-options-wrap" }, lists.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: item.key,
+          className: `guest-options-wrap-item ${item.key === "remove" ? "remove" : ""}`,
+          onClick: () => onClick(item)
+        },
+        item.label
+      );
+    }))
+  );
+};
+var InformationOptionsModal_default = GuestOptionsModal;

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.less

@@ -0,0 +1,28 @@
+.guest-options-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  .guest-options-wrap-item {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    display: flex;
+    padding: 9px 10px;
+    align-items: center;
+    flex: 1 0 0;
+  }
+
+  .remove {
+    color: var(--Error-700, #b42318);
+  }
+}
+
+.guest-option-modal {
+  .pisell-lowcode-modal-header {
+    border: none;
+  }
+  .pisell-lowcode-modal-body {
+    height: max-content;
+  }
+}

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

@@ -36,12 +36,14 @@ 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_InformationOptionsModal = __toESM(require("./components/InformationOptionsModal"));
 var import_context = require("../../context");
 var import_hooks = require("../../hooks");
 var import_utils2 = require("../../utils");
 var import_index = require("./index.less");
 var Guest = () => {
   const [openOption, setOpenOption] = (0, import_react.useState)(false);
+  const [holderItem, setHolderItem] = (0, import_react.useState)(null);
   const { carts, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
   const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
   const lists = (0, import_react.useMemo)(() => {
@@ -59,6 +61,7 @@ var Guest = () => {
     }
   ];
   const handleClick = ({ key }, item) => {
+    console.log(key, item, "wh978967");
     if (key === "edit") {
       appointmentBooking.setActiveAccount(item.id);
       appointmentBooking.back();
@@ -78,6 +81,7 @@ var Guest = () => {
         {
           size: "large",
           onClick: () => {
+            setHolderItem(item);
             setOpenOption(true);
           }
         },
@@ -90,11 +94,12 @@ var Guest = () => {
         menu: {
           items: _options,
           onClick: (e) => {
+            setHolderItem(item);
             handleClick(e, item);
           }
         },
         placement: "bottomRight",
-        overlayClassName: "provider-information-custom-dropdown-menu"
+        overlayClassName: "appointment-guest-custom-dropdown-menu"
       },
       /* @__PURE__ */ import_react.default.createElement(import_materials.Button, null, import_utils.locales.getText("pisell2.event.option"))
     );
@@ -114,7 +119,7 @@ var 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) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-guest-wrap" }, lists == null ? void 0 : lists.map((item) => {
     var _a;
     return /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellCard,
@@ -134,10 +139,22 @@ var Guest = () => {
       size: "large",
       style: { width: "max-content" },
       onClick: handleAddGuest,
-      className: "provider-information-add-button"
+      className: "appointment-guest-add-button"
     },
     /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-plus", style: { fontSize: "20px" } }),
     import_utils.locales.getText("pisell2.appointment.add.guest")
-  )));
+  )), openOption ? /* @__PURE__ */ import_react.default.createElement(
+    import_InformationOptionsModal.default,
+    {
+      options,
+      open: openOption,
+      holderItem,
+      onCancel: () => setOpenOption(false),
+      onClick: (e) => {
+        handleClick(e, holderItem);
+        setOpenOption(false);
+      }
+    }
+  ) : null);
 };
 var Guest_default = Guest;

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

@@ -1,4 +1,4 @@
-.provider-information-wrap {
+.appointment-guest-wrap {
   padding: 16px;
   display: flex;
   flex-direction: column;
@@ -7,7 +7,7 @@
   margin-top: 16px;
   width: 100%;
 
-  .provider-information-add-button {
+  .appointment-guest-add-button {
     display: flex;
     align-items: center;
     .pisell-lowcode-image-mask-info {
@@ -64,7 +64,7 @@
   }
 }
 
-.provider-information-custom-dropdown-menu {
+.appointment-guest-custom-dropdown-menu {
   .pisell-lowcode-dropdown-menu {
     padding: 6px;
     border-bottom: 1px solid var(--Gray-200, #eaecf0);

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

@@ -36,10 +36,12 @@ var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_progressBar = __toESM(require("../../../eventBooking/components/progressBar"));
 var import_context = require("../../context");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_index = require("./index.less");
 var Header = () => {
   var _a, _b;
   const { currentStep, appointmentBooking, resources } = (0, import_context.useAppointmentBookingContext)();
+  const context = (0, import_useEngineContext.default)();
   const stepName = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c, _d, _e;
     const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
@@ -65,7 +67,10 @@ var Header = () => {
     appointmentBooking.back();
   };
   const handleClose = () => {
-    appointmentBooking.close();
+    var _a2;
+    const utils = context.appHelper.utils || {};
+    (_a2 = utils == null ? void 0 : utils.history) == null ? void 0 : _a2.replace("/");
+    appointmentBooking.destroy();
   };
   return /* @__PURE__ */ import_react.default.createElement(
     import_progressBar.default,