@pisell/private-materials 3.3.10 → 3.3.13

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

@@ -45,8 +45,8 @@ var import_Total = __toESM(require("./Total"));
 var import_Deposit = __toESM(require("../../Deposit"));
 var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var import_index = require("./index.less");
-var CartItem = ({ onContinue }) => {
-  var _a, _b, _c, _d;
+var CartItem = ({ onNext }) => {
+  var _a, _b, _c, _d, _e;
   const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
   const {
     carts,
@@ -75,7 +75,6 @@ var CartItem = ({ onContinue }) => {
     return (0, import_utils2.formatHolder)(accountLists);
   }, [accountLists, isFormSubject]);
   const hasGoodPassApp = !!((_b = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _b.call(businessUtils, "goodpass"));
-  console.log("has goodpass app:", hasGoodPassApp);
   const handleClickCard = (e, type, val) => {
     console.log(e, type, val, "handleClickCard");
     if (type === "note") {
@@ -150,7 +149,7 @@ var CartItem = ({ onContinue }) => {
           isShowChangeResource: ((_c = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _c.key) === "select-resource",
           isShowDelete: ((_d = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _d.key) === "select-service",
           isShowPackageNote: false,
-          isShowChangeHolder: (stepParams == null ? void 0 : stepParams.isLastStep) ? false : isFormSubject && isLogin,
+          isShowChangeHolder: ((_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.key) === "confirm-information" ? false : isFormSubject && isLogin,
           isShowHolder: isFormSubject,
           isShowAddHolderButton: true
         },
@@ -165,7 +164,7 @@ var CartItem = ({ onContinue }) => {
         onChange: (e, type, key) => handleClickCard(e, type, key)
       }
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-footer" }, hasGoodPassApp ? /* @__PURE__ */ import_react.default.createElement(import_Voucher.default, { currentUser, products: carts }) : null, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), (carts == null ? void 0 : carts.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit) ? /* @__PURE__ */ import_react.default.createElement(import_Deposit.default, null) : null, /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, { onContinue }))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-footer" }, hasGoodPassApp ? /* @__PURE__ */ import_react.default.createElement(import_Voucher.default, { currentUser, products: carts }) : null, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), (carts == null ? void 0 : carts.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit) ? /* @__PURE__ */ import_react.default.createElement(import_Deposit.default, null) : null, /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, { onNext }))
   ));
 };
 var Item_default = CartItem;

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

@@ -1,3 +1,3 @@
 import './index.less';
-declare const Cart: ({ open, onCancel }: any) => JSX.Element;
+declare const Cart: ({ open, onCancel, onNext }: any) => JSX.Element;
 export default Cart;

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

@@ -37,7 +37,7 @@ var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
 var import_Item = __toESM(require("./Item/index"));
 var import_index = require("./index.less");
-var Cart = ({ open, onCancel }) => {
+var Cart = ({ open, onCancel, onNext }) => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellModal,
     {
@@ -54,7 +54,7 @@ var Cart = ({ open, onCancel }) => {
       footer: null,
       forceRender: true
     },
-    /* @__PURE__ */ import_react.default.createElement(import_Item.default, null)
+    /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext })
   );
 };
 var Cart_default = Cart;

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

@@ -1,4 +1,3 @@
-import { locales } from '@pisell/utils';
 interface CheckLoginParams {
     isLogin: boolean;
     openLoginModal: (params: {
@@ -33,45 +32,5 @@ export declare const checkResource: ({ carts, resources }: CheckResourceParams)
 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

@@ -21,16 +21,10 @@ var utils_exports = {};
 __export(utils_exports, {
   checkHolder: () => checkHolder,
   checkLogin: () => checkLogin,
-  checkResource: () => checkResource,
-  handleContinueStep: () => handleContinueStep,
-  handleFormStep: () => handleFormStep,
-  handleResource: () => handleResource,
-  scrollToFirstErrorCard: () => scrollToFirstErrorCard,
-  stepHandlers: () => stepHandlers
+  checkResource: () => checkResource
 });
 module.exports = __toCommonJS(utils_exports);
-var import_utils = require("@pisell/utils");
-var import_utils2 = require("../../utils");
+var import_utils = require("../../utils");
 var checkLogin = async ({
   isLogin,
   openLoginModal,
@@ -43,11 +37,11 @@ var checkLogin = async ({
   if (!isLogin) {
     openLoginModal({
       callback: (status) => {
-        var _a, _b, _c, _d, _e;
+        var _a;
         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 user = JSON.parse(((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("customer")) || "{}");
+            const currentUser = (0, import_utils.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 {
@@ -93,181 +87,9 @@ var checkResource = ({ carts, resources }) => {
   }
   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
+  checkResource
 });

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const ConfirmInformation: () => JSX.Element;
+declare const ConfirmInformation: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
 export default ConfirmInformation;

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

@@ -35,12 +35,74 @@ 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_context = require("../../context");
+var import_hooks = require("../../hooks");
 var import_Item = __toESM(require("../Cart/Item"));
+var import_utils2 = require("../../utils");
 var import_index = require("./index.less");
-var ConfirmInformation = () => {
+var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
   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"))));
-};
+  const utils = (0, import_hooks.contextUtils)();
+  const { appointmentBooking, summary, isAgreeDepositPolicy, setLoading } = (0, import_context.useAppointmentBookingContext)();
+  const shopDiscount = (0, import_hooks.useShopDiscount)();
+  const clearData = () => {
+    var _a2;
+    appointmentBooking.destroy();
+    (_a2 = shopDiscount == null ? void 0 : shopDiscount.destroy) == null ? void 0 : _a2.call(shopDiscount);
+  };
+  const goPaymentFinish = (order_id, amount) => {
+    var _a2;
+    const url = `/payment-finish/success?order_id=${order_id}&amount=${Number(
+      amount
+    )}`;
+    (_a2 = utils == null ? void 0 : utils.history) == null ? void 0 : _a2.replace(url);
+    clearData();
+    setLoading(false);
+  };
+  const handleNext = async () => {
+    var _a2;
+    if (((_a2 = summary == null ? void 0 : summary.deposit) == null ? void 0 : _a2.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);
+    }
+  };
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    next: handleNext
+  }));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-wrap" }, (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext: handleNext }) : /* @__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/Content/index.js

@@ -49,18 +49,20 @@ var import_hooks = require("../../hooks");
 var import_index = require("./index.less");
 var Layout = () => {
   var _a, _b, _c, _d, _e;
+  const stepRef = (0, import_react.useRef)();
   const formRef = (0, import_react.useRef)();
   const {
     currentStep,
     setResourceOtherParams,
     resourceOtherParams,
     setIsAgreeDepositPolicy,
-    appointmentBooking
+    appointmentBooking,
+    setLoading
   } = (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)();
+  const { removeStep, stepList } = (0, import_hooks.useAppointmentBookingStep)();
   (0, import_hooks.useAppointmentBookingCart)();
   (0, import_hooks.useAppointmentBookingStep)();
   const [params, setParams] = (0, import_react.useState)({});
@@ -70,17 +72,20 @@ var Layout = () => {
     };
   }, []);
   (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"
-      );
+    try {
+      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"
+        );
+      }
+    } catch (error) {
     }
   }, [isFormSubject]);
   (0, import_react.useEffect)(() => {
@@ -89,6 +94,8 @@ var Layout = () => {
     }
   }, [isFormSubject, isLogin]);
   (0, import_react.useEffect)(() => {
+    if (!(currentStep == null ? void 0 : currentStep.step)) return;
+    setLoading(false);
     setResourceOtherParams({
       ...resourceOtherParams,
       errorList: null
@@ -98,10 +105,6 @@ 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;
@@ -118,13 +121,13 @@ var Layout = () => {
       // 时间切片
       "select-time": import_TimeSlicing.default,
       // 填写表单
-      "fill-form": (props) => /* @__PURE__ */ import_react.default.createElement(import_Form.default, { ref: formRef, ...props }),
+      "fill-form": import_Form.default,
       // 确认信息
       "confirm-information": import_ConfirmInformation.default
     };
     let Com2 = components[key];
-    return /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params });
-  }, [(_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key]);
+    return /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params, ref: stepRef });
+  }, [(_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key, stepRef]);
   (0, import_react.useEffect)(() => {
     var _a2, _b2;
     if ((0, import_utils.isMobile)()) {
@@ -150,7 +153,10 @@ var Layout = () => {
     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 }));
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "parallel-content-right" }, /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext: () => {
+      var _a3, _b2;
+      return (_b2 = (_a3 = stepRef == null ? void 0 : stepRef.current) == null ? void 0 : _a3.next) == null ? void 0 : _b2.call(_a3);
+    } }));
   }, [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",
@@ -159,6 +165,14 @@ var Layout = () => {
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "parallel-content-left" }, Com),
     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);
+  ), (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,
+    {
+      onNext: () => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = stepRef == null ? void 0 : stepRef.current) == null ? void 0 : _a2.next) == null ? void 0 : _b2.call(_a2);
+      }
+    }
+  ) : null);
 };
 var Content_default = Layout;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
-declare const CalendarDate: (props: any) => JSX.Element;
-export default CalendarDate;
+declare const Date: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export default Date;

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

@@ -40,16 +40,26 @@ 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_utils2 = require("../../utils");
 var import_hooks = require("../../hooks");
 var import_index = require("./index.less");
 import_dayjs.default.extend(import_isSameOrBefore.default);
-var CalendarDate = (props) => {
+var Date = (0, import_react.forwardRef)((props, ref) => {
   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)();
   const { appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
   const { isDateSelectedFirst, customPageId, getLoadAllSchedule, channel } = (0, import_hooks.useAppointmentBookingSetting)();
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    next: async () => {
+      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();
+    }
+  }));
   const weekListText = [
     import_utils.locales.getText("pisell2.appointment.sunday"),
     import_utils.locales.getText("pisell2.appointment.monday"),
@@ -215,5 +225,5 @@ var CalendarDate = (props) => {
       );
     }))))
   );
-};
-var Date_default = CalendarDate;
+});
+var Date_default = Date;

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

@@ -1,3 +1,3 @@
 import './index.less';
-declare const Footer: ({ onContinue }: any) => JSX.Element;
+declare const Footer: ({ onNext, isOpen }: any) => JSX.Element;
 export default Footer;

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

@@ -41,13 +41,13 @@ var import_context = require("../../context");
 var import_Cart = __toESM(require("../Cart"));
 var import_Total = __toESM(require("../Cart/Item/Total"));
 var import_index = require("./index.less");
-var Footer = ({ onContinue }) => {
+var Footer = ({ onNext, isOpen }) => {
   var _a;
-  const { carts, currentStep } = (0, import_context.useAppointmentBookingContext)();
+  const { carts, currentStep, isErrorHolder, setIsErrorHolder } = (0, import_context.useAppointmentBookingContext)();
   const [open, setOpen] = (0, import_react2.useState)(false);
   (0, import_react.useEffect)(() => {
-    setOpen(false);
-  }, [(_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key]);
+    setOpen(isErrorHolder || false);
+  }, [(_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key, isErrorHolder]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.SectionFooters,
     {
@@ -61,14 +61,18 @@ var Footer = ({ onContinue }) => {
           className: "section-footer-btn"
         },
         /* @__PURE__ */ import_react.default.createElement(import_materials.Image, { src: import_shopping_cart.default, preview: false })
-      )), /* @__PURE__ */ import_react.default.createElement(
-        import_ContinueButton.default,
-        {
-          onContinue,
-          onIsErrorResource: (val) => setOpen(val || false)
-        }
-      ))
+      )), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, { onNext }))
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_Cart.default,
+    {
+      open,
+      onCancel: () => {
+        setOpen(false);
+        setIsErrorHolder(false);
+      },
+      onNext
     }
-  ), /* @__PURE__ */ import_react.default.createElement(import_Cart.default, { open, onCancel: () => setOpen(false) }));
+  ));
 };
 var Footer_default = Footer;