@pisell/private-materials 3.3.80 → 3.3.81

package/lib/components/booking/components/voucher/index.js

@@ -42,6 +42,7 @@ var import_materials = require("@pisell/materials");
 var import_useIsBooking4Shop = require("../../hooks/useIsBooking4Shop");
 var import_index = require("./index.less");
 var import_ahooks = require("ahooks");
+var import_utils2 = require("./utils");
 var ShopDiscountHooks = {
   onInited: "shopDiscount:onInited",
   onDestroy: "shopDiscount:onDestroy",
@@ -54,37 +55,33 @@ var ShopDiscountHooks = {
 };
 var services = {};
 var VoucherCard = (props) => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const context = (0, import_useEngineContext.default)();
-  const { state, dispatch } = props;
+  const { state, dispatch, source } = props;
   const [showDetail, setShowDetail] = (0, import_react.useState)(false);
   const { pisellos } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const [code, setCode] = (0, import_react.useState)("");
   const [discountList, setDisCountList] = (0, import_react.useState)([]);
-  const productRef = (0, import_react.useRef)(state.service.value);
+  const serviceValueRef = (0, import_react.useRef)(state.service.value);
+  const addonsValueRef = (0, import_react.useRef)(state.addons.value);
   const isBooking4Shop = (0, import_useIsBooking4Shop.useIsBooking4Shop)(state);
   const shopDiscount = pisellos.getModule("shopDiscount");
   services = state.service;
-  const availableData = (0, import_react.useMemo)(() => {
-    if (!isBooking4Shop) return [];
-    const shopDiscount2 = pisellos.getModule("shopDiscount");
-    return discountList.filter((item) => !!item.isAvailable).map((discount) => {
-      return {
-        ...discount,
-        savedAmount: shopDiscount2.calcDiscountApplicableProductTotalPrice(discount)
-      };
-    });
-  }, [discountList, isBooking4Shop]);
-  (0, import_react.useEffect)(() => {
+  (0, import_ahooks.useDebounceEffect)(() => {
     if (isBooking4Shop) {
       shopDiscount.setCustomer(state.client.value);
     }
-  }, [(_b = state.client.value) == null ? void 0 : _b.id, isBooking4Shop]);
+  }, [(_b = state.client.value) == null ? void 0 : _b.id, isBooking4Shop], {
+    wait: 200
+  });
   (0, import_react.useEffect)(() => {
     if (isBooking4Shop) {
-      shopDiscount.setProductList(state.service.value);
+      shopDiscount.setProductList([
+        ...state.service.value,
+        ...state.addons.value
+      ]);
     }
-  }, [state.service.value, isBooking4Shop]);
+  }, [state.service.value, state.addons.value, isBooking4Shop]);
   const serviceMemo = (0, import_react.useMemo)(() => {
     var _a2;
     const val = (_a2 = state.service.value || []) == null ? void 0 : _a2.map((value) => {
@@ -92,7 +89,6 @@ var VoucherCard = (props) => {
       return {
         booking_id: value.booking_id,
         id: value.id,
-        _id: value._id,
         price: value.price,
         total: (_a3 = value == null ? void 0 : value._extend) == null ? void 0 : _a3.total,
         discount_list: value.discount_list,
@@ -101,89 +97,141 @@ var VoucherCard = (props) => {
     });
     return val;
   }, [state.service.value]);
+  const addonsMemo = (0, import_react.useMemo)(() => {
+    var _a2;
+    const val = (_a2 = state.addons.value || []) == null ? void 0 : _a2.map((value) => {
+      var _a3, _b2;
+      return {
+        booking_id: value.booking_id,
+        id: value.id,
+        _id: value._id,
+        price: value.price,
+        total: (_a3 = value == null ? void 0 : value._extend) == null ? void 0 : _a3.total,
+        discount_list: value.discount_list,
+        _key: value._key,
+        num: (_b2 = value == null ? void 0 : value._extend) == null ? void 0 : _b2.quantity
+      };
+    });
+    return val;
+  }, [state.addons.value]);
+  const disabled = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (["paid", "partially_paid"].includes((_a2 = state.bookingDetail) == null ? void 0 : _a2.payment_status) && [...addonsMemo, ...serviceMemo].every((item) => item.booking_id)) {
+      return true;
+    }
+    return false;
+  }, [state, addonsMemo, serviceMemo]);
   const { run } = (0, import_ahooks.useDebounceFn)(
     () => {
       var _a2, _b2;
-      if (productRef.current === state.service.value || !((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length)) {
+      if (serviceValueRef.current === state.service.value && addonsValueRef.current === state.addons.value || !((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length)) {
         return;
       }
       if (isBooking4Shop) {
-        const val = shopDiscount.calcDiscount(state.service.value);
-        productRef.current = val.productList;
-        dispatch({
-          type: "setService",
-          payload: {
-            ...services,
-            value: ((val == null ? void 0 : val.productList) || []).filter(Boolean)
-          }
-        });
+        const val = shopDiscount.calcDiscount([
+          ...state.service.value,
+          ...state.addons.value
+        ]);
+        console.log("input: ", state.service.value);
+        console.log("output: ", val);
+        productListToValue(val.productList);
       }
     },
     { wait: 500 }
   );
   (0, import_react.useEffect)(() => {
     run();
-  }, [JSON.stringify(serviceMemo), isBooking4Shop]);
+  }, [JSON.stringify(serviceMemo), JSON.stringify(addonsMemo), isBooking4Shop]);
   const fn = (0, import_ahooks.useMemoizedFn)((result) => {
     var _a2;
     if (!(result == null ? void 0 : result.productList) || ((_a2 = result == null ? void 0 : result.productList) == null ? void 0 : _a2.some((item) => !item))) {
       return;
     }
-    dispatch({
-      type: "setService",
-      payload: {
-        ...services,
-        value: result.productList
-      }
-    });
+    productListToValue(result.productList);
   });
   (0, import_react.useEffect)(() => {
     if (!isBooking4Shop) return;
+    const onScanCustomerChange = (customer) => {
+      dispatch({
+        type: "setClient",
+        payload: {
+          value: customer
+        }
+      });
+    };
+    const onDiscountListChange = (discount) => {
+      setDisCountList(discount);
+    };
     pisellos.effects.on(
       ShopDiscountHooks.onScanCustomerChange,
-      (customer) => {
-        dispatch({
-          type: "setClient",
-          payload: {
-            value: customer
-          }
-        });
-      }
+      onScanCustomerChange
     );
     pisellos.effects.on(ShopDiscountHooks.onLoadPrepareCalcResult, fn);
     pisellos.effects.on(
       ShopDiscountHooks.onDiscountListChange,
-      (discount) => {
-        setDisCountList(discount);
-      }
+      onDiscountListChange
     );
     return () => {
       shopDiscount.clear();
-      pisellos.effects.off(ShopDiscountHooks.onCustomerChange);
-      pisellos.effects.off(ShopDiscountHooks.onLoadPrepareCalcResult);
-      pisellos.effects.off(ShopDiscountHooks.onDiscountListChange);
+      pisellos.effects.off(ShopDiscountHooks.onCustomerChange, onScanCustomerChange);
+      pisellos.effects.off(ShopDiscountHooks.onLoadPrepareCalcResult, fn);
+      pisellos.effects.off(ShopDiscountHooks.onDiscountListChange, onDiscountListChange);
     };
   }, [state.bookingId, isBooking4Shop, fn]);
+  const productListToValue = (0, import_ahooks.useMemoizedFn)((list, edit) => {
+    const { serviceList, addonsList } = (0, import_utils2.getServiceAddons)(list);
+    serviceValueRef.current = serviceList;
+    addonsValueRef.current = addonsList;
+    let other = {};
+    if (edit) {
+      other = {
+        edit: true
+      };
+    }
+    dispatch({
+      type: "setService",
+      payload: {
+        value: serviceList,
+        ...other
+      }
+    });
+    dispatch({
+      type: "setAddons",
+      payload: {
+        value: addonsList,
+        ...other
+      }
+    });
+  });
   const onScanCode = async () => {
     const val = await shopDiscount.scanCode(code);
     console.log(val);
     if (val == null ? void 0 : val.isAvailable) {
-      productRef.current = val.productList;
-      dispatch({
-        type: "setService",
-        payload: {
-          value: val.productList,
-          edit: true
-        }
-      });
+      productListToValue(val.productList, true);
       setCode("");
     } else {
       (0, import_materials.PisellToast)({
-        content: import_utils.locales.getText("pisell2.text.goodpass.code-invalid")
+        content: val.type === "server" ? import_utils.locales.getText("pisell2.text.goodpass.code-invalid") : import_utils.locales.getText("pisell2.text.goodpass.code-invalid-cart")
       });
     }
   };
+  const availableData = (0, import_react.useMemo)(() => {
+    if (!isBooking4Shop) return [];
+    const shopDiscount2 = pisellos.getModule("shopDiscount");
+    return discountList.filter((item) => !!item.isAvailable).map((discount) => {
+      return {
+        ...discount,
+        isDisabled: discount.isDisabled || discount.isDisabledForProductUsed || disabled,
+        savedAmount: shopDiscount2.calcDiscountApplicableProductTotalPrice(discount)
+      };
+    });
+  }, [discountList, isBooking4Shop, disabled]);
   if (!isBooking4Shop) return null;
+  const mixedSort = (val) => {
+    return [...val].sort((a, b) => {
+      return Number(b == null ? void 0 : b.isSelected) - Number(a == null ? void 0 : a.isSelected);
+    });
+  };
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-voucher-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.text.goodpass")), /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
@@ -214,7 +262,8 @@ var VoucherCard = (props) => {
       import_materials.PisellGoodPassCard,
       {
         style: { width: "100%" },
-        dataSource: availableData,
+        dataSource: ((_d = (_c = state.service) == null ? void 0 : _c.value) == null ? void 0 : _d.length) ? availableData : [],
+        mixedSort,
         onChange: (val) => {
           const shopDiscount2 = pisellos.getModule("shopDiscount");
           const detail = shopDiscount2.setDiscountSelected({
@@ -222,13 +271,7 @@ var VoucherCard = (props) => {
             isSelected: val.isSelected
           });
           console.log("setDiscountSelected:", detail);
-          dispatch({
-            type: "setService",
-            payload: {
-              edit: true,
-              value: detail.productList
-            }
-          });
+          productListToValue(detail.productList, true);
         }
       }
     ) : null,
@@ -241,6 +284,7 @@ var VoucherCard = (props) => {
           setCode((_a2 = e.target) == null ? void 0 : _a2.value);
         },
         size: "small",
+        allowClear: true,
         placeholder: import_utils.locales.getText("pisell2.text.goodpass.enter-code")
       }
     )), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", onClick: onScanCode, disabled: !code }, import_utils.locales.getText("pisell2.text.apply")))

package/lib/components/booking/components/voucher/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const getServiceAddons: (list: any[]) => {
+    serviceList: any[];
+    addonsList: any[];
+};

package/lib/components/booking/components/voucher/utils.js

@@ -0,0 +1,43 @@
+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/booking/components/voucher/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getServiceAddons: () => getServiceAddons
+});
+module.exports = __toCommonJS(utils_exports);
+var getServiceAddons = (list) => {
+  const serviceList = [];
+  const addonsList = [];
+  list.forEach((item) => {
+    if (item.isAddons) {
+      addonsList.push(item);
+    } else {
+      serviceList.push(item);
+    }
+  });
+  return {
+    serviceList,
+    addonsList
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getServiceAddons
+});

package/lib/components/booking/deposit/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Deposit: (props: any) => JSX.Element;
 export default Deposit;

package/lib/components/booking/editBookingModal/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { EditBookingModalProps } from './type';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<EditBookingModalProps & React.RefAttributes<unknown>>;
+export default _default;