@pisell/private-materials 6.2.31 → 6.3.1

package/lib/components/ticketBooking/components/addServiceVariant/addService.js

@@ -40,17 +40,17 @@ var import_utils2 = require("../../../booking/utils");
 var import_utils3 = require("../../../booking/info2/service/addService/utils");
 var import_utils4 = require("../../../booking/info/service2/utils");
 var import_utils5 = require("../../../booking/info/utils");
+var import_serve = require("../../../booking/info/service/serve");
 var import_serviceManager = require("../../../booking/info/service/serviceManager");
 var import_productSelect = __toESM(require("../../../productSelect"));
 var import_index = require("./index.less");
 var import_utils6 = require("../../utils");
 var import_notAvailable = __toESM(require("../notAvailable"));
 var import_dayjs = __toESM(require("dayjs"));
-var import_pisellos = require("../../hooks/pisellos");
-var import_utils7 = require("./utils");
 var AddSerivce = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { onEdit, state, dispatch, renderMode = "current" } = props;
+  const [loading, setLoading] = (0, import_react.useState)(true);
   const context = (0, import_useEngineContext.default)();
   const notAvailableRef = (0, import_react.useRef)(null);
   const isLoadedServiceRef = (0, import_react.useRef)(false);
@@ -70,7 +70,17 @@ var AddSerivce = (props) => {
   const [currentProduct, setCurrentProduct] = (0, import_react.useState)(null);
   const stateRef = (0, import_react.useRef)(state);
   stateRef.current = state;
-  const { getProducts, products, loading } = (0, import_pisellos.useProducts)();
+  (0, import_react.useEffect)(() => {
+    return () => {
+      Object.values(debounceTimersRef.current).forEach((timer) => {
+        if (timer) clearTimeout(timer);
+      });
+      debounceTimersRef.current = {};
+    };
+  }, []);
+  const pendingCacheValuesRef = (0, import_react.useRef)({});
+  const clickCountRef = (0, import_react.useRef)({});
+  const debounceTimersRef = (0, import_react.useRef)({});
   const menuList = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.menu_list_tab) == null ? void 0 : _c2.menu_list) || [];
@@ -79,48 +89,152 @@ var AddSerivce = (props) => {
     var _a2, _b2;
     return ((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id) || void 0;
   }, [(_k = (_j = state.client) == null ? void 0 : _j.value) == null ? void 0 : _k.id]);
-  const scanAddService = (0, import_ahooks.useMemoizedFn)((list, code) => {
-    let newService = [...state.service.value];
-    list.forEach((item) => {
-      if ((0, import_utils7.isBundle)(item) || (0, import_utils7.isOption)(item)) {
-        handleSelectProduct(item);
-        return;
-      }
-      const values = (0, import_utils7.genValues)(item, code);
-      let cacheItem = (0, import_utils7.createCacheItem)(item, values, state);
-      cacheItem._serviceKey = (0, import_utils6.genServiceKey)(cacheItem);
-      cacheItem.autoClose = false;
-      let { list: _list, quantity } = (0, import_utils6.addService)(
-        [...newService],
-        cacheItem,
-        state
-      );
-      handleAddToast(cacheItem.title, quantity);
-      newService = _list;
+  const setDefaultService = async (list) => {
+    if (state.renderType !== "eventBooking") {
+      return;
+    }
+    if (state.bookingId) {
+      return;
+    }
+    if (list.length !== 1) {
+      return;
+    }
+    let _list = [...state.service.value];
+    if (_list.length !== 0) {
+      return;
+    }
+    setLoading(true);
+    let product = list[0];
+    const detail = await (0, import_serve.getProductDetail)(product.id, {
+      schedule_date: state.date.value.format("YYYY-MM-DD")
     });
+    const isBundleOrCombination = (0, import_utils5.getIsBundleOrCombination)(detail.data);
+    setLoading(false);
+    if (isBundleOrCombination) return;
+    let _item = {
+      ...product,
+      product_id: product.id,
+      _id: (0, import_utils.getUniqueId)(),
+      _extend: {
+        start_date: state.date.value,
+        startDate: state.date.value,
+        endDate: state.date.value,
+        start_time: "00:00:00",
+        duration: 10,
+        quantity: 1,
+        price: product.price,
+        total: product.price,
+        origin_total: product.price,
+        product_name: product.title
+      }
+    };
+    _list.push(_item);
     dispatch({
       type: "setService",
       payload: {
-        value: newService,
+        value: _list,
         edit: true
       }
     });
-  });
-  (0, import_react.useMemo)(() => {
-    (0, import_utils7.setHandleSetService)(scanAddService);
-  }, []);
-  const handleAddToast = (title, quantity) => {
-    var _a2;
-    (_a2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _a2.call(
-      Toast,
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-title" }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-quantity" }, import_utils.locales.getText("pisell2.ticket-booking.in-cart")(
-        quantity || 1
-      )))
+  };
+  const removeNotAvailableService = (list) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    if (!((_c2 = (_b2 = (_a2 = stateRef.current) == null ? void 0 : _a2.service) == null ? void 0 : _b2.value) == null ? void 0 : _c2.length)) return;
+    const listMap = list.reduce((acc, cur) => {
+      acc[cur.id] = cur;
+      return acc;
+    }, {});
+    const newValue = (((_e2 = (_d2 = stateRef.current) == null ? void 0 : _d2.service) == null ? void 0 : _e2.value) || []).filter(
+      (item) => listMap[item.product_id]
     );
+    dispatch({
+      type: "setService",
+      payload: {
+        value: newValue,
+        edit: true
+      }
+    });
+  };
+  const getServices = async (params) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    setLoading(true);
+    if (state.renderType === "eventBooking" && !((_b2 = (_a2 = state.eventOtherParams) == null ? void 0 : _a2.productIds) == null ? void 0 : _b2.length)) {
+      dispatch({
+        type: "setService",
+        payload: {
+          services: []
+        }
+      });
+      setLoading(false);
+      return;
+    }
+    let data = await state.apis.getServices({
+      skip: 1,
+      num: 500,
+      // extension_type: state.productExtensionType,
+      exclude_extension_type: [
+        "product_party",
+        "product_event",
+        "product_series_event",
+        "product_package_ticket",
+        "ticket",
+        "event_item"
+      ],
+      with: ["category"],
+      open_quotation: 1,
+      with_schedule: 1,
+      with_count: ["bundleGroup", "optionGroup"],
+      order_by_string: "sort:desc",
+      status: "published",
+      schedule_date: params == null ? void 0 : params.schedule_date,
+      schedule_datetime: params == null ? void 0 : params.schedule_datetime,
+      customer_id: params == null ? void 0 : params.customer_id,
+      menu_list_ids: params == null ? void 0 : params.menu_list_ids,
+      _config: {
+        fullResult: true,
+        customResponse: true
+      }
+    });
+    setLoading(false);
+    if ((data == null ? void 0 : data.code) === 607100) {
+      if (!isLoadedServiceRef.current || ((_d2 = (_c2 = state.service) == null ? void 0 : _c2.services) == null ? void 0 : _d2.length)) {
+        (_e2 = notAvailableRef.current) == null ? void 0 : _e2.open();
+      }
+    }
+    if (!state.service.addModal) {
+      setDefaultService((_f2 = data == null ? void 0 : data.data) == null ? void 0 : _f2.list);
+    }
+    removeNotAvailableService((_g2 = data == null ? void 0 : data.data) == null ? void 0 : _g2.list);
+    isLoadedServiceRef.current = true;
+    dispatch({
+      type: "setService",
+      payload: {
+        services: ((_h2 = data == null ? void 0 : data.data) == null ? void 0 : _h2.list) || []
+      }
+    });
   };
+  const executeCacheValues = (0, import_ahooks.useMemoizedFn)((productId, originalCacheValues, item, originalCallback) => {
+    const clickCount = clickCountRef.current[productId] || 1;
+    const finalCacheValues = {
+      ...originalCacheValues,
+      quantity: clickCount
+    };
+    delete pendingCacheValuesRef.current[productId];
+    delete clickCountRef.current[productId];
+    delete debounceTimersRef.current[productId];
+    originalCallback(finalCacheValues, "", item, true);
+  });
+  const debouncedExecuteCacheValues = (0, import_ahooks.useMemoizedFn)((productId, cacheValues, item, callback) => {
+    if (debounceTimersRef.current[productId]) {
+      clearTimeout(debounceTimersRef.current[productId]);
+    }
+    debounceTimersRef.current[productId] = setTimeout(() => {
+      executeCacheValues(productId, cacheValues, item, callback);
+    }, 0);
+  });
   const handleSelectProduct = (0, import_ahooks.useMemoizedFn)(
     (item, type = "select") => {
-      var _a2;
+      var _a2, _b2, _c2, _d2;
       if (!(0, import_utils4.isNormalProductByDurationSchedule)(item)) {
         if (!Array.isArray((_a2 = state.service) == null ? void 0 : _a2.resourcesOrigin) || !state.service.resourcesOrigin.length) {
           dispatch({
@@ -142,7 +256,7 @@ var AddSerivce = (props) => {
         setCurrentProduct(item);
       } else {
         setCurrentProduct(null);
-        if (!isSession) {
+        if (!isSession && (0, import_utils4.isNormalProductByDurationSchedule)(item)) {
           cacheValues = {
             bundle: [],
             key: item.id,
@@ -152,12 +266,14 @@ var AddSerivce = (props) => {
             quantity: 1,
             rowKey: item.id,
             session: null,
-            unique: "08974625397"
+            unique: "08974625397",
+            _originalItem: item
+            // 保存原始商品信息
           };
         }
       }
-      const callback = async (e, extension_type, detail) => {
-        var _a3, _b2, _c2, _d2, _e2, _f2;
+      const callback = async (e, extension_type, detail, notShowToast) => {
+        var _a3, _b3, _c3, _d3, _e2, _f2, _g2;
         setCurrentProduct(null);
         if (lock) {
           return;
@@ -217,10 +333,17 @@ var AddSerivce = (props) => {
             cacheItem,
             state
           );
-          handleAddToast(cacheItem.title, quantity || 1);
+          if (!notShowToast) {
+            (_b3 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _b3.call(
+              Toast,
+              /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-title" }, cacheItem.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-quantity" }, import_utils.locales.getText("pisell2.ticket-booking.in-cart")(
+                quantity || 1
+              )))
+            );
+          }
           (0, import_utils6.addServiceScroll)(e.rowKey, cacheItem);
           try {
-            if (((_f2 = (_e2 = (_d2 = (_c2 = (_b2 = context.appHelper.utils.store) == null ? void 0 : _b2.getState) == null ? void 0 : _c2.call(_b2)) == null ? void 0 : _d2.global) == null ? void 0 : _e2.globalConfig) == null ? void 0 : _f2.id) === 2155) {
+            if (((_g2 = (_f2 = (_e2 = (_d3 = (_c3 = context.appHelper.utils.store) == null ? void 0 : _c3.getState) == null ? void 0 : _d3.call(_c3)) == null ? void 0 : _e2.global) == null ? void 0 : _f2.globalConfig) == null ? void 0 : _g2.id) === 2155) {
               const val = _list == null ? void 0 : _list.map((s) => {
                 return {
                   product_id: s == null ? void 0 : s.product_id,
@@ -277,7 +400,23 @@ var AddSerivce = (props) => {
         }
       };
       if (cacheValues) {
-        callback(cacheValues, "", item);
+        const productId = item.id.toString();
+        if (pendingCacheValuesRef.current[productId]) {
+          clickCountRef.current[productId] = (clickCountRef.current[productId] || 1) + 1;
+        } else {
+          pendingCacheValuesRef.current[productId] = cacheValues;
+          clickCountRef.current[productId] = 1;
+        }
+        const cacheItem = (0, import_utils6.createSimpleCacheItem)(item, cacheValues, state);
+        const detail = (_b2 = state.service.value) == null ? void 0 : _b2.find((val) => (0, import_utils6.isSameProduct)(val, cacheItem));
+        const originalQuantity = ((_c2 = detail == null ? void 0 : detail._extend) == null ? void 0 : _c2.quantity) || 0;
+        (_d2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _d2.call(
+          Toast,
+          /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-quantity" }, import_utils.locales.getText("pisell2.ticket-booking.in-cart")(
+            (clickCountRef.current[productId] || 1) + originalQuantity
+          )))
+        );
+        debouncedExecuteCacheValues(productId, cacheValues, item, callback);
         return;
       }
       state.action({
@@ -305,7 +444,8 @@ var AddSerivce = (props) => {
     }
   );
   const renderList = (0, import_react.useMemo)(() => {
-    let _list = products || [];
+    var _a2;
+    let _list = ((_a2 = state.service) == null ? void 0 : _a2.services) || [];
     if ((0, import_utils4.isDaysBooking)(state)) {
       if (!(0, import_utils4.holderId)(state)) {
         _list = _list.filter(
@@ -314,7 +454,7 @@ var AddSerivce = (props) => {
       }
     }
     return _list;
-  }, [products, state == null ? void 0 : state.activeCartId]);
+  }, [(_l = state.service) == null ? void 0 : _l.services, state == null ? void 0 : state.activeCartId]);
   const currentDate = (0, import_react.useMemo)(() => {
     return state.date.value.format("YYYY-MM-DD");
   }, [state.date.value]);
@@ -323,7 +463,7 @@ var AddSerivce = (props) => {
   }, [state.date.value]);
   (0, import_react.useEffect)(() => {
     if (renderMode === "current" && state.bookingConfig) {
-      getProducts({
+      getServices({
         schedule_date: currentDate,
         customer_id: customerId,
         menu_list_ids: menuList,

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

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