@pisell/private-materials 3.2.22 → 3.2.25

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

@@ -35,69 +35,109 @@ 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_context = require("../../../context");
+var import_utils2 = require("../../../utils");
 var import_index = require("./index.less");
 var ContinueButton = () => {
+  var _a;
   const context = (0, import_useEngineContext.default)();
   const utils = context.appHelper.utils || {};
   const [loading, setLoading] = (0, import_react.useState)(false);
   const { isLogin, openLoginModal } = (0, import_hooks.useAppointmentBookingLogin)();
-  const { currentStep, isLastStep, carts, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
-  const data = {};
-  const createBooking = {
-    loading: false
-  };
-  const checkBeforeBooking = {
-    loading: false
-  };
-  const handleCheckout = async () => {
-    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: ((_a = result == null ? void 0 : result.err) == null ? void 0 : _a.message) || ""
-      });
-    }
+  const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
+  const shopDiscount = (0, import_hooks.useShopDiscount)();
+  const {
+    currentStep,
+    isLastStep,
+    carts,
+    appointmentBooking,
+    resourceOtherParams,
+    summary
+  } = (0, import_context.useAppointmentBookingContext)();
+  const { getResourceTimeSlot, getResourceList } = (0, import_hooks.useAppointmentBookingResource)();
+  const disabled = (0, import_react.useMemo)(() => {
+    var _a2;
+    const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
+    if (!carts.length) return true;
+    return false;
+  }, [
+    (_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key,
+    carts,
+    accountLists,
+    resourceOtherParams == null ? void 0 : resourceOtherParams.errorList
+  ]);
+  const clearData = () => {
+    appointmentBooking.destroy();
+    shopDiscount.destroy();
   };
   const handleNextStep = async () => {
+    var _a2, _b, _c, _d, _e;
     if (isLastStep) {
       setLoading(true);
       try {
         const res = await appointmentBooking.submitOrder();
-        console.log(isLastStep, isLogin, res, "wh9896788");
-        utils.action({
-          type: "pisell1.payment",
-          data: res == null ? void 0 : res.data,
-          callback: (e) => {
-            console.log(e, "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) {
-        console.log(isLastStep, isLogin, error, "wh9896788");
         setLoading(false);
       }
       return;
     }
+    if (((_d = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _d.key) === "select-resource") {
+      getResourceTimeSlot();
+    }
+    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 _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") {
+              appointmentBooking.setLoginAccount(meAccount == null ? void 0 : meAccount.id, currentUser);
               handleNextStep();
             }
           }
         });
       }
     }
+    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)(() => {
@@ -107,14 +147,10 @@ var ContinueButton = () => {
       return import_utils.locales.getText("pisell2.event.close.continue");
     }
   }, [isLastStep]);
-  const confirmLoading = (0, import_react.useMemo)(() => {
-    if (!isLastStep) return false;
-    return (createBooking == null ? void 0 : createBooking.loading) || (checkBeforeBooking == null ? void 0 : checkBeforeBooking.loading);
-  }, [isLastStep, createBooking == null ? void 0 : createBooking.loading, checkBeforeBooking == null ? void 0 : checkBeforeBooking.loading]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.Button,
     {
-      disabled: !(carts == null ? void 0 : carts.length),
+      disabled,
       size: "large",
       type: "primary",
       onClick: () => handleContinue(),

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

@@ -41,7 +41,8 @@ var import_context = require("../../../context");
 var Total = ({ className, isFooter }) => {
   const { summary, symbolic } = (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(
+  console.log(summary, "summarysummary");
+  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

@@ -38,38 +38,59 @@ var import_shoppingCart = __toESM(require("../../../../shoppingCart"));
 var import_ContinueButton = __toESM(require("../ContinueButton"));
 var import_hooks = require("../../../hooks");
 var import_context = require("../../../context");
-var import_Total = __toESM(require("./Total"));
+var import_hooks2 = require("../../../hooks");
 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 appointmentBookingAccount = (0, import_hooks.useAppointmentBookingAccount)();
-  const { carts, summary, isLastStep, currentStep, resources } = (0, import_context.useAppointmentBookingContext)();
-  const { accountLists, currentUser } = appointmentBookingAccount;
-  console.log(summary, carts, (0, import_utils2.formatCarts)(carts, resources), "accountLists");
+  const {
+    carts,
+    isLastStep,
+    currentStep,
+    resources,
+    setResourceOtherParams,
+    resourceOtherParams
+  } = (0, import_context.useAppointmentBookingContext)();
+  const { accountLists } = (0, import_hooks2.useAppointmentBookingAccount)();
+  const { getResourceList } = (0, import_hooks2.useAppointmentBookingResource)();
+  const currentUser = (0, import_utils2.formatCurrentUser)();
   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");
+  const handleClickCard = (e, type, val) => {
     if (type === "note") {
-      return appointmentBooking.updateCart(e == null ? void 0 : e._id, { products: e });
+      return appointmentBooking.updateCart({
+        _id: e == null ? void 0 : e._id,
+        ...val
+      });
     }
     if (type === "delete") {
+      return appointmentBooking.deleteCart(e == null ? void 0 : e._id);
     }
     if (type === "delete_holders") {
-      return appointmentBooking.removeAccount(key);
+      return appointmentBooking.removeAccount(val);
+    }
+    if (type === "change_resource") {
+      setResourceOtherParams({
+        ...resourceOtherParams,
+        errorList: null
+      });
+      return appointmentBooking.updateCart({
+        _id: e == null ? void 0 : e._id,
+        resources: [val]
+      });
     }
   };
   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,
@@ -80,7 +101,8 @@ var CartItem = () => {
           holders,
           disabledEdit: isLastStep,
           isShowChangeResource: ((_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key) === "select-resource",
-          isShowDelete: ((_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.index) < 2
+          isShowDelete: ((_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key) === "select-service",
+          isShowPackageNote: false
         },
         collapseParams: {
           activeKey: holderIds,
@@ -89,10 +111,11 @@ var CartItem = () => {
         platform: "h5",
         emptyText: import_utils.locales.getText("pisell2.event.empty.service"),
         isOpenGroup: !!(holderIds == null ? void 0 : holderIds.length),
+        isHideClearCart: true,
         onChange: (e, type, key) => handleClickCard(e, type, key)
       }
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Voucher.default, { currentUser, products: carts }), /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Voucher.default, { currentUser, products: carts }), /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
   ));
 };
 var Item_default = CartItem;

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

@@ -1,8 +1,11 @@
-.cart-item-wrap {
-  height: 100%;
+.appointment-cart-item-wrap {
+  height: calc(100vh - 100px);
   .content {
     background: #fff;
-    padding: 20px;
+    padding: 0 16px;
+    max-height: calc(100% - 240px);
+    overflow-y: auto;
+
     .pisell-lowcode__shopping-cart-content {
       .ant-card-body {
         padding: 0;
@@ -10,9 +13,9 @@
     }
   }
 
-  .event-footer {
+  .appointment-footer {
     background: #fff;
-    padding: 20px;
+    padding: 10px 16px 0;
     display: flex;
     flex-direction: column;
     gap: 14px;
@@ -20,7 +23,7 @@
   }
 }
 
-.event-total-wrap {
+.appointment-total-wrap {
   color: var(--Text-Text_1, #1b1b1b);
   font-size: 20px;
   font-weight: 600;
@@ -64,17 +67,19 @@
   }
 }
 
-.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%;
   }
-  .event-footer {
+  .appointment-footer {
     z-index: 10;
     position: fixed;
     bottom: 0;

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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Layout: () => JSX.Element;
 export default Layout;

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

@@ -42,18 +42,20 @@ 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_hooks = require("../../hooks");
 var import_index = require("./index.less");
 var Layout = () => {
   var _a, _b, _c;
-  const appointmentBookingStep = (0, import_hooks.useAppointmentBookingStep)();
-  const appointmentBookingCart = (0, import_hooks.useAppointmentBookingCart)();
-  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)(() => {
-    var _a2;
-    console.log((_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key, "whcurrentStep?.step?.key");
+    setResourceOtherParams({
+      ...resourceOtherParams,
+      errorList: null
+    });
     window.scrollTo({
       top: 0,
       behavior: "smooth"
@@ -83,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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const CalendarDate: (props: any) => JSX.Element;
 export default CalendarDate;

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

@@ -36,19 +36,29 @@ 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_utils = require("@pisell/utils");
 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 [loading, setLoading] = (0, import_react.useState)(false);
   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 weekListText = [
+    import_utils.locales.getText("pisell2.appointment.sunday"),
+    import_utils.locales.getText("pisell2.appointment.monday"),
+    import_utils.locales.getText("pisell2.appointment.tuesday"),
+    import_utils.locales.getText("pisell2.appointment.wednesday"),
+    import_utils.locales.getText("pisell2.appointment.thursday"),
+    import_utils.locales.getText("pisell2.appointment.friday"),
+    import_utils.locales.getText("pisell2.appointment.saturday")
+  ];
   const startingColumn = 0 % 7;
   const columns = Array.from(
     { length: 7 },
@@ -80,40 +90,44 @@ var CalendarDate = (props) => {
     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"
-        };
+    try {
+      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);
+      const selected = await appointmentBooking.getDateRange();
+      if ((selected == null ? void 0 : selected.length) > 0) {
+        setCurrentDate(selected[0].date);
+      } else {
+        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]);
+        }
       }
-      return day;
-    });
-    setDateMonthList(updatedDates);
+      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;
+      });
+      setLoading(false);
+      setDateMonthList(updatedDates);
+    } catch (error) {
+      setLoading(false);
+      console.log(error, "wh978968234234");
+    }
   };
   (0, import_react.useEffect)(() => {
     getDates(currentMonth);
@@ -127,52 +141,50 @@ var CalendarDate = (props) => {
     let currentMonthText = currentMonth.format("YYYY-MM");
     let newNextMonth = (0, import_dayjs.default)(currentMonthText).add(1, "month");
     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" }, 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(
+    !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,
-          // ['disabledSelect']: status === 'sold_out',
-          ["selectDate"]: currentDate === date,
-          ["other-month-days"]: !isCurrentMonth
+        className: (0, import_classnames.default)("calendar-last-month", {
+          ["last-month-disabled"]: lastMonthDisable()
         }),
         onClick: () => {
-          if (day == null ? void 0 : day.disabled) return;
-          console.log(day, "wh987976");
-          setCurrentDate(date);
-          appointmentBooking.setDateRange([day]);
+          if (lastMonthDisable()) return;
+          lastMonth();
         }
       },
-      isCurrentMonth && /* @__PURE__ */ import_react.default.createElement(
+      /* @__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",
         {
-          className: (0, import_classnames.default)("day-text", {
-            // ['day-line']: !disabled,
-          })
+          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]);
+          }
         },
-        (0, import_dayjs.default)(day.date).format("D")
-      )
-    );
-  })))));
+        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

@@ -128,4 +128,15 @@
     background: none;
     border: none;
   }
+
+  &.loading-item {
+    background: #eaecf0;
+    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,
     {