@pisell/private-materials 3.2.12 → 3.2.18

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/taxSelect/index.d.ts

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

package/es/components/wallet/hooks/useWalletCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IWalletListItemProps } from '../serve';
 /**
  * 钱包卡片Hook的参数

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

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

package/es/hooks/useEngineContext.d.ts

@@ -6,4 +6,5 @@ declare type IEngineContext = {
     pageContext: any;
 };
 declare const useEngineContext: () => IEngineContext;
+export declare const usePisellOS: () => any;
 export default useEngineContext;

package/es/hooks/useEngineContext.js

@@ -4,4 +4,11 @@ var useEngineContext = function useEngineContext() {
   var context = useContext(window.__appContext || defaultContext);
   return context || {};
 };
+export var usePisellOS = function usePisellOS() {
+  var _context$appHelper;
+  var context = useContext(window.__appContext || defaultContext);
+  var _ref = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
+    pisellos = _ref.pisellos;
+  return pisellos;
+};
 export default useEngineContext;

package/es/index.d.ts

@@ -39,4 +39,4 @@ export { default as EventScheduleCalendar } from './components/eventBooking/comp
 export { default as EventBookingDetailModal } from './components/eventBooking/components/bookingDetailModal';
 export { default as EventProgressBar } from './components/eventBooking/components/progressBar';
 export { default as ShoppingCart } from './components/shoppingCart';
-export { default as ParallelResourceBooking } from './components/parallelResourceBooking';
+export { default as AppointmentBooking } from './components/appointmentBooking';

package/es/index.js

@@ -43,4 +43,4 @@ export { default as EventScheduleCalendar } from "./components/eventBooking/comp
 export { default as EventBookingDetailModal } from "./components/eventBooking/components/bookingDetailModal";
 export { default as EventProgressBar } from "./components/eventBooking/components/progressBar";
 export { default as ShoppingCart } from "./components/shoppingCart";
-export { default as ParallelResourceBooking } from "./components/parallelResourceBooking";
+export { default as AppointmentBooking } from "./components/appointmentBooking";

package/lib/businessModel/SalesModel/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const SalesModel: ({ children, hooks, config }: any) => JSX.Element;
 export * from './Sales';
 export default SalesModel;

package/lib/components/{parallelResourceBooking/components/Provider → appointmentBooking/components}/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/parallelResourceBooking/components/Provider/Cart/ContinueButton/index.tsx
+// src/components/appointmentBooking/components/Cart/ContinueButton/index.tsx
 var ContinueButton_exports = {};
 __export(ContinueButton_exports, {
   default: () => ContinueButton_default
@@ -35,87 +35,63 @@ 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_Sales = require("../../../../../Sales");
-var import_utils2 = require("../../../../../Sales/Checkout/utils");
-var import_OrderProductModal = __toESM(require("../../OrderProductModal/index"));
-var import_EmptyHolderModal = __toESM(require("../../EmptyHolderModal"));
+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 { data } = (0, import_Sales.useSales)();
-  const { onHolderOpen } = (0, import_Sales.useHolder)();
-  const { checkHolder, onCloseCart, cartData, getWithoutCartItemsHolderNames } = (0, import_Sales.useCart)();
-  const { currentStepData, nextStep, isLastStep } = (0, import_Sales.useStep)();
-  const {
-    onCheckout,
-    createBooking,
-    onCheckBeforeBooking,
-    checkBeforeBooking
-  } = (0, import_Sales.useCheckout)();
-  const { openLoginModal, isLogin } = (0, import_Sales.useCustomer)();
+  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, 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);
-  const { removeSessionStorage } = (0, import_Sales.useSales)();
+  const data = {};
+  const currentStepData = {
+    key: "select-event"
+  };
+  const createBooking = {
+    loading: false
+  };
+  const checkBeforeBooking = {
+    loading: false
+  };
+  const cartData = {};
   const handleCheckout = async () => {
-    var _a2;
+    var _a;
     const value = (0, import_utils2.formatValues)(data);
-    const result = await onCheckout(value);
+    const result = { success: true };
     if (result == null ? void 0 : result.success) {
-      removeSessionStorage();
     } 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) || ""
       });
     }
   };
   const handleNextStep = async () => {
-    onCloseCart();
-    setOpenEmptyHolder(false);
     if (isLastStep) {
       return handleCheckout();
     }
-    nextStep();
+    return appointmentBooking.next();
   };
   const handleHolder = () => {
-    const isHolder = checkHolder();
-    if (!isHolder) {
-      onHolderOpen();
-      return;
-    }
-    const emptyHolders = getWithoutCartItemsHolderNames();
-    if ((emptyHolders == null ? void 0 : emptyHolders.length) > 0) {
-      return setOpenEmptyHolder(true);
-    }
-    handleNextStep();
   };
   const handleContinue = async () => {
     if (isLastStep) {
-      const value = (0, import_utils2.formatValues)(data);
-      const checkRes = await onCheckBeforeBooking(value);
-      if ((checkRes == null ? void 0 : checkRes.result) === false) {
-        setCheckedNumber(checkRes == null ? void 0 : checkRes.num);
-        setOpenCheckout(true);
-        return;
-      }
-      const emptyHolders = getWithoutCartItemsHolderNames();
-      if ((emptyHolders == null ? void 0 : emptyHolders.length) > 0) {
-        return setOpenEmptyHolder(true);
-      }
-      onCloseCart();
-      return handleCheckout();
-    }
-    if (!isLogin()) {
-      onCloseCart();
-      return openLoginModal({
-        callback: (status) => {
-          if (status === "success") {
-            handleHolder();
+      if (!isLogin) {
+        return openLoginModal({
+          callback: (status) => {
+            if (status === "success") {
+              handleNextStep();
+            }
           }
-        }
-      });
+        });
+      }
     }
-    handleHolder();
+    handleNextStep();
   };
   const continueText = (0, import_react.useMemo)(() => {
     if (isLastStep) {
@@ -131,28 +107,13 @@ 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(),
       loading: confirmLoading
     },
     continueText
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_OrderProductModal.default,
-    {
-      open: openCheckout,
-      type: "checkout",
-      onCancel: () => setOpenCheckout(false)
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_EmptyHolderModal.default,
-    {
-      open: openEmptyHolder,
-      lists: getWithoutCartItemsHolderNames(),
-      onCancel: () => setOpenEmptyHolder(false),
-      onOk: () => handleNextStep()
-    }
   ));
 };
 var ContinueButton_default = ContinueButton;

package/lib/components/{parallelResourceBooking/components/Provider → appointmentBooking/components}/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/parallelResourceBooking/components/Provider/Cart/Item/Total.tsx
+// src/components/appointmentBooking/components/Cart/Item/Total.tsx
 var Total_exports = {};
 __export(Total_exports, {
   default: () => Total_default
@@ -35,22 +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_Sales = require("../../../../../Sales");
-var import_useEngineContext = __toESM(require("../../../../../../hooks/useEngineContext"));
+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, _e, _f;
-  const { taxTitle, totalTaxFee, isPriceIncludeTax, total } = (0, import_Sales.useSummary)();
+  var _a, _b, _c;
   const context = (0, import_useEngineContext.default)();
-  console.log(
-    taxTitle,
-    isPriceIncludeTax,
-    totalTaxFee,
-    total,
-    (_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),
-    "wh97978"
-  );
+  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",
     {
@@ -67,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}`,
-      `${(_f = (_e = (_d = context == null ? void 0 : context.appHelper) == null ? void 0 : _d.utils) == null ? void 0 : _e.getSymbolic) == null ? void 0 : _f.call(_e)}${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/{parallelResourceBooking/components/Provider → appointmentBooking/components}/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/parallelResourceBooking/components/Provider/Cart/Item/index.tsx
+// src/components/appointmentBooking/components/Cart/Item/index.tsx
 var Item_exports = {};
 __export(Item_exports, {
   default: () => Item_default
@@ -34,32 +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_Sales = require("../../../../../Sales");
-var import_SelectHolderModal = __toESM(require("../../SelectHolderModal"));
+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_utils2 = require("../../../utils");
 var import_index = require("./index.less");
 var CartItem = () => {
-  const { open, holderData, selectedHolderIds } = (0, import_Sales.useHolder)();
-  const {
-    deleteCartItem,
-    deleteCartItemByHolder,
-    cartData,
-    addNoteToCartItem
-  } = (0, import_Sales.useCart)();
-  const { subtotal } = (0, import_Sales.useSummary)();
-  const { isLastStep } = (0, import_Sales.useStep)();
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
+  const appointmentBookingAccount = (0, import_hooks.useAppointmentBookingAccount)();
+  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 addNoteToCartItem(e);
+      return appointmentBooking.updateCart(e == null ? void 0 : e._id, { products: e });
     }
-    console.log(e, type, key, "wh9988767");
     if (type === "delete") {
-      return deleteCartItem(e);
     }
     if (type === "delete_holders") {
-      return deleteCartItemByHolder(key);
+      return appointmentBooking.removeAccount(key);
     }
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
@@ -71,22 +73,22 @@ var CartItem = () => {
       import_shoppingCart.default,
       {
         productParams: {
-          products: (cartData == null ? void 0 : cartData.cartItems) || [],
+          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)
       }
     )),
     /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
-  ), /* @__PURE__ */ import_react.default.createElement(import_SelectHolderModal.default, { open }));
+  ));
 };
 var Item_default = CartItem;

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

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

@@ -26,50 +26,66 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/parallelResourceBooking/components/Provider/Content/index.tsx
+// src/components/appointmentBooking/components/Content/index.tsx
 var Content_exports = {};
 __export(Content_exports, {
   default: () => Content_default
 });
 module.exports = __toCommonJS(Content_exports);
 var import_react = __toESM(require("react"));
-var import_Sales = require("../../../../Sales");
 var import_utils = require("@pisell/utils");
 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_Event = __toESM(require("../Event"));
-var import_Information = __toESM(require("../Information"));
+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, isFirstStep } = (0, import_Sales.useStep)();
+  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,
       // 选择资源
-      "select-category": import_Resource.default,
-      // 选择event
-      "select-event": import_Event.default,
-      // 确认信息
-      "confirm-information": import_Information.default
+      "select-resource": import_Resource.default,
+      // 时间切片
+      "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)) {
@@ -77,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: `event-content-wrap ${(0, import_utils.isMobile)() ? "event-content-mobile-wrap" : ""}`
+      className: `parallel-content-wrap ${(0, import_utils.isMobile)() ? "parallel-content-mobile-wrap" : ""}`
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-content-left" }, Com),
-    !(0, import_utils.isMobile)() && !isFirstStep ? /* @__PURE__ */ import_react.default.createElement("div", { className: "event-content-right" }, /* @__PURE__ */ import_react.default.createElement(import_Item.default, null)) : null
-  );
+    /* @__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/Content/index.less

@@ -0,0 +1,51 @@
+.parallel-content-wrap {
+  width: 1000px;
+  display: flex;
+  gap: 6px;
+  // align-items: center;
+  flex: 1;
+
+  .parallel-content-left {
+    flex: 1;
+    width: 634px;
+    // padding: 16px 0;
+
+    .booking-tab-product {
+      .booking-tabs-wrap {
+        top: 77px !important;
+      }
+
+      .booking-category-list {
+        padding: 0;
+      }
+    }
+  }
+
+  .parallel-content-right {
+    margin-top: 16px;
+    width: 360px;
+    position: sticky;
+    top: 93px;
+    height: fit-content;
+  }
+}
+
+.parallel-content-mobile-wrap {
+  width: 100%;
+  flex: none;
+  .parallel-content-left {
+    width: 100%;
+    flex: none;
+    // padding: 16px 16px 0;
+
+    .booking-tab-product {
+      .booking-category-list {
+        padding: 0 20px;
+      }
+    }
+
+    .provider-information-wrap {
+      width: 100%;
+    }
+  }
+}

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

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