@pisell/private-materials 3.2.22 → 3.2.23

package/es/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/es/components/pisellSelectCustomerModal/RightPanel/List/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface CustomerListProps {
     value: any;

package/es/components/productExtension/fields/Forms/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InfoProps {
     relation_id: any;
     action: any;

package/es/components/productExtension/fields/SelectProducts/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface valueType {
 }

package/es/components/productExtension/fields/SelectResourcesTable/index.d.ts

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

package/es/components/schedules/components/ScheduleList/RenderScheduleItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { ScheduleItem } from '../../../type';
 declare type Item = any;

package/es/components/schedules/components/ScheduleList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from 'antd';
 import { ScheduleItem } from '../../type';
 import './index.less';

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/MaxParticipantsModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const MaxParticipantsModule: ({ form, value, onChange, useSchedule, isAutoChange, onData, }: {
     form: any;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/AddSchedules/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const AddSchedules: ({ value, onChange, drawerContainer, isSelf }: any) => JSX.Element;
 export default AddSchedules;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type Value = number[];
 declare const SchedulesModule: ({ value, onChange, drawerContainer, ruleFn, tabKey, previewItemChange, isSelf, isTitle, }: {

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;

package/es/components/schedules/products/ProductDetailDrawer/index.d.ts

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

package/es/components/schedules/products/index.d.ts

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

package/es/components/schedules/resources/index.d.ts

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

package/es/components/schedules/resources/relationProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const RelationProduct: ({ value, onChange, }: {
     value?: any;

package/es/components/schedules/schedules/AllSchedules/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from '../../type';
 import './index.less';
 declare type AllSchedulesPropsType = {

package/es/components/schedules/schedules/ScheduleDetailDrawer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DrawerProps } from "antd";
 import { ScheduleItem } from "../../type";
 import "./index.less";

package/es/components/schedules/schedules/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SchedulesConnect: () => JSX.Element;
 export default SchedulesConnect;

package/es/components/shoppingCart/components/Cart/Product.js

@@ -68,6 +68,9 @@ var Product = function Product(props) {
       },
       onCard: function onCard(e) {
         return handleChange === null || handleChange === void 0 ? void 0 : handleChange(e, 'view');
+      },
+      onChangeResource: function onChangeResource(e) {
+        return handleChange(item, 'change_resource', e);
       }
     }, productParams));
   }), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);

package/es/components/shoppingCart/components/Cart/index.d.ts

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

package/es/components/shoppingCart/components/Render/index.d.ts

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

package/es/components/shoppingCart/hooks/useAddService.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useAddService: (id?: number, type?: string) => JSX.Element | null;
 export default useAddService;

package/es/components/shoppingCart/hooks/useClearCart.js

@@ -16,8 +16,9 @@ var useClearCart = function useClearCart(key) {
     onChange = _useContext.onChange;
   var isProductList = state.isProductList,
     disabledEdit = state.disabledEdit,
-    holders = state.holders;
-
+    holders = state.holders,
+    isHideClearCart = state.isHideClearCart;
+  console.log(state, 'wh978968');
   /**
    * @title: 清空购物车
    * @description:
@@ -47,7 +48,7 @@ var useClearCart = function useClearCart(key) {
     // updateState(updateProduct(state, products));
     // onChange(products);
   };
-  return !disabledEdit && (holders === null || holders === void 0 ? void 0 : holders.length) > 0 ? /*#__PURE__*/React.createElement("span", {
+  return !disabledEdit && (holders === null || holders === void 0 ? void 0 : holders.length) > 0 && !isHideClearCart ? /*#__PURE__*/React.createElement("span", {
     className: classNames('pisell-lowcode__shopping-cart-clear-btn', {
       'pisell-lowcode__shopping-cart-clear-btn-empty': isProductList
     }),

package/es/components/shoppingCart/type.d.ts

@@ -27,6 +27,7 @@ export interface shoppingCartProps {
     isShowDelete?: boolean;
     collapseParams?: CollapseProps;
     productParams?: productProps;
+    isHideClearCart?: boolean;
 }
 /**
  * @title: 商品卡片

package/es/components/taxSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from "antd";
 import "./index.less";
 interface TaxSelectProps {

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

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

package/lib/components/appointmentBooking/assets/guests.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.6 18.8a1 1 0 0 1-1.4-.2A6.45 6.45 0 0 0 24 16a1 1 0 0 1 0-2 3 3 0 1 0-2.905-3.75 1 1 0 0 1-1.937-.5 5 5 0 1 1 8.217 4.939 8.5 8.5 0 0 1 3.429 2.71A1 1 0 0 1 30.6 18.8m-6.735 7.7a1 1 0 1 1-1.73 1 7.125 7.125 0 0 0-12.27 0 1 1 0 1 1-1.73-1 9 9 0 0 1 4.217-3.74 6 6 0 1 1 7.296 0 9 9 0 0 1 4.217 3.74M16 22a4 4 0 1 0 0-8 4 4 0 0 0 0 8m-7-7a1 1 0 0 0-1-1 3 3 0 1 1 2.905-3.75 1 1 0 0 0 1.938-.5 5 5 0 1 0-8.218 4.939 8.5 8.5 0 0 0-3.425 2.71A1 1 0 1 0 2.8 18.6 6.45 6.45 0 0 1 8 16a1 1 0 0 0 1-1"></path></svg>

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

@@ -35,55 +35,64 @@ 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 {
+    currentStep,
+    isLastStep,
+    carts,
+    appointmentBooking,
+    resourceOtherParams
+  } = (0, import_context.useAppointmentBookingContext)();
+  const { getResourceTimeSlot } = (0, import_hooks.useAppointmentBookingResource)();
+  const disabled = (0, import_react.useMemo)(() => {
+    var _a2, _b;
+    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,
+    carts,
+    accountLists,
+    resourceOtherParams == null ? void 0 : resourceOtherParams.errorList
+  ]);
   const handleNextStep = async () => {
+    var _a2, _b;
     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");
+            console.log(e, currentStep, "wh9896788");
           }
         });
         setLoading(false);
       } catch (error) {
-        console.log(isLastStep, isLogin, error, "wh9896788");
         setLoading(false);
       }
       return;
     }
+    if (((_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key) === "select-resource") {
+      getResourceTimeSlot("resources");
+    }
+    if (((_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key) === "select-time") {
+    }
     return appointmentBooking.next();
   };
   const handleContinue = async () => {
@@ -91,7 +100,12 @@ var ContinueButton = () => {
       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;
+            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();
             }
           }
@@ -107,14 +121,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,6 +41,7 @@ var import_context = require("../../../context");
 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(
     "div",
     {

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

@@ -38,32 +38,42 @@ 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 _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 } = (0, import_context.useAppointmentBookingContext)();
+  const { accountLists } = (0, import_hooks2.useAppointmentBookingAccount)();
+  console.log(accountLists, "wh97879678");
+  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") {
+      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(
@@ -80,7 +90,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 +100,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

@@ -2,7 +2,10 @@
   height: 100%;
   .content {
     background: #fff;
-    padding: 20px;
+    padding: 0 16px;
+    max-height: 60vh;
+    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;
@@ -74,7 +77,7 @@
     overflow-y: auto;
     padding: 0 0 140px;
   }
-  .event-footer {
+  .appointment-footer {
     z-index: 10;
     position: fixed;
     bottom: 0;

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,16 @@ 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)();
+  (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");
     window.scrollTo({
       top: 0,
       behavior: "smooth"

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,6 +141,7 @@ 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(
     "div",
@@ -140,7 +155,7 @@ var CalendarDate = (props) => {
       }
     },
     /* @__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) => {
+  ), /* @__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,
@@ -152,26 +167,17 @@ var CalendarDate = (props) => {
         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
+          ["other-month-days"]: !isCurrentMonth,
+          ["loading-item"]: loading
         }),
         onClick: () => {
           if (day == null ? void 0 : day.disabled) return;
-          console.log(day, "wh987976");
           setCurrentDate(date);
           appointmentBooking.setDateRange([day]);
         }
       },
-      isCurrentMonth && /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)("day-text", {
-            // ['day-line']: !disabled,
-          })
-        },
-        (0, import_dayjs.default)(day.date).format("D")
-      )
+      isCurrentMonth && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("day-text") }, (0, import_dayjs.default)(day.date).format("D"))
     );
   })))));
 };

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

@@ -128,4 +128,9 @@
     background: none;
     border: none;
   }
+
+  &.loading-item {
+    background: #eaecf0;
+    cursor: not-allowed;
+  }
 }