@pisell/private-materials 6.3.136 → 6.3.138

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

@@ -48,6 +48,28 @@ var import_Check = __toESM(require("../Check"));
 var import_PolicyModal = __toESM(require("../../../appointmentBooking/deposit/components/PolicyModal"));
 var import_useComponents = __toESM(require("../../../../hooks/useComponents"));
 var import_index = require("./index.less");
+function extractEntryPaxNumber(payload) {
+  if (payload == null) return null;
+  if (typeof payload === "number" && Number.isFinite(payload) && payload >= 1) {
+    return Math.floor(payload);
+  }
+  if (typeof payload === "string") {
+    const n = Number(payload);
+    if (Number.isFinite(n) && n >= 1) return Math.floor(n);
+  }
+  if (typeof payload === "object") {
+    const o = payload;
+    for (const k of ["entryPaxNumber", "pax", "num", "count", "value"]) {
+      const v = o[k];
+      if (typeof v === "number" && Number.isFinite(v) && v >= 1) return Math.floor(v);
+      if (typeof v === "string") {
+        const n = Number(v);
+        if (Number.isFinite(n) && n >= 1) return Math.floor(n);
+      }
+    }
+  }
+  return null;
+}
 function ReadyState() {
   var _a, _b, _c, _d;
   const {
@@ -78,6 +100,16 @@ function ReadyState() {
     content: null
   });
   const [pendingFormPayload, setPendingFormPayload] = (0, import_react.useState)(null);
+  const [entryMode, setEntryMode] = (0, import_react.useState)("default");
+  const requestEntryPaxRef = (0, import_react.useRef)(0);
+  const requestPaxMinRef = (0, import_react.useRef)(1);
+  const requestPaxMaxRef = (0, import_react.useRef)(1);
+  const tableFormRecordRef = (0, import_react.useRef)(null);
+  const getLocalizedName = (nameMap) => {
+    if (!nameMap) return "";
+    const currentLocale = import_utils.locales.getLocale();
+    return nameMap[currentLocale] || nameMap.original || nameMap.en || "";
+  };
   const normalizeFormPayload = (formPayload, partyroomBookingPayload) => {
     const sourcePayload = formPayload ?? partyroomBookingPayload;
     if (!sourcePayload) return null;
@@ -97,6 +129,17 @@ function ReadyState() {
     const link = `/order/details?id=${order_id}`;
     location.replace(link);
   };
+  const handleBack = () => {
+    if (currentStep !== "product") {
+      prevStep();
+      return;
+    }
+    if (entryMode === "additional_order" && (entryContext == null ? void 0 : entryContext.order_id)) {
+      handleOrderDetail(entryContext.order_id);
+      return;
+    }
+    location.replace("/");
+  };
   const enterProductStep = async () => {
     try {
       await runModuleAction("applyItemRulePrefill");
@@ -107,6 +150,40 @@ function ReadyState() {
       goToStep("product");
     }
   };
+  const runEntryPaxGateThenEnterProduct = async () => {
+    if (requestEntryPaxRef.current !== 1) {
+      await enterProductStep();
+      return;
+    }
+    const pax = await new Promise((resolve) => {
+      var _a2;
+      if (typeof (utils == null ? void 0 : utils.action) !== "function") {
+        resolve(null);
+        return;
+      }
+      utils.action({
+        type: "pisell1.handlePaxModal",
+        data: {
+          tableName: getLocalizedName((_a2 = tableFormRecordRef.current) == null ? void 0 : _a2.name),
+          requestPaxMin: requestPaxMinRef.current,
+          requestPaxMax: requestPaxMaxRef.current
+        },
+        callback: (result) => {
+          resolve(extractEntryPaxNumber(result));
+        }
+      });
+    });
+    if (pax == null) {
+      location.replace("/");
+      return;
+    }
+    try {
+      await runModuleAction("setEntryPaxNumber", pax);
+    } catch (error) {
+      console.warn("[scanOrder] setOtherParams failed", error);
+    }
+    await enterProductStep();
+  };
   const closePolicyAndBack = () => {
     setPolicyModal({
       open: false,
@@ -139,7 +216,7 @@ function ReadyState() {
       content: null
     });
     setPendingFormPayload(null);
-    void enterProductStep();
+    void runEntryPaxGateThenEnterProduct();
   };
   const handleFormConfirm = () => {
     var _a2, _b2;
@@ -156,7 +233,7 @@ function ReadyState() {
       openFormModal(pendingFormPayload);
       return;
     }
-    void enterProductStep();
+    void runEntryPaxGateThenEnterProduct();
   };
   const depositProtocolRequest = (id) => {
     var _a2, _b2;
@@ -165,28 +242,45 @@ function ReadyState() {
   (0, import_react.useEffect)(() => {
     const checkResourceAvailable = async () => {
       const hasOrderId = !!(entryContext == null ? void 0 : entryContext.order_id);
-      const { mode, order_id, errorTips, policy, form, partyroom_booking } = await runModuleAction(
+      const {
+        mode,
+        order_id,
+        errorTips,
+        policy,
+        form,
+        partyroom_booking,
+        requestEntryPax,
+        requestPaxMin,
+        requestPaxMax,
+        table_form_record
+      } = await runModuleAction(
         "checkResourceAvailable",
         entryContext == null ? void 0 : entryContext.resource_id,
         hasOrderId
       );
+      requestEntryPaxRef.current = Number(requestEntryPax) === 1 ? 1 : 0;
+      requestPaxMinRef.current = Number(requestPaxMin) || 1;
+      requestPaxMaxRef.current = Number(requestPaxMax) || 1;
+      tableFormRecordRef.current = table_form_record || {};
       const normalizedFormPayload = normalizeFormPayload(form, partyroom_booking);
-      if (mode === "idle" || mode === "additional_order" || mode === "additional_order_with_code") {
+      const isAdditionalOrder = mode === "additional_order" || mode === "additional_order_with_code";
+      setEntryMode(isAdditionalOrder ? "additional_order" : "default");
+      if (mode === "idle") {
         const normalizedPolicyPayload = typeof policy === "object" && policy !== null ? policy : { id: policy };
-        if (mode === "idle") {
-          if (normalizedPolicyPayload == null ? void 0 : normalizedPolicyPayload.id) {
-            setPendingFormPayload(normalizedFormPayload);
-            setPolicyModal({
-              open: true,
-              content: normalizedPolicyPayload
-            });
-            return;
-          }
-          if (normalizedFormPayload) {
-            openFormModal(normalizedFormPayload);
-            return;
-          }
+        if (normalizedPolicyPayload == null ? void 0 : normalizedPolicyPayload.id) {
+          setPendingFormPayload(normalizedFormPayload);
+          setPolicyModal({
+            open: true,
+            content: normalizedPolicyPayload
+          });
+          return;
+        }
+        if (normalizedFormPayload) {
+          openFormModal(normalizedFormPayload);
+          return;
         }
+        await runEntryPaxGateThenEnterProduct();
+      } else if (isAdditionalOrder) {
         await enterProductStep();
       } else if (mode === "resource_busy") {
         if (!isLogin) {
@@ -251,37 +345,52 @@ function ReadyState() {
     check: /* @__PURE__ */ import_react.default.createElement(import_Check.default, null),
     error: /* @__PURE__ */ import_react.default.createElement(import_ErrorState.default, { message: import_utils.locales.getText("pisell2.scan.order.store.status.exception") })
   };
-  const getFirstFailedProductId = () => {
+  const getFirstFailedProductIds = () => {
     const firstFailure = Array.isArray(cartValidation == null ? void 0 : cartValidation.failures) ? cartValidation.failures[0] : null;
-    const firstFailedTarget = Array.isArray(firstFailure == null ? void 0 : firstFailure.targets) ? firstFailure.targets[0] : null;
-    const firstFailedProductId = Number(firstFailedTarget == null ? void 0 : firstFailedTarget.product_id);
-    if (!Number.isFinite(firstFailedProductId) || firstFailedProductId <= 0) {
-      return null;
+    const targets = Array.isArray(firstFailure == null ? void 0 : firstFailure.targets) ? firstFailure.targets : [];
+    const ids = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const target of targets) {
+      const id = Number(target == null ? void 0 : target.product_id);
+      if (Number.isFinite(id) && id > 0 && !seen.has(id)) {
+        seen.add(id);
+        ids.push(id);
+      }
     }
-    return firstFailedProductId;
+    return ids;
   };
-  const scrollAndHighlightProductById = (productId) => {
-    const failedProductElement = document.querySelector(
-      `[data-product-id="${String(productId)}"]`
-    );
-    if (!failedProductElement) return false;
-    failedProductElement.classList.remove("highlight-product-item");
-    failedProductElement.scrollIntoView({
-      behavior: "smooth",
-      block: "center"
-    });
-    failedProductElement.classList.add("highlight-product-item");
-    setTimeout(() => {
+  const scrollAndHighlightProductsByIds = (productIds) => {
+    if (!(productIds == null ? void 0 : productIds.length)) return false;
+    let scrolled = false;
+    let highlighted = false;
+    for (const productId of productIds) {
+      const failedProductElement = document.querySelector(
+        `[data-product-id="${String(productId)}"]`
+      );
+      if (!failedProductElement) continue;
       failedProductElement.classList.remove("highlight-product-item");
-    }, 3e3);
-    return true;
+      if (!scrolled) {
+        failedProductElement.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+        scrolled = true;
+      }
+      void failedProductElement.offsetWidth;
+      failedProductElement.classList.add("highlight-product-item");
+      setTimeout(() => {
+        failedProductElement.classList.remove("highlight-product-item");
+      }, 3e3);
+      highlighted = true;
+    }
+    return highlighted;
   };
   const gotoCheckOrder = async () => {
     const firstFailure = Array.isArray(cartValidation == null ? void 0 : cartValidation.failures) ? cartValidation.failures[0] : null;
     if ((cartValidation == null ? void 0 : cartValidation.passed) === false) {
-      const firstFailedProductId = getFirstFailedProductId();
-      if (firstFailedProductId) {
-        scrollAndHighlightProductById(firstFailedProductId);
+      const failedProductIds = getFirstFailedProductIds();
+      if (failedProductIds.length) {
+        scrollAndHighlightProductsByIds(failedProductIds);
       }
       const failureTips = String((firstFailure == null ? void 0 : firstFailure.validationMessage) || "").trim();
       (0, import_materials.PisellToast)({
@@ -326,7 +435,7 @@ function ReadyState() {
     if (isMobileView) return false;
     return currentStep === "product";
   }, [currentStep, isMobileView]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Header.default, { currentStep, onBack: prevStep }), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Header.default, { currentStep, onBack: handleBack }), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: `pisell-scan-order-content-wrap ${isMobileView ? "pisell-scan-order-content-mobile-wrap" : ""}`,

package/lib/components/scanOrder/context.js

@@ -149,16 +149,6 @@ function ScanOrderProvider({
         if (typeof scanOrderModule.getPageConfig === "function") {
           await scanOrderModule.getPageConfig(entryContext);
         }
-        await (0, import_hooks.safeRunModuleAction)(scanOrderModule, "setItemRuleRuntimeConfig", {
-          pax: {
-            total: 2,
-            adult: 2,
-            child: 0
-          },
-          serviceType: "dine-in",
-          submissionIndex: 0,
-          historicalItems: []
-        });
         await refreshViewModel();
         if (!unmounted) {
           setErrorMessage("");

package/lib/components/scanOrder/utils/toShoppingCartProducts.d.ts

@@ -2,8 +2,9 @@ interface ScanOrderOrderProduct {
     product_id: number | null;
     product_variant_id: number;
     num?: number;
-    payment_price?: string | number;
+    /** 券后单品单价（订单域成交单价）。 */
     selling_price?: string | number;
+    /** 券前单品单价（店铺售价）。 */
     original_price?: string | number;
     product_option_item?: any[];
     product_bundle?: any[];

package/lib/components/scanOrder/utils/toShoppingCartProducts.js

@@ -37,19 +37,22 @@ function getDisplayName(product) {
   const origin = (product == null ? void 0 : product._origin) || {};
   const callbackData = (origin == null ? void 0 : origin.callbackData) || {};
   const callbackOrigin = (callbackData == null ? void 0 : callbackData.origin) || {};
-  return (callbackData == null ? void 0 : callbackData.name) || (callbackData == null ? void 0 : callbackData.title) || (callbackOrigin == null ? void 0 : callbackOrigin.name) || (callbackOrigin == null ? void 0 : callbackOrigin.title) || (origin == null ? void 0 : origin.name) || (origin == null ? void 0 : origin.title) || ((_b = (_a = origin == null ? void 0 : origin.resources) == null ? void 0 : _a[0]) == null ? void 0 : _b.main_field) || ((_c = product == null ? void 0 : product.metadata) == null ? void 0 : _c.resource_name) || `Product #${product.product_id ?? "unknown"}`;
+  const sourceItem = (origin == null ? void 0 : origin.sourceItem) || {};
+  return (callbackData == null ? void 0 : callbackData.name) || (callbackData == null ? void 0 : callbackData.title) || (callbackOrigin == null ? void 0 : callbackOrigin.name) || (callbackOrigin == null ? void 0 : callbackOrigin.title) || (sourceItem == null ? void 0 : sourceItem.name) || (sourceItem == null ? void 0 : sourceItem.title) || (origin == null ? void 0 : origin.name) || (origin == null ? void 0 : origin.title) || ((_b = (_a = origin == null ? void 0 : origin.resources) == null ? void 0 : _a[0]) == null ? void 0 : _b.main_field) || ((_c = product == null ? void 0 : product.metadata) == null ? void 0 : _c.resource_name) || `Product #${product.product_id ?? "unknown"}`;
 }
 function getDisplayImage(product) {
   const origin = (product == null ? void 0 : product._origin) || {};
   const callbackData = (origin == null ? void 0 : origin.callbackData) || {};
   const callbackOrigin = (callbackData == null ? void 0 : callbackData.origin) || {};
-  return (callbackData == null ? void 0 : callbackData.image) || (callbackData == null ? void 0 : callbackData.cover) || (callbackOrigin == null ? void 0 : callbackOrigin.image) || (callbackOrigin == null ? void 0 : callbackOrigin.cover) || (origin == null ? void 0 : origin.image) || (origin == null ? void 0 : origin.cover) || "";
+  const sourceItem = (origin == null ? void 0 : origin.sourceItem) || {};
+  return (callbackData == null ? void 0 : callbackData.image) || (callbackData == null ? void 0 : callbackData.cover) || (callbackOrigin == null ? void 0 : callbackOrigin.image) || (callbackOrigin == null ? void 0 : callbackOrigin.cover) || (sourceItem == null ? void 0 : sourceItem.image) || (sourceItem == null ? void 0 : sourceItem.cover) || (origin == null ? void 0 : origin.image) || (origin == null ? void 0 : origin.cover) || "";
 }
 function getUnitPrice(product) {
-  const origin = (product == null ? void 0 : product._origin) || {};
-  const callbackData = (origin == null ? void 0 : origin.callbackData) || {};
+  var _a, _b;
+  const callbackData = ((_a = product == null ? void 0 : product._origin) == null ? void 0 : _a.callbackData) || {};
   const callbackOrigin = (callbackData == null ? void 0 : callbackData.origin) || {};
-  return toNumber(product.payment_price, NaN) || toNumber(product.selling_price, NaN) || toNumber(product.original_price, NaN) || toNumber(callbackData == null ? void 0 : callbackData.price, NaN) || toNumber(callbackOrigin == null ? void 0 : callbackOrigin.price, NaN) || toNumber(origin == null ? void 0 : origin.price, NaN) || toNumber(origin == null ? void 0 : origin.selling_price, NaN) || toNumber(origin == null ? void 0 : origin.base_price, 0);
+  const sourceItem = ((_b = product == null ? void 0 : product._origin) == null ? void 0 : _b.sourceItem) || {};
+  return toNumber(product.selling_price, NaN) || toNumber(product.original_price, NaN) || toNumber(callbackData == null ? void 0 : callbackData.price, NaN) || toNumber(callbackOrigin == null ? void 0 : callbackOrigin.price, NaN) || toNumber(sourceItem == null ? void 0 : sourceItem.price, 0);
 }
 function normalizeOptions(product) {
   var _a;

package/lib/components/scanOrder/utils/transformProductDetail.d.ts

@@ -43,9 +43,10 @@ export interface ScanOrderOrderProductInput {
         price: number;
     }>;
     product_bundle: ProductDetailBundleItem[];
+    /** 券后单品单价；初次加购由入口置为 selling_price，之后由 SDK Rules 引擎维护。 */
     selling_price: string;
+    /** 券前单品单价（店铺售价）。 */
     original_price: string;
-    payment_price: string;
     tax_fee: string;
     is_charge_tax: number;
     metadata: Record<string, any>;

package/lib/components/scanOrder/utils/transformProductDetail.js

@@ -83,14 +83,7 @@ function transformProductDetailToOrderProduct(params) {
     (payload == null ? void 0 : payload.price) ?? (payload == null ? void 0 : payload.selling_price) ?? (callbackOrigin == null ? void 0 : callbackOrigin.price) ?? (sourceItem == null ? void 0 : sourceItem.price) ?? (sourceItem == null ? void 0 : sourceItem.selling_price) ?? (sourceItem == null ? void 0 : sourceItem.base_price),
     "0.00"
   );
-  const originalPrice = toPriceString(
-    (payload == null ? void 0 : payload.original_price) ?? (callbackOrigin == null ? void 0 : callbackOrigin.original_price) ?? (sourceItem == null ? void 0 : sourceItem.original_price) ?? sellingPrice,
-    sellingPrice
-  );
-  const paymentPrice = toPriceString(
-    (payload == null ? void 0 : payload.payment_price) ?? (callbackOrigin == null ? void 0 : callbackOrigin.payment_price) ?? (sourceItem == null ? void 0 : sourceItem.payment_price) ?? sellingPrice,
-    sellingPrice
-  );
+  const originalPrice = sellingPrice;
   const taxFee = toPriceString(
     (payload == null ? void 0 : payload.tax_fee) ?? (callbackOrigin == null ? void 0 : callbackOrigin.tax_fee) ?? (sourceItem == null ? void 0 : sourceItem.tax_fee),
     "0.00"
@@ -111,7 +104,6 @@ function transformProductDetailToOrderProduct(params) {
     ),
     selling_price: sellingPrice,
     original_price: originalPrice,
-    payment_price: paymentPrice,
     tax_fee: taxFee,
     is_charge_tax: isChargeTax,
     metadata: {

package/lib/components/schedules/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -69,11 +68,4 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/shoppingCart/components/Empty/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Empty: (props: any) => JSX.Element;
 export default Empty;

package/lib/components/shoppingCart/components/Render/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Content: () => JSX.Element;
 export default Content;

package/lib/components/shoppingCart/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { shoppingCartProps } from './type';
 declare const shoppingCart: ({ onCard, onAction, onChange, onAddProduct, onActiveKey, ...props }: shoppingCartProps) => JSX.Element;
 export default shoppingCart;

package/lib/components/ticketBooking/components/addServiceVariant/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;

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

@@ -190,6 +190,33 @@ function toContactsInfoPayload(formValues) {
     }
   ];
 }
+function applyI18nPlaceholders(template, vars) {
+  let result = template;
+  for (const [key, value] of Object.entries(vars)) {
+    result = result.split(`{${key}}`).join(String(value));
+  }
+  return result;
+}
+function formatCheckoutDurationText(totalMinutes) {
+  const hours = Math.floor(totalMinutes / 60);
+  const minutes = totalMinutes % 60;
+  if (hours > 0 && minutes > 0) {
+    const tpl2 = String(
+      import_utils.locales.getText("pisell2.venue.checkout.duration.hours_minutes") || "{hours}h {minutes}min"
+    );
+    return applyI18nPlaceholders(tpl2, { hours, minutes });
+  }
+  if (hours > 0) {
+    const tpl2 = String(
+      import_utils.locales.getText("pisell2.venue.checkout.duration.hours") || "{hours}h"
+    );
+    return applyI18nPlaceholders(tpl2, { hours });
+  }
+  const tpl = String(
+    import_utils.locales.getText("pisell2.venue.checkout.duration.minutes") || "{minutes}min"
+  );
+  return applyI18nPlaceholders(tpl, { minutes });
+}
 function getSessionDisplayText(item) {
   const startRaw = String((item == null ? void 0 : item.start_date) || "");
   const endRaw = String((item == null ? void 0 : item.end_date) || "");
@@ -198,9 +225,7 @@ function getSessionDisplayText(item) {
   if (!start.isValid() || !end.isValid())
     return String((item == null ? void 0 : item.description) || (item == null ? void 0 : item.subtitle) || "-");
   const durationMinutes = Math.max(0, end.diff(start, "minute"));
-  const hours = Math.floor(durationMinutes / 60);
-  const minutes = durationMinutes % 60;
-  const durationText = hours > 0 && minutes > 0 ? `${hours}h ${minutes}m` : hours > 0 ? `${hours}h` : `${minutes}m`;
+  const durationText = formatCheckoutDurationText(durationMinutes);
   return `${start.format("HH:mm")} ~ ${end.format("HH:mm")} ${start.format("DD/MM/YYYY")} (${durationText})`;
 }
 function getVenueResourceName(item) {

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

@@ -289,7 +289,7 @@ function TimeGrid() {
               symbol,
               precision: 2,
               showCurrencySymbol: true,
-              hideDecimalForWholeNumbers: false,
+              hideDecimalForWholeNumbers: true,
               className: `text-[13px] font-normal leading-4 ${priceClass} md:text-sm`
             }
           ), tag ? /* @__PURE__ */ import_react.default.createElement("div", { className: `inline-flex rounded-full px-1.5 py-0 text-[8px] font-semibold leading-4 ring-1 md:text-[9px] ${tag.className}` }, tagText) : null)

package/lib/components/venueBooking/context.js

@@ -122,6 +122,7 @@ function VenueBookingProvider({ entryContext, children }) {
   const [isSubmittingOrder, setIsSubmittingOrder] = (0, import_react.useState)(false);
   const anchorDateRef = (0, import_react.useRef)(anchorDate);
   anchorDateRef.current = anchorDate;
+  const bootstrappedRef = (0, import_react.useRef)(false);
   const canNext = (0, import_react.useMemo)(() => {
     const allSelected = (0, import_hooks.getAllSelectedSlots)(venueBookingModule);
     if (Array.isArray(allSelected) && allSelected.length > 0) return true;
@@ -303,6 +304,12 @@ function VenueBookingProvider({ entryContext, children }) {
       console.warn("[venueBooking] handleLoginSuccess failed", error);
     }
   }, [syncCustomerLoginToModule, venueBookingModule, refreshViewModel]);
+  const syncCustomerLoginRef = (0, import_react.useRef)(syncCustomerLoginToModule);
+  syncCustomerLoginRef.current = syncCustomerLoginToModule;
+  const goToNearestAvailableDateRef = (0, import_react.useRef)(goToNearestAvailableDate);
+  goToNearestAvailableDateRef.current = goToNearestAvailableDate;
+  const handleLoginSuccessRef = (0, import_react.useRef)(handleLoginSuccess);
+  handleLoginSuccessRef.current = handleLoginSuccess;
   const submitOrder = (0, import_react.useCallback)(async () => {
     var _a2, _b2, _c2;
     if (isSubmittingOrder) return;
@@ -414,7 +421,7 @@ function VenueBookingProvider({ entryContext, children }) {
     if (!pubsub) return;
     const onGlobalLoginSuccess = async (res) => {
       if (res === "success" || (res == null ? void 0 : res.status) === "success") {
-        await handleLoginSuccess();
+        await handleLoginSuccessRef.current();
       }
     };
     (_a2 = pubsub.subscribe) == null ? void 0 : _a2.call(pubsub, "pisell1.login.success", onGlobalLoginSuccess);
@@ -422,7 +429,7 @@ function VenueBookingProvider({ entryContext, children }) {
       var _a3;
       (_a3 = pubsub.unsubscribe) == null ? void 0 : _a3.call(pubsub, "pisell1.login.success", onGlobalLoginSuccess);
     };
-  }, [utils == null ? void 0 : utils.pubsub, handleLoginSuccess]);
+  }, [utils == null ? void 0 : utils.pubsub]);
   (0, import_react.useEffect)(() => {
     if (!venueBookingModule) return;
     setIsGridTransition(true);
@@ -463,15 +470,16 @@ function VenueBookingProvider({ entryContext, children }) {
     };
   }, [pisellOS, venueBookingModule]);
   (0, import_react.useEffect)(() => {
-    if (!venueBookingModule) return;
+    if (bootstrappedRef.current || !venueBookingModule) return;
+    bootstrappedRef.current = true;
     let unmounted = false;
     const bootstrap = async () => {
       try {
         setIsLoading(true);
-        await syncCustomerLoginToModule();
+        await syncCustomerLoginRef.current();
         await (0, import_hooks.loadVenueProducts)(venueBookingModule, import_hooks.VENUE_PRODUCT_IDS);
         const venueProducts = typeof (venueBookingModule == null ? void 0 : venueBookingModule.getVenueProducts) === "function" ? venueBookingModule.getVenueProducts() : [];
-        await goToNearestAvailableDate(anchorDateRef.current);
+        await goToNearestAvailableDateRef.current(anchorDateRef.current);
         const moduleData = (0, import_hooks.createVenueBookingViewModel)(venueBookingModule);
         if (!unmounted) {
           setViewModel((prev) => ({
@@ -506,7 +514,7 @@ function VenueBookingProvider({ entryContext, children }) {
     return () => {
       unmounted = true;
     };
-  }, [venueBookingModule, entryContext == null ? void 0 : entryContext.biz, entryContext == null ? void 0 : entryContext.resource_id, syncCustomerLoginToModule, goToNearestAvailableDate]);
+  }, [venueBookingModule]);
   const value = (0, import_react.useMemo)(() => ({
     venueBookingModule,
     currentStep,

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

@@ -78,6 +78,9 @@ declare const _default: {
         'pisell2.venue.checkout.hotline': string;
         'pisell2.venue.checkout.estimated.total': string;
         'pisell2.venue.checkout.change': string;
+        'pisell2.venue.checkout.duration.hours_minutes': string;
+        'pisell2.venue.checkout.duration.hours': string;
+        'pisell2.venue.checkout.duration.minutes': string;
         'pisell2.venue.grid.loading': string;
         'pisell2.venue.legend.product.fallback': string;
         'pisell2.venue.addons.empty': string;
@@ -199,6 +202,9 @@ declare const _default: {
         'pisell2.venue.checkout.hotline': string;
         'pisell2.venue.checkout.estimated.total': string;
         'pisell2.venue.checkout.change': string;
+        'pisell2.venue.checkout.duration.hours_minutes': string;
+        'pisell2.venue.checkout.duration.hours': string;
+        'pisell2.venue.checkout.duration.minutes': string;
         'pisell2.venue.grid.loading': string;
         'pisell2.venue.legend.product.fallback': string;
         'pisell2.venue.addons.empty': string;
@@ -320,6 +326,9 @@ declare const _default: {
         'pisell2.venue.checkout.hotline': string;
         'pisell2.venue.checkout.estimated.total': string;
         'pisell2.venue.checkout.change': string;
+        'pisell2.venue.checkout.duration.hours_minutes': string;
+        'pisell2.venue.checkout.duration.hours': string;
+        'pisell2.venue.checkout.duration.minutes': string;
         'pisell2.venue.grid.loading': string;
         'pisell2.venue.legend.product.fallback': string;
         'pisell2.venue.addons.empty': string;
@@ -441,6 +450,9 @@ declare const _default: {
         'pisell2.venue.checkout.hotline': string;
         'pisell2.venue.checkout.estimated.total': string;
         'pisell2.venue.checkout.change': string;
+        'pisell2.venue.checkout.duration.hours_minutes': string;
+        'pisell2.venue.checkout.duration.hours': string;
+        'pisell2.venue.checkout.duration.minutes': string;
         'pisell2.venue.grid.loading': string;
         'pisell2.venue.legend.product.fallback': string;
         'pisell2.venue.addons.empty': string;
@@ -562,6 +574,9 @@ declare const _default: {
         'pisell2.venue.checkout.hotline': string;
         'pisell2.venue.checkout.estimated.total': string;
         'pisell2.venue.checkout.change': string;
+        'pisell2.venue.checkout.duration.hours_minutes': string;
+        'pisell2.venue.checkout.duration.hours': string;
+        'pisell2.venue.checkout.duration.minutes': string;
         'pisell2.venue.grid.loading': string;
         'pisell2.venue.legend.product.fallback': string;
         'pisell2.venue.addons.empty': string;

package/lib/components/venueBooking/locales.js

@@ -98,6 +98,9 @@ var locales_default = {
     "pisell2.venue.checkout.hotline": "Support hotline",
     "pisell2.venue.checkout.estimated.total": "Estimated total",
     "pisell2.venue.checkout.change": "Change",
+    "pisell2.venue.checkout.duration.hours_minutes": "{hours}h {minutes}min",
+    "pisell2.venue.checkout.duration.hours": "{hours}h",
+    "pisell2.venue.checkout.duration.minutes": "{minutes}min",
     "pisell2.venue.grid.loading": "Loading...",
     "pisell2.venue.legend.product.fallback": "Product",
     "pisell2.venue.addons.empty": "No add-ons available.",
@@ -219,6 +222,9 @@ var locales_default = {
     "pisell2.venue.checkout.hotline": "客服热线",
     "pisell2.venue.checkout.estimated.total": "预估总价",
     "pisell2.venue.checkout.change": "修改",
+    "pisell2.venue.checkout.duration.hours_minutes": "{hours}小时{minutes}分钟",
+    "pisell2.venue.checkout.duration.hours": "{hours}小时",
+    "pisell2.venue.checkout.duration.minutes": "{minutes}分钟",
     "pisell2.venue.grid.loading": "加载中...",
     "pisell2.venue.legend.product.fallback": "商品",
     "pisell2.venue.addons.empty": "暂无可选附加商品",
@@ -340,6 +346,9 @@ var locales_default = {
     "pisell2.venue.checkout.hotline": "客服熱線",
     "pisell2.venue.checkout.estimated.total": "預估總價",
     "pisell2.venue.checkout.change": "修改",
+    "pisell2.venue.checkout.duration.hours_minutes": "{hours}小時{minutes}分鐘",
+    "pisell2.venue.checkout.duration.hours": "{hours}小時",
+    "pisell2.venue.checkout.duration.minutes": "{minutes}分鐘",
     "pisell2.venue.grid.loading": "加載中...",
     "pisell2.venue.legend.product.fallback": "商品",
     "pisell2.venue.addons.empty": "暫無可選附加商品",
@@ -461,6 +470,9 @@ var locales_default = {
     "pisell2.venue.checkout.hotline": "サポート窓口",
     "pisell2.venue.checkout.estimated.total": "見積合計",
     "pisell2.venue.checkout.change": "変更",
+    "pisell2.venue.checkout.duration.hours_minutes": "{hours}時間{minutes}分",
+    "pisell2.venue.checkout.duration.hours": "{hours}時間",
+    "pisell2.venue.checkout.duration.minutes": "{minutes}分",
     "pisell2.venue.grid.loading": "読み込み中...",
     "pisell2.venue.legend.product.fallback": "商品",
     "pisell2.venue.addons.empty": "追加できる商品がありません。",
@@ -582,6 +594,9 @@ var locales_default = {
     "pisell2.venue.checkout.hotline": "Central de suporte",
     "pisell2.venue.checkout.estimated.total": "Total estimado",
     "pisell2.venue.checkout.change": "Alterar",
+    "pisell2.venue.checkout.duration.hours_minutes": "{hours} h {minutes} min",
+    "pisell2.venue.checkout.duration.hours": "{hours} h",
+    "pisell2.venue.checkout.duration.minutes": "{minutes} min",
     "pisell2.venue.grid.loading": "Carregando...",
     "pisell2.venue.legend.product.fallback": "Produto",
     "pisell2.venue.addons.empty": "Nenhum adicional disponível.",

package/lib/plus/clinetSearch/Add/PhoneField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;