@pisell/private-materials 6.3.15 → 6.4.2

package/lib/components/ticketBooking/components/ticketBooking/index.js

@@ -36,6 +36,7 @@ module.exports = __toCommonJS(ticketBooking_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
 var import_serve = require("../../serve");
 var apis = __toESM(require("../../serve"));
 var import_dayjs = __toESM(require("dayjs"));
@@ -45,10 +46,19 @@ var import_info = __toESM(require("../../../../components/booking/info"));
 var import_utils2 = require("../../utils");
 var import_addServiceVariant = __toESM(require("../addServiceVariant"));
 var import_timeBar = __toESM(require("../timeBar"));
-var import_index = require("./index.less");
 var import_utils3 = require("../../../booking/info/service2/utils");
 var import_amount = require("../../../booking/components/footer/amount");
 var import_formatProductMessage = __toESM(require("../../utils/formatProductMessage"));
+var import_pisellFloatingPanel = __toESM(require("../bookingDataPanel/pisellFloatingPanel"));
+var import_floatButtons = __toESM(require("../floatButtons"));
+var import_useScanGlobal = __toESM(require("../../hooks/pisellos/useScanGlobal"));
+var import_useScanGlobalHandle = __toESM(require("../../hooks/pisellos/useScanGlobalHandle"));
+var import_bookingTicket = require("../../hooks/pisellos/bookingTicket");
+var import_index = require("./index.less");
+var import_utils4 = require("../bookingDataPanel/bookingList/utils");
+var import_pisellos = require("../../hooks/pisellos");
+var import_ahooks = require("ahooks");
+var import_useScanManager = __toESM(require("../../hooks/pisellos/useScanManager"));
 var _formatBookingDetail = (data, modalState) => {
   var _a, _b, _c, _d;
   let {
@@ -63,7 +73,8 @@ var _formatBookingDetail = (data, modalState) => {
     note,
     payment_status,
     is_other_entrance_edited,
-    shop_discount
+    shop_discount,
+    relation_details = []
   } = data;
   const clientValue = {
     name: ((customer == null ? void 0 : customer.display_name) || "").trim() || ((customer == null ? void 0 : customer.nickname) || "").trim() || "",
@@ -102,7 +113,7 @@ var _formatBookingDetail = (data, modalState) => {
     }
     return resetD.relation_id;
   };
-  const serviceValue = bookings.list.map((d) => {
+  let serviceValue = bookings.list.map((d) => {
     let { detail, product, ...resetD } = d;
     let _detail = detail || mockProduct;
     let start_date2 = (0, import_dayjs.default)(resetD.start_date + " " + resetD.start_time);
@@ -110,7 +121,10 @@ var _formatBookingDetail = (data, modalState) => {
     return {
       _id: (Math.random() + "").replace(/\D/g, "").substring(0, 11),
       ..._detail,
+      duration: (_detail == null ? void 0 : _detail.duration) || (product == null ? void 0 : product.duration),
+      "schedule.ids": (_detail == null ? void 0 : _detail["schedule.ids"]) || (product == null ? void 0 : product["schedule.ids"]),
       booking_id: resetD.id,
+      isEditBooking: true,
       id: _detail.product_id,
       title: _detail.product_title,
       quantity: Number(_detail.product_quantity),
@@ -127,6 +141,8 @@ var _formatBookingDetail = (data, modalState) => {
         start_date: start_date2,
         endDate: end_date,
         end_date,
+        holder_id: (0, import_utils2.formatHolder)(resetD),
+        note: _detail.note,
         // 商品本身的价格
         price: Number(_detail.source_product_price),
         product_name: _detail.product_title,
@@ -149,6 +165,7 @@ var _formatBookingDetail = (data, modalState) => {
       }
     };
   });
+  serviceValue = [...serviceValue, ...formatProductValues(relation_details)];
   let disabledEdit = (0, import_utils2.getDisabledEdit)(data);
   let channelDisabledEdit = !!is_other_entrance_edited;
   return {
@@ -187,8 +204,41 @@ var _formatBookingDetail = (data, modalState) => {
     appointment_status: bookings == null ? void 0 : bookings.appointment_status
   };
 };
+var formatProductValues = (data) => {
+  return data.map((d) => {
+    return {
+      ...d,
+      _id: (Math.random() + "").replace(/\D/g, "").substring(0, 11),
+      id: d.product_id,
+      title: d.product_title,
+      quantity: d.product_quantity,
+      cover: d.product_cover,
+      price: Number(d.source_product_price),
+      isEditBooking: true,
+      _extend: {
+        discount_reason: d.product_discount_reason,
+        order_detail_id: d.order_detail_id,
+        discount_per: d.discount_per,
+        discount_type: d.discount_type,
+        discountway: d.discountway,
+        product_name: d.product_title,
+        total: Number(d.selling_price),
+        origin_total: Number(d.original_price),
+        payment_price: Number(d.payment_price),
+        price: Number(d.source_product_price),
+        quantity: d.product_quantity,
+        bundle_edit: 0,
+        other: (0, import_utils2.restoreProductOtherData)(d),
+        startDate: (0, import_dayjs.default)(),
+        endDate: (0, import_dayjs.default)(),
+        note: d.note
+      },
+      payment_price: Number(d.payment_price)
+    };
+  });
+};
 var TicketBooking = () => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   const [state, setState] = (0, import_miniRedux.useStore)();
   const engineContext = (0, import_useEngineContext.default)();
   const { props: engineProps } = engineContext.engine;
@@ -201,15 +251,38 @@ var TicketBooking = () => {
     storage,
     Toast,
     getSymbolic,
-    translation
+    translation,
+    pisellosAllModule,
+    getData
   } = (_a = engineContext.appHelper) == null ? void 0 : _a.utils;
+  const { ScheduleModule } = pisellosAllModule;
   const _persistentRef = (0, import_react.useRef)(false);
   const _initStateRef = (0, import_react.useRef)({});
   const _listTimerRef = (0, import_react.useRef)();
   const _timerRef = (0, import_react.useRef)();
   const _callbackFnRef = (0, import_react.useRef)();
+  const [activeBookingId, setActiveBookingId] = (0, import_react.useState)(0);
+  const pisellFloatingPanelRef = (0, import_react.useRef)(null);
+  const closeRef = (0, import_react.useRef)(null);
+  const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
+  const { openScan, closeScan } = (0, import_useScanGlobal.default)();
+  const handleScan = (0, import_useScanGlobalHandle.default)();
+  const { enableAllScanListeners } = (0, import_useScanManager.default)();
+  const changeCustomerToGlobalState = (0, import_ahooks.useMemoizedFn)(() => {
+  });
+  const { selectCustomer } = (0, import_pisellos.useCustomer)({
+    changeCustomerToGlobalState
+  });
+  (0, import_react.useMemo)(() => {
+    openScan((data) => {
+      handleScan(data);
+    });
+    return () => {
+      closeScan();
+    };
+  }, []);
   (0, import_react.useEffect)(() => {
-    var _a2, _b2, _c2, _d, _e, _f;
+    var _a2, _b2, _c2, _d2, _e2;
     _persistentRef.current = storage.get(`drawer-booking`) === "true" ? true : isTerminal();
     if (lowcodeRef) {
       lowcodeRef.onReady(void 0);
@@ -218,23 +291,41 @@ var TicketBooking = () => {
       action({
         type: "pisell1.registerPlugin",
         data: {
-          pluginList: ["ProductDetailPlugin"]
+          pluginList: ["ProductDetailPlugin", "BookingPlugin3"]
         }
       });
     }
-    (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction(
-      "booking",
-      "scanBookingDetailResult",
-      _scanBookingDetailResult
-    );
     const off = _addVisibilityListener(() => {
       setState({
         verticalAddServiceKey: state.verticalAddServiceKey + 1
       });
     });
+    let _dataFromHost = {};
+    try {
+      const is_price_include_tax = getData("is_price_include_tax");
+      const tax_rate = getData("tax_rate") || "10";
+      const tax_title = getData("tax_title") || "GST";
+      const surcharge_list = getData("surcharge_list");
+      const schedule_list = getData("schedule_list");
+      let scheduleById = {};
+      if (Array.isArray(schedule_list)) {
+        for (let item of schedule_list) {
+          scheduleById[item.id] = item;
+        }
+      }
+      _dataFromHost = {
+        is_price_include_tax,
+        tax_rate,
+        tax_title,
+        surcharge_list,
+        schedule_list,
+        scheduleById
+      };
+    } catch (error) {
+    }
     setState(
       {
-        amountSymbol: ((_d = (_c2 = (_b2 = store == null ? void 0 : store.getState) == null ? void 0 : _b2.call(store)) == null ? void 0 : _c2.global) == null ? void 0 : _d.symbol) || "$"
+        amountSymbol: (getData == null ? void 0 : getData("shop_symbol")) || ((_c2 = (_b2 = (_a2 = store == null ? void 0 : store.getState) == null ? void 0 : _a2.call(store)) == null ? void 0 : _b2.global) == null ? void 0 : _c2.symbol) || "$"
       },
       () => {
         _initStateRef.current = JSON.parse(JSON.stringify(state));
@@ -243,22 +334,26 @@ var TicketBooking = () => {
     );
     _setShopOpeningHours();
     _setIntervalTime(true);
-    (_e = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _e.mountFunction(
-      "booking",
-      "refreshBookingDetail",
+    (_d2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _d2.mountFunction(
+      "bookingTicket",
+      "clearAllCart",
       (type, orderId) => {
+        console.log("bookingTicket.clearAllCart");
         _initFn(() => {
         });
+        selectCustomer(null);
+        enableAllScanListeners();
         setState({
           createCount: state.createCount + 1
         });
       }
     );
-    (_f = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _f.mountFunction(
+    (_e2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _e2.mountFunction(
       "booking",
       "voidBooking",
       (orderId) => {
         (0, import_serve.voidAppointment)(orderId);
+        enableAllScanListeners();
       }
     );
     return () => {
@@ -292,11 +387,37 @@ var TicketBooking = () => {
       intervalSetTime: isInterval
     });
   };
+  const getDataFromHost = () => {
+    try {
+      const is_price_include_tax = getData("is_price_include_tax");
+      const tax_rate = getData("tax_rate") || "10";
+      const tax_title = getData("tax_title") || "GST";
+      const surcharge_list = getData("surcharge_list");
+      const schedule_list = getData("schedule_list");
+      let scheduleById = {};
+      if (Array.isArray(schedule_list)) {
+        for (let item of schedule_list) {
+          scheduleById[item.id] = item;
+        }
+      }
+      return {
+        is_price_include_tax,
+        tax_rate,
+        tax_title,
+        surcharge_list,
+        schedule_list,
+        scheduleById
+      };
+    } catch (error) {
+      console.error(error);
+      return {};
+    }
+  };
   (0, import_react.useEffect)(() => {
-    var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j;
+    var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _i, _j;
     const cartItems = (_b2 = (_a2 = state == null ? void 0 : state.modalState) == null ? void 0 : _a2.service) == null ? void 0 : _b2.value;
     if (!Array.isArray(cartItems) || cartItems.length === 0) {
-      (_d = (_c2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c2.postMessageToApp) == null ? void 0 : _d.call(_c2, {
+      (_d2 = (_c2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c2.postMessageToApp) == null ? void 0 : _d2.call(_c2, {
         module: "cds",
         key: "cartUpdate",
         data: {
@@ -308,7 +429,11 @@ var TicketBooking = () => {
         }
       });
     }
-    const total = (0, import_amount.getSumTotal)(state.modalState, true);
+    const total = (0, import_amount.getSumTotal)(state.modalState, {
+      isEdit: true,
+      ScheduleModule,
+      ...getDataFromHost()
+    });
     let formatedProducts = [];
     try {
       formatedProducts = (0, import_utils3.formatProducts)(
@@ -326,7 +451,7 @@ var TicketBooking = () => {
     let products = [];
     for (const item of formatedProducts) {
       const { id, name, image, origin_total, total: total2, num, note, _origin } = item;
-      (_e = _origin == null ? void 0 : _origin.discount_list) == null ? void 0 : _e.forEach((dl) => {
+      (_e2 = _origin == null ? void 0 : _origin.discount_list) == null ? void 0 : _e2.forEach((dl) => {
         fees.push({
           isReduce: dl.type === "good_pass",
           title: translation(dl == null ? void 0 : dl.discount.title),
@@ -432,11 +557,11 @@ var TicketBooking = () => {
       }
     });
     setTimeout(() => {
-      var _a2, _b2, _c2, _d, _e;
+      var _a2, _b2, _c2, _d2, _e2;
       if ((_b2 = (_a2 = state.modalState.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length) {
-        let _list = (_e = (_c2 = state.bookingFunctions) == null ? void 0 : _c2.updateServiceDate) == null ? void 0 : _e.call(
+        let _list = (_e2 = (_c2 = state.bookingFunctions) == null ? void 0 : _c2.updateServiceDate) == null ? void 0 : _e2.call(
           _c2,
-          (_d = state.modalState.service) == null ? void 0 : _d.value,
+          (_d2 = state.modalState.service) == null ? void 0 : _d2.value,
           date,
           false
         );
@@ -451,8 +576,8 @@ var TicketBooking = () => {
     }, 100);
   };
   const _setShopOpeningHours = () => {
-    var _a2, _b2, _c2, _d, _e;
-    let time = (_e = (_d = (_c2 = (_b2 = (_a2 = store == null ? void 0 : store.getState) == null ? void 0 : _a2.call(store)) == null ? void 0 : _b2.global) == null ? void 0 : _c2.shopDetail) == null ? void 0 : _d.operating_day_boundary) == null ? void 0 : _e.time;
+    var _a2, _b2, _c2, _d2, _e2, _f;
+    let time = ((_a2 = getData == null ? void 0 : getData("operating_day_boundary")) == null ? void 0 : _a2.time) || ((_f = (_e2 = (_d2 = (_c2 = (_b2 = store == null ? void 0 : store.getState) == null ? void 0 : _b2.call(store)) == null ? void 0 : _c2.global) == null ? void 0 : _d2.shopDetail) == null ? void 0 : _e2.operating_day_boundary) == null ? void 0 : _f.time);
     if (time) {
       localStorage.setItem("shopOpeningHours", time);
     }
@@ -568,7 +693,7 @@ var TicketBooking = () => {
     }
   };
   const _initBookingData = (type, data) => {
-    var _a2, _b2, _c2, _d, _e, _f, _g;
+    var _a2, _b2, _c2, _d2, _e2, _f, _g;
     let initState = _getInitState({
       bookingDetail: null,
       bookingConfig: state.bookingConfig,
@@ -581,7 +706,8 @@ var TicketBooking = () => {
       list: state.list,
       intervalSetTime: state.intervalSetTime,
       createCount: state.createCount,
-      bookingFunctions: state.bookingFunctions
+      bookingFunctions: state.bookingFunctions,
+      isParallelResourcesBooking: state.isParallelResourcesBooking
     });
     if (type === "edit") {
       initState.bookingDetail = data;
@@ -597,7 +723,7 @@ var TicketBooking = () => {
           JSON.stringify(data)
         );
       } else {
-        let timezone = (_f = (_e = (_d = (_c2 = store == null ? void 0 : store.getState) == null ? void 0 : _c2.call(store)) == null ? void 0 : _d.global) == null ? void 0 : _e.globalConfig) == null ? void 0 : _f.timezone;
+        let timezone = (_f = (_e2 = (_d2 = (_c2 = store == null ? void 0 : store.getState) == null ? void 0 : _c2.call(store)) == null ? void 0 : _d2.global) == null ? void 0 : _e2.globalConfig) == null ? void 0 : _f.timezone;
         initState.modalState.date.value = import_dayjs.default.tz(/* @__PURE__ */ new Date(), timezone);
         sessionStorage.removeItem("pisell2.booking.serviceParams");
       }
@@ -614,7 +740,7 @@ var TicketBooking = () => {
       bookingId: state.bookingId
     });
   };
-  const _rebook = () => {
+  const _rebook = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2, _b2, _c2;
     let date = (0, import_utils2.getNextTimeSlice)(
       ((_c2 = (_b2 = (_a2 = state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.service_time.value) || 10
@@ -626,7 +752,7 @@ var TicketBooking = () => {
         date
       }
     });
-  };
+  });
   const _getBookingDetail = async (bookingId) => {
     const { renderType, openRebook } = state;
     setState({ loading: true });
@@ -656,7 +782,8 @@ var TicketBooking = () => {
       params,
       eventBookingServiceParams,
       renderType = "booking",
-      openRebook
+      openRebook,
+      isParallelResourcesBooking = true
     } = props || {};
     setState({
       isShowInfo: false
@@ -683,6 +810,7 @@ var TicketBooking = () => {
         bookingId: bookingId || 0,
         renderType,
         openRebook,
+        isParallelResourcesBooking,
         disableEventBookingEdit: eventBookingServiceParams == null ? void 0 : eventBookingServiceParams.disableEventBookingEdit,
         modalState: {
           ...state.modalState,
@@ -739,13 +867,13 @@ var TicketBooking = () => {
       id: objDetail.event_id
     });
   };
-  const _onAction = (props) => {
+  const _onAction = (0, import_ahooks.useMemoizedFn)((props) => {
     if (props === "init") {
       _getBookingDetail(state.bookingId);
       return;
     }
     action == null ? void 0 : action(props);
-  };
+  });
   const _setActiveTab = (key) => {
   };
   const _initFn = (callback, open) => {
@@ -760,8 +888,10 @@ var TicketBooking = () => {
           list: state.list,
           intervalSetTime: state.intervalSetTime,
           createCount: state.createCount,
-          bookingFunctions: state.bookingFunctions
+          bookingFunctions: state.bookingFunctions,
+          isParallelResourcesBooking: state.isParallelResourcesBooking
         }),
+        shop_discount: "0",
         loading: false,
         open: open ?? false,
         eventOpen: false,
@@ -773,7 +903,8 @@ var TicketBooking = () => {
       }
     );
   };
-  const _callback = (data, type) => {
+  const _callback = (0, import_ahooks.useMemoizedFn)((data, type) => {
+    var _a2, _b2;
     if (isTerminal() && type === "checkout") {
       return;
     }
@@ -797,106 +928,192 @@ var TicketBooking = () => {
     if (!bookingId) {
       _setIntervalTime(true);
     }
+    if ((_a2 = pisellFloatingPanelRef.current) == null ? void 0 : _a2.getIsOpen()) {
+      (_b2 = pisellFloatingPanelRef.current) == null ? void 0 : _b2.refresh();
+    }
     _initFn(cb);
-  };
-  const _refreshData = () => {
+  });
+  const _refreshData = (0, import_ahooks.useMemoizedFn)(() => {
     if (lowcodeRef) {
       lowcodeRef.onChange({ type: "refresh" });
     }
-  };
-  const _clearAllValue = () => {
+  });
+  const _clearAllValue = (0, import_ahooks.useMemoizedFn)(() => {
     setState({
       modalState: _getInitState().modalState
     });
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      style: {
-        flex: 1,
-        overflow: "hidden",
-        display: "flex",
-        flexDirection: "column"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, overflow: "hidden" } }, /* @__PURE__ */ import_react.default.createElement(
-      import_addServiceVariant.default,
+  });
+  const currentDate = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return (_c2 = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value) == null ? void 0 : _c2.format("YYYY-MM-DD");
+  }, [(_e = (_d = state.modalState) == null ? void 0 : _d.date) == null ? void 0 : _e.value]);
+  const floatButtons = (0, import_react.useMemo)(() => {
+    return [
       {
-        globalState: {
-          ...state.modalState,
-          amountSymbol: state.amountSymbol,
-          bookingConfig: state.bookingConfig,
-          bookingDetail: state.bookingDetail,
-          bookingId: state.bookingId,
-          bookingStatus: state.bookingStatus,
-          apis,
-          action: _onAction,
-          callback: _callback,
-          locale: engineProps.locale,
-          modalOpen: state.open,
-          onRebook: _rebook,
-          refreshData: _refreshData,
-          setActiveTab: _setActiveTab,
-          addTimeProducts: state.addTimeProducts,
-          isBookingCreatePage: true,
-          closeAutoOpenService: true,
-          productExtensionType: state.productExtensionType,
-          isBookingTicket2: true
-        },
-        setGlobalState: _setModalState
+        icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-person" }),
+        key: "dashboard",
+        onClick: () => {
+          var _a2;
+          (_a2 = pisellFloatingPanelRef.current) == null ? void 0 : _a2.open();
+        }
       }
-    )),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_timeBar.default,
-      {
-        setGlobalState: setState,
-        globalState: state,
-        onDateChange: (...args) => {
-          _onDateChange(...args);
-        },
-        onDateTimeChange: (...args) => {
-          _setDataChange(...args, true);
+    ];
+  }, []);
+  const onMaskClick = (0, import_ahooks.useMemoizedFn)(() => {
+    setActiveBookingId(0);
+  });
+  const handleCreateClick = (0, import_ahooks.useMemoizedFn)(() => {
+    var _a2;
+    onMaskClick();
+    (_a2 = pisellFloatingPanelRef.current) == null ? void 0 : _a2.close();
+  });
+  const handleBookingClick = (0, import_ahooks.useMemoizedFn)((booking) => {
+    var _a2, _b2, _c2;
+    if (activeBookingId) {
+      onMaskClick();
+      (_a2 = closeRef.current) == null ? void 0 : _a2.call(closeRef, "pisell2");
+    } else {
+      setTimeout(() => {
+        setActiveBookingId(booking.order.id);
+      });
+      const time = /* @__PURE__ */ new Date();
+      const close = action({
+        type: "pisell1.bookingDetail",
+        data: {
+          component_type: (0, import_utils4.getBookingType)(booking),
+          booking_id: booking.order.id,
+          type: booking.parent_id === 0 ? "list" : "detail",
+          id: booking.id,
+          isParallelResourcesBooking: (0, import_utils2.getIsParallelResourcesBooking)(booking),
+          preliminaryBookingDetail: {
+            customer: (_b2 = booking == null ? void 0 : booking.order) == null ? void 0 : _b2.customer,
+            id: booking.order.id,
+            order_sales_channel: (_c2 = booking == null ? void 0 : booking.order) == null ? void 0 : _c2.order_sales_channel,
+            bookings: {
+              booking_id: booking == null ? void 0 : booking.booking_id,
+              appointment_status: booking == null ? void 0 : booking.appointment_status,
+              list: [
+                {
+                  start_date: booking == null ? void 0 : booking.start_date,
+                  start_time: booking == null ? void 0 : booking.start_time
+                }
+              ]
+            }
+          }
         },
-        setIntervalTime: _setIntervalTime,
-        locale: engineProps.locale
+        callback: (params) => {
+          var _a3;
+          const calllbackTime = /* @__PURE__ */ new Date();
+          if (calllbackTime.getTime() - time.getTime() < 500) return;
+          if (params.type === "close") {
+            _clearAllValue();
+            onMaskClick();
+          }
+          if (params.type === "refresh") {
+            (_a3 = pisellFloatingPanelRef.current) == null ? void 0 : _a3.refresh();
+          }
+        }
+      });
+      closeRef.current = close;
+    }
+  });
+  const memoGlobalState = (0, import_react.useMemo)(() => {
+    return {
+      ...state.modalState,
+      hideCreateText: true,
+      amountSymbol: state.amountSymbol,
+      bookingConfig: state.bookingConfig,
+      bookingDetail: state.bookingDetail,
+      bookingId: state.bookingId,
+      bookingStatus: state.bookingStatus,
+      apis,
+      modalOpen: state.open,
+      onRebook: _rebook,
+      addTimeProducts: state.addTimeProducts,
+      isBookingCreatePage: true,
+      closeAutoOpenService: true,
+      renderType: "booking",
+      action: _onAction,
+      callback: _callback,
+      locale: engineProps.locale,
+      refreshData: _refreshData,
+      setActiveTab: _setActiveTab,
+      clearAllValue: _clearAllValue,
+      drawerMask: true,
+      isBookingTicket2: true,
+      isParallelResourcesBooking: state.isParallelResourcesBooking,
+      onQrCodeClick: () => {
+        console.log("onQrCodeClick");
+        bookingTicket == null ? void 0 : bookingTicket.activateCamera();
       }
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(
+    };
+  }, [
+    state.modalState,
+    state.amountSymbol,
+    state.bookingConfig,
+    state.bookingDetail,
+    state.bookingId,
+    apis,
+    state.open,
+    state.bookingStatus,
+    state.addTimeProducts,
+    state.isParallelResourcesBooking,
+    engineProps.locale
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "ticket-booking-left-panel" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "ticket-booking-left-panel-content" }, /* @__PURE__ */ import_react.default.createElement(
+    import_addServiceVariant.default,
+    {
+      globalState: {
+        ...state.modalState,
+        amountSymbol: state.amountSymbol,
+        bookingConfig: state.bookingConfig,
+        bookingDetail: state.bookingDetail,
+        bookingId: state.bookingId,
+        bookingStatus: state.bookingStatus,
+        apis,
+        action: _onAction,
+        callback: _callback,
+        locale: engineProps.locale,
+        modalOpen: state.open,
+        onRebook: _rebook,
+        refreshData: _refreshData,
+        setActiveTab: _setActiveTab,
+        addTimeProducts: state.addTimeProducts,
+        isBookingCreatePage: true,
+        closeAutoOpenService: true,
+        productExtensionType: state.productExtensionType,
+        isBookingTicket2: true
+      },
+      setGlobalState: _setModalState
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_floatButtons.default, { items: floatButtons })), /* @__PURE__ */ import_react.default.createElement(
+    import_timeBar.default,
+    {
+      onCreateClick: handleCreateClick,
+      setGlobalState: setState,
+      globalState: state,
+      onDateChange: (...args) => {
+        _onDateChange(...args);
+      },
+      onDateTimeChange: (...args) => {
+        _setDataChange(...args, true);
+      },
+      setIntervalTime: _setIntervalTime,
+      locale: engineProps.locale
+    }
+  )), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       style: {
         flexShrink: 0,
-        width: 355
+        width: 400
       }
     },
     /* @__PURE__ */ import_react.default.createElement(
       import_info.default,
       {
         key: state.createCount,
-        globalState: {
-          ...state.modalState,
-          hideCreateText: true,
-          amountSymbol: state.amountSymbol,
-          bookingConfig: state.bookingConfig,
-          bookingDetail: state.bookingDetail,
-          bookingId: state.bookingId,
-          bookingStatus: state.bookingStatus,
-          apis,
-          modalOpen: state.open,
-          onRebook: _rebook,
-          addTimeProducts: state.addTimeProducts,
-          isBookingCreatePage: true,
-          closeAutoOpenService: true,
-          renderType: "booking",
-          action: _onAction,
-          callback: _callback,
-          locale: engineProps.locale,
-          refreshData: _refreshData,
-          setActiveTab: _setActiveTab,
-          clearAllValue: _clearAllValue,
-          drawerMask: true,
-          isBookingTicket2: true
-        },
+        globalState: memoGlobalState,
         setGlobalState: _setModalState,
         setState,
         modules: {
@@ -908,6 +1125,14 @@ var TicketBooking = () => {
         }
       }
     )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_pisellFloatingPanel.default,
+    {
+      bookingId: activeBookingId,
+      ref: pisellFloatingPanelRef,
+      currentDate,
+      onBookingClick: handleBookingClick
+    }
   ));
 };
 var ticketBooking_default = TicketBooking;