@pisell/private-materials 6.3.14 → 6.4.1

package/lib/components/ticketBooking/components/ticketBooking/index.less

@@ -1,10 +1,38 @@
 .pisell-ticket-booking-wrapper {
+  .ticket-booking-left-panel {
+    flex: 1;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    .ticket-booking-left-panel-content {
+      flex: 1;
+      overflow: hidden;
+      position: relative;
+    }
+  }
   .pisell-lowcode__booking-tab-pane-footer {
-    padding: 16px;
+    padding: 8px 10px;
   }
   .create-booking-page-info-wrap-create {
     background-color: #1b1b1b;
     .booking-info {
+      height: 100%;
+      padding-top: 10px;
+      display: flex;
+      flex-direction: column;
+
+      .pisell-lowcode__booking-service-wrap {
+        flex: 1;
+        overflow-y: auto;
+        /* 隐藏滚动条 */
+        scrollbar-width: none; /* Firefox */
+        -ms-overflow-style: none; /* IE and Edge */
+
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
+
       .booking-info-create-new,
       .pisell-lowcode__booking-field-title,
       .pisell-lowcode__shopping-cart-empty,

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

@@ -7,6 +7,7 @@ interface ITimeBarProps {
     onDateTimeChange: (date: Dayjs, timeString: string) => void;
     setIntervalTime: (value: boolean) => void;
     locale: string;
+    onCreateClick: () => void;
 }
 declare const TimeBar: (props: ITimeBarProps) => JSX.Element;
 export default TimeBar;

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

@@ -42,7 +42,7 @@ var import_utils = require("@pisell/utils");
 var import_index = require("./index.less");
 var TimeBar = (props) => {
   var _a, _b;
-  const { globalState: state, setGlobalState, locale } = props;
+  const { globalState: state, setGlobalState, locale, onCreateClick } = props;
   const _onClickNext = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2, _b2, _c, _d;
     const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
@@ -58,11 +58,8 @@ var TimeBar = (props) => {
     (_d = props.setIntervalTime) == null ? void 0 : _d.call(props, false);
   });
   const _onClickToday = (0, import_ahooks.useMemoizedFn)(() => {
-    var _a2, _b2, _c, _d;
-    const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
-    const newTime = currentTime["subtract"](1, "day");
-    (_c = props.onDateChange) == null ? void 0 : _c.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
-    (_d = props.setIntervalTime) == null ? void 0 : _d.call(props, false);
+    var _a2;
+    (_a2 = props.setIntervalTime) == null ? void 0 : _a2.call(props, true);
   });
   const _onClickNow = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2;
@@ -81,76 +78,105 @@ var TimeBar = (props) => {
   });
   return (0, import_react.useMemo)(() => {
     var _a2, _b2, _c, _d;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-time-bar" }, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
-      {
-        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),
-        onClick: _onClickPre,
-        size: "large"
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
-      {
-        onClick: _onClickToday,
-        size: "large",
-        style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
-      },
-      import_utils.locales.getText("pisell2.ticket-booking.today")
-    ), /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        className: (0, import_classnames.default)({
-          "booking-page-date-picker-select": state.isDateChange
-        }),
-        style: { width: 200, flexShrink: 0 }
+        className: "pisell-ticket-booking-time-bar",
+        style: { backgroundColor: state.isDateChange ? "#F79009" : "" }
       },
       /* @__PURE__ */ import_react.default.createElement(
-        import_materials.DatePicker,
+        import_antd.Button,
         {
-          inputReadOnly: true,
-          value: (_b2 = (_a2 = state == null ? void 0 : state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value,
-          format: locale === "en" ? "dddd, DD MMM YYYY" : "YYYY年MM月DD日",
-          onChange: props == null ? void 0 : props.onDateChange,
+          icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),
+          onClick: _onClickPre,
+          size: "large"
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          onClick: _onClickToday,
           size: "large",
-          style: { width: "100%" }
+          style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
+        },
+        import_utils.locales.getText("pisell2.ticket-booking.today")
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)({
+            "booking-page-date-picker-select": state.isDateChange
+          }),
+          style: { width: 200, flexShrink: 0 }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.DatePicker,
+          {
+            inputReadOnly: true,
+            value: (_b2 = (_a2 = state == null ? void 0 : state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value,
+            format: locale === "en" ? "dddd, DD MMM YYYY" : "YYYY年MM月DD日",
+            onChange: props == null ? void 0 : props.onDateChange,
+            size: "large",
+            style: { width: "100%" }
+          }
+        )
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          icon: /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null),
+          onClick: _onClickNext,
+          size: "large"
         }
-      )
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
-      {
-        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null),
-        onClick: _onClickNext,
-        size: "large"
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)({
-          "booking-page-date-picker-select": state.isTimeChange
-        })
-      },
+      ),
       /* @__PURE__ */ import_react.default.createElement(
-        import_materials.SelectTime,
+        "div",
         {
-          value: (_d = (_c = state == null ? void 0 : state.modalState) == null ? void 0 : _c.date) == null ? void 0 : _d.value.format("HH:mm"),
-          onChange: _onDateTimeChange,
-          popoverProps: {
-            style: { zoom: 0.8 }
+          className: (0, import_classnames.default)({
+            "booking-page-date-picker-select": state.isTimeChange
+          })
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.SelectTime,
+          {
+            value: (_d = (_c = state == null ? void 0 : state.modalState) == null ? void 0 : _c.date) == null ? void 0 : _d.value.format("HH:mm"),
+            onChange: _onDateTimeChange,
+            popoverProps: {
+              style: { zoom: 0.8 }
+            },
+            timePickerProps: {},
+            timeProps: {},
+            slice: 5
+          }
+        )
+      ),
+      !state.bookingId && /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          onClick: _onClickNow,
+          size: "large",
+          style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
+        },
+        import_utils.locales.getText("pisell2.ticket-booking.now")
+      ),
+      !!state.bookingId && /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          onClick: () => {
+            onCreateClick();
           },
-          timePickerProps: {},
-          timeProps: {},
-          slice: 5
-        }
+          size: "large",
+          type: "primary"
+        },
+        import_utils.locales.getText("pisell2.ticket-booking.create-new")
       )
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
-      {
-        onClick: _onClickNow,
-        size: "large",
-        style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
-      },
-      import_utils.locales.getText("pisell2.ticket-booking.now")
-    ));
-  }, [(_b = (_a = state.modalState) == null ? void 0 : _a.date) == null ? void 0 : _b.value, state.intervalSetTime, state.isTimeChange, state.isDateChange, locale]);
+    );
+  }, [
+    (_b = (_a = state.modalState) == null ? void 0 : _a.date) == null ? void 0 : _b.value,
+    state.intervalSetTime,
+    state.isTimeChange,
+    state.isDateChange,
+    locale
+  ]);
 };
 var timeBar_default = TimeBar;

package/lib/components/ticketBooking/hooks/pisellos/bookingTicket.d.ts

@@ -0,0 +1 @@
+export declare const useBookingTicket: () => any;

package/lib/components/ticketBooking/hooks/pisellos/bookingTicket.js

@@ -0,0 +1,33 @@
+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/ticketBooking/hooks/pisellos/bookingTicket.ts
+var bookingTicket_exports = {};
+__export(bookingTicket_exports, {
+  useBookingTicket: () => useBookingTicket
+});
+module.exports = __toCommonJS(bookingTicket_exports);
+var import_useEngineContext = require("../../../../hooks/useEngineContext");
+var useBookingTicket = () => {
+  const pisellOS = (0, import_useEngineContext.usePisellOS)();
+  return pisellOS.getModule("bookingTicket");
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBookingTicket
+});

package/lib/components/ticketBooking/hooks/pisellos/index.d.ts

@@ -0,0 +1,3 @@
+export * from './bookingTicket';
+export * from './useProducts';
+export * from './useCustomer';

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

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/hooks/pisellos/index.ts
+var pisellos_exports = {};
+module.exports = __toCommonJS(pisellos_exports);
+__reExport(pisellos_exports, require("./bookingTicket"), module.exports);
+__reExport(pisellos_exports, require("./useProducts"), module.exports);
+__reExport(pisellos_exports, require("./useCustomer"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./bookingTicket"),
+  ...require("./useProducts"),
+  ...require("./useCustomer")
+});

package/lib/components/ticketBooking/hooks/pisellos/useCustomer.d.ts

@@ -0,0 +1,25 @@
+import { ClientData } from '../../../booking/info2/cartClientCard/types';
+export declare const useCustomer: (props: {
+    changeCustomerToGlobalState?: ((value: ClientData) => void) | undefined;
+}) => {
+    customers: never[];
+    selectedCustomer: ClientData | null;
+    loading: boolean;
+    error: null;
+    pagination: {
+        page: number;
+        pageSize: number;
+        total: number;
+    };
+    loadCustomers: (params?: {
+        skip?: number;
+        num?: number;
+        search?: string;
+    }) => Promise<void>;
+    changePage: (page: number, pageSize: number) => Promise<void>;
+    selectCustomer: (customer: ClientData | null) => void;
+    addCustomerToFirst: (customer: ClientData) => void;
+    initLoad: (this: any, keyword?: any) => Promise<void>;
+    hasMore: boolean;
+    loadMore: () => Promise<void>;
+};

package/lib/components/ticketBooking/hooks/pisellos/useCustomer.js

@@ -0,0 +1,158 @@
+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/ticketBooking/hooks/pisellos/useCustomer.ts
+var useCustomer_exports = {};
+__export(useCustomer_exports, {
+  useCustomer: () => useCustomer
+});
+module.exports = __toCommonJS(useCustomer_exports);
+var import_react = require("react");
+var import_bookingTicket = require("./bookingTicket");
+var import_useEngineContext = require("../../../../hooks/useEngineContext");
+var import_ahooks = require("ahooks");
+var useCustomer = (props) => {
+  const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
+  const pisellos = (0, import_useEngineContext.usePisellOS)();
+  const [customers, setCustomers] = (0, import_react.useState)([]);
+  const [selectedCustomer, setSelectedCustomer] = (0, import_react.useState)(
+    null
+  );
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const [pagination, setPagination] = (0, import_react.useState)({
+    page: 1,
+    pageSize: 20,
+    total: 0
+  });
+  const [hasMore, setHasMore] = (0, import_react.useState)(false);
+  const [loadingMore, setLoadingMore] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!pisellos) {
+      return;
+    }
+    pisellos.effects.on("customer:onUpdate", (state) => {
+      setCustomers(state.customerList);
+      setHasMore(state.hasMore);
+      setPagination((prev) => ({
+        ...prev,
+        total: state.total,
+        page: state.currentPage,
+        pageSize: state.pageSize
+      }));
+    });
+    pisellos.effects.on("customer:onSelected", (customer) => {
+      var _a;
+      setSelectedCustomer(customer);
+      (_a = props.changeCustomerToGlobalState) == null ? void 0 : _a.call(props, customer);
+    });
+    pisellos.effects.on(
+      "customer:onPaginationChange",
+      (paginationInfo) => {
+        setPagination(paginationInfo);
+      }
+    );
+    return () => {
+      pisellos.effects.off("customer:onUpdate");
+      pisellos.effects.off("customer:onSelected");
+      pisellos.effects.off("customer:onPaginationChange");
+    };
+  }, [bookingTicket]);
+  const loadCustomers = (0, import_ahooks.useMemoizedFn)(
+    async (params) => {
+      try {
+        setLoading(true);
+        await bookingTicket.getCustomerList(params);
+      } catch (err) {
+        setError(err == null ? void 0 : err.message);
+      }
+      setLoading(false);
+    }
+  );
+  const initLoad = (0, import_ahooks.useMemoizedFn)(async (keyword = "") => {
+    try {
+      setLoading(true);
+      await bookingTicket.resetAndLoadCustomers({
+        search: keyword || void 0
+      });
+    } catch (error2) {
+      console.error("初始化加载失败:", error2);
+    }
+    setLoading(false);
+  });
+  const loadMore = (0, import_ahooks.useMemoizedFn)(async () => {
+    if (!hasMore || loadingMore) return;
+    setLoadingMore(true);
+    setLoading(true);
+    try {
+      await bookingTicket.loadMoreCustomers();
+    } catch (error2) {
+      console.error("加载更多失败:", error2);
+    }
+    setLoading(false);
+    setLoadingMore(false);
+  });
+  const changePage = (0, import_ahooks.useMemoizedFn)(async (page, pageSize) => {
+    try {
+      setLoading(true);
+      await bookingTicket.changeCustomerPage(page, pageSize);
+    } catch (err) {
+      setError(err.message);
+    }
+    setLoading(false);
+  });
+  const selectCustomer = (0, import_ahooks.useMemoizedFn)((customer) => {
+    var _a, _b;
+    (_a = bookingTicket == null ? void 0 : bookingTicket.setActiveCustomer) == null ? void 0 : _a.call(bookingTicket, customer);
+    (_b = props.changeCustomerToGlobalState) == null ? void 0 : _b.call(props, customer);
+  });
+  const addCustomerToFirst = (0, import_ahooks.useMemoizedFn)((customer) => {
+    var _a;
+    (_a = bookingTicket == null ? void 0 : bookingTicket.addCustomerToFirst) == null ? void 0 : _a.call(bookingTicket, customer);
+  });
+  return {
+    // 客户列表
+    customers,
+    // 选中的客户
+    selectedCustomer,
+    // 加载状态
+    loading,
+    // 错误信息
+    error,
+    // 分页信息
+    pagination,
+    // 加载客户列表
+    loadCustomers,
+    // 切换分页
+    changePage,
+    // 选择客户
+    selectCustomer,
+    // 新增客户到第一个
+    addCustomerToFirst,
+    // 初始化滚动加载
+    initLoad,
+    // 更多数据
+    hasMore,
+    // 加载更多
+    loadMore
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCustomer
+});

package/lib/components/ticketBooking/hooks/pisellos/useProducts.d.ts

@@ -0,0 +1,12 @@
+interface IGetProductsParams {
+    schedule_date?: string;
+    customer_id?: number;
+    menu_list_ids?: number[];
+    schedule_datetime?: string;
+}
+export declare const useProducts: () => {
+    getProducts: (params?: IGetProductsParams) => Promise<void>;
+    products: any[];
+    loading: boolean;
+};
+export {};

package/lib/components/ticketBooking/hooks/pisellos/useProducts.js

@@ -0,0 +1,47 @@
+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/ticketBooking/hooks/pisellos/useProducts.ts
+var useProducts_exports = {};
+__export(useProducts_exports, {
+  useProducts: () => useProducts
+});
+module.exports = __toCommonJS(useProducts_exports);
+var import_ahooks = require("ahooks");
+var import_bookingTicket = require("./bookingTicket");
+var import_react = require("react");
+var useProducts = () => {
+  const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
+  const [products, setProducts] = (0, import_react.useState)([]);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const getProducts = (0, import_ahooks.useMemoizedFn)(async (params) => {
+    setLoading(true);
+    const products2 = await bookingTicket.loadProducts(params);
+    setProducts(products2);
+    setLoading(false);
+  });
+  return {
+    getProducts,
+    products,
+    loading
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useProducts
+});

package/lib/components/ticketBooking/hooks/pisellos/useScanCustomer.d.ts

@@ -0,0 +1,5 @@
+declare const useScanCustomer: () => {
+    openScan: (callback: (data: any) => void) => void;
+    closeScan: () => void;
+};
+export default useScanCustomer;

package/lib/components/ticketBooking/hooks/pisellos/useScanCustomer.js

@@ -0,0 +1,64 @@
+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/ticketBooking/hooks/pisellos/useScanCustomer.ts
+var useScanCustomer_exports = {};
+__export(useScanCustomer_exports, {
+  default: () => useScanCustomer_default
+});
+module.exports = __toCommonJS(useScanCustomer_exports);
+var import_react = require("react");
+var import_utils = require("@pisell/utils");
+var import_bookingTicket = require("./bookingTicket");
+var import_utils2 = require("../../utils");
+var import_useToast = __toESM(require("../../../../hooks/useToast"));
+var useScanCustomer = () => {
+  const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
+  const scanRef = (0, import_react.useRef)(null);
+  const Toast = (0, import_useToast.default)();
+  const handleScanCustomer = (callback) => {
+    console.log("handleScanCustomer>>>>>>>", callback);
+    scanRef.current = bookingTicket == null ? void 0 : bookingTicket.scanCustomerListener((data) => {
+      console.log("scanCustomerListener>>>>>>>", data);
+      if (data.status === "failed") {
+        Toast.fail(import_utils.locales.getText("pisell2.text.scan-global-failed"));
+        return;
+      }
+      const customer = (0, import_utils2.formatScanCustomer)(data);
+      callback(customer);
+    });
+  };
+  return {
+    openScan: handleScanCustomer,
+    closeScan: () => {
+      var _a, _b;
+      (_b = (_a = scanRef.current) == null ? void 0 : _a.remove) == null ? void 0 : _b.call(_a);
+    }
+  };
+};
+var useScanCustomer_default = useScanCustomer;

package/lib/components/ticketBooking/hooks/pisellos/useScanGlobal.d.ts

@@ -0,0 +1,5 @@
+declare const useScanGlobal: () => {
+    openScan: (callback: (data: any) => void) => void;
+    closeScan: () => void;
+};
+export default useScanGlobal;