@pisell/private-materials 6.0.25 → 6.1.1

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

@@ -29,8 +29,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/booking/components/footer/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
+  checkHolderIsError: () => checkHolderIsError,
+  checkSubResourcesCapacity: () => checkSubResourcesCapacity,
   formatProductBundle: () => formatProductBundle,
   formatProductOption: () => formatProductOption,
+  formatProductPrice: () => formatProductPrice,
   formatValues: () => formatValues
 });
 module.exports = __toCommonJS(utils_exports);
@@ -42,6 +45,7 @@ var import_utils3 = require("../../utils");
 var import_status = require("../../info/service2/status");
 var import_utils4 = require("../../info/service2/utils");
 var import_utils5 = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
 var formatNote = (data) => {
   var _a;
   return ((_a = data.notes) == null ? void 0 : _a.orderNote) || "";
@@ -67,7 +71,7 @@ var formatProductOption = (option) => {
   return option.map((d) => {
     return {
       "num": d.num,
-      "option_group_item_id": d.product_option_item_id,
+      "option_group_item_id": d.product_option_item_id || d.option_group_item_id,
       "option_group_id": d.option_group_id
       // "add_price": Number(d?.add_price),
     };
@@ -127,20 +131,45 @@ var formatRelationDetails = (list) => {
     };
   });
 };
+var checkSubResourcesCapacity = (resource) => {
+  if (resource.children && resource.children.length) {
+    let countCapacity = resource.capacity;
+    resource.children.forEach((child) => {
+      if (child.capacity <= countCapacity) {
+        countCapacity -= child.capacity;
+      } else {
+        child.capacity = countCapacity;
+        countCapacity = 0;
+      }
+    });
+  }
+};
+var checkResourcesFormat = (resources, service, isChild) => {
+  return resources.map((resource) => {
+    var _a;
+    if (!isChild) {
+      resource.capacity = (0, import_utilsByBooking.getSumCapacity)({ cacheItem: service }, false);
+    }
+    checkSubResourcesCapacity(resource);
+    return {
+      children: ((_a = resource.children) == null ? void 0 : _a.length) ? checkResourcesFormat(resource.children, service, true) : void 0,
+      form_id: resource.form_id,
+      relation_type: resource.relation_type || "form",
+      relation_id: resource.relation_id || 0,
+      capacity: resource.capacity,
+      like_status: resource.like_status || "common",
+      metadata: resource.metadata || {}
+    };
+  });
+};
 var formatResource = (service) => {
   if (!service._extend.resource) {
     return void 0;
   }
   try {
     return Object.values(service._extend.resource).reduce((pre, cur) => {
-      pre = pre.concat(cur.map((d) => ({
-        form_id: d.form_id,
-        relation_type: d.relation_type || "form",
-        relation_id: d.relation_id || 0,
-        capacity: (0, import_utilsByBooking.getSumCapacity)({ cacheItem: service }),
-        like_status: d.like_status,
-        metadata: d.metadata
-      })));
+      const newList = checkResourcesFormat(cur, service);
+      pre = pre.concat(newList);
       return pre;
     }, []);
   } catch (err) {
@@ -148,12 +177,16 @@ var formatResource = (service) => {
   }
 };
 var formatHolders = (state, item, values) => {
-  var _a, _b, _c, _d, _e;
+  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) || 0]
+    form_record
   };
   if (state.isFranchisee) {
     obj.is_source_shop = 1;
@@ -188,17 +221,20 @@ var formatMetaData = (item) => {
   }
   return metadata;
 };
-var formatProducts = (item) => {
-  var _a, _b, _c, _d, _e, _f;
+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);
   const discount_amount = origin_total - total;
+  const discount_list = (item == null ? void 0 : item.discount_list) || [];
   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,
-    "discount_amount": discount_amount,
+    "discount_amount": notManualDiscount.length > 0 ? 0 : discount_amount,
     "product_discount_reason": item._extend.discount_reason || "",
     "is_charge_tax": item.is_charge_tax,
     "note": (item == null ? void 0 : item.note) || "",
@@ -206,10 +242,11 @@ var formatProducts = (item) => {
     "discount_per": item._extend.discount_per,
     "discount_type": item._extend.discount_type || discount_type,
     "order_detail_id": item._extend.order_detail_id || 0,
-    "product_bundle": formatProductBundle((_b = (_a = item._extend) == null ? void 0 : _a.other) == null ? void 0 : _b.bundle),
+    "product_bundle": formatProductBundle((_c = (_b = item._extend) == null ? void 0 : _b.other) == null ? void 0 : _c.bundle),
     "bundle_edit": item._extend.bundle_edit,
-    "product_option_item": formatProductOption((_d = (_c = item._extend) == null ? void 0 : _c.other) == null ? void 0 : _d.option),
-    "product_variant_id": ((_f = (_e = item._extend) == null ? void 0 : _e.other) == null ? void 0 : _f.product_variant_id) || 0,
+    "product_option_item": formatProductOption((_e = (_d = item._extend) == null ? void 0 : _d.other) == null ? void 0 : _e.option),
+    "product_variant_id": ((_g = (_f = item._extend) == null ? void 0 : _f.other) == null ? void 0 : _g.product_variant_id) || 0,
+    "discount_list": notManualDiscount,
     metadata: formatMetaData(item)
   };
 };
@@ -219,7 +256,7 @@ var formatAppointmentProductLists = (data) => {
     let list = data.service.value;
     list = list.filter((item) => {
       var _a2;
-      return ((_a2 = item._extend) == null ? void 0 : _a2.holder_id) && import_status.appointmentTypes.includes(item.extension_type);
+      return ((_a2 = item._extend) == null ? void 0 : _a2.holder_id) && !(0, import_utils4.isNormalProductByDurationSchedule)(item);
     });
     const groupMap = /* @__PURE__ */ new Map();
     list.forEach((item) => {
@@ -235,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);
@@ -248,12 +292,13 @@ var formatBookings = (data, values) => {
       return (_a = d._extend) == null ? void 0 : _a.holder_id;
     });
   }
-  let dayParams = {
-    relation_products: []
-  };
+  if (!isDay && !isEvent) {
+    list = list.filter((item) => !(0, import_utils4.isNormalProductByDurationSchedule)(item));
+  }
+  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");
@@ -262,6 +307,7 @@ var formatBookings = (data, values) => {
     if ((0, import_utils.isNowTime)(item._extend.start_time)) {
       start_time = (0, import_utils.getNowTime)();
     }
+    dayParams.holder = formatHolders(data, item, values);
     if (isDay) {
       const startDate = ((_a = item._extend) == null ? void 0 : _a.startDate) || ((_b = item._extend) == null ? void 0 : _b.start_date);
       const endDate = ((_c = item._extend) == null ? void 0 : _c.endDate) || ((_d = item._extend) == null ? void 0 : _d.end_date);
@@ -274,10 +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");
     }
-    if (isEvent) {
-      dayParams.holder = formatHolders(data, item, values);
-    }
-    return {
+    const booking = {
       "product": formatProducts(item),
       "relation_products": formatRelationDetails(item._extend.relation_details),
       "id": item.booking_id || 0,
@@ -299,17 +342,35 @@ 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)
+      });
+    }
   });
-  debugger;
   return bookings;
 };
 var formatRelationProducts = (data) => {
   var _a;
   let list = ((_a = data.service) == null ? void 0 : _a.value) || [];
-  list = list.filter((item) => {
-    var _a2;
-    return !((_a2 = item._extend) == null ? void 0 : _a2.holder_id);
+  list = list.filter((item) => (0, import_utils4.isNormalProductByDurationSchedule)(item));
+  let relationProducts = [];
+  relationProducts = list.map((item) => {
+    return formatProducts(item);
   });
+  return relationProducts || [];
+};
+var formatNormalProducts = (data) => {
+  var _a;
+  let list = ((_a = data.service) == null ? void 0 : _a.value) || [];
+  list = list.filter((item) => (0, import_utils4.isNormalProductByDurationSchedule)(item));
   let relationProducts = [];
   relationProducts = list.map((item) => {
     return formatProducts(item);
@@ -334,7 +395,7 @@ var formatHolder = (state, values) => {
   return obj;
 };
 var formatValues = (state) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g;
   let values = {
     type: state.renderType === "eventBooking" ? "event_booking_v2" : "appointment_booking",
     platform: "shop",
@@ -364,26 +425,57 @@ var formatValues = (state) => {
     ...customer
   };
   values.holder = formatHolder(state, values);
-  if (isDay) {
-    values.relation_products = formatRelationProducts(state);
-  }
-  if (isEvent) {
+  if (isDay || isEvent) {
     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 (!((_g = values == null ? void 0 : values.bookings) == null ? void 0 : _g.length)) {
+    values.type = "virtual";
+  }
   return values;
 };
+var checkHolderIsError = (state) => {
+  var _a, _b;
+  const holderError = state.service.value.some((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)) {
+    (0, import_materials.PisellToast)({
+      content: import_utils5.locales.getText("pisell2.text.please-select-the-customer-first")
+    });
+  }
+  return holderError;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  checkHolderIsError,
+  checkSubResourcesCapacity,
   formatProductBundle,
   formatProductOption,
+  formatProductPrice,
   formatValues
 });

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const VoucherCard: (props: any) => JSX.Element | null;
+export default VoucherCard;

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

@@ -0,0 +1,305 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/components/voucher/index.tsx
+var voucher_exports = {};
+__export(voucher_exports, {
+  default: () => voucher_default
+});
+module.exports = __toCommonJS(voucher_exports);
+var import_react = __toESM(require("react"));
+var import_ChevronDown = __toESM(require("@pisell/icon/es/ChevronDown"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_materials = require("@pisell/materials");
+var import_useIsBooking4Shop = require("../../hooks/useIsBooking4Shop");
+var import_index = require("./index.less");
+var import_utils2 = require("./utils");
+var import_ahooks = require("ahooks");
+var ShopDiscountHooks = {
+  onInited: "shopDiscount:onInited",
+  onDestroy: "shopDiscount:onDestroy",
+  onLoadDiscountList: "shopDiscount:onLoadDiscountList",
+  onCustomerChange: "shopDiscount:onCustomerChange",
+  onScanCustomerChange: "shopDiscount:onScanCustomerChange",
+  onDiscountListChange: "shopDiscount:onDiscountListChange",
+  onRulesListChange: "shopDiscount:onRulesListChange",
+  onLoadPrepareCalcResult: "shopDiscount:onLoadPrepareCalcResult"
+};
+var services = {};
+var VoucherCard = (props) => {
+  var _a, _b, _c, _d;
+  const context = (0, import_useEngineContext.default)();
+  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 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;
+  (0, import_ahooks.useDebounceEffect)(
+    () => {
+      if (isBooking4Shop) {
+        shopDiscount.setCustomer(state.client.value);
+      }
+    },
+    [(_b = state.client.value) == null ? void 0 : _b.id, isBooking4Shop],
+    {
+      wait: 200
+    }
+  );
+  (0, import_react.useEffect)(() => {
+    if (isBooking4Shop) {
+      shopDiscount.setProductList([
+        ...state.service.value,
+        ...state.addons.value
+      ]);
+    }
+  }, [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) => {
+      var _a3, _b2;
+      return {
+        booking_id: value.booking_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,
+        origin_total: (_b2 = value == null ? void 0 : value._extend) == null ? void 0 : _b2.origin_total
+      };
+    });
+    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 (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,
+          ...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), 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;
+    }
+    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,
+      onScanCustomerChange
+    );
+    pisellos.effects.on(ShopDiscountHooks.onLoadPrepareCalcResult, fn);
+    pisellos.effects.on(
+      ShopDiscountHooks.onDiscountListChange,
+      onDiscountListChange
+    );
+    return () => {
+      shopDiscount.clear();
+      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) {
+      productListToValue(val.productList, true);
+      setCode("");
+    } else {
+      (0, import_materials.PisellToast)({
+        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",
+    {
+      className: "voucher-title-right",
+      onClick: () => {
+        console.log("showDetail: ", showDetail);
+        setShowDetail(!showDetail);
+      }
+    },
+    import_utils.locales.getText("pisell2.text.details"),
+    " ",
+    /* @__PURE__ */ import_react.default.createElement(
+      import_ChevronDown.default,
+      {
+        className: (0, import_classnames.default)("voucher-right-icon", {
+          show: showDetail
+        })
+      }
+    )
+  )), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("voucher-detail", {
+        show: showDetail
+      })
+    },
+    (availableData == null ? void 0 : availableData.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellGoodPassCard,
+      {
+        style: { width: "100%" },
+        mixedSort,
+        dataSource: ((_d = (_c = state.service) == null ? void 0 : _c.value) == null ? void 0 : _d.length) ? availableData : [],
+        onChange: (val) => {
+          const shopDiscount2 = pisellos.getModule("shopDiscount");
+          const detail = shopDiscount2.setDiscountSelected({
+            discountId: val.id,
+            isSelected: val.isSelected
+          });
+          console.log("setDiscountSelected:", detail);
+          productListToValue(detail.productList, true);
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { whiteSpace: "nowrap" } }, import_utils.locales.getText("pisell2.text.goodpass.code"), ":"), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellInput,
+      {
+        value: code,
+        onChange: (e) => {
+          var _a2;
+          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")))
+  ));
+};
+var voucher_default = VoucherCard;