@pisell/private-materials 6.3.131 → 6.3.132

package/lib/components/venueBooking/components/Checkout/index.js

@@ -60,10 +60,6 @@ function Checkout() {
       ((_a = viewModel.summary) == null ? void 0 : _a.total_amount) ?? ((_b = viewModel.summary) == null ? void 0 : _b.expect_amount) ?? 0
     );
   }, [viewModel.summary]);
-  const taxFee = (0, import_react.useMemo)(() => {
-    var _a;
-    return Number(((_a = viewModel.summary) == null ? void 0 : _a.tax_fee) ?? 0);
-  }, [viewModel.summary]);
   const venueCartItems = (0, import_react.useMemo)(() => {
     return (viewModel.cartItems || []).filter((item) => Boolean((item == null ? void 0 : item.start_date) && (item == null ? void 0 : item.end_date)));
   }, [viewModel.cartItems]);
@@ -125,7 +121,7 @@ function Checkout() {
     setNoteValue(nextNote);
     lastNoteRef.current = nextNote;
   }, [viewModel.note]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-3 md:space-y-5" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "grid gap-3 md:gap-4" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-white p-4 shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6 md:rounded-[28px] md:p-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between gap-3" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xs font-bold uppercase tracking-[0.24em] text-[#b39a8b]" }, import_utils.locales.getText("pisell2.venue.checkout.booking.details") || "预订详情"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[22px] font-extrabold text-zinc-900" }, import_utils.locales.getText("pisell2.venue.checkout.court.summary") || "场地预订摘要"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-5 grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6 md:col-span-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.selected.courts") || "已选场地"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 space-y-2 text-[15px] font-semibold text-zinc-900" }, mergedCourtSessionLines.length ? mergedCourtSessionLines.map((line, idx) => /* @__PURE__ */ import_react.default.createElement("div", { key: `venue-session-line-${idx}` }, line)) : /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.venue.checkout.sessions.empty") || "-"))), addonCartItems.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.addons") || "附加项"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[15px] font-semibold text-zinc-900" }, addonCartItems.map((item, idx) => /* @__PURE__ */ import_react.default.createElement("div", { key: `addon-${item.id || idx}` }, item.title || item.name || "-"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-2 text-[15px] text-zinc-500" }, import_utils.locales.getText("pisell2.venue.checkout.addons.total") || "附加项合计", ": ", symbol, addonTotal.toFixed(2))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.subtotal") || "预订小计"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[30px] font-extrabold text-zinc-900" }, symbol, Number.isNaN(bookingSubtotal) ? "0.00" : bookingSubtotal.toFixed(2))), taxFee > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.tax") || "税费"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[15px] font-semibold text-zinc-900" }, symbol, Number.isNaN(taxFee) ? "0.00" : taxFee.toFixed(2))) : null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[28px] bg-white p-5 shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6 md:p-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-start justify-between gap-3" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-5 rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-lg font-bold text-zinc-900" }, import_utils.locales.getText("pisell2.venue.checkout.notice") || "备注"), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-3 md:space-y-5" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "grid gap-3 md:gap-4" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-white p-4 shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6 md:rounded-[28px] md:p-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between gap-3" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xs font-bold uppercase tracking-[0.24em] text-[#b39a8b]" }, import_utils.locales.getText("pisell2.venue.checkout.booking.details") || "预订详情"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[22px] font-extrabold text-zinc-900" }, import_utils.locales.getText("pisell2.venue.checkout.court.summary") || "场地预订摘要"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-5 grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6 md:col-span-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.selected.courts") || "已选场地"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 space-y-2 text-[15px] font-semibold text-zinc-900" }, mergedCourtSessionLines.length ? mergedCourtSessionLines.map((line, idx) => /* @__PURE__ */ import_react.default.createElement("div", { key: `venue-session-line-${idx}` }, line)) : /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.venue.checkout.sessions.empty") || "-"))), addonCartItems.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.addons") || "附加项"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[15px] font-semibold text-zinc-900" }, addonCartItems.map((item, idx) => /* @__PURE__ */ import_react.default.createElement("div", { key: `addon-${item.id || idx}` }, item.title || item.name || "-"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-2 text-[15px] text-zinc-500" }, import_utils.locales.getText("pisell2.venue.checkout.addons.total") || "附加项合计", ": ", symbol, addonTotal.toFixed(2))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6 md:col-span-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.subtotal") || "预订小计"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[30px] font-extrabold text-zinc-900" }, symbol, Number.isNaN(bookingSubtotal) ? "0.00" : bookingSubtotal.toFixed(2))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[28px] bg-white p-5 shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6 md:p-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-start justify-between gap-3" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-5 rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-lg font-bold text-zinc-900" }, import_utils.locales.getText("pisell2.venue.checkout.notice") || "备注"), /* @__PURE__ */ import_react.default.createElement(
     "textarea",
     {
       className: "mt-4 min-h-[120px] w-full rounded-[20px] border border-black/10 bg-white px-4 py-4 text-sm outline-none placeholder:text-zinc-400",

package/lib/components/venueBooking/components/Content/index.js

@@ -55,9 +55,7 @@ function Content() {
     if (!scope) return void 0;
     function update() {
       if (!wrap) return;
-      const isSticky = typeof window !== "undefined" && window.getComputedStyle(wrap).position === "sticky";
-      const value = isSticky ? `${wrap.offsetHeight}px` : "0px";
-      scope == null ? void 0 : scope.style.setProperty("--vb-grid-sticky-top", value);
+      scope == null ? void 0 : scope.style.setProperty("--vb-grid-sticky-top", `${wrap.offsetHeight}px`);
     }
     update();
     const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(update) : null;
@@ -133,17 +131,24 @@ function Content() {
           background: #fff;
           border-radius: 0 0 28px 28px;
         }
-      `), /* @__PURE__ */ import_react.default.createElement("main", { className: "mx-auto max-w-[1500px] px-3 pt-3 md:px-6 md:pt-6 lg:pb-12 h-full overscroll-none" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-2 md:space-y-4", style: { minHeight: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { ref: stepHeaderRef, className: "sticky top-0 z-30 lg:static lg:z-auto" }, /* @__PURE__ */ import_react.default.createElement(import_Header.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid max-w-full gap-2 md:gap-4 lg:grid-cols-[minmax(0,1fr)_390px] xl:grid-cols-[minmax(0,1fr)_420px]" }, /* @__PURE__ */ import_react.default.createElement("section", { className: "min-w-0 space-y-3 overscroll-none md:space-y-5" }, stepRegistry[currentStep]), /* @__PURE__ */ import_react.default.createElement("aside", { className: "hidden lg:block sticky top-6 self-start rounded-[28px] bg-white shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement(
-    import_Cart.default,
+      `), /* @__PURE__ */ import_react.default.createElement("main", { className: "mx-auto max-w-[1500px] px-3 pt-3 md:px-6 md:pt-6 lg:pb-12 h-full overscroll-none" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-2 md:space-y-4", style: { minHeight: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { ref: stepHeaderRef, className: "sticky top-0 z-40" }, /* @__PURE__ */ import_react.default.createElement(import_Header.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid max-w-full gap-2 md:gap-4 lg:grid-cols-[minmax(0,1fr)_390px] xl:grid-cols-[minmax(0,1fr)_420px]" }, /* @__PURE__ */ import_react.default.createElement("section", { className: "min-w-0 space-y-3 overscroll-none md:space-y-5" }, stepRegistry[currentStep]), /* @__PURE__ */ import_react.default.createElement(
+    "aside",
     {
-      embedded: true,
-      open: true,
-      items: viewModel.cartItems,
-      summary: viewModel.summary,
-      onCancel: () => {
-      },
-      onNext: handlePrimaryAction,
-      confirmLoading: isSubmittingOrder
-    }
-  )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "sticky bottom-0 z-30 block lg:hidden" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.default, null))));
+      className: "hidden lg:block sticky self-start z-10 rounded-[28px] bg-white shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6",
+      style: { top: "calc(var(--vb-grid-sticky-top, 0px) + 1.5rem)" }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Cart.default,
+      {
+        embedded: true,
+        open: true,
+        items: viewModel.cartItems,
+        summary: viewModel.summary,
+        onCancel: () => {
+        },
+        onNext: handlePrimaryAction,
+        confirmLoading: isSubmittingOrder
+      }
+    )
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "sticky bottom-0 z-30 block lg:hidden" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.default, null))));
 }

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

@@ -57,15 +57,7 @@ function Footer() {
     if (Number.isNaN(parsedAmount)) return "0.00";
     return parsedAmount.toFixed(2);
   }, [viewModel.summary]);
-  const actionText = (0, import_react.useMemo)(() => {
-    if (currentStep === "select-venue") {
-      return String(import_utils.locales.getText("pisell2.venue.action.next.addons") || "下一步：附加项");
-    }
-    if (currentStep === "addons") {
-      return String(import_utils.locales.getText("pisell2.venue.action.review.pay") || "确认 & 支付");
-    }
-    return String(import_utils.locales.getText("pisell2.venue.action.pay.now") || "立即支付");
-  }, [currentStep]);
+  const actionText = (0, import_react.useMemo)(() => currentStep === "checkout" ? String(import_utils.locales.getText("pisell2.venue.action.pay.now") || "立即支付") : String(import_utils.locales.getText("pisell2.venue.action.next") || "下一步"), [currentStep]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-venue-booking-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-venue-booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-venue-booking-footer-total-label" }, import_utils.locales.getText("pisell2.event.total") || "合计"), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-venue-booking-footer-total-amount" }, symbol, totalAmount)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-venue-booking-footer-right" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Badge, { count: ((_a = viewModel.cartItems) == null ? void 0 : _a.length) || 0, id: "venue-booking-cart-btn" }, /* @__PURE__ */ import_react.default.createElement(
     import_materials.Button,
     {

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

@@ -37,16 +37,22 @@ var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
 var import_context = require("../../context");
-var STEP_ITEMS = [
-  { n: 1, key: "select-venue", titleKey: "pisell2.venue.step.select" },
-  { n: 2, key: "addons", titleKey: "pisell2.venue.step.addons" },
-  { n: 3, key: "checkout", titleKey: "pisell2.venue.step.checkout" }
-];
 function Header() {
+  var _a;
   const { currentStep, canNext, viewModel, goToStep, prevStep } = (0, import_context.useVenueBookingContext)();
   const [popupOpen, setPopupOpen] = (0, import_react.useState)(false);
   const [confirmOpen, setConfirmOpen] = (0, import_react.useState)(false);
   const cardRef = (0, import_react.useRef)(null);
+  const STEP_ITEMS = (0, import_react.useMemo)(() => {
+    var _a2;
+    const hasAddons = (((_a2 = viewModel.addonProductList) == null ? void 0 : _a2.length) || 0) > 0;
+    const base = [
+      { key: "select-venue", titleKey: "pisell2.venue.step.select" },
+      ...hasAddons ? [{ key: "addons", titleKey: "pisell2.venue.step.addons" }] : [],
+      { key: "checkout", titleKey: "pisell2.venue.step.checkout" }
+    ];
+    return base.map((item, idx) => ({ ...item, n: idx + 1 }));
+  }, [(_a = viewModel.addonProductList) == null ? void 0 : _a.length]);
   const currentStepIndex = STEP_ITEMS.findIndex((item) => item.key === currentStep);
   const currentStepItem = STEP_ITEMS[currentStepIndex] || STEP_ITEMS[0];
   const isFirstStep = currentStepIndex <= 0;

package/lib/components/venueBooking/components/VenueSelection/components/TimeGrid.js

@@ -53,6 +53,11 @@ function TimeGrid() {
   const resources = (grid == null ? void 0 : grid.resources) || [];
   const hourGroups = (0, import_react.useMemo)(() => (0, import_utils2.buildHourGroups)(timeLabels), [timeLabels]);
   const tableGridStyle = (0, import_react.useMemo)(() => (0, import_utils2.getTableGridStyle)(timeLabels.length), [timeLabels.length]);
+  const isIosDevice = (0, import_react.useMemo)(() => {
+    if (typeof navigator === "undefined") return false;
+    return (0, import_utils.isIos)();
+  }, []);
+  const scrollerOverscrollStyle = (0, import_react.useMemo)(() => isIosDevice ? { overscrollBehavior: "none" } : { overscrollBehaviorX: "none", overscrollBehaviorY: "auto" }, [isIosDevice]);
   const visibleResources = (0, import_react.useMemo)(() => resources.filter((resource) => {
     const hitType = filter === "ALL" || resource.productTitle === filter;
     const hitSearch = !search || resource.resourceName.toLowerCase().includes(search.toLowerCase());
@@ -81,6 +86,7 @@ function TimeGrid() {
     applyHeaderTransform(e.currentTarget.scrollLeft);
   }
   (0, import_react.useEffect)(() => {
+    if (isGridLoading) return;
     const scroller = scrollTableRef.current;
     if (!scroller || !timeLabels.length || !grid) return;
     const firstAvailableIndex = (0, import_utils2.getFirstAvailableSlotIndex)(grid);
@@ -94,7 +100,7 @@ function TimeGrid() {
     const targetLeft = Math.max(0, scrollToIndex * slotWidth);
     scroller.scrollTo({ left: targetLeft, behavior: "smooth" });
     applyHeaderTransform(targetLeft);
-  }, [grid == null ? void 0 : grid.date, timeLabels.length, applyHeaderTransform]);
+  }, [grid == null ? void 0 : grid.date, timeLabels.length, isGridLoading, applyHeaderTransform]);
   (0, import_react.useEffect)(() => {
     const scroller = scrollTableRef.current;
     if (!scroller) return void 0;
@@ -147,6 +153,18 @@ function TimeGrid() {
       scroller.removeEventListener("pointercancel", endDrag);
     };
   }, [applyHeaderTransform]);
+  (0, import_react.useEffect)(() => {
+    const scroller = scrollTableRef.current;
+    if (!scroller) return void 0;
+    function onWheel(e) {
+      if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) {
+        e.preventDefault();
+        window.scrollBy({ top: e.deltaY, behavior: "instant" });
+      }
+    }
+    scroller.addEventListener("wheel", onWheel, { passive: false });
+    return () => scroller.removeEventListener("wheel", onWheel);
+  }, []);
   function handleSlotClick(resourceId, slot) {
     if (dragStateRef.current.moved) {
       dragStateRef.current.moved = false;
@@ -222,8 +240,8 @@ function TimeGrid() {
     {
       ref: scrollTableRef,
       onScroll: syncHeader,
-      className: "max-w-full overflow-x-auto cursor-grab select-none touch-pan-y overscroll-none active:cursor-grabbing",
-      style: { WebkitOverflowScrolling: "touch", overscrollBehaviorX: "none" }
+      className: "max-w-full overflow-x-auto cursor-grab select-none touch-pan-y active:cursor-grabbing",
+      style: { WebkitOverflowScrolling: "touch", ...scrollerOverscrollStyle }
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "w-full", key: grid.date }, visibleResources.map((resource) => {
       const courtMeta = (0, import_utils2.getResourceCourtMeta)(resource);

package/lib/components/venueBooking/components/VenueSelection/index.js

@@ -61,8 +61,7 @@ function VenueSelection() {
     "div",
     {
       ref: tableSectionRef,
-      className: "w-full max-w-full isolate rounded-[28px] bg-white shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6",
-      style: { overflowX: "clip", overflowY: "visible" }
+      className: "w-full max-w-full isolate rounded-[28px] bg-white shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6"
     },
     /* @__PURE__ */ import_react.default.createElement(import_TimeGrid.default, null)
   ));

package/lib/components/venueBooking/context.js

@@ -52,6 +52,7 @@ var INITIAL_VIEW_MODEL = {
   venueProducts: [],
   addonProductList: []
 };
+var EMPTY_UTILS = {};
 function getWeekRange(anchor) {
   const days = (0, import_utils2.getWeekDays)(anchor);
   return {
@@ -78,12 +79,16 @@ function findNearestAvailableDate(params) {
   return availableDates.sort((a, b) => b.valueOf() - a.valueOf())[0];
 }
 function VenueBookingProvider({ entryContext, children }) {
-  var _a, _b;
+  var _a, _b, _c;
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
   const venueBookingModule = (0, import_hooks.useVenueBookingModule)();
   const [currentStep, setCurrentStep] = (0, import_react.useState)("select-venue");
-  const stepList = [...import_hooks.VENUE_BOOKING_STEPS];
   const [viewModel, setViewModel] = (0, import_react.useState)(INITIAL_VIEW_MODEL);
+  const stepList = (0, import_react.useMemo)(() => {
+    var _a2;
+    const hasAddons = (((_a2 = viewModel.addonProductList) == null ? void 0 : _a2.length) || 0) > 0;
+    return hasAddons ? ["select-venue", "addons", "checkout"] : ["select-venue", "checkout"];
+  }, [(_a = viewModel.addonProductList) == null ? void 0 : _a.length]);
   const [isLoading, setIsLoading] = (0, import_react.useState)(true);
   const [isWeekLoading, setIsWeekLoading] = (0, import_react.useState)(true);
   const [isGridTransition, setIsGridTransition] = (0, import_react.useState)(true);
@@ -97,7 +102,7 @@ function VenueBookingProvider({ entryContext, children }) {
   const [monthCursor, setMonthCursor] = (0, import_react.useState)((0, import_dayjs.default)().startOf("month"));
   const { isLogin, openLoginModal } = (0, import_hooks.useVenueBookingLogin)();
   const engineContext = (0, import_useEngineContext2.default)();
-  const utils = ((_a = engineContext == null ? void 0 : engineContext.appHelper) == null ? void 0 : _a.utils) || {};
+  const utils = ((_b = engineContext == null ? void 0 : engineContext.appHelper) == null ? void 0 : _b.utils) || EMPTY_UTILS;
   const [discountList, setDiscountList] = (0, import_react.useState)([]);
   const [isAgreeDepositPolicy, setIsAgreeDepositPolicy] = (0, import_react.useState)(false);
   const [cartValidation, setCartValidation] = (0, import_react.useState)({ passed: null, failures: [] });
@@ -217,11 +222,11 @@ function VenueBookingProvider({ entryContext, children }) {
     return (0, import_hooks.safeRunModuleAction)(venueBookingModule, actionName, ...args);
   }, [venueBookingModule]);
   const syncCustomerLoginToModule = (0, import_react.useCallback)(async () => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c2, _d;
     try {
       const hasToken = !!((_b2 = (_a2 = utils == null ? void 0 : utils.token) == null ? void 0 : _a2.get) == null ? void 0 : _b2.call(_a2));
       if (!hasToken) return;
-      const rawCustomer = (_d = (_c = utils == null ? void 0 : utils.storage) == null ? void 0 : _c.get) == null ? void 0 : _d.call(_c, "customer");
+      const rawCustomer = (_d = (_c2 = utils == null ? void 0 : utils.storage) == null ? void 0 : _c2.get) == null ? void 0 : _d.call(_c2, "customer");
       const customer = typeof rawCustomer === "string" ? JSON.parse(rawCustomer || "{}") : rawCustomer || {};
       const customerId = customer == null ? void 0 : customer.id;
       if (!customerId) return;
@@ -260,7 +265,7 @@ function VenueBookingProvider({ entryContext, children }) {
     }
   }, [syncCustomerLoginToModule, venueBookingModule, refreshViewModel]);
   const submitOrder = (0, import_react.useCallback)(async () => {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c2;
     if (isSubmittingOrder) return;
     try {
       setIsSubmittingOrder(true);
@@ -278,7 +283,7 @@ function VenueBookingProvider({ entryContext, children }) {
       }
       if (typeof (utils == null ? void 0 : utils.action) === "function") {
         const otherParams = (0, import_hooks.getOtherParams)(venueBookingModule);
-        if (totalAmount === 0 || ((_c = otherParams == null ? void 0 : otherParams.openData["checkout.checkout_options"]) == null ? void 0 : _c.length) === 0) {
+        if (totalAmount === 0 || ((_c2 = otherParams == null ? void 0 : otherParams.openData["checkout.checkout_options"]) == null ? void 0 : _c2.length) === 0) {
           return location.replace(`/payment-finish/success?amount=${totalAmount}&order_id=${orderId}`);
         }
         utils.action({
@@ -300,7 +305,7 @@ function VenueBookingProvider({ entryContext, children }) {
     } finally {
       setIsSubmittingOrder(false);
     }
-  }, [isSubmittingOrder, venueBookingModule, refreshViewModel, utils, (_b = viewModel == null ? void 0 : viewModel.summary) == null ? void 0 : _b.total_amount]);
+  }, [isSubmittingOrder, venueBookingModule, refreshViewModel, utils, (_c = viewModel == null ? void 0 : viewModel.summary) == null ? void 0 : _c.total_amount]);
   const handleSubmitOrder = (0, import_react.useCallback)(async () => {
     if (isLogin) {
       await submitOrder();
@@ -315,6 +320,19 @@ function VenueBookingProvider({ entryContext, children }) {
       }
     });
   }, [isLogin, openLoginModal, handleLoginSuccess, submitOrder]);
+  const proceedToCheckout = (0, import_react.useCallback)(() => {
+    if (!isLogin) {
+      openLoginModal({
+        callback: (status) => {
+          if (status === "success") {
+            handleLoginSuccess().then(() => goToStep("checkout"));
+          }
+        }
+      });
+      return;
+    }
+    goToStep("checkout");
+  }, [isLogin, openLoginModal, handleLoginSuccess, goToStep]);
   const handlePrimaryAction = (0, import_react.useCallback)(() => {
     var _a2, _b2;
     if (currentStep === "select-venue") {
@@ -325,21 +343,15 @@ function VenueBookingProvider({ entryContext, children }) {
         });
         return;
       }
+      if (stepList[1] === "checkout") {
+        proceedToCheckout();
+        return;
+      }
       goToStep("addons");
       return;
     }
     if (currentStep === "addons") {
-      if (!isLogin) {
-        openLoginModal({
-          callback: (status) => {
-            if (status === "success") {
-              handleLoginSuccess().then(() => goToStep("checkout"));
-            }
-          }
-        });
-        return;
-      }
-      goToStep("checkout");
+      proceedToCheckout();
       return;
     }
     const deposit = (_a2 = viewModel.summary) == null ? void 0 : _a2.deposit;
@@ -348,7 +360,7 @@ function VenueBookingProvider({ entryContext, children }) {
       return;
     }
     void handleSubmitOrder();
-  }, [currentStep, canNext, isLogin, isAgreeDepositPolicy, viewModel.summary, goToStep, openLoginModal, handleLoginSuccess, handleSubmitOrder]);
+  }, [currentStep, canNext, isAgreeDepositPolicy, viewModel.summary, stepList, proceedToCheckout, goToStep, handleSubmitOrder]);
   (0, import_react.useEffect)(() => {
     var _a2;
     const pubsub = utils == null ? void 0 : utils.pubsub;

package/lib/components/venueBooking/hooks.d.ts

@@ -5,6 +5,7 @@ export declare const VENUE_BOOKING_STEPS: readonly ["select-venue", "addons", "c
 export declare const VENUE_PRODUCT_IDS: number[];
 /**
  * 获取 PisellOS venueBooking 业务模块
+ * 使用 useRef 稳定模块引用，防止 getModule 返回值每次渲染变化时触发 bootstrap useEffect 重跑
  */
 export declare function useVenueBookingModule(): any;
 /** 统一获取货币前缀（优先引擎配置，兜底 '$'） */

package/lib/components/venueBooking/hooks.js

@@ -49,6 +49,7 @@ __export(hooks_exports, {
   useVenueBookingSymbol: () => useVenueBookingSymbol
 });
 module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
 var import_useEngineContext = require("../../hooks/useEngineContext");
 var import_useEngineContext2 = __toESM(require("../../hooks/useEngineContext"));
 var import_toShoppingCartProducts = require("../scanOrder/utils/toShoppingCartProducts");
@@ -57,7 +58,11 @@ var VENUE_PRODUCT_IDS = [61947, 61948];
 function useVenueBookingModule() {
   var _a;
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
-  return (_a = pisellOS == null ? void 0 : pisellOS.getModule) == null ? void 0 : _a.call(pisellOS, "venueBooking");
+  const moduleRef = (0, import_react.useRef)(null);
+  if (!moduleRef.current) {
+    moduleRef.current = ((_a = pisellOS == null ? void 0 : pisellOS.getModule) == null ? void 0 : _a.call(pisellOS, "venueBooking")) ?? null;
+  }
+  return moduleRef.current;
 }
 function useVenueBookingSymbol() {
   var _a;

package/lib/components/venueBooking/index.js

@@ -44,6 +44,24 @@ function VenueBooking(props) {
   const context = (0, import_useEngineContext.default)();
   const entryContext = (0, import_hooks.normalizeEntryContext)((_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props);
   import_utils.locales.init(import_locales.default, ((_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale) || "en");
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "venue-booking-scope h-full overflow-x-hidden overscroll-none bg-[#f5f5f3] text-zinc-900" }, /* @__PURE__ */ import_react.default.createElement(import_context.VenueBookingProvider, { entryContext }, /* @__PURE__ */ import_react.default.createElement(import_Content.default, null)));
+  const [viewportHeight, setViewportHeight] = (0, import_react.useState)(
+    typeof window !== "undefined" ? window.innerHeight : void 0
+  );
+  (0, import_react.useEffect)(() => {
+    function onResize() {
+      setViewportHeight(window.innerHeight);
+    }
+    setViewportHeight(window.innerHeight);
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "venue-booking-scope overflow-x-hidden overscroll-none bg-[#f5f5f3] text-zinc-900",
+      style: viewportHeight !== void 0 ? { height: viewportHeight } : { height: "100vh" }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_context.VenueBookingProvider, { entryContext }, /* @__PURE__ */ import_react.default.createElement(import_Content.default, null))
+  );
 }
 var venueBooking_default = VenueBooking;

package/lib/components/venueBooking/locales.d.ts

@@ -23,6 +23,7 @@ declare const _default: {
         'pisell2.venue.cart.delete.venue.only.step1': string;
         'pisell2.venue.cart.addons.ready': string;
         'pisell2.venue.cart.review.all': string;
+        'pisell2.venue.action.next': string;
         'pisell2.venue.action.next.addons': string;
         'pisell2.venue.action.review.pay': string;
         'pisell2.venue.action.pay.now': string;
@@ -91,6 +92,7 @@ declare const _default: {
         'pisell2.venue.calendar.weekday.short.sun': string;
         'pisell2.venue.time.am': string;
         'pisell2.venue.time.pm': string;
+        'pisell2.venue.time.hour.format': string;
         'pisell2.venue.limit.message': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;
@@ -119,6 +121,7 @@ declare const _default: {
         'pisell2.appointment.policy': string;
         'pisell2.appointment.policy.confirm': string;
         'pisell2.appointment.booking.empty.data': string;
+        'pisell2.product-select.search': string;
     };
     'zh-CN': {
         'pisell2.venue.step.select': string;
@@ -140,6 +143,7 @@ declare const _default: {
         'pisell2.venue.cart.delete.venue.only.step1': string;
         'pisell2.venue.cart.addons.ready': string;
         'pisell2.venue.cart.review.all': string;
+        'pisell2.venue.action.next': string;
         'pisell2.venue.action.next.addons': string;
         'pisell2.venue.action.review.pay': string;
         'pisell2.venue.action.pay.now': string;
@@ -208,6 +212,7 @@ declare const _default: {
         'pisell2.venue.calendar.weekday.short.sun': string;
         'pisell2.venue.time.am': string;
         'pisell2.venue.time.pm': string;
+        'pisell2.venue.time.hour.format': string;
         'pisell2.venue.limit.message': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;
@@ -236,6 +241,7 @@ declare const _default: {
         'pisell2.appointment.policy': string;
         'pisell2.appointment.policy.confirm': string;
         'pisell2.appointment.booking.empty.data': string;
+        'pisell2.product-select.search': string;
     };
     'zh-HK': {
         'pisell2.venue.step.select': string;
@@ -257,6 +263,7 @@ declare const _default: {
         'pisell2.venue.cart.delete.venue.only.step1': string;
         'pisell2.venue.cart.addons.ready': string;
         'pisell2.venue.cart.review.all': string;
+        'pisell2.venue.action.next': string;
         'pisell2.venue.action.next.addons': string;
         'pisell2.venue.action.review.pay': string;
         'pisell2.venue.action.pay.now': string;
@@ -325,6 +332,7 @@ declare const _default: {
         'pisell2.venue.calendar.weekday.short.sun': string;
         'pisell2.venue.time.am': string;
         'pisell2.venue.time.pm': string;
+        'pisell2.venue.time.hour.format': string;
         'pisell2.venue.limit.message': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;
@@ -353,6 +361,7 @@ declare const _default: {
         'pisell2.appointment.policy': string;
         'pisell2.appointment.policy.confirm': string;
         'pisell2.appointment.booking.empty.data': string;
+        'pisell2.product-select.search': string;
     };
     ja: {
         'pisell2.venue.step.select': string;
@@ -374,6 +383,7 @@ declare const _default: {
         'pisell2.venue.cart.delete.venue.only.step1': string;
         'pisell2.venue.cart.addons.ready': string;
         'pisell2.venue.cart.review.all': string;
+        'pisell2.venue.action.next': string;
         'pisell2.venue.action.next.addons': string;
         'pisell2.venue.action.review.pay': string;
         'pisell2.venue.action.pay.now': string;
@@ -442,6 +452,7 @@ declare const _default: {
         'pisell2.venue.calendar.weekday.short.sun': string;
         'pisell2.venue.time.am': string;
         'pisell2.venue.time.pm': string;
+        'pisell2.venue.time.hour.format': string;
         'pisell2.venue.limit.message': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;
@@ -470,6 +481,7 @@ declare const _default: {
         'pisell2.appointment.policy': string;
         'pisell2.appointment.policy.confirm': string;
         'pisell2.appointment.booking.empty.data': string;
+        'pisell2.product-select.search': string;
     };
     pt: {
         'pisell2.venue.step.select': string;
@@ -491,6 +503,7 @@ declare const _default: {
         'pisell2.venue.cart.delete.venue.only.step1': string;
         'pisell2.venue.cart.addons.ready': string;
         'pisell2.venue.cart.review.all': string;
+        'pisell2.venue.action.next': string;
         'pisell2.venue.action.next.addons': string;
         'pisell2.venue.action.review.pay': string;
         'pisell2.venue.action.pay.now': string;
@@ -559,6 +572,7 @@ declare const _default: {
         'pisell2.venue.calendar.weekday.short.sun': string;
         'pisell2.venue.time.am': string;
         'pisell2.venue.time.pm': string;
+        'pisell2.venue.time.hour.format': string;
         'pisell2.venue.limit.message': string;
         'pisell2.text.goodpass': string;
         'pisell2.text.goodpass.product-vouchers': string;
@@ -587,6 +601,7 @@ declare const _default: {
         'pisell2.appointment.policy': string;
         'pisell2.appointment.policy.confirm': string;
         'pisell2.appointment.booking.empty.data': string;
+        'pisell2.product-select.search': string;
     };
 };
 export default _default;

package/lib/components/venueBooking/locales.js

@@ -43,6 +43,7 @@ var locales_default = {
     "pisell2.venue.cart.delete.venue.only.step1": "Please return to Step 1 before removing court bookings",
     "pisell2.venue.cart.addons.ready": "Add-ons are ready below.",
     "pisell2.venue.cart.review.all": "Review everything before payment.",
+    "pisell2.venue.action.next": "Next",
     "pisell2.venue.action.next.addons": "Next: Add-ons",
     "pisell2.venue.action.review.pay": "Review & Pay",
     "pisell2.venue.action.pay.now": "Pay now",
@@ -111,6 +112,7 @@ var locales_default = {
     "pisell2.venue.calendar.weekday.short.sun": "Sun",
     "pisell2.venue.time.am": "am",
     "pisell2.venue.time.pm": "pm",
+    "pisell2.venue.time.hour.format": "{hour}{suffix}",
     "pisell2.venue.limit.message": "You can book up to 4 bookings or max 8 hours.",
     "pisell2.text.goodpass": "Promotion",
     "pisell2.text.goodpass.product-vouchers": "Product Vouchers",
@@ -138,7 +140,8 @@ var locales_default = {
     "pisell2.appointment.deposit.close": "Close",
     "pisell2.appointment.policy": "You have read and agreed to this policy",
     "pisell2.appointment.policy.confirm": "Confirm",
-    "pisell2.appointment.booking.empty.data": "No data"
+    "pisell2.appointment.booking.empty.data": "No data",
+    "pisell2.product-select.search": "Search"
   },
   "zh-CN": {
     "pisell2.venue.step.select": "选择场地",
@@ -160,6 +163,7 @@ var locales_default = {
     "pisell2.venue.cart.delete.venue.only.step1": "请返回第一步后再删除场地商品",
     "pisell2.venue.cart.addons.ready": "附加项已准备就绪。",
     "pisell2.venue.cart.review.all": "请在支付前检查所有信息。",
+    "pisell2.venue.action.next": "下一步",
     "pisell2.venue.action.next.addons": "下一步：附加项",
     "pisell2.venue.action.review.pay": "确认 & 支付",
     "pisell2.venue.action.pay.now": "立即支付",
@@ -228,6 +232,7 @@ var locales_default = {
     "pisell2.venue.calendar.weekday.short.sun": "周日",
     "pisell2.venue.time.am": "上午",
     "pisell2.venue.time.pm": "下午",
+    "pisell2.venue.time.hour.format": "{suffix}{hour}点",
     "pisell2.venue.limit.message": "最多可预订 4 个场次或 8 小时。",
     "pisell2.text.goodpass": "促销",
     "pisell2.text.goodpass.product-vouchers": "商品兑换券",
@@ -255,7 +260,8 @@ var locales_default = {
     "pisell2.appointment.deposit.close": "关闭",
     "pisell2.appointment.policy": "您已仔细阅读并同意此协议",
     "pisell2.appointment.policy.confirm": "确定",
-    "pisell2.appointment.booking.empty.data": "暂无数据"
+    "pisell2.appointment.booking.empty.data": "暂无数据",
+    "pisell2.product-select.search": "搜索"
   },
   "zh-HK": {
     "pisell2.venue.step.select": "選擇場地",
@@ -277,6 +283,7 @@ var locales_default = {
     "pisell2.venue.cart.delete.venue.only.step1": "請返回第一步後再刪除場地商品",
     "pisell2.venue.cart.addons.ready": "附加項已準備就緒。",
     "pisell2.venue.cart.review.all": "請在支付前檢查所有資訊。",
+    "pisell2.venue.action.next": "下一步",
     "pisell2.venue.action.next.addons": "下一步：附加項",
     "pisell2.venue.action.review.pay": "確認 & 支付",
     "pisell2.venue.action.pay.now": "立即支付",
@@ -345,6 +352,7 @@ var locales_default = {
     "pisell2.venue.calendar.weekday.short.sun": "週日",
     "pisell2.venue.time.am": "上午",
     "pisell2.venue.time.pm": "下午",
+    "pisell2.venue.time.hour.format": "{suffix}{hour}點",
     "pisell2.venue.limit.message": "最多可預訂 4 個場次或 8 小時。",
     "pisell2.text.goodpass": "促銷",
     "pisell2.text.goodpass.product-vouchers": "商品兌換券",
@@ -372,7 +380,8 @@ var locales_default = {
     "pisell2.appointment.deposit.close": "關閉",
     "pisell2.appointment.policy": "您已仔細閱讀並同意此協議",
     "pisell2.appointment.policy.confirm": "確定",
-    "pisell2.appointment.booking.empty.data": "暫無數據"
+    "pisell2.appointment.booking.empty.data": "暫無數據",
+    "pisell2.product-select.search": "搜索"
   },
   ja: {
     "pisell2.venue.step.select": "コートを選択",
@@ -394,6 +403,7 @@ var locales_default = {
     "pisell2.venue.cart.delete.venue.only.step1": "コート予約を削除するには、ステップ1に戻ってください",
     "pisell2.venue.cart.addons.ready": "追加オプションを下から選択できます。",
     "pisell2.venue.cart.review.all": "支払い前に内容を確認してください。",
+    "pisell2.venue.action.next": "次へ",
     "pisell2.venue.action.next.addons": "次へ：追加オプション",
     "pisell2.venue.action.review.pay": "確認して支払う",
     "pisell2.venue.action.pay.now": "今すぐ支払う",
@@ -462,6 +472,7 @@ var locales_default = {
     "pisell2.venue.calendar.weekday.short.sun": "日",
     "pisell2.venue.time.am": "午前",
     "pisell2.venue.time.pm": "午後",
+    "pisell2.venue.time.hour.format": "{suffix}{hour}時",
     "pisell2.venue.limit.message": "最大 4 件の予約、または合計 8 時間まで予約できます。",
     "pisell2.text.goodpass": "プロモーション",
     "pisell2.text.goodpass.product-vouchers": "商品バウチャー",
@@ -489,7 +500,8 @@ var locales_default = {
     "pisell2.appointment.deposit.close": "閉じる",
     "pisell2.appointment.policy": "このポリシーを読み、同意しました",
     "pisell2.appointment.policy.confirm": "確認",
-    "pisell2.appointment.booking.empty.data": "データなし"
+    "pisell2.appointment.booking.empty.data": "データなし",
+    "pisell2.product-select.search": "検索"
   },
   pt: {
     "pisell2.venue.step.select": "Escolher quadra",
@@ -511,6 +523,7 @@ var locales_default = {
     "pisell2.venue.cart.delete.venue.only.step1": "Volte para a Etapa 1 antes de remover reservas de quadra",
     "pisell2.venue.cart.addons.ready": "Os adicionais estão prontos abaixo.",
     "pisell2.venue.cart.review.all": "Revise tudo antes do pagamento.",
+    "pisell2.venue.action.next": "Próximo",
     "pisell2.venue.action.next.addons": "Próximo: adicionais",
     "pisell2.venue.action.review.pay": "Revisar e pagar",
     "pisell2.venue.action.pay.now": "Pagar agora",
@@ -579,6 +592,7 @@ var locales_default = {
     "pisell2.venue.calendar.weekday.short.sun": "Dom",
     "pisell2.venue.time.am": "am",
     "pisell2.venue.time.pm": "pm",
+    "pisell2.venue.time.hour.format": "{hour}{suffix}",
     "pisell2.venue.limit.message": "Você pode reservar até 4 reservas ou no máximo 8 horas.",
     "pisell2.text.goodpass": "Promoção",
     "pisell2.text.goodpass.product-vouchers": "Vales de Produto",
@@ -606,6 +620,7 @@ var locales_default = {
     "pisell2.appointment.deposit.close": "Fechar",
     "pisell2.appointment.policy": "Você leu e concordou com esta política",
     "pisell2.appointment.policy.confirm": "Confirmar",
-    "pisell2.appointment.booking.empty.data": "Sem dados"
+    "pisell2.appointment.booking.empty.data": "Sem dados",
+    "pisell2.product-select.search": "Pesquisar"
   }
 };