@pisell/private-materials 3.3.76 → 3.3.77

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

@@ -106,11 +106,13 @@ var formatProductValues = (data) => {
       ...d,
       id: d.product_id,
       title: d.product_title,
+      isAddons: true,
       quantity: d.product_quantity,
       cover: d.product_cover,
       price: Number(d.source_product_price),
       _extend: {
         total: Number(d.selling_price),
+        origin_total: Number(d.selling_price),
         payment_price: Number(d.payment_price),
         price: Number(d.source_product_price),
         quantity: d.product_quantity,
@@ -214,6 +216,7 @@ var Addons = (0, import_model.Provider)((props) => {
     let _list = [...state.addons.value];
     const isSession = (0, import_utils2.isSessionProduct)(item);
     const isEject = (0, import_utils2.getIsEject)(item, type);
+    const isOnlySession = (0, import_utils2.getIsOnlySession)(item);
     state.action({
       type: "pisell1.handleOpenProductModal",
       data: {
@@ -226,6 +229,7 @@ var Addons = (0, import_model.Provider)((props) => {
           package: true,
           number: true
         },
+        isOnlySession,
         is_eject: isEject ? 1 : 0,
         isOS: isSession
       },
@@ -234,6 +238,7 @@ var Addons = (0, import_model.Provider)((props) => {
         let product = {
           ..._detail,
           _id: (0, import_utils3.getUniqueId)(),
+          isAddons: true,
           _key: e.key,
           _extend: {
             price: _detail.price,
@@ -244,7 +249,11 @@ var Addons = (0, import_model.Provider)((props) => {
         };
         let _total = (0, import_utils2.getProductTotalPrice)(product);
         product._extend.total = _total;
-        let _item = _list.find((d) => d._extend.other.rowKey === e.rowKey);
+        product._extend.origin_total = _total;
+        let _item = _list.find((d) => {
+          var _a2;
+          return d._extend.other.rowKey === e.rowKey && !d.booking_id && !((_a2 = d.discount_list) == null ? void 0 : _a2.length);
+        });
         if (_item) {
           _item._extend.quantity = _item._extend.quantity + product.quantity;
         } else {
@@ -390,6 +399,7 @@ var Addons = (0, import_model.Provider)((props) => {
         let product = {
           ...item,
           ..._detail,
+          isAddons: true,
           // 编辑商品时清除折扣信息
           discount_list: [],
           _extend: {
@@ -403,8 +413,8 @@ var Addons = (0, import_model.Provider)((props) => {
         }
         let _total = (0, import_utils2.getProductTotalPrice)(product);
         product._extend.total = _total;
+        product._extend.origin_total = _total;
         let _list = [...state.addons.value];
-        console.log("cacheItem", product);
         _list = _list.map((d) => d._id === product._id ? product : d);
         dispatch({
           type: "setAddons",

package/lib/components/booking/addons/model.js

@@ -34,6 +34,9 @@ var { Provider, Context } = (0, import_utils.miniRedux)({
     },
     setAddons(state, payload) {
       state.setGlobalState({ addons: { ...state.addons, ...payload } });
+    },
+    setService(state, payload) {
+      state.setGlobalState({ service: { ...state.service, ...payload } });
     }
   }
 });

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface TabProductProps {
     list: any[];

package/lib/components/booking/components/TabProduct/productItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;

package/lib/components/booking/components/TabProduct/selectProductItem/index.js

@@ -101,7 +101,11 @@ var SelectProductItem = ({
           disabled
         }
       ),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-total" }, (0, import_utils.formatAmount)(
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "server-select-product-total" }, item._extend.origin_total !== item._extend.total && /* @__PURE__ */ import_react.default.createElement("span", { className: "server-select-product-origin-total" }, (0, import_utils.formatAmount)(
+        item._extend.origin_total * item._extend.quantity,
+        2,
+        amountSymbol
+      )), (0, import_utils.formatAmount)(
         item._extend.total * item._extend.quantity,
         2,
         amountSymbol

package/lib/components/booking/components/TabProduct/selectProductItem/index.less

@@ -66,6 +66,7 @@
       font-style: normal;
       font-weight: 400;
 
+
       .server-select-product-total {
         color: var(--Base-Black, #000);
         font-size: 16px;
@@ -73,6 +74,11 @@
         font-weight: 500;
         line-height: 24px;
       }
+      .server-select-product-origin-total {
+        text-decoration: line-through;
+        color: #4e4e4e;
+        margin-right: 12px;
+      }
     }
 
 

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const renderBundles: (item: any, amountSymbol: string) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 空状态
  * @description:

package/lib/components/booking/components/footer/FooterMenus/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const FooterMenus: ({ state, menuChange, items }: any) => JSX.Element | null;
 export default FooterMenus;

package/lib/components/booking/components/footer/amount.js

@@ -50,7 +50,8 @@ var getProductAmount = (state, isEdit) => {
           const _duration = (0, import_utils3.isDayBookingProduct)(item, state) ? item._extend.duration : 0;
           duration += _duration;
         } else {
-          price += Number(item._extend.total);
+          const quantity = item._extend.quantity || 1;
+          price += Number(item._extend.total) * Number(quantity);
           price += getRelationDetailsTotal(item._extend.relation_details || []);
           duration += import_utils.flexibleObj.getValue(item._extend.duration);
         }

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

@@ -54,7 +54,7 @@ var import_useIsBooking4Shop = require("../../hooks/useIsBooking4Shop");
 var import_utils4 = require("@pisell/utils");
 var import_dayjs = __toESM(require("dayjs"));
 var Footer = (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 { state, buttons, dispatch, source } = props;
   const [showDetail, setShowDetail] = (0, import_react.useState)(false);
   const [loading, setLoading] = (0, import_react.useState)(false);
@@ -194,6 +194,7 @@ var Footer = (props) => {
     return false;
   }, [state, params]);
   const hasGoodPassApp = !!((_h = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _h.call(businessUtils, "goodpass"));
+  const hasDiscountCardApp = !!((_i = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _i.call(businessUtils, "discountcard"));
   console.log("has goodpass app:", hasGoodPassApp);
   const goCheckout = async (order_id) => {
     var _a2, _b2;
@@ -798,7 +799,7 @@ var Footer = (props) => {
   }, [
     state.bookingId,
     state.bookingDetail,
-    (_i = state.addons) == null ? void 0 : _i.load,
+    (_j = state.addons) == null ? void 0 : _j.load,
     state.renderType
   ]);
   const menuChange = (e) => {
@@ -881,7 +882,7 @@ var Footer = (props) => {
         label: import_utils.locales.getText("pisell1.text.rounding")
       }
     ];
-  }, [total, (_j = state.bookingDetail) == null ? void 0 : _j.surcharge, state, state.bookingId]);
+  }, [total, (_k = state.bookingDetail) == null ? void 0 : _k.surcharge, state, state.bookingId]);
   const orderTotalList = (0, import_react.useMemo)(() => {
     return [
       // 订单已付金额
@@ -915,8 +916,12 @@ var Footer = (props) => {
         label: import_utils.locales.getText("pisell2.text.refunded-amount")
       }
     ];
-  }, [total, (_k = state.bookingDetail) == null ? void 0 : _k.surcharge, state, state.bookingId]);
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, hasGoodPassApp && source === "info" ? /* @__PURE__ */ import_react.default.createElement(import_voucher.default, { state, dispatch }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
+  }, [total, (_l = state.bookingDetail) == null ? void 0 : _l.surcharge, state, state.bookingId]);
+  const paymentRefundedStatus = (0, import_react.useMemo)(() => {
+    var _a2;
+    return ["partially_refunded", "refunded"].includes((_a2 = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _a2.payment_status);
+  }, [state == null ? void 0 : state.bookingDetail]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, (hasGoodPassApp || hasDiscountCardApp) && ["addons", "info"].includes(source) && !paymentRefundedStatus ? /* @__PURE__ */ import_react.default.createElement(import_voucher.default, { state, dispatch, source }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
       className: "pisell-lowcode__booking-footer-right",

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

@@ -177,12 +177,16 @@ var formatResource = (service) => {
   }
 };
 var formatHolders = (state, item, values) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const form_id = ((_d = (_c = (_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.basic) == null ? void 0 : _c.appointment_subject) == null ? void 0 : _d.form_id) || 0;
+  let form_record = ((_e = item._extend) == null ? void 0 : _e.holder_id) ? [(_f = item._extend) == null ? void 0 : _f.holder_id] : [];
+  if (((_g = item._extend) == null ? void 0 : _g.holder_id) && (0, import_utils5.isArr)((_h = item._extend) == null ? void 0 : _h.holder_id)) {
+    form_record = (_i = item._extend) == null ? void 0 : _i.holder_id;
+  }
   let obj = {
     customer_id: values.customer_id,
     form_id,
-    form_record: ((_e = item._extend) == null ? void 0 : _e.holder_id) ? [(_f = item._extend) == null ? void 0 : _f.holder_id] : []
+    form_record
   };
   if (state.isFranchisee) {
     obj.is_source_shop = 1;
@@ -217,7 +221,7 @@ var formatMetaData = (item) => {
   }
   return metadata;
 };
-var formatProducts = (item) => {
+var formatProducts = (item, quantity) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const total = Number(item._extend.total);
   const origin_total = Number(item._extend.origin_total);
@@ -226,7 +230,7 @@ var formatProducts = (item) => {
   const discount_type = discount_amount < 0 ? "change_price" : "discount";
   const notManualDiscount = discount_list.filter((item2) => item2.type !== "product");
   return {
-    "num": item._extend.quantity,
+    "num": quantity || item._extend.quantity,
     "price": formatProductPrice(item),
     "source_product_price": (_a = item._extend) == null ? void 0 : _a.price,
     "product_id": (item == null ? void 0 : item.product_id) || item.id,
@@ -268,6 +272,13 @@ var formatAppointmentProductLists = (data) => {
   } catch (error) {
   }
 };
+var getHolderByIndex = (holder, index) => {
+  var _a;
+  return {
+    ...holder,
+    form_record: [(_a = holder == null ? void 0 : holder.form_record) == null ? void 0 : _a[index]].filter(Boolean)
+  };
+};
 var formatBookings = (data, values) => {
   const isDay = (0, import_utils4.isDaysBooking)(data);
   const isEvent = (0, import_utils4.isEventBooking)(data);
@@ -287,7 +298,7 @@ var formatBookings = (data, values) => {
   let dayParams = {};
   const eventOtherParams = data.eventOtherParams;
   let bookings = [];
-  bookings = list.map((item) => {
+  list.forEach((item) => {
     var _a, _b, _c, _d;
     let start_date = item._extend.startDate.format("YYYY-MM-DD");
     let end_date = item._extend.endDate.format("YYYY-MM-DD");
@@ -309,7 +320,7 @@ var formatBookings = (data, values) => {
       dayParams.holder = formatHolders(data, item, values);
       dayParams.duration = (0, import_utils3.getDays)({ _extend: { start_date: startDateTime, end_date: endDateTime } }, "minutes");
     }
-    return {
+    const booking = {
       "product": formatProducts(item),
       "relation_products": formatRelationDetails(item._extend.relation_details),
       "id": item.booking_id || 0,
@@ -331,6 +342,18 @@ var formatBookings = (data, values) => {
       ...eventOtherParams || {},
       ...dayParams
     };
+    if (isDay) {
+      bookings.push(booking);
+      return;
+    }
+    for (let i = 0; i < (item._extend.quantity || 1); i++) {
+      bookings.push({
+        ...booking,
+        "product": formatProducts(item, 1),
+        "number": item._extend.capacity ? (0, import_utilsByBooking.getSumCapacity)({ cacheItem: item }, false) : item._extend.number || 1,
+        "holder": getHolderByIndex(booking.holder, i)
+      });
+    }
   });
   return bookings;
 };
@@ -375,7 +398,7 @@ var formatHolder = (state, values) => {
   return obj;
 };
 var formatValues = (state) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   let values = {
     type: state.renderType === "eventBooking" ? "event_booking_v2" : "appointment_booking",
     platform: "shop",
@@ -409,17 +432,20 @@ var formatValues = (state) => {
     values.relation_products = formatRelationProducts(state);
   } else {
     values.relation_products = formatNormalProducts(state);
+    if (!((_b = values.relation_products) == null ? void 0 : _b.length)) {
+      values.relation_products = void 0;
+    }
   }
   values.bookings = formatBookings(state, values);
-  if (((_c = (_b = values == null ? void 0 : values.bookings) == null ? void 0 : _b[0]) == null ? void 0 : _c.select_date) && !(state == null ? void 0 : state.bookingId)) {
-    let startTime = `${(_e = (_d = values == null ? void 0 : values.bookings) == null ? void 0 : _d[0]) == null ? void 0 : _e.start_time}`;
+  if (((_d = (_c = values == null ? void 0 : values.bookings) == null ? void 0 : _c[0]) == null ? void 0 : _d.select_date) && !(state == null ? void 0 : state.bookingId)) {
+    let startTime = `${(_f = (_e = values == null ? void 0 : values.bookings) == null ? void 0 : _e[0]) == null ? void 0 : _f.start_time}`;
     startTime = `${startTime || "00:00"}:00`;
     values.schedule_date = `${values.bookings[0].select_date} ${startTime}`;
   }
   if (isDay) {
     values.metadata.is_multiday_appointment = 1;
   }
-  if (!((_f = values == null ? void 0 : values.bookings) == null ? void 0 : _f.length)) {
+  if (!((_g = values == null ? void 0 : values.bookings) == null ? void 0 : _g.length)) {
     values.type = "virtual";
   }
   return values;
@@ -427,7 +453,17 @@ var formatValues = (state) => {
 var checkHolderIsError = (state) => {
   var _a, _b;
   const holderError = state.service.value.some((item) => {
-    return !item._extend.holder_id && !(0, import_utils4.isNormalProductByDurationSchedule)(item);
+    var _a2, _b2;
+    if ((0, import_utils4.isNormalProductByDurationSchedule)(item)) {
+      return false;
+    }
+    if (item._extend.quantity === 1 && !item._extend.holder_id) {
+      return true;
+    }
+    if (item._extend.quantity > 1 && ((_b2 = (_a2 = item._extend) == null ? void 0 : _a2.holder_id) == null ? void 0 : _b2.length) !== item._extend.quantity) {
+      return true;
+    }
+    return false;
   });
   const clientId = (_b = (_a = state.client) == null ? void 0 : _a.value) == null ? void 0 : _b.id;
   if (holderError && (!clientId || clientId === 0 || clientId === 1)) {

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

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

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[];
+};