@pisell/private-materials 3.3.9 → 3.3.11

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;

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

@@ -45,9 +45,16 @@ var Form = (0, import_react.forwardRef)((props, ref) => {
   const [showAgreement, setShowAgreement] = (0, import_react.useState)(false);
   const [agreementContent, setAgreementContent] = (0, import_react.useState)({});
   const [formStatus, setFormStatus] = (0, import_react.useState)([]);
-  const { carts, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
+  const { carts, appointmentBooking, setLoading } = (0, import_context.useAppointmentBookingContext)();
   const { getResourceList } = (0, import_hooks.useAppointmentBookingResource)();
   const { setOtherData, getOtherData } = (0, import_hooks.useAppointmentBookingSetting)();
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    next: () => {
+      var _a, _b;
+      setLoading(true);
+      (_b = (_a = manualRef.current) == null ? void 0 : _a.submit) == null ? void 0 : _b.call(_a);
+    }
+  }));
   const key = "booking_form";
   const resources = (0, import_react.useMemo)(() => {
     const _resource = getResourceList();
@@ -59,7 +66,7 @@ var Form = (0, import_react.forwardRef)((props, ref) => {
   const newCarts = (0, import_utils.formatCarts)(carts, resources);
   const forms = (0, import_react.useMemo)(() => {
     if (!(newCarts == null ? void 0 : newCarts.length) || !(resources == null ? void 0 : resources.length)) return [];
-    return (0, import_utils.formatForms)(newCarts);
+    return (0, import_utils.formatForms)(newCarts) || [];
   }, [newCarts, resources]);
   const currentForm = (0, import_react.useMemo)(() => {
     return forms == null ? void 0 : forms[currentFormIndex];
@@ -73,6 +80,7 @@ var Form = (0, import_react.forwardRef)((props, ref) => {
     if (nextIndex < forms.length) {
       setCurrentFormIndex(nextIndex);
       if (!((_a = forms == null ? void 0 : forms[nextIndex]) == null ? void 0 : _a.form_id) && ((_b = forms == null ? void 0 : forms[nextIndex]) == null ? void 0 : _b.policy_id)) {
+        setLoading(true);
         setAgreementContent({ id: (_c = forms == null ? void 0 : forms[nextIndex]) == null ? void 0 : _c.policy_id });
         setShowAgreement(true);
       }
@@ -81,6 +89,9 @@ var Form = (0, import_react.forwardRef)((props, ref) => {
     }
   };
   const updateFormStatus = (status) => {
+    if (status === "error") {
+      setLoading(false);
+    }
     const newFormStatus = (0, import_utils.updateLists)(formStatus, "id", currentForm == null ? void 0 : currentForm.form_id, {
       status
     });
@@ -116,12 +127,6 @@ var Form = (0, import_react.forwardRef)((props, ref) => {
     setShowAgreement(false);
     goToNextForm();
   };
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    submit: () => {
-      var _a, _b;
-      (_b = (_a = manualRef.current) == null ? void 0 : _a.submit) == null ? void 0 : _b.call(_a);
-    }
-  }));
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (currentForm == null ? void 0 : currentForm.form_id) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-form-wrap" }, /* @__PURE__ */ import_react.default.createElement(
     FormCard,
     {
@@ -142,15 +147,16 @@ var Form = (0, import_react.forwardRef)((props, ref) => {
       onFormValueChange: (values) => {
         console.log(values, "onFormValueChange");
       },
-      defaultValues: formStorage == null ? void 0 : formStorage[currentForm == null ? void 0 : currentForm.id],
-      isClearData: false
+      defaultValues: (formStorage == null ? void 0 : formStorage[currentForm == null ? void 0 : currentForm.id]) || {},
+      isClearData: !(formStorage == null ? void 0 : formStorage[currentForm == null ? void 0 : currentForm.id])
     }
   )) : null, showAgreement ? /* @__PURE__ */ import_react.default.createElement(
     import_PolicyModal.default,
     {
       open: showAgreement,
       onCancel: handleAgreementOk,
-      item: agreementContent
+      item: agreementContent,
+      onChange: () => setLoading(false)
     }
   ) : null);
 });

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

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

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

@@ -41,11 +41,16 @@ var import_context = require("../../context");
 var import_hooks = require("../../hooks");
 var import_utils2 = require("../../utils");
 var import_index = require("./index.less");
-var Guest = () => {
+var Guest = (0, import_react.forwardRef)((props, ref) => {
   const [openOption, setOpenOption] = (0, import_react.useState)(false);
   const [holderItem, setHolderItem] = (0, import_react.useState)(null);
   const { carts, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
   const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    next: () => {
+      appointmentBooking.next();
+    }
+  }));
   const lists = (0, import_react.useMemo)(() => {
     const _lists = (0, import_utils2.formatGuest)(accountLists, carts);
     return _lists;
@@ -156,5 +161,5 @@ var Guest = () => {
       }
     }
   ) : null);
-};
+});
 var Guest_default = Guest;

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

@@ -45,7 +45,7 @@ var Header = () => {
   const shopDiscount = (0, import_hooks.useShopDiscount)();
   const context = (0, import_useEngineContext.default)();
   const { checkSkipResourceStep } = (0, import_hooks.useIsSkipResourceStep)();
-  const { getStepIndex, stepList } = (0, import_hooks.useAppointmentBookingStep)();
+  const { getStepIndex, stepList, updateStep } = (0, import_hooks.useAppointmentBookingStep)();
   const { setOtherData } = (0, import_hooks.useAppointmentBookingSetting)();
   const { checkProductType } = (0, import_hooks.useAppointmentBookingProduct)();
   const stepName = (0, import_react.useMemo)(() => {
@@ -84,17 +84,17 @@ var Header = () => {
     if (key === "fill-form") {
       setOtherData("booking_form", {});
     }
-    const isHasForm = stepList == null ? void 0 : stepList.some((item) => item.key === "fill-form");
-    const shouldCheckSkip = isHasForm && key === "fill-form" || key === "select-time";
-    if (shouldCheckSkip) {
-      const skipResourceStep = await checkSkipResourceStep();
-      if (skipResourceStep) {
-        appointmentBooking.deleteCartItemInfo("resource");
-        const targetIndex = getStepIndex("prev", 2);
-        return appointmentBooking.gotoStep(targetIndex);
-      }
+    const resourceStep = stepList[(currentStep == null ? void 0 : currentStep.index) - 1];
+    if ((resourceStep == null ? void 0 : resourceStep.isSkip) && (resourceStep == null ? void 0 : resourceStep.key) === "select-resource") {
+      appointmentBooking.deleteCartItemInfo("resource");
     }
     appointmentBooking.back();
+    if ((resourceStep == null ? void 0 : resourceStep.isSkip) && (resourceStep == null ? void 0 : resourceStep.key) === "select-resource") {
+      updateStep(resourceStep == null ? void 0 : resourceStep.key, {
+        index: currentStep == null ? void 0 : currentStep.index,
+        isSkip: false
+      });
+    }
   };
   const handleClose = () => {
     var _a2, _b;

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

@@ -1,3 +1,7 @@
+import React from 'react';
 import './index.less';
-declare const Resource: () => JSX.Element;
+interface ResourceProps {
+    onChange?: (val: any) => void;
+}
+declare const Resource: React.ForwardRefExoticComponent<ResourceProps & React.RefAttributes<any>>;
 export default Resource;

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

@@ -38,54 +38,110 @@ var import_resourceDisplay = __toESM(require("../../../eventBooking/components/r
 var import_materials = require("@pisell/materials");
 var import_hooks = require("../../hooks");
 var import_context = require("../../context");
-var import_guests = __toESM(require("../../assets/guests.svg"));
 var import_utils = require("../../utils");
-var import_utils2 = require("@pisell/utils");
+var import_utils2 = require("../../components/Cart/utils");
+var import_utils3 = require("./utils");
+var import_guests = __toESM(require("../../assets/guests.svg"));
+var import_utils4 = require("@pisell/utils");
 var import_index = require("./index.less");
-var Resource = () => {
+var Resource = (0, import_react.forwardRef)((props, ref) => {
   const [selectedResource, setSelectedResource] = (0, import_react.useState)(0);
   const {
     appointmentBooking,
-    resources,
     carts,
     resourceOtherParams,
-    currentStep
+    setCarts,
+    currentStep,
+    setResourceOtherParams,
+    setIsErrorHolder
   } = (0, import_context.useAppointmentBookingContext)();
-  const { getResourceList, autoSelectAllProductResources } = (0, import_hooks.useAppointmentBookingResource)();
+  const {
+    getResourceList,
+    autoSelectAllProductResources,
+    getResourceTimeSlot
+  } = (0, import_hooks.useAppointmentBookingResource)();
   const { checkSkipResourceStep } = (0, import_hooks.useIsSkipResourceStep)();
-  const { addStep, removeStep } = (0, import_hooks.useAppointmentBookingStep)();
-  const newCarts = (0, import_utils.formatCarts)(carts, resources);
+  const { updateStep } = (0, import_hooks.useAppointmentBookingStep)();
+  const { openLoginModal, isLogin } = (0, import_hooks.useAppointmentBookingLogin)();
+  const { getHolders, checkAccount } = (0, import_hooks.useAppointmentBookingAccount)();
+  const { isFormSubject } = (0, import_hooks.useAppointmentBookingSetting)();
+  const utils = (0, import_hooks.contextUtils)();
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    next: async () => {
+      var _a, _b, _c;
+      const result = (0, import_utils2.checkResource)({ carts, resources });
+      if (result) {
+        setCarts(result);
+      }
+      setIsErrorHolder(!!result);
+      if (!!result) {
+        (0, import_utils3.scrollToFirstErrorCard)();
+        return;
+      }
+      const resultCarts = (0, import_utils.formatCartsResources)(carts, resources);
+      const stepList = ((_c = (_b = (_a = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a.step) == null ? void 0 : _b.store) == null ? void 0 : _c.stepList) || [];
+      const accountLists = await appointmentBooking.getAccounts();
+      const checkResult = (0, import_utils.checkHasFormStep)({
+        hasResourceFormId: (resultCarts == null ? void 0 : resultCarts.length) > 0,
+        currentStep,
+        stepList,
+        appointmentBooking,
+        locales: import_utils4.locales,
+        openLoginModal,
+        utils,
+        accountLists,
+        getHolders,
+        checkHolder: import_utils2.checkHolder,
+        checkAccount,
+        setCarts,
+        carts,
+        isFormSubject,
+        isLogin
+      });
+      if (checkResult) return;
+      setResourceOtherParams({
+        ...resourceOtherParams,
+        errorList: null
+      });
+      getResourceTimeSlot();
+      appointmentBooking.next();
+    }
+  }));
+  const resources = (0, import_react.useMemo)(() => {
+    const { resources: resources2 } = getResourceList();
+    return resources2 || [];
+  }, []);
   (0, import_react.useEffect)(() => {
     const checkAndSkipResourceStep = async () => {
-      const skipResourceStep = await checkSkipResourceStep();
-      const _resources = getResourceList();
-      autoSelectAllProductResources();
-      getResourceList();
-      console.log(skipResourceStep, "skipResourceStep");
-      if (skipResourceStep) {
-        const index = (currentStep == null ? void 0 : currentStep.index) + 1;
-        if ((0, import_utils.hasResourceFormId)(newCarts)) {
-          const description = import_utils2.locales.getText("pisell2.appointment.fill-form");
-          addStep({ index, key: "fill-form", description });
-        } else {
-          removeStep("fill-form");
+      var _a;
+      try {
+        const _resources = getResourceList();
+        await autoSelectAllProductResources();
+        getResourceList();
+        const skipResourceStep = await checkSkipResourceStep();
+        const key = (_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key;
+        updateStep(key, {
+          index: currentStep == null ? void 0 : currentStep.index,
+          isSkip: skipResourceStep
+        });
+        if (skipResourceStep) {
+          if (isLogin) {
+            appointmentBooking.next();
+          }
+          return true;
         }
-        appointmentBooking.next();
-        return true;
+        return false;
+      } catch (error) {
       }
-      return false;
     };
     checkAndSkipResourceStep();
   }, []);
-  (0, import_react.useEffect)(() => {
-    console.log(resourceOtherParams, "resourceOtherParams");
-  }, [resourceOtherParams == null ? void 0 : resourceOtherParams.errorList]);
   const anyResource = [
     {
       id: 0,
       image: import_guests.default,
-      title: import_utils2.locales.getText("pisell2.appointment.any.professional"),
-      subtitle: import_utils2.locales.getText("pisell2.appointment.for.maximum.availability")
+      title: import_utils4.locales.getText("pisell2.appointment.any.professional"),
+      subtitle: import_utils4.locales.getText("pisell2.appointment.for.maximum.availability")
     }
   ];
   const currentResource = (0, import_react.useMemo)(() => {
@@ -132,11 +188,11 @@ var Resource = () => {
           }
         );
       },
-      columns: (0, import_utils2.isMobile)() ? 2 : 3,
+      columns: (0, import_utils4.isMobile)() ? 2 : 3,
       horizontalGap: 16,
       verticalGap: 16,
       onClick: (e) => onClick && onClick(e)
     }
   ));
-};
+});
 var Resource_default = Resource;

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

@@ -0,0 +1,5 @@
+/**
+ * 滚动到第一个错误卡片
+ * @param {string} selector - 错误卡片的 class 选择器
+ */
+export declare const scrollToFirstErrorCard: (selector?: string) => void;

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

@@ -0,0 +1,36 @@
+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/Resource/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  scrollToFirstErrorCard: () => scrollToFirstErrorCard
+});
+module.exports = __toCommonJS(utils_exports);
+var scrollToFirstErrorCard = (selector = ".pisell-lowcode-product-select-resource-error") => {
+  setTimeout(() => {
+    const errorCard = document.querySelector(selector);
+    if (errorCard) {
+      errorCard.scrollIntoView({ behavior: "smooth", block: "center" });
+    }
+  }, 0);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  scrollToFirstErrorCard
+});

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

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