@pisell/private-materials 3.2.12 → 3.2.18

package/es/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/es/components/{parallelResourceBooking/components/Provider → appointmentBooking/components}/Cart/ContinueButton/index.js

@@ -11,34 +11,46 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useState } from 'react';
 import { locales } from '@pisell/utils';
 import { Button, PisellToast } from '@pisell/materials';
-import { useCart, useHolder, useStep, useCheckout, useSales, useCustomer } from "../../../../../Sales";
-import { formatValues } from "../../../../../Sales/Checkout/utils";
-import OrderProductModal from "../../OrderProductModal/index";
-import EmptyHolderModal from "../../EmptyHolderModal";
+// import {
+//   useCart,
+//   useHolder,
+//   useStep,
+//   useCheckout,
+//   useSales,
+//   useCustomer,
+// } from '../../../../../Sales';
+import { formatValues } from "../../../../Sales/Checkout/utils";
+// import OrderProductModal from '../../OrderProductModal/index';
+// import EmptyHolderModal from '../../EmptyHolderModal';
+import useEngineContext from "../../../../../hooks/useEngineContext";
+import { useAppointmentBooking, useAppointmentBookingLogin } from "../../../hooks";
+import { useAppointmentBookingContext } from "../../../context";
 import "./index.less";
 var ContinueButton = function ContinueButton() {
-  var _cartData$cartItems;
-  var _useSales = useSales(),
-    data = _useSales.data;
-  var _useHolder = useHolder(),
-    onHolderOpen = _useHolder.onHolderOpen;
-  var _useCart = useCart(),
-    checkHolder = _useCart.checkHolder,
-    onCloseCart = _useCart.onCloseCart,
-    cartData = _useCart.cartData,
-    getWithoutCartItemsHolderNames = _useCart.getWithoutCartItemsHolderNames;
-  var _useStep = useStep(),
-    currentStepData = _useStep.currentStepData,
-    nextStep = _useStep.nextStep,
-    isLastStep = _useStep.isLastStep;
-  var _useCheckout = useCheckout(),
-    onCheckout = _useCheckout.onCheckout,
-    createBooking = _useCheckout.createBooking,
-    onCheckBeforeBooking = _useCheckout.onCheckBeforeBooking,
-    checkBeforeBooking = _useCheckout.checkBeforeBooking;
-  var _useCustomer = useCustomer(),
-    openLoginModal = _useCustomer.openLoginModal,
-    isLogin = _useCustomer.isLogin;
+  var context = useEngineContext();
+  // const { data } = useSales();
+  // const { onHolderOpen } = useHolder();
+  // const { checkHolder, onCloseCart, cartData, getWithoutCartItemsHolderNames } =
+  //   useCart();
+  // const { currentStepData, nextStep, isLastStep } = useStep();
+  // const {
+  //   onCheckout,
+  //   createBooking,
+  //   onCheckBeforeBooking,
+  //   checkBeforeBooking,
+  // } = useCheckout();
+  // const { openLoginModal, isLogin } = useCustomer();
+  var utils = context.appHelper.utils || {};
+  var appointmentBooking = useAppointmentBooking();
+  var _useAppointmentBookin = useAppointmentBookingLogin(),
+    isLogin = _useAppointmentBookin.isLogin,
+    openLoginModal = _useAppointmentBookin.openLoginModal;
+  // const { currentStep, isLastStep } = useAppointmentBookingStep();
+  var _useAppointmentBookin2 = useAppointmentBookingContext(),
+    currentStep = _useAppointmentBookin2.currentStep,
+    isLastStep = _useAppointmentBookin2.isLastStep,
+    products = _useAppointmentBookin2.products;
+  // const { products } = useAppointmentBookingCart();
 
   // 下单之前是否检测失败
   var _useState = useState(false),
@@ -54,8 +66,19 @@ var ContinueButton = function ContinueButton() {
     _useState6 = _slicedToArray(_useState5, 2),
     openEmptyHolder = _useState6[0],
     setOpenEmptyHolder = _useState6[1];
-  var _useSales2 = useSales(),
-    removeSessionStorage = _useSales2.removeSessionStorage;
+  // const { removeSessionStorage } = useSales();
+
+  var data = {};
+  var currentStepData = {
+    key: 'select-event'
+  };
+  var createBooking = {
+    loading: false
+  };
+  var checkBeforeBooking = {
+    loading: false
+  };
+  var cartData = {};
 
   /**
    * @title: 下单
@@ -71,19 +94,18 @@ var ContinueButton = function ContinueButton() {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             value = formatValues(data); // 如果检测成功，则直接下单
-            _context.next = 3;
-            return onCheckout(value);
-          case 3:
-            result = _context.sent;
-            // 清空数据
+            // const result = await onCheckout(value);
+            result = {
+              success: true
+            }; // 清空数据
             if (result !== null && result !== void 0 && result.success) {
-              removeSessionStorage();
+              // removeSessionStorage();
             } else {
               PisellToast({
                 content: (result === null || result === void 0 || (_result$err = result.err) === null || _result$err === void 0 ? void 0 : _result$err.message) || ''
               });
             }
-          case 5:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -106,18 +128,14 @@ var ContinueButton = function ContinueButton() {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            onCloseCart();
-            setOpenEmptyHolder(false);
-
-            // 如果当前是确认信息页面，则到结算页面
             if (!isLastStep) {
-              _context2.next = 4;
+              _context2.next = 2;
               break;
             }
             return _context2.abrupt("return", handleCheckout());
-          case 4:
-            nextStep();
-          case 5:
+          case 2:
+            return _context2.abrupt("return", appointmentBooking.next());
+          case 3:
           case "end":
             return _context2.stop();
         }
@@ -136,19 +154,18 @@ var ContinueButton = function ContinueButton() {
    * @Date: 2025-02-08 14:00
    */
   var handleHolder = function handleHolder() {
-    var isHolder = checkHolder();
-    // 如果没有绑定holder，则打开绑定holder弹窗
-    if (!isHolder) {
-      onHolderOpen();
-      return;
-    }
-
-    // 验证holder是否为空
-    var emptyHolders = getWithoutCartItemsHolderNames();
-    if ((emptyHolders === null || emptyHolders === void 0 ? void 0 : emptyHolders.length) > 0) {
-      return setOpenEmptyHolder(true);
-    }
-    handleNextStep();
+    // const isHolder = checkHolder();
+    // // 如果没有绑定holder，则打开绑定holder弹窗
+    // if (!isHolder) {
+    //   onHolderOpen();
+    //   return;
+    // }
+    // // 验证holder是否为空
+    // const emptyHolders = getWithoutCartItemsHolderNames();
+    // if (emptyHolders?.length > 0) {
+    //   return setOpenEmptyHolder(true);
+    // }
+    // handleNextStep();
   };
 
   /**
@@ -160,54 +177,29 @@ var ContinueButton = function ContinueButton() {
    */
   var handleContinue = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var value, checkRes, emptyHolders;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             if (!isLastStep) {
-              _context3.next = 14;
-              break;
-            }
-            value = formatValues(data); // 检测商品是否可以下单
-            _context3.next = 4;
-            return onCheckBeforeBooking(value);
-          case 4:
-            checkRes = _context3.sent;
-            if (!((checkRes === null || checkRes === void 0 ? void 0 : checkRes.result) === false)) {
-              _context3.next = 9;
-              break;
-            }
-            setCheckedNumber(checkRes === null || checkRes === void 0 ? void 0 : checkRes.num);
-            setOpenCheckout(true);
-            return _context3.abrupt("return");
-          case 9:
-            // 验证holder是否为空
-            emptyHolders = getWithoutCartItemsHolderNames();
-            if (!((emptyHolders === null || emptyHolders === void 0 ? void 0 : emptyHolders.length) > 0)) {
-              _context3.next = 12;
+              _context3.next = 3;
               break;
             }
-            return _context3.abrupt("return", setOpenEmptyHolder(true));
-          case 12:
-            // 关闭购物车弹窗
-            onCloseCart();
-            return _context3.abrupt("return", handleCheckout());
-          case 14:
-            if (isLogin()) {
-              _context3.next = 17;
+            if (isLogin) {
+              _context3.next = 3;
               break;
             }
-            onCloseCart();
             return _context3.abrupt("return", openLoginModal({
               callback: function callback(status) {
                 if (status === 'success') {
-                  handleHolder();
+                  // handleHolder();
+                  handleNextStep();
                 }
               }
             }));
-          case 17:
-            handleHolder();
-          case 18:
+          case 3:
+            handleNextStep();
+            // handleHolder();
+          case 4:
           case "end":
             return _context3.stop();
         }
@@ -247,28 +239,13 @@ var ContinueButton = function ContinueButton() {
     return (createBooking === null || createBooking === void 0 ? void 0 : createBooking.loading) || (checkBeforeBooking === null || checkBeforeBooking === void 0 ? void 0 : checkBeforeBooking.loading);
   }, [isLastStep, createBooking === null || createBooking === void 0 ? void 0 : createBooking.loading, checkBeforeBooking === null || checkBeforeBooking === void 0 ? void 0 : checkBeforeBooking.loading]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    disabled: !(cartData !== null && cartData !== void 0 && (_cartData$cartItems = cartData.cartItems) !== null && _cartData$cartItems !== void 0 && _cartData$cartItems.length),
+    disabled: !(products !== null && products !== void 0 && products.length),
     size: "large",
     type: "primary",
     onClick: function onClick() {
       return handleContinue();
     },
     loading: confirmLoading
-  }, continueText), /*#__PURE__*/React.createElement(OrderProductModal, {
-    open: openCheckout,
-    type: "checkout",
-    onCancel: function onCancel() {
-      return setOpenCheckout(false);
-    }
-  }), /*#__PURE__*/React.createElement(EmptyHolderModal, {
-    open: openEmptyHolder,
-    lists: getWithoutCartItemsHolderNames(),
-    onCancel: function onCancel() {
-      return setOpenEmptyHolder(false);
-    },
-    onOk: function onOk() {
-      return handleNextStep();
-    }
-  }));
+  }, continueText));
 };
 export default ContinueButton;

package/es/components/{parallelResourceBooking/components/Provider → appointmentBooking/components}/Cart/Item/Total.js

@@ -5,21 +5,21 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import { locales } from '@pisell/utils';
 import { PisellText } from '@pisell/materials';
-import { useSummary } from "../../../../../Sales";
-import useEngineContext from "../../../../../../hooks/useEngineContext";
+import useEngineContext from "../../../../../hooks/useEngineContext";
 import "./index.less";
 import classNames from 'classnames';
+import { useAppointmentBookingContext } from "../../../context";
 var Total = function Total(_ref) {
-  var _context$appHelper, _context$appHelper$ge, _context$appHelper2, _context$appHelper2$g;
+  var _context$appHelper, _context$appHelper$ge;
   var className = _ref.className,
     isFooter = _ref.isFooter;
-  var _useSummary = useSummary(),
-    taxTitle = _useSummary.taxTitle,
-    totalTaxFee = _useSummary.totalTaxFee,
-    isPriceIncludeTax = _useSummary.isPriceIncludeTax,
-    total = _useSummary.total;
   var context = useEngineContext();
-  console.log(taxTitle, isPriceIncludeTax, totalTaxFee, total, context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 || (_context$appHelper$ge = _context$appHelper.getSymbolic) === null || _context$appHelper$ge === void 0 ? void 0 : _context$appHelper$ge.call(_context$appHelper), 'wh97978');
+  var _useAppointmentBookin = useAppointmentBookingContext(),
+    summary = _useAppointmentBookin.summary;
+  var taxTitle = summary.taxTitle,
+    totalTaxFee = summary.totalTaxFee,
+    isPriceIncludeTax = summary.isPriceIncludeTax,
+    total = summary.total;
   return /*#__PURE__*/React.createElement("div", {
     className: "event-total-wrap ".concat(className)
   }, !isPriceIncludeTax && Number(totalTaxFee) > 0 ? /*#__PURE__*/React.createElement("div", {
@@ -37,7 +37,7 @@ var Total = function Total(_ref) {
     className: "event-amount"
   }) : null), isPriceIncludeTax && Number(totalTaxFee) > 0 ? /*#__PURE__*/React.createElement("span", {
     className: "gst"
-  }, locales.getText('pisell2.event.total.gst')("".concat(isFooter ? "".concat(taxTitle, ": ") : taxTitle), "".concat(context === null || context === void 0 || (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 || (_context$appHelper2 = _context$appHelper2.utils) === null || _context$appHelper2 === void 0 || (_context$appHelper2$g = _context$appHelper2.getSymbolic) === null || _context$appHelper2$g === void 0 ? void 0 : _context$appHelper2$g.call(_context$appHelper2)).concat(totalTaxFee))) : null), !isFooter ? /*#__PURE__*/React.createElement(PisellText.Amount, {
+  }, locales.getText('pisell2.event.total.gst')("".concat(isFooter ? "".concat(taxTitle, ": ") : taxTitle), "".concat(context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 || (_context$appHelper$ge = _context$appHelper.getSymbolic) === null || _context$appHelper$ge === void 0 ? void 0 : _context$appHelper$ge.call(_context$appHelper)).concat(totalTaxFee))) : null), !isFooter ? /*#__PURE__*/React.createElement(PisellText.Amount, {
     value: total,
     showCurrencySymbol: true,
     className: "event-amount"

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

@@ -0,0 +1,73 @@
+import React, { useMemo } from 'react';
+import { isMobile, locales } from '@pisell/utils';
+import ShoppingCart from "../../../../shoppingCart";
+// import SelectHolderModal from '../../../../';
+import ContinueButton from "../ContinueButton";
+import { useAppointmentBookingAccount, useAppointmentBooking } from "../../../hooks";
+import { useAppointmentBookingContext } from "../../../context";
+import Total from "./Total";
+import { formatHolder } from "../../../utils";
+import "./index.less";
+var CartItem = function CartItem() {
+  var appointmentBooking = useAppointmentBooking();
+  var appointmentBookingAccount = useAppointmentBookingAccount();
+  var _useAppointmentBookin = useAppointmentBookingContext(),
+    carts = _useAppointmentBookin.carts,
+    summary = _useAppointmentBookin.summary,
+    isLastStep = _useAppointmentBookin.isLastStep;
+  var accountLists = appointmentBookingAccount.accountLists;
+  console.log(summary, carts, 'accountLists');
+  var holderIds = useMemo(function () {
+    return accountLists.map(function (item) {
+      return item.id;
+    });
+  }, [accountLists]);
+  var holders = useMemo(function () {
+    return formatHolder(accountLists);
+  }, [accountLists]);
+  var handleClickCard = function handleClickCard(e, type, key) {
+    console.log(e, type, key, 'wh9988767');
+
+    // 更改备注
+    if (type === 'note') {
+      return appointmentBooking.updateCart(e === null || e === void 0 ? void 0 : e._id, {
+        products: e
+      });
+    }
+
+    // 删除购物车下某个商品
+    if (type === 'delete') {
+      // return appointmentBooking.updateCart(e?._id, { products: e });
+    }
+
+    // 删除购物车
+    if (type === 'delete_holders') {
+      return appointmentBooking.removeAccount(key);
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "cart-item-wrap ".concat(isMobile() ? 'cart-mobile-item-wrap' : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "content"
+  }, /*#__PURE__*/React.createElement(ShoppingCart, {
+    productParams: {
+      products: carts,
+      hideAddBtn: false,
+      holders: holders,
+      disabledEdit: isLastStep
+    },
+    collapseParams: {
+      activeKey: holderIds,
+      ghost: true
+    },
+    platform: "h5",
+    emptyText: locales.getText('pisell2.event.empty.service'),
+    isOpenGroup: !!(holderIds !== null && holderIds !== void 0 && holderIds.length),
+    onChange: function onChange(e, type, key) {
+      return handleClickCard(e, type, key);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "event-footer"
+  }, /*#__PURE__*/React.createElement(Total, null), /*#__PURE__*/React.createElement(ContinueButton, null))));
+};
+export default CartItem;

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

@@ -0,0 +1,92 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useMemo, useEffect, useState } from 'react';
+import { isMobile } from '@pisell/utils';
+import CartItem from "../Cart/Item";
+import Header from "../Header";
+import Footer from "../Footer";
+import Services from "../Services";
+import Date from "../Date";
+import Resource from "../Resource";
+import TimeSlicing from "../TimeSlicing";
+import Guest from "../Guest";
+import { useAppointmentBookingStep, useAppointmentBookingCart } from "../../hooks";
+import { useAppointmentBookingContext } from "../../context";
+import "./index.less";
+var Layout = function Layout() {
+  var _currentStep$step2, _currentStep$step4, _currentStep$step5;
+  var appointmentBookingStep = useAppointmentBookingStep();
+  var appointmentBookingCart = useAppointmentBookingCart();
+  var _useAppointmentBookin = useAppointmentBookingContext(),
+    currentStep = _useAppointmentBookin.currentStep;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    params = _useState2[0],
+    setParams = _useState2[1];
+  useEffect(function () {
+    var _currentStep$step;
+    console.log(currentStep === null || currentStep === void 0 || (_currentStep$step = currentStep.step) === null || _currentStep$step === void 0 ? void 0 : _currentStep$step.key, 'whcurrentStep?.step?.key');
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth'
+    });
+  }, [currentStep === null || currentStep === void 0 || (_currentStep$step2 = currentStep.step) === null || _currentStep$step2 === void 0 ? void 0 : _currentStep$step2.key]);
+  var Com = useMemo(function () {
+    var _currentStep$step3;
+    var key = currentStep === null || currentStep === void 0 || (_currentStep$step3 = currentStep.step) === null || _currentStep$step3 === void 0 ? void 0 : _currentStep$step3.key;
+    if (!key) return null;
+    var components = {
+      // 选择服务
+      'select-service': Services,
+      // 添加客户
+      'select-guest': Guest,
+      // 选择时间
+      'select-date': Date,
+      // 选择资源
+      'select-resource': Resource,
+      // 时间切片
+      'select-time': TimeSlicing
+    };
+    var Com = components[key];
+    return /*#__PURE__*/React.createElement(Com, {
+      onChange: setParams,
+      params: params
+    });
+  }, [currentStep === null || currentStep === void 0 || (_currentStep$step4 = currentStep.step) === null || _currentStep$step4 === void 0 ? void 0 : _currentStep$step4.key]);
+
+  /**
+   * @title: 动态计算中间内容区域的高度
+   * @description:
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-02-18 15:36
+   */
+  useEffect(function () {
+    if (isMobile()) {
+      var _header$getBoundingCl, _footer$getBoundingCl;
+      var header = document.querySelector('.event-progress-bar');
+      var footer = document.querySelector('.pisell-section-footers-wrapper');
+      var content = document.querySelector('.event-content-mobile-wrap');
+      var headerHeight = (header === null || header === void 0 || (_header$getBoundingCl = header.getBoundingClientRect()) === null || _header$getBoundingCl === void 0 ? void 0 : _header$getBoundingCl.height) || 0;
+      var footerHeight = (footer === null || footer === void 0 || (_footer$getBoundingCl = footer.getBoundingClientRect()) === null || _footer$getBoundingCl === void 0 ? void 0 : _footer$getBoundingCl.height) || 0;
+      var windowHeight = window.innerHeight;
+      var contentHeight = windowHeight - headerHeight - footerHeight;
+      if (content && content !== null && content !== void 0 && content.style) {
+        content.style.height = "".concat(contentHeight, "px");
+        content.style.overflowY = 'auto';
+      }
+    }
+  }, [currentStep === null || currentStep === void 0 || (_currentStep$step5 = currentStep.step) === null || _currentStep$step5 === void 0 ? void 0 : _currentStep$step5.key]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement("div", {
+    className: "parallel-content-wrap ".concat(isMobile() ? 'parallel-content-mobile-wrap' : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "parallel-content-left"
+  }, Com), !isMobile() ? /*#__PURE__*/React.createElement("div", {
+    className: "parallel-content-right"
+  }, /*#__PURE__*/React.createElement(CartItem, null)) : null), isMobile() ? /*#__PURE__*/React.createElement(Footer, null) : null);
+};
+export default Layout;

package/es/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/es/components/appointmentBooking/components/Date/index.d.ts

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