@fctc/widget-logic 5.3.3 → 5.3.4

package/dist/hooks.js

@@ -1,9 +1,7 @@
 "use strict";
-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)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-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/hooks.ts
@@ -39,6 +29,7 @@ __export(hooks_exports, {
   useChangeOrderPreparationState: () => import_hooks2.useChangeOrderPreparationState,
   useChangeStatus: () => import_hooks2.useChangeStatus,
   useCheckPayment: () => import_hooks2.useCheckPayment,
+  useClickOutside: () => useClickOutside,
   useCompany: () => useCompany,
   useConfig: () => useConfig,
   useCreateEntity: () => import_hooks2.useCreateEntity,
@@ -75,6 +66,7 @@ __export(hooks_exports, {
   useGetFileExcel: () => import_hooks2.useGetFileExcel,
   useGetFormView: () => import_hooks2.useGetFormView,
   useGetGroups: () => import_hooks2.useGetGroups,
+  useGetImage: () => import_hooks2.useGetImage,
   useGetList: () => import_hooks2.useGetList,
   useGetListCompany: () => import_hooks2.useGetListCompany,
   useGetListData: () => import_hooks2.useGetListData,
@@ -200,14 +192,14 @@ var useCallAction = () => {
 var utils_exports = {};
 __export(utils_exports, {
   STORAGES: () => STORAGES,
+  combineContexts: () => combineContexts,
+  convertFieldsToArray: () => convertFieldsToArray,
   countSum: () => countSum,
-  guessTypeFromUrl: () => guessTypeFromUrl,
-  isObjectEmpty: () => isObjectEmpty,
+  getDateRange: () => getDateRange,
   languages: () => languages,
   mergeButtons: () => mergeButtons,
   setStorageItemAsync: () => setStorageItemAsync,
-  useStorageState: () => useStorageState,
-  validateAndParseDate: () => validateAndParseDate
+  useStorageState: () => useStorageState
 });
 
 // src/utils/constants.ts
@@ -225,9 +217,6 @@ var countSum = (data, field) => {
     0
   );
 };
-var isObjectEmpty = (obj) => {
-  return Object.keys(obj).length === 0;
-};
 function mergeButtons(fields) {
   const buttons = fields?.filter((f) => f.type_co === "button");
   const others = fields?.filter((f) => f.type_co !== "button");
@@ -239,6 +228,103 @@ function mergeButtons(fields) {
   }
   return others;
 }
+var getDateRange = (currentDate, unit) => {
+  const date = new Date(currentDate);
+  let dateStart, dateEnd;
+  function formatDate(d) {
+    return d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0") + "-" + String(d.getDate()).padStart(2, "0") + " " + String(d.getHours()).padStart(2, "0") + ":" + String(d.getMinutes()).padStart(2, "0") + ":" + String(d.getSeconds()).padStart(2, "0");
+  }
+  switch (unit) {
+    case "month":
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth() + 1,
+        date.getDate(),
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(date.getFullYear(), date.getMonth(), 0, 0, 0, 0);
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "day":
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate(),
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate(),
+        0,
+        0,
+        0
+      );
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "week":
+      const dayOfWeek = date.getDay();
+      const daysToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;
+      const daysToSunday = dayOfWeek === 0 ? 0 : 7 - dayOfWeek;
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate() + daysToSunday,
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate() + daysToMonday,
+        0,
+        0,
+        0
+      );
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "year":
+      dateStart = new Date(date.getFullYear(), 11, 31, 23, 59, 59);
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(date.getFullYear() - 1, 11, 31, 0, 0, 0);
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    default:
+      throw new Error(
+        "\u0110\u01A1n v\u1ECB kh\xF4ng h\u1EE3p l\u1EC7. Ch\u1EC9 ch\u1EA5p nh\u1EADn: week, day, month, year"
+      );
+  }
+  return [
+    ["date_start", "<=", formatDate(dateStart)],
+    ["date_end", ">=", formatDate(dateEnd)]
+  ];
+};
+var convertFieldsToArray = (fields) => {
+  const defaultFields = ["display_name", "date_start", "date_end"];
+  if (!fields || !Array.isArray(fields)) {
+    return defaultFields;
+  }
+  const inputFields = fields.filter((field) => field && field.type_co === "field").map((field) => field.name);
+  return [...defaultFields, ...inputFields];
+};
+function combineContexts(contexts) {
+  if (contexts.some((context) => !context)) {
+    return void 0;
+  } else {
+    const res = contexts.reduce((acc, context) => {
+      return { ...acc, ...context };
+    }, {});
+    return res;
+  }
+}
 var STORAGES = {
   TOKEN: "accessToken",
   USER_INFO: "USER_INFO"
@@ -279,312 +365,6 @@ function useStorageState(key) {
   );
   return [state, setValue];
 }
-var guessTypeFromUrl = (url) => {
-  const ext = url.split(".").pop()?.toLowerCase();
-  if (!ext) return null;
-  const map = {
-    jpg: "image/jpeg",
-    jpeg: "image/jpeg",
-    png: "image/png",
-    webp: "image/webp",
-    gif: "image/gif",
-    svg: "image/svg+xml",
-    bmp: "image/bmp",
-    tiff: "image/tiff",
-    pdf: "application/pdf",
-    zip: "application/zip",
-    rar: "application/x-rar-compressed",
-    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    xls: "application/vnd.ms-excel",
-    mp4: "video/mp4",
-    mov: "video/quicktime"
-  };
-  return map[ext] || null;
-};
-
-// src/utils/format-date.ts
-var import_moment = __toESM(require("moment"));
-var validateAndParseDate = (input, isDateTime = false) => {
-  if (!input || typeof input !== "string") return null;
-  const cleanInput = input.replace(/[^0-9-\/:\s]/g, "");
-  const dateFormat = "YYYY-MM-DD";
-  const dateTimeFormat = "YYYY-MM-DD HH:mm:ss";
-  const currentDay = (0, import_moment.default)().format("DD");
-  const currentMonth = (0, import_moment.default)().format("MM");
-  const currentYear = (0, import_moment.default)().format("YYYY");
-  const defaultTime = "00:00:00";
-  const maxYear = parseInt(currentYear) + 10;
-  const isValidDate = (day, month, year) => {
-    const date = (0, import_moment.default)(`${day}-${month}-${year}`, "DD-MM-YYYY", true);
-    return date.isValid();
-  };
-  const isValidTime = (hour, minute = "00", second = "00") => {
-    const h = parseInt(hour, 10);
-    const m = parseInt(minute, 10);
-    const s = parseInt(second, 10);
-    return h >= 0 && h <= 23 && m >= 0 && m <= 59 && s >= 0 && s <= 59;
-  };
-  const formatOutput = (day, month, year, time = defaultTime) => {
-    let result = (0, import_moment.default)(
-      `${day}-${month}-${year} ${time}`,
-      "DD-MM-YYYY HH:mm:ss"
-    );
-    if (!result.isValid()) return null;
-    if (isDateTime) {
-      result = result.subtract(7, "hours");
-      return result.format(dateTimeFormat);
-    }
-    return result.format(dateFormat);
-  };
-  if (isDateTime && input.match(
-    /^\d{1,2}[\/-]\d{1,2}[\/-]\d{2,4}\s+\d{1,2}(:\d{1,2}(:\d{1,2})?)?$/
-  )) {
-    const [datePart, timePart] = input.split(/\s+/);
-    const dateParts = datePart.split(/[\/-]/);
-    const timeParts = timePart.split(":");
-    const day = dateParts[0].padStart(2, "0");
-    const month = dateParts[1].padStart(2, "0");
-    const year = dateParts[2].length <= 2 ? `20${dateParts[2].padStart(2, "0")}` : dateParts[2].padStart(4, "0");
-    const hour = timeParts[0].padStart(2, "0");
-    const minute = timeParts[1] ? timeParts[1].padStart(2, "0") : "00";
-    const second = timeParts[2] ? timeParts[2].padStart(2, "0") : "00";
-    if (isValidDate(day, month, year) && isValidTime(hour, minute, second)) {
-      let result = (0, import_moment.default)(
-        `${day}-${month}-${year} ${hour}:${minute}:${second}`,
-        "DD-MM-YYYY HH:mm:ss"
-      );
-      if (!result.isValid()) return null;
-      result = result.subtract(7, "hours");
-      return result.format(dateTimeFormat);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{4}-\d{2}-\d{2}$/)) {
-    const [year, month, day] = cleanInput.split("-");
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{1,2}\/\d{1,2}\/\d{2,4}$/)) {
-    const [day, month, year] = cleanInput.split("/");
-    const paddedDay = day.padStart(2, "0");
-    const paddedMonth = month.padStart(2, "0");
-    const fullYear = year.length <= 2 ? `20${year.padStart(2, "0")}` : year.padStart(4, "0");
-    if (isValidDate(paddedDay, paddedMonth, fullYear)) {
-      return formatOutput(paddedDay, paddedMonth, fullYear);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{1,2}-\d{1,2}-\d{2,4}$/)) {
-    const [day, month, year] = cleanInput.split("-");
-    const paddedDay = day.padStart(2, "0");
-    const paddedMonth = month.padStart(2, "0");
-    const fullYear = year.length <= 2 ? `20${year.padStart(2, "0")}` : year.padStart(4, "0");
-    if (isValidDate(paddedDay, paddedMonth, fullYear)) {
-      return formatOutput(paddedDay, paddedMonth, fullYear);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{1,2}[\/-]\d{1,2}$/)) {
-    const [day, month] = cleanInput.split(/[\/-]/);
-    const paddedDay = day.padStart(2, "0");
-    const paddedMonth = month.padStart(2, "0");
-    if (isValidDate(paddedDay, paddedMonth, currentYear)) {
-      return formatOutput(paddedDay, paddedMonth, currentYear);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{4}$/)) {
-    const num = parseInt(cleanInput, 10);
-    if (num >= 2e3 && num <= maxYear) {
-      if (isValidDate(currentDay, currentMonth, num.toString())) {
-        return formatOutput(currentDay, currentMonth, num.toString());
-      }
-      return null;
-    }
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 4);
-    if (isValidDate(day, month, currentYear)) {
-      return formatOutput(day, month, currentYear);
-    }
-    return null;
-  }
-  if (cleanInput.startsWith("-") && /^\-\d+$/.test(cleanInput)) {
-    const daysToSubtract = Math.abs(parseInt(cleanInput, 10));
-    let result = (0, import_moment.default)().subtract(daysToSubtract, "days");
-    if (isDateTime) {
-      result = result.subtract(7, "hours");
-    }
-    if (result.isValid()) {
-      return isDateTime ? result.format(dateTimeFormat) : result.format(dateFormat);
-    }
-    return null;
-  }
-  if (input.match(/^\d{1,2}[^0-9-\/]+\d{1,2}[^0-9-\/]+\d{2,4}.*$/)) {
-    const parts = input.split(/[^0-9-\/]+/).filter(Boolean);
-    const day = parts[0].padStart(2, "0");
-    const month = parts[1].padStart(2, "0");
-    let year = parts[2];
-    year = year.length === 2 ? `20${year}` : year.padStart(4, "0");
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (isDateTime) {
-    if (cleanInput.length === 9) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 9).padStart(2, "0");
-      if (isValidDate(day, month, year) && isValidTime(hour)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:00:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 10) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      if (isValidDate(day, month, year) && isValidTime(hour)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:00:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 11) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 11).padStart(2, "0");
-      if (isValidDate(day, month, year) && isValidTime(hour, minute)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:${minute}:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 12) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 12);
-      if (isValidDate(day, month, year) && isValidTime(hour, minute)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:${minute}:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 13) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 12);
-      const second = cleanInput.slice(12, 13).padStart(2, "0");
-      if (isValidDate(day, month, year) && isValidTime(hour, minute, second)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:${minute}:${second}`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 14) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 12);
-      const second = cleanInput.slice(12, 14);
-      if (isValidDate(day, month, year) && isValidTime(hour, minute, second)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:${minute}:${second}`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-  }
-  const len = cleanInput.length;
-  if (len === 1 || len === 2) {
-    const paddedDay = cleanInput.padStart(2, "0");
-    if (isValidDate(paddedDay, currentMonth, currentYear)) {
-      return formatOutput(paddedDay, currentMonth, currentYear);
-    }
-    return null;
-  }
-  if (len === 3) {
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 3).padStart(2, "0");
-    if (isValidDate(day, month, currentYear)) {
-      return formatOutput(day, month, currentYear);
-    }
-    return null;
-  }
-  if (len === 6) {
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 4);
-    let year = cleanInput.slice(4, 6);
-    year = `20${year}`;
-    if (parseInt(month) > 12) {
-      if (isValidDate(day, currentMonth, currentYear)) {
-        return formatOutput(day, currentMonth, currentYear);
-      }
-      return null;
-    }
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (len === 7) {
-    return null;
-  }
-  if (len === 8) {
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 4);
-    const year = cleanInput.slice(4, 8);
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (len > 8 && !isDateTime) {
-    return null;
-  }
-  return null;
-};
 
 // src/utils.ts
 __reExport(utils_exports, require("@fctc/interface-logic/utils"));
@@ -603,7 +383,7 @@ var useMenu = ({
   const menuData = useGetMenu2(
     context,
     specification,
-    !!context && !isObjectEmpty(context) && !!context?.uid && !!context?.lang,
+    !!context && !(0, utils_exports.isObjectEmpty)(context) && !!context?.uid && !!context?.lang,
     domain,
     defaultService
   );
@@ -676,17 +456,16 @@ var useDetail = (sub) => {
 // src/hooks/core/use-profile.ts
 var import_react_query2 = require("@tanstack/react-query");
 var import_react5 = require("react");
-var useProfile = ({
-  service,
-  i18n
-}) => {
+var import_react_i18next = require("react-i18next");
+var useProfile = ({ service }) => {
   const { setUid, setLang, setUserInfo, env } = (0, provider_exports.useEnv)();
   const { useGetProfile: useGetProfile2 } = (0, provider_exports.useService)();
   const getProfile = useGetProfile2(service);
+  const { i18n } = (0, import_react_i18next.useTranslation)();
   const userInfoQuery = (0, import_react_query2.useQuery)({
     queryKey: ["userInfo"],
     queryFn: () => getProfile.mutateAsync(),
-    enabled: isObjectEmpty(env?.user)
+    enabled: (0, utils_exports.isObjectEmpty)(env?.user)
   });
   (0, import_react5.useEffect)(() => {
     if (userInfoQuery.data) {
@@ -719,8 +498,8 @@ var useProfile = ({
 };
 
 // src/hooks/core/use-user.ts
-var useUser = ({ service, i18n }) => {
-  const userProfile = useProfile({ service, i18n });
+var useUser = ({ service }) => {
+  const userProfile = useProfile({ service });
   const userDetail = useDetail(userProfile?.data?.sub);
   return { userProfile, userDetail, context: userProfile?.context };
 };
@@ -831,17 +610,16 @@ var ReactContext = (0, import_react8.createContext)(AppProviderInitialValue);
 var AppProvider = ({
   children,
   menuParams,
-  aid,
-  i18n
+  aid
 }) => {
   const { env } = (0, provider_exports.useEnv)();
-  const user = useUser({ service: env.default_service, i18n });
+  const user = useUser({ service: env.default_service });
   const company = useCompany({ service: env.default_service });
   const menuContext = (0, import_react8.useMemo)(() => {
-    return (0, utils_exports.combineContexts)([
+    return combineContexts([
       {
         ...user?.context,
-        ...!isObjectEmpty(env?.user) ? { lang: env?.context?.lang } : {},
+        ...!(0, utils_exports.isObjectEmpty)(env?.user) ? { lang: env?.context?.lang } : {},
         ...menuParams?.context ?? {}
       }
     ]);
@@ -858,7 +636,7 @@ var AppProvider = ({
     return menu?.state?.action;
   }, [menu?.state?.action, env?.context?.lang]);
   const viewContext = (0, import_react8.useMemo)(() => {
-    return (0, utils_exports.combineContexts)([
+    return combineContexts([
       menuContext,
       { ...(0, utils_exports.evalJSONContext)(action?.context) }
     ]);
@@ -992,14 +770,45 @@ var useGetSpecification = ({
 };
 
 // src/hooks/core/use-list-data.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_utils5 = require("@fctc/interface-logic/utils");
 
-// src/hooks/utils/use-debounce.ts
+// src/hooks/utils/use-click-outside.ts
 var import_react11 = require("react");
-function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react11.useState)(value);
+var DEFAULT_EVENTS = ["mousedown", "touchstart"];
+var useClickOutside = ({
+  handler,
+  events = DEFAULT_EVENTS,
+  nodes = [],
+  refs
+}) => {
+  const ref = (0, import_react11.useRef)(null);
   (0, import_react11.useEffect)(() => {
+    const listener = (event) => {
+      const { target } = event;
+      if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
+        return;
+      }
+      if (!(target instanceof HTMLElement)) return;
+      const shouldIgnore = target.hasAttribute("data-ignore-outside-clicks") || !document.body.contains(target) && target.tagName !== "HTML";
+      const shouldTrigger = nodes.length > 0 ? nodes.every((node) => node && !event.composedPath().includes(node)) : ref.current && !ref.current.contains(target);
+      if (shouldTrigger && !shouldIgnore) {
+        handler(event);
+      }
+    };
+    events.forEach((event) => document.addEventListener(event, listener));
+    return () => {
+      events.forEach((event) => document.removeEventListener(event, listener));
+    };
+  }, [handler, nodes, events]);
+  return ref;
+};
+
+// src/hooks/utils/use-debounce.ts
+var import_react12 = require("react");
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = (0, import_react12.useState)(value);
+  (0, import_react12.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -1011,7 +820,7 @@ function useDebounce(value, delay) {
 }
 
 // src/hooks/utils/use-get-rowids.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 var useGetRowIds = (tableRef) => {
   function isElementVisible(el) {
     const style = window.getComputedStyle(el);
@@ -1028,9 +837,9 @@ var useGetRowIds = (tableRef) => {
     }
     return true;
   }
-  const [rowIds, setRowIds] = (0, import_react12.useState)([]);
-  const lastRowIdsRef = (0, import_react12.useRef)([]);
-  const updateVisibleRowIds = (0, import_react12.useCallback)(() => {
+  const [rowIds, setRowIds] = (0, import_react13.useState)([]);
+  const lastRowIdsRef = (0, import_react13.useRef)([]);
+  const updateVisibleRowIds = (0, import_react13.useCallback)(() => {
     const table = tableRef.current;
     if (!table) return;
     const rows = table.querySelectorAll("tr[data-row-id]");
@@ -1048,7 +857,7 @@ var useGetRowIds = (tableRef) => {
       setRowIds(uniqueIds);
     }
   }, [tableRef]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const table = tableRef.current;
     if (!table) return;
     const mutationObserver = new MutationObserver(() => {
@@ -1088,12 +897,12 @@ var useListData = ({
   limit = 10
 }) => {
   const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
-  const [page, setPage] = (0, import_react13.useState)(0);
-  const [pageLimit, setPageLimit] = (0, import_react13.useState)(limit);
-  const [groupByList, setGroupByList] = (0, import_react13.useState)(null);
-  const [domain, setDomain] = (0, import_react13.useState)(null);
-  const [order, setOrder] = (0, import_react13.useState)("");
-  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react13.useState)([]);
+  const [page, setPage] = (0, import_react14.useState)(0);
+  const [pageLimit, setPageLimit] = (0, import_react14.useState)(limit);
+  const [groupByList, setGroupByList] = (0, import_react14.useState)(null);
+  const [domain, setDomain] = (0, import_react14.useState)(null);
+  const [order, setOrder] = (0, import_react14.useState)("");
+  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react14.useState)([]);
   const [debouncedPage] = useDebounce(page, 500);
   const [debouncedDomain] = useDebounce(domain, 500);
   const { specification } = useGetSpecification({
@@ -1101,7 +910,7 @@ var useListData = ({
     viewData,
     fields: mode === "kanban" ? viewData?.views?.kanban?.fields : viewData?.views?.list?.fields
   });
-  const listDataProps = (0, import_react13.useMemo)(() => {
+  const listDataProps = (0, import_react14.useMemo)(() => {
     if (!viewData || !action || !context) {
       return null;
     }
@@ -1147,7 +956,7 @@ var useListData = ({
       listDataProps?.specification,
       listDataProps?.mode
     ],
-    !!listDataProps && !!specification && !isObjectEmpty(specification) && !!domain,
+    !!listDataProps && !!specification && !(0, import_utils5.isObjectEmpty)(specification) && !!domain,
     service,
     xNode
   );
@@ -1180,6 +989,7 @@ var useListData = ({
   useChangeOrderPreparationState,
   useChangeStatus,
   useCheckPayment,
+  useClickOutside,
   useCompany,
   useConfig,
   useCreateEntity,
@@ -1216,6 +1026,7 @@ var useListData = ({
   useGetFileExcel,
   useGetFormView,
   useGetGroups,
+  useGetImage,
   useGetList,
   useGetListCompany,
   useGetListData,