@pisell/private-materials 3.2.38 → 3.3.0

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

@@ -39,7 +39,7 @@
   flex-direction: column;
   align-items: start;
 
-  > div {
+  >div {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -56,6 +56,7 @@
     .left {
       display: flex;
       flex-direction: column;
+
       .gst {
         color: var(--Gray-500, #667085);
         font-size: 14px;
@@ -70,30 +71,38 @@
   }
 
   .event-amount {
-    color: var(--Blue-600, #1570ef);
+    color: var(--theme-color, #7f56d9);
+  }
+}
+
+.appointment-total-deposit-wrap {
+  span {
+    font-size: 16px !important;
+    font-weight: 500;
+    line-height: 24px;
+    color: var(--Text-Text_1, #1b1b1b) !important;
   }
 }
 
 .appointment-cart-mobile-item-wrap {
+  height: 100%;
   display: flex;
   flex-direction: column;
-  position: relative;
-  height: 100%;
+  overflow: hidden;
 
   .content {
     flex: 1;
     overflow-y: auto;
-    padding: 0 0 210px;
-    max-height: 100%;
+    padding: 16px 16px 0;
   }
+
   .appointment-footer {
-    z-index: 10;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    background: #fff;
     border-top: 1px solid #eaecf0;
     padding: 14px 24px 24px;
     margin-top: 0;
+    position: relative;
+    flex: none;
+    z-index: 10;
   }
-}
+}

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

@@ -47,14 +47,14 @@ var Cart = ({ open, onCancel }) => {
       closable: true,
       onCancel: () => onCancel(),
       bodyStyle: {
-        padding: "20px"
+        padding: 0
       },
       destroyOnClose: true,
       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))
+    /* @__PURE__ */ import_react.default.createElement(import_Item.default, null)
   );
 };
 var Cart_default = Cart;

package/lib/components/appointmentBooking/components/Cart/utils.d.ts

@@ -0,0 +1,77 @@
+import { locales } from '@pisell/utils';
+interface CheckLoginParams {
+    isLogin: boolean;
+    openLoginModal: (params: {
+        callback: (status: string) => void;
+    }) => void;
+    isFormSubject: boolean;
+    utils: any;
+    accountLists: any[];
+    appointmentBooking: any;
+    getHolders: () => void;
+}
+export declare const checkLogin: ({ isLogin, openLoginModal, isFormSubject, utils, accountLists, appointmentBooking, getHolders, }: CheckLoginParams) => Promise<boolean>;
+interface CheckHolderParams {
+    isFormSubject: boolean;
+    checkAccount: (type: string) => boolean;
+    carts: any[];
+}
+export declare const checkHolder: ({ isFormSubject, checkAccount, carts }: CheckHolderParams) => false | any[];
+interface CheckResourceParams {
+    carts: any[];
+    resources: any[];
+}
+/**
+ * @title: 检测资源数据
+ * @description:
+ * @param {CheckResourceParams} param1
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-04-29 18:02
+ */
+export declare const checkResource: ({ carts, resources }: CheckResourceParams) => false | any[];
+interface CheckResourceParams {
+    carts: any[];
+}
+interface HandleFormStepParams {
+    newCarts: any[];
+    addStep: (params: {
+        index: number;
+        key: string;
+        description: string;
+    }) => void;
+    removeStep: (key: string) => void;
+    setResourceOtherParams: (params: any) => void;
+    resourceOtherParams: any;
+    index: number;
+    locales: typeof locales;
+}
+export declare const handleFormStep: ({ newCarts, addStep, removeStep, setResourceOtherParams, resourceOtherParams, index, locales, }: HandleFormStepParams) => void;
+/**
+ * 滚动到第一个错误卡片
+ * @param {string} selector - 错误卡片的 class 选择器
+ */
+export declare const scrollToFirstErrorCard: (selector?: string) => void;
+export declare type StepKey = 'select-resource' | 'fill-form' | 'select-time' | 'confirm-information' | 'select-service' | 'select-date' | 'select-guest';
+interface HandleResourceParams {
+    handleCheckResource: () => boolean;
+    newCarts: any[];
+    locales: typeof locales;
+    addStep: (params: {
+        index: number;
+        key: string;
+        description: string;
+    }, key?: StepKey) => void;
+    removeStep: (key: string) => void;
+    setResourceOtherParams: (params: any) => void;
+    resourceOtherParams: any;
+    currentStep: any;
+    getResourceTimeSlot: () => void;
+    appointmentBooking: any;
+    onIsErrorResource?: (isError: boolean) => void;
+    stepList: any[];
+}
+export declare const handleResource: ({ handleCheckResource, newCarts, addStep, removeStep, setResourceOtherParams, resourceOtherParams, currentStep, getResourceTimeSlot, appointmentBooking, onIsErrorResource, stepList }: HandleResourceParams) => Promise<void>;
+export declare const stepHandlers: Record<StepKey, (params: any) => Promise<any>>;
+export declare const handleContinueStep: (key: StepKey, params: any) => Promise<any>;
+export {};

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

@@ -0,0 +1,273 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appointmentBooking/components/Cart/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  checkHolder: () => checkHolder,
+  checkLogin: () => checkLogin,
+  checkResource: () => checkResource,
+  handleContinueStep: () => handleContinueStep,
+  handleFormStep: () => handleFormStep,
+  handleResource: () => handleResource,
+  scrollToFirstErrorCard: () => scrollToFirstErrorCard,
+  stepHandlers: () => stepHandlers
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+var import_utils2 = require("../../utils");
+var checkLogin = async ({
+  isLogin,
+  openLoginModal,
+  isFormSubject,
+  utils,
+  accountLists,
+  appointmentBooking,
+  getHolders
+}) => {
+  if (!isLogin) {
+    openLoginModal({
+      callback: (status) => {
+        var _a, _b, _c, _d, _e;
+        if (status === "success") {
+          if (!isFormSubject) {
+            const user = ((_d = (_c = (_b = (_a = utils == null ? void 0 : utils.store) == null ? void 0 : _a.getState) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.global) == null ? void 0 : _d.userInfo) || JSON.parse(((_e = utils == null ? void 0 : utils.storage) == null ? void 0 : _e.get("customer")) || "{}");
+            const currentUser = (0, import_utils2.formatCustomer)(user);
+            const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
+            appointmentBooking.setLoginAccount(meAccount == null ? void 0 : meAccount.id, currentUser);
+          } else {
+            getHolders();
+          }
+        }
+      }
+    });
+    return false;
+  }
+  return true;
+};
+var checkHolder = ({ isFormSubject, checkAccount, carts }) => {
+  if (isFormSubject && !checkAccount("holder")) {
+    const newCarts = carts == null ? void 0 : carts.map((item) => {
+      return {
+        ...item,
+        isErrorHolder: !(item == null ? void 0 : item.holder_id)
+      };
+    });
+    return newCarts;
+  }
+  return false;
+};
+var checkResource = ({ carts, resources }) => {
+  const isEmptyResourceId = carts == null ? void 0 : carts.some((item) => !(item == null ? void 0 : item.resource_id));
+  if (isEmptyResourceId) {
+    const newCarts = carts == null ? void 0 : carts.map((item) => {
+      var _a;
+      let errorText = "";
+      if (!(item == null ? void 0 : item.resource_id)) {
+        const currentCart = resources == null ? void 0 : resources.find((d) => (d == null ? void 0 : d._id) === (item == null ? void 0 : item._id));
+        const currentResources = (currentCart == null ? void 0 : currentCart.resources) || [];
+        errorText = ((_a = currentResources == null ? void 0 : currentResources[0]) == null ? void 0 : _a.title) || "";
+      }
+      return {
+        ...item,
+        isErrorResource: !(item == null ? void 0 : item.resource_id),
+        resourceErrorText: errorText
+      };
+    });
+    return newCarts;
+  }
+  return false;
+};
+var handleFormStep = ({
+  newCarts,
+  addStep,
+  removeStep,
+  setResourceOtherParams,
+  resourceOtherParams,
+  index,
+  locales: locales2
+}) => {
+  if ((0, import_utils2.hasResourceFormId)(newCarts)) {
+    const description = locales2.getText("pisell2.appointment.fill-form");
+    addStep({ index, key: "fill-form", description });
+  } else {
+    removeStep("fill-form");
+  }
+  setResourceOtherParams({ ...resourceOtherParams, errorList: null });
+};
+var scrollToFirstErrorCard = (selector = ".pisell-lowcode-product-select-resource-error") => {
+  setTimeout(() => {
+    const errorCard = document.querySelector(selector);
+    if (errorCard) {
+      errorCard.scrollIntoView({ behavior: "smooth", block: "center" });
+    }
+  }, 0);
+};
+var handleService = async ({
+  appointmentBooking
+}) => {
+  appointmentBooking.next();
+};
+var handleResource = async ({
+  handleCheckResource,
+  newCarts,
+  addStep,
+  removeStep,
+  setResourceOtherParams,
+  resourceOtherParams,
+  currentStep,
+  getResourceTimeSlot,
+  appointmentBooking,
+  onIsErrorResource,
+  stepList
+}) => {
+  if (handleCheckResource()) {
+    scrollToFirstErrorCard();
+    if (onIsErrorResource) {
+      onIsErrorResource(true);
+    }
+    return;
+  }
+  if ((0, import_utils2.hasResourceFormId)(newCarts)) {
+    const index = (currentStep == null ? void 0 : currentStep.index) + 1;
+    const description = import_utils.locales.getText("pisell2.appointment.fill-form");
+    const isExist = stepList == null ? void 0 : stepList.some((item) => (item == null ? void 0 : item.key) === "select-time");
+    addStep({ index, key: "fill-form", description }, isExist ? "select-time" : void 0);
+  } else {
+    removeStep("fill-form");
+  }
+  setResourceOtherParams({
+    ...resourceOtherParams,
+    errorList: null
+  });
+  getResourceTimeSlot();
+  appointmentBooking.next();
+};
+var handleDate = async ({
+  appointmentBooking
+}) => {
+  const data = await appointmentBooking.getDateRange();
+  if (!(data == null ? void 0 : data.length)) {
+    return (0, import_utils2.Toast)(import_utils.locales.getText("pisell2.appointment.unselect.date"));
+  }
+  appointmentBooking.next();
+};
+var handleForm = async ({
+  onContinue,
+  appointmentBooking
+}) => {
+  if (onContinue) {
+    return onContinue();
+  }
+  appointmentBooking.next();
+};
+var handleTime = async ({
+  appointmentBooking
+}) => {
+  const isUnSelectedTimes = appointmentBooking.checkCartItems("date");
+  if ((isUnSelectedTimes == null ? void 0 : isUnSelectedTimes.length) > 0) {
+    (0, import_utils2.Toast)(import_utils.locales.getText("pisell2.appointment.unselect.time"));
+    return;
+  }
+  appointmentBooking.next();
+};
+var handleCheckout = async ({
+  summary,
+  isAgreeDepositPolicy,
+  appointmentBooking,
+  setLoading,
+  utils,
+  clearData,
+  goPaymentFinish
+}) => {
+  var _a;
+  if (((_a = summary == null ? void 0 : summary.deposit) == null ? void 0 : _a.hasDeposit) && !isAgreeDepositPolicy) {
+    return (0, import_utils2.Toast)(
+      import_utils.locales.getText("pisell2.appointment.deposit.agree.policy")
+    );
+  }
+  const { deposit } = summary;
+  setLoading(true);
+  try {
+    const { data } = await appointmentBooking.submitOrder();
+    const { is_deposit, deposit_amount, total_amount, order_id } = data || {};
+    const _total = is_deposit ? deposit_amount : total_amount;
+    if (_total > 0) {
+      utils.action({
+        type: "pisell1.payment",
+        data: { ...data, total_amount: _total }
+      });
+      setTimeout(() => {
+        clearData();
+        setLoading(false);
+      }, 200);
+    } else {
+      if (deposit == null ? void 0 : deposit.hasDeposit) {
+        goPaymentFinish(order_id, _total);
+        return;
+      }
+      const freeResult = await appointmentBooking.getFreeProduct(order_id);
+      console.log(freeResult, "freeResult");
+      if (freeResult == null ? void 0 : freeResult.status) {
+        goPaymentFinish(order_id, total_amount);
+      } else {
+        (0, import_utils2.Toast)(freeResult == null ? void 0 : freeResult.message);
+      }
+    }
+  } catch (error) {
+    setTimeout(() => {
+      setLoading(false);
+    }, 50);
+  }
+};
+var handleAccount = async ({
+  appointmentBooking
+}) => {
+  appointmentBooking.next();
+};
+var stepHandlers = {
+  // 选择服务商品列表
+  "select-service": handleService,
+  // 选择资源
+  "select-resource": handleResource,
+  // 选择客户
+  "select-guest": handleAccount,
+  // 选择日期
+  "select-date": handleDate,
+  // 填写表单
+  "fill-form": handleForm,
+  // 选择时间切片
+  "select-time": handleTime,
+  // 确认信息
+  "confirm-information": handleCheckout
+};
+var handleContinueStep = (key, params) => {
+  var _a;
+  return (_a = stepHandlers[key]) == null ? void 0 : _a.call(stepHandlers, params);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  checkHolder,
+  checkLogin,
+  checkResource,
+  handleContinueStep,
+  handleFormStep,
+  handleResource,
+  scrollToFirstErrorCard,
+  stepHandlers
+});

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

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

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

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appointmentBooking/components/ConfirmInformation/index.tsx
+var ConfirmInformation_exports = {};
+__export(ConfirmInformation_exports, {
+  default: () => ConfirmInformation_default
+});
+module.exports = __toCommonJS(ConfirmInformation_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_Item = __toESM(require("../Cart/Item"));
+var import_index = require("./index.less");
+var ConfirmInformation = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const config = ((_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.constants) == null ? void 0 : _b.config) || {};
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-wrap" }, (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Item.default, null) : /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "image" }, /* @__PURE__ */ import_react.default.createElement("img", { src: `${config == null ? void 0 : config.awsStatic}/checkout_confirm.png` })), /* @__PURE__ */ import_react.default.createElement("span", { className: "tips" }, import_utils.locales.getText("pisell2.appointment.tips")), /* @__PURE__ */ import_react.default.createElement("span", { className: "tips-content" }, import_utils.locales.getText("pisell2.appointment.tips.content"))));
+};
+var ConfirmInformation_default = ConfirmInformation;

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

@@ -0,0 +1,35 @@
+.appointment-confirm-information-wrap {
+  padding-top: 20px;
+  height: 100%;
+
+  .appointment-confirm-information-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: #000;
+    text-align: center;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 30px;
+
+    .image {
+      display: flex;
+      width: 76%;
+      img {
+        width: 100%;
+      }
+    }
+
+    .tips {
+      margin-top: 43px;
+    }
+
+    .tips-content {
+      margin-top: 8px;
+      font-size: 16px;
+      font-weight: 500;
+      line-height: 24px;
+    }
+  }
+}

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,15 +42,52 @@ 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_Form = __toESM(require("../Form"));
+var import_ConfirmInformation = __toESM(require("../ConfirmInformation"));
 var import_context = require("../../context");
 var import_hooks = require("../../hooks");
 var import_index = require("./index.less");
 var Layout = () => {
-  var _a, _b, _c;
-  const { currentStep, setResourceOtherParams, resourceOtherParams } = (0, import_context.useAppointmentBookingContext)();
+  var _a, _b, _c, _d, _e;
+  const formRef = (0, import_react.useRef)();
+  const {
+    currentStep,
+    setResourceOtherParams,
+    resourceOtherParams,
+    setIsAgreeDepositPolicy,
+    appointmentBooking
+  } = (0, import_context.useAppointmentBookingContext)();
+  const { getLoadAllSchedule, isDateSelectedFirst, isFormSubject } = (0, import_hooks.useAppointmentBookingSetting)();
+  const { isLogin } = (0, import_hooks.useAppointmentBookingLogin)();
+  const { getHolders } = (0, import_hooks.useAppointmentBookingAccount)();
+  const { removeStep, addStep } = (0, import_hooks.useAppointmentBookingStep)();
   (0, import_hooks.useAppointmentBookingCart)();
   (0, import_hooks.useAppointmentBookingStep)();
   const [params, setParams] = (0, import_react.useState)({});
+  (0, import_react.useEffect)(() => {
+    return () => {
+      setIsAgreeDepositPolicy(false);
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (isFormSubject) {
+      removeStep("select-guest");
+    } else {
+      appointmentBooking.addStep(
+        {
+          index: (currentStep == null ? void 0 : currentStep.index) + 1,
+          key: "select-guest",
+          description: import_utils.locales.getText("pisell2.appointment.add-guests")
+        },
+        "select-service"
+      );
+    }
+  }, [isFormSubject]);
+  (0, import_react.useEffect)(() => {
+    if (isFormSubject && isLogin) {
+      getHolders();
+    }
+  }, [isFormSubject, isLogin]);
   (0, import_react.useEffect)(() => {
     setResourceOtherParams({
       ...resourceOtherParams,
@@ -61,6 +98,10 @@ var Layout = () => {
       behavior: "smooth"
     });
   }, [(_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key]);
+  const handleFormSubmit = () => {
+    var _a2, _b2;
+    (_b2 = (_a2 = formRef.current) == null ? void 0 : _a2.submit) == null ? void 0 : _b2.call(_a2);
+  };
   const Com = (0, import_react.useMemo)(() => {
     var _a2;
     const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
@@ -75,7 +116,11 @@ var Layout = () => {
       // 选择资源
       "select-resource": import_Resource.default,
       // 时间切片
-      "select-time": import_TimeSlicing.default
+      "select-time": import_TimeSlicing.default,
+      // 填写表单
+      "fill-form": (props) => /* @__PURE__ */ import_react.default.createElement(import_Form.default, { ref: formRef, ...props }),
+      // 确认信息
+      "confirm-information": import_ConfirmInformation.default
     };
     let Com2 = components[key];
     return /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params });
@@ -98,13 +143,22 @@ var Layout = () => {
       }
     }
   }, [(_c = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _c.key]);
+  const isShowCartCom = (0, import_react.useMemo)(() => {
+    var _a2;
+    const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
+    if ((0, import_utils.isMobile)()) return null;
+    if (isDateSelectedFirst && key === "select-date") {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "parallel-content-right" }, /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onContinue: handleFormSubmit }));
+  }, [isDateSelectedFirst, (_d = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _d.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: `parallel-content-wrap ${(0, import_utils.isMobile)() ? "parallel-content-mobile-wrap" : ""}`
     },
     /* @__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);
+    isShowCartCom
+  ), (0, import_utils.isMobile)() && ((_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.key) !== "confirm-information" ? /* @__PURE__ */ import_react.default.createElement(import_Footer.default, { onContinue: handleFormSubmit }) : null);
 };
 var Content_default = Layout;

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

@@ -5,6 +5,12 @@
   // align-items: center;
   flex: 1;
 
+  .pisell-product-select-wrapper {
+    .pisell-product-select-tabs-wrapper {
+      top: 77px !important;
+    }
+  }
+
   .parallel-content-left {
     flex: 1;
     width: 634px;
@@ -37,6 +43,13 @@
 .parallel-content-mobile-wrap {
   width: 100%;
   flex: none;
+
+  .pisell-product-select-wrapper {
+    .pisell-product-select-tabs-wrapper {
+      top: 0 !important;
+    }
+  }
+
   .parallel-content-left {
     width: 100%;
     flex: none;
@@ -50,6 +63,14 @@
       padding: 16px;
     }
 
+    .appointment-guest-wrap {
+      margin-top: 0;
+    }
+
+    .appointment-confirm-information-wrap {
+      padding-top: 0;
+    }
+
     .booking-tab-product {
       .booking-tabs-wrap {
         top: 0 !important;

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;