@fctc/widget-logic 5.3.7-beta.15 → 5.3.7-beta.16

package/dist/widget.js

@@ -1,2379 +0,0 @@
-"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)
-    __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 __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/widget.ts
-var widget_exports = {};
-__export(widget_exports, {
-  binaryFieldController: () => binaryFieldController,
-  colorFieldController: () => colorFieldController,
-  copyLinkButtonController: () => copyLinkButtonController,
-  downLoadBinaryController: () => downLoadBinaryController,
-  downloadFileController: () => downloadFileController,
-  durationController: () => durationController,
-  many2manyBinaryController: () => many2manyBinaryController,
-  many2manyFieldController: () => many2manyFieldController,
-  many2manyTagsController: () => many2manyTagsController,
-  many2oneButtonController: () => many2oneButtonController,
-  many2oneFieldController: () => many2oneFieldController,
-  priorityFieldController: () => priorityFieldController,
-  providerEinvoiceFieldController: () => providerEinvoiceFieldController,
-  searchController: () => searchController,
-  statusDropdownController: () => statusDropdownController,
-  tableController: () => tableController,
-  tableGroupController: () => tableGroupController,
-  tableHeadController: () => tableHeadController
-});
-module.exports = __toCommonJS(widget_exports);
-
-// src/widget/basic/status-dropdown-field/controller.ts
-var import_react = require("react");
-var import_environment = require("@fctc/interface-logic/environment");
-var import_hooks = require("@fctc/interface-logic/hooks");
-var statusDropdownController = (props) => {
-  const { selection, isForm, id, model, name, state, onRefetch } = props;
-  const env = (0, import_environment.getEnv)();
-  const colors = {
-    normal: "bg-[#e9ecef]",
-    done: "bg-primary",
-    blocked: "bg-red-500"
-  };
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const buttonRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    const handleClickOutside = (event) => {
-      if (buttonRef.current && !buttonRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-  const { mutate: onSave } = (0, import_hooks.useSave)();
-  const handleClick = async (status) => {
-    setIsOpen(!isOpen);
-    onSave(
-      {
-        ids: id ? [id] : [],
-        model: model ?? "",
-        data: { [name ?? ""]: status },
-        context: env.context
-      },
-      {
-        onSuccess: () => {
-          onRefetch && onRefetch();
-        }
-      }
-    );
-  };
-  return {
-    handleClick,
-    buttonRef,
-    isForm,
-    setIsOpen,
-    isOpen,
-    selection,
-    state,
-    colors
-  };
-};
-
-// src/widget/basic/many2one-field/controller.ts
-var import_react15 = require("react");
-
-// src/hooks.ts
-var import_hooks3 = require("@fctc/interface-logic/hooks");
-
-// src/hooks/core/use-app-provider.tsx
-var import_react9 = require("react");
-
-// src/hooks/core/use-menu.ts
-var import_react4 = require("react");
-
-// src/hooks/core/use-call-action.ts
-var import_react2 = require("react");
-
-// src/provider.ts
-var provider_exports = {};
-__reExport(provider_exports, require("@fctc/interface-logic/provider"));
-
-// src/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  STORAGES: () => STORAGES,
-  countSum: () => countSum,
-  guessTypeFromUrl: () => guessTypeFromUrl,
-  isObjectEmpty: () => isObjectEmpty,
-  languages: () => languages,
-  mergeButtons: () => mergeButtons,
-  setStorageItemAsync: () => setStorageItemAsync,
-  useStorageState: () => useStorageState,
-  validateAndParseDate: () => validateAndParseDate
-});
-
-// src/utils/constants.ts
-var languages = [
-  { id: "vi_VN", name: "VIE" },
-  { id: "en_US", name: "ENG" }
-];
-var isBlobUrl = (url) => url.startsWith("blob:");
-
-// src/utils/function.ts
-var import_react3 = require("react");
-var countSum = (data, field) => {
-  if (!data || !field) return 0;
-  return data.reduce(
-    (total, item) => total + (item?.[`${field}_count`] || 0),
-    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");
-  if (buttons?.length) {
-    others.push({
-      type_co: "buttons",
-      buttons
-    });
-  }
-  return others;
-}
-var STORAGES = {
-  TOKEN: "accessToken",
-  USER_INFO: "USER_INFO"
-};
-function useAsyncState(initialValue = [true, null]) {
-  return (0, import_react3.useReducer)(
-    (_state, action = null) => [false, action],
-    initialValue
-  );
-}
-async function setStorageItemAsync(key, value) {
-  try {
-    if (value === null) {
-      localStorage.removeItem(key);
-    } else {
-      localStorage.setItem(key, value);
-    }
-  } catch (e) {
-    console.error("Local storage is unavailable:", e);
-  }
-}
-function useStorageState(key) {
-  const [state, setState] = useAsyncState();
-  (0, import_react3.useEffect)(() => {
-    try {
-      const storedValue = localStorage.getItem(key);
-      setState(storedValue);
-    } catch (e) {
-      console.error("Local storage is unavailable:", e);
-    }
-  }, [key]);
-  const setValue = (0, import_react3.useCallback)(
-    (value) => {
-      setState(value);
-      setStorageItemAsync(key, value);
-    },
-    [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"));
-
-// src/hooks/core/use-detail.ts
-var import_react_query = require("@tanstack/react-query");
-var import_react5 = require("react");
-
-// src/hooks/core/use-profile.ts
-var import_react_query2 = require("@tanstack/react-query");
-var import_react6 = require("react");
-
-// src/hooks/core/use-view-v2.ts
-var import_react7 = require("react");
-
-// src/hooks/core/use-company.ts
-var import_react_query3 = require("@tanstack/react-query");
-var import_react8 = require("react");
-
-// src/hooks/core/use-app-provider.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var AppProviderInitialValue = {
-  user: {},
-  company: {},
-  action: {},
-  menu: {},
-  view: {}
-};
-var ReactContext = (0, import_react9.createContext)(AppProviderInitialValue);
-var useAppProvider = () => {
-  const context = (0, import_react9.useContext)(ReactContext);
-  if (!context) {
-    return AppProviderInitialValue;
-  }
-  return context;
-};
-
-// src/hooks/core/use-config.ts
-var import_react10 = require("react");
-
-// src/hooks/core/use-get-specification.ts
-var import_react11 = require("react");
-var useGetSpecification = ({
-  model,
-  viewData,
-  fields
-}) => {
-  const baseModel = (0, import_react11.useMemo)(
-    () => ({
-      name: String(model),
-      view: viewData,
-      fields
-    }),
-    [model, viewData, fields]
-  );
-  const initModel = (0, import_hooks3.useModel)();
-  const modelInstance = (0, import_react11.useMemo)(() => {
-    if (viewData) {
-      return initModel.initModel(baseModel);
-    }
-    return null;
-  }, [baseModel, viewData, model]);
-  const specification = (0, import_react11.useMemo)(() => {
-    if (modelInstance) {
-      return modelInstance.getSpecification();
-    }
-    return null;
-  }, [modelInstance, model]);
-  return { specification };
-};
-
-// src/hooks/core/use-list-data.ts
-var import_react14 = require("react");
-var import_utils5 = require("@fctc/interface-logic/utils");
-
-// 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);
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-  return [debouncedValue];
-}
-
-// src/hooks/utils/use-get-rowids.ts
-var import_react13 = require("react");
-var useGetRowIds = (tableRef) => {
-  function isElementVisible(el) {
-    const style = window.getComputedStyle(el);
-    return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0";
-  }
-  function arraysAreEqual(a, b) {
-    if (a.length !== b.length) return false;
-    if (a.length === 0 && b.length === 0) return true;
-    const setA = new Set(a);
-    const setB = new Set(b);
-    if (setA.size !== setB.size) return false;
-    for (const val of setA) {
-      if (!setB.has(val)) return false;
-    }
-    return true;
-  }
-  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]");
-    const ids = [];
-    rows.forEach((row) => {
-      const el = row;
-      if (isElementVisible(el)) {
-        const id = el.getAttribute("data-row-id");
-        if (id) ids.push(id);
-      }
-    });
-    const uniqueIds = Array.from(new Set(ids));
-    if (!arraysAreEqual(lastRowIdsRef.current, uniqueIds)) {
-      lastRowIdsRef.current = uniqueIds;
-      setRowIds(uniqueIds);
-    }
-  }, [tableRef]);
-  (0, import_react13.useEffect)(() => {
-    const table = tableRef.current;
-    if (!table) return;
-    const mutationObserver = new MutationObserver(() => {
-      updateVisibleRowIds();
-    });
-    mutationObserver.observe(table, {
-      childList: true,
-      subtree: true,
-      attributes: true,
-      attributeFilter: ["style", "class"]
-    });
-    const resizeObserver = new ResizeObserver(() => {
-      updateVisibleRowIds();
-    });
-    resizeObserver.observe(table);
-    const handleScroll = () => updateVisibleRowIds();
-    table.addEventListener("scroll", handleScroll, true);
-    updateVisibleRowIds();
-    return () => {
-      mutationObserver.disconnect();
-      resizeObserver.disconnect();
-      table.removeEventListener("scroll", handleScroll, true);
-    };
-  }, [updateVisibleRowIds, tableRef?.current]);
-  return { rowIds, refresh: updateVisibleRowIds };
-};
-
-// src/hooks/core/use-list-data.ts
-var useListData = ({
-  action,
-  context,
-  viewData,
-  model,
-  service,
-  xNode,
-  mode,
-  limit = 10
-}) => {
-  const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
-  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({
-    model,
-    viewData,
-    fields: mode === "kanban" ? viewData?.views?.kanban?.fields : viewData?.views?.list?.fields
-  });
-  const listDataProps = (0, import_react14.useMemo)(() => {
-    if (!viewData || !action || !context) {
-      return null;
-    }
-    const domainParse = domain ? [...domain] : action?.domain ? Array.isArray(action?.domain) ? [...action?.domain] : (0, import_utils5.evalJSONDomain)(action?.domain, context) : [];
-    const limit2 = pageLimit;
-    const offset = debouncedPage * pageLimit;
-    const fields = typeof groupByList === "object" ? groupByList?.fields : void 0;
-    const groupby = typeof groupByList === "object" ? [groupByList?.contexts?.[0]?.group_by] : [];
-    const sort = order ?? (0, import_utils5.formatSortingString)(
-      (mode === "kanban" ? viewData?.views?.kanban : viewData?.views?.list)?.default_order
-    ) ?? "";
-    return {
-      model: action?.res_model,
-      specification,
-      domain: domainParse,
-      limit: limit2,
-      offset,
-      fields,
-      groupby,
-      context,
-      sort,
-      mode
-    };
-  }, [
-    action,
-    groupByList,
-    order,
-    debouncedPage,
-    pageLimit,
-    debouncedDomain,
-    context,
-    model
-  ]);
-  const list = useGetListData2(
-    { ...listDataProps },
-    [
-      listDataProps?.domain,
-      listDataProps?.groupby,
-      listDataProps?.limit,
-      listDataProps?.offset,
-      listDataProps?.sort,
-      listDataProps?.context,
-      listDataProps?.specification,
-      listDataProps?.mode
-    ],
-    !!listDataProps && !!specification && !isObjectEmpty(specification) && !!domain,
-    service,
-    xNode
-  );
-  return {
-    ...list,
-    state: {
-      specification,
-      page,
-      order,
-      domain: listDataProps?.domain,
-      pageLimit,
-      groupByList,
-      selectedRowKeys,
-      setPage,
-      setOrder,
-      setDomain,
-      setPageLimit,
-      setGroupByList,
-      setSelectedRowKeys
-    }
-  };
-};
-
-// src/widget/basic/many2one-field/controller.ts
-var MANY2ONE_EXTERNAL = "many2one_external";
-var many2oneFieldController = (props) => {
-  const {
-    methods,
-    relation,
-    domain,
-    formValues,
-    value: propValue,
-    onChange,
-    name,
-    context: fieldContext,
-    options: fieldOptions,
-    showDetail,
-    service,
-    xNode,
-    isForm,
-    widget,
-    in_list_view,
-    isEditTable
-  } = props;
-  const { env } = (0, provider_exports.useEnv)();
-  const { action } = useAppProvider();
-  const { useGetSelection: useGetSelection3, useGetDetail: useGetDetail2 } = (0, provider_exports.useService)();
-  const [listOptions, setListOptions] = (0, import_react15.useState)([]);
-  const [inputValue, setInputValue] = (0, import_react15.useState)("");
-  const [debouncedInputValue] = useDebounce(inputValue, 1e3);
-  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react15.useState)(false);
-  const [tempSelectedOption, setTempSelectedOption] = (0, import_react15.useState)(null);
-  const [domainModal, setDomainModal] = (0, import_react15.useState)(null);
-  const [domainObject, setDomainObject] = (0, import_react15.useState)(null);
-  const initValue = methods?.getValues(name);
-  const contextObject = {
-    ...(typeof action?.context === "string" ? (0, utils_exports.evalJSONContext)(action?.context) : action?.context) || {},
-    ...fieldContext,
-    ...env?.context
-  };
-  const optionsObject = typeof fieldOptions === "string" ? (0, utils_exports.evalJSONContext)(fieldOptions, {
-    ...formValues,
-    ...contextObject,
-    context: contextObject,
-    parent: { ...formValues }
-  }) : fieldOptions;
-  const fetchGetDetail = useGetDetail2();
-  const data = {
-    model: widget === MANY2ONE_EXTERNAL ? optionsObject?.model : relation,
-    domain: widget === MANY2ONE_EXTERNAL ? optionsObject?.domain : domainObject,
-    context: {
-      ...contextObject,
-      ...optionsObject?.context
-    },
-    specification: widget === MANY2ONE_EXTERNAL ? optionsObject?.specification : {
-      id: {},
-      name: {},
-      display_name: {}
-    }
-  };
-  const {
-    data: dataOfSelection,
-    refetch,
-    isFetching
-  } = useGetSelection3({
-    data,
-    queryKey: [`data_${relation}`, domainObject],
-    enabled: false,
-    service: widget === MANY2ONE_EXTERNAL ? optionsObject?.service : service,
-    xNode
-  });
-  const selectOptions = (0, import_react15.useMemo)(() => {
-    return dataOfSelection?.records?.map((val) => ({
-      value: val?.id,
-      label: val?.display_name || val?.name,
-      ...widget === MANY2ONE_EXTERNAL ? val : {}
-    })) || [];
-  }, [dataOfSelection]);
-  (0, import_react15.useEffect)(() => {
-    setListOptions(selectOptions);
-    setDomainModal(domainObject);
-  }, [selectOptions]);
-  const parsedFormValues = (0, import_react15.useMemo)(
-    () => JSON.parse(
-      JSON.stringify({
-        ...formValues,
-        ...contextObject,
-        context: contextObject
-      })
-    ) ?? {},
-    [formValues, contextObject]
-  );
-  (0, import_react15.useEffect)(() => {
-    const newDomain = (0, utils_exports.evalJSONDomain)(domain, parsedFormValues);
-    const parsedDomain = typeof newDomain === "string" ? JSON.parse(
-      newDomain.replace(/\(/g, "[").replace(/\)/g, "]").replace(/'/g, '"')
-    ) : newDomain;
-    setDomainObject((prev) => {
-      const prevStr = JSON.stringify(prev);
-      const nextStr = JSON.stringify(parsedDomain);
-      return prevStr === nextStr ? prev : parsedDomain;
-    });
-  }, [domain, parsedFormValues]);
-  (0, import_react15.useEffect)(() => {
-    if (!propValue && tempSelectedOption) {
-      methods?.setValue(name, null, { shouldDirty: true });
-      setTempSelectedOption(null);
-    } else if (propValue) {
-      if (isForm && !isEditTable && optionsObject?.service && optionsObject?.model && !propValue?.display_name && !in_list_view) {
-        fetchGetDetail.mutate(
-          {
-            model: optionsObject?.model,
-            ids: propValue?.id ?? propValue,
-            specification: widget === MANY2ONE_EXTERNAL ? optionsObject?.specification : {
-              id: {},
-              display_name: {}
-            },
-            context: { ...env.context },
-            service: optionsObject ? optionsObject?.service : service,
-            xNode
-          },
-          {
-            onSuccess: (dataResponse) => {
-              const detailData = dataResponse?.[0];
-              setTempSelectedOption({
-                value: detailData?.id,
-                label: detailData?.display_name
-              });
-              if (widget === MANY2ONE_EXTERNAL && optionsObject?.values_included) {
-                Object.keys(optionsObject?.values_included)?.forEach(
-                  (field) => {
-                    methods?.setValue(
-                      optionsObject?.values_included[field]?.name,
-                      detailData?.[field]
-                    );
-                  }
-                );
-                methods?.setValue(name, detailData);
-              }
-            },
-            onError: (error) => {
-              console.log("error", error);
-            }
-          }
-        );
-        return;
-      }
-      setTempSelectedOption({
-        value: propValue?.id,
-        label: propValue?.display_name
-      });
-    }
-  }, [propValue]);
-  const fetchMoreOptions = (0, import_react15.useCallback)(() => {
-    refetch();
-  }, [refetch]);
-  (0, import_react15.useEffect)(() => {
-    if (debouncedInputValue) {
-      const filteredDomain = [...domainObject ?? []]?.filter(
-        (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
-      ) || [];
-      const newDomain = [
-        ...filteredDomain,
-        ...debouncedInputValue ? [["name", "ilike", debouncedInputValue]] : []
-      ];
-      setDomainObject(newDomain);
-      setTimeout(() => {
-        fetchMoreOptions();
-      }, 50);
-    }
-  }, [debouncedInputValue]);
-  const handleChooseRecord = (0, import_react15.useCallback)(
-    (idRecord) => {
-      const newOption = listOptions?.find(
-        (option) => option.value === idRecord
-      );
-      const newValue = widget === MANY2ONE_EXTERNAL && optionsObject?.field_name ? newOption?.[optionsObject?.field_name] : newOption.value;
-      if (widget === MANY2ONE_EXTERNAL && optionsObject?.values_included) {
-        Object.keys(optionsObject?.values_included)?.forEach((field) => {
-          methods?.setValue(
-            optionsObject?.values_included[field]?.name,
-            newOption?.[field],
-            { shouldDirty: true }
-          );
-        });
-      }
-      if (newOption) {
-        methods?.setValue(
-          name,
-          {
-            ...newOption,
-            id: newValue,
-            display_name: newOption?.label
-          },
-          { shouldDirty: true }
-        );
-        setTempSelectedOption(newOption);
-        onChange && onChange(String(name), {
-          ...newOption,
-          id: newValue,
-          display_name: newOption?.label
-        });
-        methods.trigger(name);
-      }
-      setIsShowModalMany2Many(false);
-    },
-    [listOptions, methods, name, onChange]
-  );
-  const handleClose = (0, import_react15.useCallback)(() => setIsShowModalMany2Many(false), []);
-  const handleSelectChange = (0, import_react15.useCallback)(
-    (selectedOption) => {
-      if (!selectedOption) {
-        if (widget === MANY2ONE_EXTERNAL && optionsObject?.values_included) {
-          Object.keys(optionsObject?.values_included)?.forEach((field) => {
-            methods?.setValue(
-              optionsObject?.values_included[field]?.name,
-              null,
-              { shouldDirty: true }
-            );
-          });
-        }
-        methods.setValue(name, null, { shouldDirty: true });
-        setTempSelectedOption(null);
-        onChange && onChange(String(name), null);
-        methods.trigger(name);
-        return;
-      }
-      const newValue = widget === MANY2ONE_EXTERNAL && optionsObject?.field_name ? selectedOption?.[optionsObject?.field_name] : selectedOption.value;
-      if (widget === MANY2ONE_EXTERNAL && optionsObject?.values_included) {
-        Object.keys(optionsObject?.values_included)?.forEach((field) => {
-          methods?.setValue(
-            optionsObject?.values_included[field]?.name,
-            selectedOption?.[field],
-            { shouldDirty: true }
-          );
-        });
-      }
-      methods?.setValue(
-        name,
-        {
-          id: newValue,
-          display_name: selectedOption?.label
-        },
-        { shouldDirty: true }
-      );
-      setTempSelectedOption(selectedOption);
-      onChange && onChange(String(name), {
-        id: newValue,
-        display_name: selectedOption.label
-      });
-      methods.trigger(name);
-    },
-    [methods, name, onChange]
-  );
-  const allowShowDetail = showDetail && contextObject?.form_view_ref && (!optionsObject || !("no_open" in optionsObject) || optionsObject.no_open === false);
-  return {
-    isShowModalMany2Many,
-    isFetching,
-    initValue,
-    handleChooseRecord,
-    handleClose,
-    handleSelectChange,
-    domainModal,
-    setInputValue,
-    allowShowDetail,
-    contextObject: {
-      ...contextObject,
-      ...optionsObject?.context
-    },
-    tempSelectedOption,
-    listOptions,
-    fetchMoreOptions,
-    domainObject: widget === MANY2ONE_EXTERNAL ? optionsObject?.domain : domainObject,
-    setIsShowModalMany2Many,
-    setDomainObject,
-    options: optionsObject,
-    relation: widget === MANY2ONE_EXTERNAL ? optionsObject?.model : relation,
-    service: widget === MANY2ONE_EXTERNAL ? optionsObject?.service : service
-  };
-};
-
-// src/widget/basic/many2one-button-field/controller.ts
-var import_environment2 = require("@fctc/interface-logic/environment");
-var import_hooks6 = require("@fctc/interface-logic/hooks");
-var import_utils9 = require("@fctc/interface-logic/utils");
-var many2oneButtonController = (props) => {
-  const { domain, methods, relation, service, xNode } = props;
-  const actionDataString = sessionStorage.getItem("actionData");
-  const env = (0, import_environment2.getEnv)();
-  const domainObject = (0, import_utils9.evalJSONDomain)(domain, methods?.getValues() || {});
-  const actionData = actionDataString && actionDataString !== "undefined" ? JSON.parse(actionDataString) : {};
-  const { data: dataOfSelection } = (0, import_hooks6.useGetSelection)({
-    data: {
-      model: relation ?? "",
-      domain: domainObject,
-      context: { ...env.context, ...(0, import_utils9.evalJSONContext)(actionData?.context) }
-    },
-    queryKey: [`data_${relation}`, domainObject],
-    service,
-    xNode
-  });
-  const options = dataOfSelection?.records?.map((val) => ({
-    value: val.id,
-    label: val.name
-  })) || [];
-  return {
-    options
-  };
-};
-
-// src/widget/basic/many2many-field/controller.ts
-var import_react16 = require("react");
-var import_utils10 = require("@fctc/interface-logic/utils");
-var many2manyFieldController = (props) => {
-  const {
-    relation,
-    domain,
-    context,
-    options,
-    enabled: enabledCallAPI,
-    service
-  } = props;
-  const { env } = (0, provider_exports.useEnv)();
-  const { user } = useAppProvider();
-  const { useGetView: useGetView2 } = (0, provider_exports.useService)();
-  const dataUser = user?.userProfile?.data;
-  const contextObject = (0, import_react16.useMemo)(
-    () => ({
-      ...env.context,
-      ...context || {}
-    }),
-    [env?.context, context]
-  );
-  const viewParams = (0, import_react16.useMemo)(
-    () => ({
-      model: relation,
-      views: [
-        [false, "list"],
-        [false, "search"]
-      ],
-      context: contextObject,
-      service,
-      xNode: service == "wesap" && dataUser?.x_node
-    }),
-    [relation, contextObject, service, dataUser?.x_node]
-  );
-  const { data: viewResponse } = useGetView2({
-    viewParams,
-    enabled: enabledCallAPI
-  });
-  const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = (0, import_react16.useMemo)(
-    () => (options && typeof options === "string" ? (0, import_utils10.evalJSONContext)(options) : options) || {},
-    [options]
-  );
-  const {
-    data: dataResponse,
-    isFetched,
-    isLoading,
-    state,
-    isPlaceholderData
-  } = useListData({
-    action: {
-      domain,
-      res_model: relation
-    },
-    context: contextObject,
-    model: relation ?? "",
-    viewData: viewResponse,
-    service,
-    xNode: service == "wesap" && dataUser?.x_node
-  });
-  const {
-    selectedRowKeys,
-    groupByList,
-    domain: domainList,
-    page,
-    pageLimit,
-    setDomain,
-    setOrder,
-    setPage,
-    setSelectedRowKeys,
-    setGroupByList,
-    setPageLimit,
-    specification
-  } = state;
-  (0, import_react16.useEffect)(() => {
-    return () => {
-      setDomain(null);
-      setOrder("");
-      setGroupByList(null);
-      setPageLimit(10);
-    };
-  }, []);
-  const { rows, columns, typeTable, onToggleColumnOptional } = tableController({
-    data: {
-      fields: viewResponse?.views?.list?.fields,
-      records: dataResponse?.records ?? dataResponse?.groups,
-      dataModel: viewResponse?.models?.[String(relation)],
-      context: contextObject,
-      typeTable: dataResponse?.groups ? "group" : "list"
-    }
-  });
-  const searchControllers = searchController({
-    viewData: viewResponse,
-    model: relation ?? "",
-    context: contextObject,
-    domain,
-    fieldsList: [
-      ...columns?.filter(
-        (col) => col?.field?.type_co === "field" && col?.optional !== "hide"
-      )?.map((col) => ({ ...col.field })) ?? []
-    ]
-  });
-  const handleCreateNewOnPage = async () => {
-  };
-  return {
-    rows,
-    columns,
-    optionsObject,
-    viewData: viewResponse,
-    totalRows: dataResponse?.length ?? 0,
-    onToggleColumnOptional,
-    typeTable,
-    isLoading,
-    isFetched,
-    isPlaceholderData,
-    page,
-    pageLimit,
-    groupByList,
-    selectedRowKeys,
-    domain: domainList,
-    setPage,
-    setDomain,
-    setPageLimit,
-    setGroupByList,
-    setSelectedRowKeys,
-    searchController: searchControllers,
-    handleCreateNewOnPage,
-    specification
-  };
-};
-
-// src/widget/basic/many2many-tags-field/controller.ts
-var import_react17 = require("react");
-var import_constants2 = require("@fctc/interface-logic/constants");
-var import_utils11 = require("@fctc/interface-logic/utils");
-var many2manyTagsController = (props) => {
-  const {
-    relation,
-    domain,
-    options: optionsFields,
-    widget,
-    formValues,
-    service,
-    xNode,
-    context: fieldContext,
-    onChange,
-    methods,
-    name
-  } = props;
-  const isUser = relation === "res.users" || relation === "res.partner";
-  const { env } = (0, provider_exports.useEnv)();
-  const { action } = useAppProvider();
-  const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
-  const [options, setOptions] = (0, import_react17.useState)([]);
-  const [domainObject, setDomainObject] = (0, import_react17.useState)(null);
-  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react17.useState)(false);
-  const addtionalFields = optionsFields ? (0, import_utils11.evalJSONContext)(optionsFields) : null;
-  const contextObject = {
-    ...(0, import_utils11.evalJSONContext)(action?.context) || {},
-    ...fieldContext ?? {},
-    ...env?.context
-  };
-  const parsedFormValues = (0, import_react17.useMemo)(
-    () => JSON.parse(
-      JSON.stringify({
-        ...formValues,
-        ...contextObject,
-        context: contextObject,
-        parent: { ...formValues }
-      })
-    ) ?? {},
-    [formValues, contextObject]
-  );
-  (0, import_react17.useEffect)(() => {
-    const newDomain = (0, import_utils11.evalJSONDomain)(domain, parsedFormValues);
-    setDomainObject(
-      (prev) => JSON.stringify(prev) === JSON.stringify(newDomain) ? prev : newDomain
-    );
-  }, [domain, parsedFormValues]);
-  const data = {
-    model: relation ?? "",
-    domain: domainObject,
-    specification: {
-      id: {},
-      name: {},
-      display_name: {},
-      ...widget && import_constants2.WIDGETAVATAR[widget] ? { image_256: {} } : {},
-      ...widget && import_constants2.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
-    },
-    context: env.context
-  };
-  const queryKey = [`data_${relation}`, domainObject];
-  const {
-    data: dataOfSelection,
-    refetch,
-    isFetching
-  } = useGetSelection3({
-    data,
-    queryKey,
-    service,
-    xNode,
-    enabled: false
-  });
-  const selectOptions = (0, import_react17.useMemo)(() => {
-    return dataOfSelection?.records?.map((val) => ({
-      value: val.id,
-      label: val.name ?? val.display_name,
-      ...val
-    })) || [];
-  }, [dataOfSelection]);
-  (0, import_react17.useEffect)(() => {
-    setOptions(selectOptions);
-  }, [selectOptions]);
-  const fetchMoreOptions = (0, import_react17.useCallback)(() => {
-    refetch();
-  }, [refetch]);
-  const transfer = (data2) => {
-    return data2?.map((val) => ({
-      id: val.value,
-      display_name: val.label
-    })) || [];
-  };
-  const handleChooseRecord = (0, import_react17.useCallback)(
-    (idRecord) => {
-      const newOption = options.find(
-        (option) => option.value === idRecord
-      );
-      setIsShowModalMany2Many(false);
-    },
-    [options, methods, name, onChange]
-  );
-  const handleClose = (0, import_react17.useCallback)(() => setIsShowModalMany2Many(false), []);
-  return {
-    options,
-    transfer,
-    isUser,
-    isFetching,
-    fetchMoreOptions,
-    domainObject,
-    setDomainObject,
-    handleChooseRecord,
-    handleClose,
-    isShowModalMany2Many,
-    setIsShowModalMany2Many
-  };
-};
-
-// src/widget/basic/status-bar-field/controller.ts
-var import_react18 = require("react");
-var import_utils12 = require("@fctc/interface-logic/utils");
-var durationController = (props) => {
-  const { relation, domain, formValues, name, id, model, onRefetch, enabled } = props;
-  const specification = {
-    id: 0,
-    name: "",
-    fold: ""
-  };
-  const { useGetListData: useGetListData2, useChangeStatus: useChangeStatus2 } = (0, provider_exports.useService)();
-  const { env } = (0, provider_exports.useEnv)();
-  const [disabled, setDisabled] = (0, import_react18.useState)(false);
-  const [modelStatus, setModalStatus] = (0, import_react18.useState)(false);
-  const queryKey = [`data-status-duration`, specification];
-  const listDataProps = {
-    model: relation,
-    specification,
-    domain: (0, import_utils12.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
-    limit: 10,
-    offset: 0,
-    fields: "",
-    groupby: [],
-    context: {
-      lang: env.context.lang
-    },
-    sort: ""
-  };
-  const { data: dataResponse } = useGetListData2(
-    listDataProps,
-    queryKey,
-    enabled
-  );
-  const { mutate: fetchChangeStatus } = useChangeStatus2();
-  const handleClick = async (stage_id) => {
-    setDisabled(true);
-    if (stage_id) {
-      fetchChangeStatus(
-        {
-          data: {
-            stage_id,
-            name,
-            id,
-            model,
-            lang: env.context.lang
-          }
-        },
-        {
-          onSuccess: (res) => {
-            if (res) {
-              setDisabled(false);
-              onRefetch && onRefetch();
-            }
-          }
-        }
-      );
-    }
-  };
-  return {
-    dataResponse,
-    handleClick,
-    disabled,
-    modelStatus,
-    setModalStatus
-  };
-};
-
-// src/widget/basic/priority-field/controller.ts
-var import_utils13 = require("@fctc/interface-logic/utils");
-var priorityFieldController = (props) => {
-  const { name, model, index, actionData, context, onChange, specification } = props;
-  const _context = { ...(0, import_utils13.evalJSONContext)(actionData?.context) };
-  const contextObject = { ...context, ..._context };
-  const { useSave: useSave3 } = (0, provider_exports.useService)();
-  const { mutateAsync: fetchSave } = useSave3();
-  const savePriorities = async ({
-    value,
-    resetPriority
-  }) => {
-    const priorityValue = value <= 0 ? 0 : value - 1;
-    try {
-      fetchSave({
-        ids: index ? [index] : [],
-        data: { [String(name)]: String(priorityValue) },
-        model: String(model),
-        context: contextObject,
-        specification
-      });
-      if (typeof onChange === "function") {
-        onChange(String(name), String(priorityValue));
-      }
-    } catch (error) {
-      if (resetPriority) {
-        resetPriority();
-      }
-    }
-  };
-  return {
-    savePriorities
-  };
-};
-
-// src/widget/basic/download-file-field/controller.ts
-var import_react19 = require("react");
-var downloadFileController = () => {
-  const inputId = (0, import_react19.useId)();
-  const [file, setFile] = (0, import_react19.useState)(null);
-  const handleFileChange = (e) => {
-    setFile(e.target.files[0]);
-  };
-  const handleFileDownload = () => {
-    const url = URL.createObjectURL(file);
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = file.name;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-  };
-  return {
-    inputId,
-    file,
-    handleFileChange,
-    handleFileDownload
-  };
-};
-
-// src/widget/basic/download-binary-field/controller.ts
-var downLoadBinaryController = (props) => {
-  const { value, defaultValue, formValues } = props;
-  const downloadFile = async (url, filename) => {
-    try {
-      const response = await fetch(url);
-      if (!response.ok) throw new Error(`Failed to fetch ${url}`);
-      const contentType = response.headers.get("Content-Type") || "";
-      let ext = "";
-      if (contentType.includes("pdf")) ext = ".pdf";
-      else if (contentType.includes("png")) ext = ".png";
-      else if (contentType.includes("jpeg") || contentType.includes("jpg"))
-        ext = ".jpg";
-      else if (contentType.includes("zip")) ext = ".zip";
-      else if (contentType.includes("msword")) ext = ".doc";
-      else if (contentType.includes("spreadsheet")) ext = ".xls";
-      else if (contentType.includes("json")) ext = ".json";
-      else if (contentType.includes("text")) ext = ".txt";
-      else {
-        ext = "";
-      }
-      const blob = await response.blob();
-      const urlBlob = window.URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = urlBlob;
-      link.download = (filename || "file") + ext;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      window.URL.revokeObjectURL(urlBlob);
-    } catch (error) {
-      console.error("File download failed:", error);
-    }
-  };
-  const handleFileDownload = async (e) => {
-    e.stopPropagation();
-    await downloadFile(value || defaultValue, formValues?.name);
-  };
-  return {
-    handleFileDownload
-  };
-};
-
-// src/widget/basic/copy-link-button/controller.ts
-var import_react20 = require("react");
-var copyTextToClipboard = async (text) => {
-  if ("clipboard" in navigator) {
-    return await navigator.clipboard.writeText(text);
-  } else {
-    const textArea = document.createElement("textarea");
-    textArea.value = text;
-    textArea.style.position = "fixed";
-    document.body.appendChild(textArea);
-    textArea.focus();
-    textArea.select();
-    try {
-      document.execCommand("copy");
-    } finally {
-      document.body.removeChild(textArea);
-    }
-  }
-};
-var copyLinkButtonController = (props) => {
-  const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = (0, import_react20.useState)(false);
-  const handleCopyToClipboard = async (value2) => {
-    await copyTextToClipboard(value2);
-    setIsCopied(true);
-    setTimeout(() => setIsCopied(false), 2e3);
-  };
-  const propValue = value || defaultValue;
-  return {
-    isCopied,
-    handleCopyToClipboard,
-    propValue
-  };
-};
-
-// src/widget/basic/color-field/color-controller.ts
-var import_utils14 = require("@fctc/interface-logic/utils");
-var colorFieldController = (props) => {
-  const { value, isForm, name, formValues, idForm, model, actionData } = props;
-  const { env } = (0, provider_exports.useEnv)();
-  const { useSave: useSave3 } = (0, provider_exports.useService)();
-  const _context = { ...(0, import_utils14.evalJSONContext)(actionData?.context) || {} };
-  const contextObject = { ...env.context, ..._context };
-  const idDefault = isForm ? idForm : formValues?.id;
-  const { mutate: onSave } = useSave3();
-  const savePickColor = async (colorObject) => {
-    const { id } = colorObject;
-    if (value === id) return;
-    try {
-      onSave({
-        ids: idDefault !== null ? [idDefault] : [],
-        model: String(model),
-        data: { [String(name)]: id },
-        specification: {
-          name: {},
-          color: {}
-        },
-        context: contextObject
-      });
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  return {
-    savePickColor
-  };
-};
-
-// src/widget/basic/binary-field/controller.ts
-var import_react21 = require("react");
-var binaryFieldController = (props) => {
-  const {
-    name,
-    methods,
-    readonly = false,
-    filename,
-    onChange: handleOnchange,
-    service,
-    xNode,
-    path,
-    rootField,
-    index,
-    value
-  } = props;
-  const { useUploadFile: useUploadFile2 } = (0, provider_exports.useService)();
-  const { mutateAsync } = useUploadFile2();
-  const [url, setUrl] = (0, import_react21.useState)(value || null);
-  const [fileInfo, setFileInfo] = (0, import_react21.useState)(null);
-  (0, import_react21.useEffect)(() => {
-    if (!value) {
-      setUrl(null);
-      setFileInfo(null);
-      return;
-    }
-    fetchFileMeta(value);
-  }, [value]);
-  const formatSize = (bytes) => {
-    if (bytes < 1024) return bytes + " B";
-    let kb = bytes / 1024;
-    if (kb < 1024) return kb.toFixed(2) + " KB";
-    let mb = kb / 1024;
-    if (mb < 1024) return mb.toFixed(2) + " MB";
-    return (mb / 1024).toFixed(2) + " GB";
-  };
-  const fetchFileMeta = async (url2) => {
-    try {
-      const res = await fetch(url2, { method: "HEAD" });
-      const size = res.headers.get("content-length") || "";
-      let type = res.headers.get("content-type") || "";
-      const date = res.headers.get("last-modified") || "";
-      const guessed = guessTypeFromUrl(url2);
-      if (guessed) type = guessed;
-      setFileInfo({
-        size: size ? formatSize(Number(size)) : "--",
-        type,
-        date: date ? new Date(date).toLocaleString() : "--"
-      });
-      setUrl(url2);
-    } catch (e) {
-      console.error(e);
-    }
-  };
-  const onUploadFile = async (formData) => {
-    const res = await mutateAsync({
-      formData,
-      service,
-      xNode,
-      path
-    });
-    const url2 = res?.url;
-    methods?.setValue(name, url2, { shouldDirty: true });
-    handleOnchange && handleOnchange(name ?? "", url2);
-    if (filename) {
-      methods?.setValue(
-        rootField ? `${rootField?.name}.${index}.${filename}` : filename,
-        url2?.split("/").pop(),
-        { shouldDirty: true }
-      );
-      handleOnchange && handleOnchange(
-        rootField ? `${rootField?.name}.${index}.${filename}` : filename,
-        url2?.split("/").pop()
-      );
-    }
-    setUrl(url2);
-    fetchFileMeta(url2);
-    return url2;
-  };
-  const onDeleteFile = () => {
-    if (filename) {
-      methods?.setValue(
-        rootField ? `${rootField?.name}.${index}.${filename}` : filename,
-        null,
-        { shouldDirty: true }
-      );
-      handleOnchange && handleOnchange(
-        rootField ? `${rootField?.name}.${index}.${filename}` : filename,
-        null
-      );
-    }
-    setUrl(null);
-    setFileInfo(null);
-    methods?.setValue(name, null, { shouldDirty: true });
-    handleOnchange && handleOnchange(name ?? "", null);
-  };
-  return {
-    onUploadFile,
-    onDeleteFile,
-    fileInfo,
-    url
-  };
-};
-
-// src/widget/basic/many2many-binary-field/controller.tsx
-var import_react22 = require("react");
-var many2manyBinaryController = (props) => {
-  const {
-    name,
-    methods,
-    value,
-    onChange: handleOnchange,
-    service,
-    xNode,
-    path
-  } = props;
-  const inputId = (0, import_react22.useId)();
-  const { useUploadFile: useUploadFile2 } = (0, provider_exports.useService)();
-  const { mutateAsync } = useUploadFile2();
-  const binaryRef = (0, import_react22.useRef)(null);
-  const [initialFiles, setInitialFiles] = (0, import_react22.useState)(
-    Array.isArray(value) ? value : value ? [value] : []
-  );
-  const checkIsImageLink = (url) => {
-    const imageExtensions = /\.(jpg|jpeg|png|gif|bmp|webp|svg|tiff|ico)$/i;
-    return imageExtensions.test(url) || isBase64Image(url) || isBlobUrl(url);
-  };
-  const sanitizeForBE = (list) => list.filter((x) => x?.datas && !isBlobUrl(x.datas)).map((x) => ({ name: x.name, datas: x.datas, mimetype: x.mimetype }));
-  const isBase64Image = (str) => {
-    const base64Regex = /^data:image\/(png|jpeg|jpg|gif|webp);base64,/;
-    if (!base64Regex.test(str)) {
-      return false;
-    }
-    try {
-      const base64Data = str.split(",")[1];
-      return !!base64Data && atob(base64Data).length > 0;
-    } catch (error) {
-      return false;
-    }
-  };
-  const handleFileChange = async (files, e, oldValues) => {
-    try {
-      const uploadedUrls = await Promise.all(
-        files.map(async (f) => {
-          const formData = new FormData();
-          formData.append("file", f);
-          const res = await mutateAsync({ formData, service, xNode, path });
-          return res?.url;
-        })
-      );
-      const uploadedItems = files.map((f, i) => ({
-        name: f.name,
-        datas: uploadedUrls[i] ?? "",
-        mimetype: f.type
-      }));
-      const finalList = [...oldValues, ...uploadedItems];
-      methods?.setValue(name, finalList, { shouldDirty: true });
-      const payloadForBE = sanitizeForBE(finalList);
-      handleOnchange && handleOnchange(name ?? "", payloadForBE);
-    } catch (err) {
-      console.error(err);
-    } finally {
-      e.target.value = "";
-    }
-  };
-  const handleRemoveAt = (idx) => {
-    const current = methods?.getValues(name) || [];
-    const next = current.filter((_, i) => i !== idx);
-    setInitialFiles((p) => p.filter((_, i) => i !== idx));
-    methods?.setValue(name, next.length ? next : null, { shouldDirty: true });
-    const payloadForBE = next.length ? sanitizeForBE(next) : null;
-    handleOnchange && handleOnchange(name ?? "", payloadForBE);
-  };
-  const handleRemoveAll = () => {
-    setInitialFiles([]);
-    methods?.setValue(name, null, { shouldDirty: true });
-    handleOnchange && handleOnchange(name ?? "", null);
-  };
-  return {
-    inputId,
-    initialFiles,
-    binaryRef,
-    handleFileChange,
-    handleRemoveAt,
-    handleRemoveAll,
-    checkIsImageLink,
-    setInitialFiles
-  };
-};
-
-// src/widget/basic/provider-einvoice-field/controller.ts
-var providerEinvoiceFieldController = (props) => {
-  const { relation, formValues, options: fieldOptions, xNode } = props;
-  const { env } = (0, provider_exports.useEnv)();
-  const { action } = useAppProvider();
-  const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
-  const contextObject = {
-    ...(typeof action?.context === "string" ? (0, utils_exports.evalJSONContext)(action?.context) : action?.context) || {},
-    ...env?.context
-  };
-  const optionsObject = typeof fieldOptions === "string" ? (0, utils_exports.evalJSONContext)(fieldOptions, {
-    ...formValues,
-    ...contextObject,
-    context: contextObject,
-    parent: { ...formValues }
-  }) : fieldOptions;
-  const data = {
-    model: optionsObject?.model,
-    domain: optionsObject?.domain,
-    context: {
-      ...contextObject,
-      ...optionsObject?.context
-    },
-    specification: optionsObject?.specification
-  };
-  const { data: listDataCard } = useGetSelection3({
-    data,
-    queryKey: [`data_${relation}`],
-    enabled: true,
-    service: optionsObject?.service,
-    xNode
-  });
-  return {
-    listDataCard
-  };
-};
-
-// src/widget/advance/table/table-head/controller.ts
-var import_react23 = require("react");
-var tableHeadController = (props) => {
-  const {
-    typeTable,
-    rows,
-    tableRef,
-    groupByList,
-    selectedRowKeys,
-    setSelectedRowKeys
-  } = props;
-  const { rowIds: recordIds } = useGetRowIds(tableRef);
-  const selectedRowKeysRef = (0, import_react23.useRef)(recordIds);
-  const isGroupTable = typeTable === "group";
-  const recordsCheckedGroup = (0, import_react23.useMemo)(() => {
-    if (!rows || !groupByList) return 0;
-    const groupBy = typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0;
-    return countSum(rows, groupBy);
-  }, [rows, groupByList]);
-  const isAllGroupChecked = (0, import_react23.useMemo)(() => {
-    if (!isGroupTable || !selectedRowKeys?.length) return false;
-    const selectedLength = selectedRowKeys.filter((id) => id !== -1).length;
-    const allRecordsSelected = recordIds.length === selectedRowKeys.length ? recordIds.length === selectedLength : false;
-    const allGroupsSelected = recordsCheckedGroup === selectedRowKeys.length;
-    return allGroupsSelected || allRecordsSelected;
-  }, [isGroupTable, selectedRowKeys, recordIds, recordsCheckedGroup]);
-  const isAllNormalChecked = (0, import_react23.useMemo)(() => {
-    if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
-    return selectedRowKeys.length === rows.length && selectedRowKeys.every(
-      (id) => rows.some((record) => record.id === id)
-    );
-  }, [isGroupTable, selectedRowKeys, rows]);
-  const checkedAll = isAllGroupChecked || isAllNormalChecked;
-  const handleCheckBoxAll = (event) => {
-    if (event?.target?.checked && typeTable === "list") {
-      const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
-      setSelectedRowKeys(allRowKeys);
-    } else if (event?.target?.checked && typeTable === "group") {
-      const rowsIDs = document.querySelectorAll("tr[data-row-id]");
-      const ids = Array.from(rowsIDs)?.map(
-        (row) => Number(row?.getAttribute("data-row-id"))
-      );
-      if (ids?.length > 0) {
-        setSelectedRowKeys(ids);
-      } else {
-        const sum = countSum(
-          rows,
-          typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0
-        );
-        const keys = Array.from({ length: sum }, (_) => void 0);
-        setSelectedRowKeys(keys);
-      }
-      if (selectedRowKeysRef) {
-        selectedRowKeysRef.current = [];
-      }
-    } else {
-      setSelectedRowKeys([]);
-    }
-  };
-  return {
-    handleCheckBoxAll,
-    checkedAll,
-    selectedRowKeysRef
-  };
-};
-
-// src/widget/advance/table/table-view/controller.ts
-var import_react24 = require("react");
-var import_utils18 = require("@fctc/interface-logic/utils");
-var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react24.useState)([]);
-  const [columnVisibility, setColumnVisibility] = (0, import_react24.useState)({});
-  const dataModelFields = (0, import_react24.useMemo)(() => {
-    return data?.fields?.map((field) => ({
-      ...data.dataModel?.[field?.name],
-      ...field,
-      string: field?.string || data.dataModel?.[field?.name]?.string
-    })) ?? [];
-  }, [data?.fields, data?.dataModel]);
-  const mergeFields = (0, import_react24.useMemo)(
-    () => mergeButtons(dataModelFields),
-    [dataModelFields]
-  );
-  const transformData = (0, import_react24.useCallback)(
-    (dataList) => {
-      if (!dataList) return [];
-      return dataList.map((item) => {
-        const transformedItem = { ...item };
-        Object.keys(item).forEach((field) => {
-          if (field !== "__domain") {
-            if (item[field] && typeof item[field] === "object" && item[field].display_name) {
-              transformedItem[field] = item[field];
-            } else if (Array.isArray(item[field]) && item[field].length > 0) {
-              if (data.typeTable === "group" && item[field]?.length === 2 && typeof item[field]?.[1] === "string") {
-                transformedItem["string"] = item[field]?.[1];
-              }
-              transformedItem[field] = item[field];
-            }
-          }
-        });
-        return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
-      });
-    },
-    [data?.typeTable]
-  );
-  (0, import_react24.useEffect)(() => {
-    setRows(transformData(data?.records));
-  }, [data?.records, transformData]);
-  const columns = (0, import_react24.useMemo)(() => {
-    try {
-      return mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils18.domainHelper.matchDomains(
-          data.context,
-          item?.column_invisible
-        ) : item?.invisible ? import_utils18.domainHelper.matchDomains(data.context, item?.invisible) : false);
-      })?.map((field) => {
-        const overridden = columnVisibility[field?.name];
-        return {
-          name: field?.name,
-          optional: overridden ?? field?.optional,
-          title: field?.type_co === "button" ? "" : field?.string,
-          field: { ...field }
-        };
-      }) ?? [];
-    } catch (error) {
-      console.error("Error in useTable:", error);
-      return [];
-    }
-  }, [mergeFields, data?.context, columnVisibility]);
-  const onToggleColumnOptional = (0, import_react24.useCallback)((item) => {
-    setColumnVisibility((prev) => ({
-      ...prev,
-      [item?.name]: item?.optional === "show" ? "hide" : "show"
-    }));
-  }, []);
-  return {
-    rows,
-    columns,
-    onToggleColumnOptional,
-    typeTable: data?.typeTable
-  };
-};
-
-// src/widget/advance/table/table-group/controller.ts
-var import_react25 = require("react");
-var tableGroupController = (props) => {
-  const { env } = (0, provider_exports.useEnv)();
-  const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
-  const {
-    columns,
-    row,
-    model,
-    viewData,
-    level,
-    specification,
-    context,
-    checkedAll,
-    groupByList,
-    setSelectedRowKeys
-  } = props;
-  const [pageGroup, setPageGroup] = (0, import_react25.useState)(0);
-  const [isShowGroup, setIsShowGroup] = (0, import_react25.useState)(false);
-  const [colEmptyGroup, setColEmptyGroup] = (0, import_react25.useState)({
-    fromStart: 1,
-    fromEnd: 1
-  });
-  const domain = row?.__domain;
-  const processedData = (0, import_react25.useMemo)(() => {
-    const calculateColSpanEmpty = () => {
-      const startIndex = columns.findIndex(
-        (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
-      );
-      const endIndex = columns.findLastIndex(
-        (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator !== "sum"
-      );
-      const fromStart = startIndex === -1 ? columns.length : startIndex;
-      const fromEnd = endIndex === -1 ? columns.length : columns.length - 1 - endIndex;
-      setColEmptyGroup({ fromStart: fromStart + 1, fromEnd: fromEnd + 1 });
-      return { fromStart: fromStart + 1, fromEnd: fromEnd + 1 };
-    };
-    return calculateColSpanEmpty();
-  }, [columns, row]);
-  const shouldFetchData = (0, import_react25.useMemo)(() => {
-    return !!isShowGroup;
-  }, [isShowGroup]);
-  const enabled = shouldFetchData && !!processedData;
-  const listDataProps = {
-    model,
-    specification,
-    domain,
-    context,
-    offset: pageGroup * 10,
-    fields: groupByList?.fields,
-    groupby: [groupByList?.contexts[level]?.group_by],
-    limit: 10
-  };
-  const queryKey = [
-    `data-${model}-level_${level}-row-${row?.id}`,
-    specification,
-    domain,
-    pageGroup
-  ];
-  const {
-    data: dataGroup,
-    isFetched: isDataGroupFetched,
-    isLoading,
-    isFetching,
-    isPlaceholderData: isDataPlaceHolder
-  } = useGetListData2(listDataProps, queryKey, enabled);
-  const {
-    columns: columnsGroup,
-    rows: rowsGroup,
-    typeTable: typeTableGroup
-  } = tableController({
-    data: {
-      fields: viewData?.views?.list?.fields,
-      records: dataGroup?.records ?? dataGroup?.groups,
-      dataModel: viewData?.models?.[model],
-      context: env.context,
-      typeTable: dataGroup?.groups ? "group" : "list"
-    }
-  });
-  const group_by_field_name = groupByList?.contexts[level - 1]?.group_by;
-  const nameGroup = Array.isArray(row[group_by_field_name]) ? row?.string ?? row[`${group_by_field_name}`][1] : viewData?.models?.[model]?.[group_by_field_name]?.selection ? viewData.models[model][group_by_field_name].selection.find(
-    (selectItem) => selectItem?.[0] === row[group_by_field_name]
-  )?.[1] : row[group_by_field_name];
-  const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
-  return {
-    // onExpandChildGroup,
-    colEmptyGroup,
-    isShowGroup,
-    isDataGroupFetched,
-    isDataPlaceHolder,
-    // nameGroupWithCount,
-    columnsGroup,
-    rowsGroup,
-    dataGroup,
-    pageGroup,
-    setPageGroup,
-    typeTableGroup
-  };
-};
-
-// src/widget/advance/search/controller.ts
-var import_moment2 = __toESM(require("moment"));
-var import_react26 = require("react");
-
-// src/constants.ts
-var constants_exports = {};
-__reExport(constants_exports, require("@fctc/interface-logic/constants"));
-
-// src/widget/advance/search/controller.ts
-var searchController = ({
-  viewData,
-  model,
-  domain,
-  context,
-  fieldsList
-}) => {
-  const { env } = (0, provider_exports.useEnv)();
-  const [filterBy, setFilterBy] = (0, import_react26.useState)(null);
-  const [searchBy, setSearchBy] = (0, import_react26.useState)(null);
-  const [groupBy, setGroupBy] = (0, import_react26.useState)(null);
-  const [selectedTags, setSelectedTags] = (0, import_react26.useState)(null);
-  const [searchString, setSearchString] = (0, import_react26.useState)("");
-  const [searchMap, setSearchMap] = (0, import_react26.useState)({});
-  const [hoveredIndex, setHoveredIndex] = (0, import_react26.useState)(0);
-  const [hoveredIndexSearchList, setHoveredIndexSearchList] = (0, import_react26.useState)(0);
-  const actionContext = typeof context === "string" ? (0, utils_exports.evalJSONContext)(context) : context;
-  const contextSearch = { ...env.context, ...actionContext };
-  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, utils_exports.evalJSONDomain)(domain, contextSearch) : [];
-  const clearSearch = () => {
-    setFilterBy([]);
-    setGroupBy([]);
-    setSearchBy([]);
-    setSelectedTags(null);
-    setSearchString("");
-    setSearchMap({});
-  };
-  const fetchData = async () => {
-    if (viewData) {
-      try {
-        const dataModel = viewData?.models?.[model];
-        const searchViews = viewData?.views?.search;
-        const searchByItems = searchViews?.search_by?.filter(
-          (item) => !utils_exports.domainHelper.matchDomains(contextSearch, item.invisible)
-        )?.map(
-          ({ string, name, filter_domain, operator, widget }, index) => ({
-            dataIndex: index,
-            title: string ?? dataModel?.[name]?.string,
-            name: name ?? dataModel?.[name]?.name,
-            filter_domain,
-            operator,
-            widget,
-            type: dataModel?.[name]?.type
-          })
-        );
-        const filterByItems = searchViews?.filter_by.filter((item) => {
-          return !utils_exports.domainHelper.matchDomains(contextSearch, item?.invisible);
-        })?.map((item) => ({ ...item, active: false }));
-        const groupByItems = searchViews?.group_by.filter(
-          (item) => !utils_exports.domainHelper.matchDomains(contextSearch, item?.invisible)
-        ).map((item) => ({
-          ...item,
-          string: item.string ?? viewData?.models?.[model]?.[item?.name?.split("group_by_")?.[1]]?.string
-        }));
-        setSearchBy(searchByItems);
-        setFilterBy(filterByItems);
-        setGroupBy(groupByItems);
-      } catch (error) {
-        console.error("Error fetching data:", error);
-      }
-    }
-  };
-  (0, import_react26.useEffect)(() => {
-    fetchData();
-  }, [model, viewData]);
-  const onChangeSearchInput = (search_string) => {
-    setSearchString(search_string);
-  };
-  const removeKeyFromSearchMap = ({
-    key,
-    item
-  }) => {
-    const values = searchMap[key];
-    if (!values) return searchMap;
-    const newSearchMap = { ...searchMap };
-    if (item) {
-      const filtered = values.filter((value) => value.name !== item.name);
-      if (filtered.length > 0) {
-        newSearchMap[key] = filtered;
-      } else {
-        delete newSearchMap[key];
-      }
-    } else {
-      delete newSearchMap[key];
-    }
-    setSearchMap(newSearchMap);
-  };
-  const updateSearchMap = ({ key, item }) => {
-    const newSearchMap = { ...searchMap };
-    const currentValues = searchMap[key] ?? [];
-    newSearchMap[key] = [...currentValues, item];
-    setSearchMap(newSearchMap);
-  };
-  const removeSearchItems = (key, item) => {
-    removeKeyFromSearchMap({ key: String(key), item });
-  };
-  const addSearchItems = (key, newItem) => {
-    updateSearchMap({ key, item: newItem });
-  };
-  const formatDomain = () => {
-    if (domainAction) {
-      const domain2 = [];
-      if (Array.isArray(domainAction) && domainAction.length > 0) {
-        if (Object.keys(searchMap).some((key) => !key.includes(constants_exports.SearchType.GROUP))) {
-          domain2.push("&");
-        }
-        domainAction.forEach((domainItem) => {
-          domain2.push(domainItem);
-        });
-      }
-      Object.keys(searchMap).forEach((key, keyIndex, keys) => {
-        if (!key?.includes(constants_exports.SearchType.GROUP)) {
-          if (keys.length > 1 && keyIndex < keys.length - 1) {
-            domain2.push("&");
-          }
-          const valuesOfKey = searchMap[key];
-          valuesOfKey.forEach((value, index) => {
-            if (index < valuesOfKey.length - 1) {
-              domain2.push("|");
-            }
-            if (value.domain) {
-              domain2.push(...value.domain);
-              return;
-            }
-            let valueDomainItem = value?.value;
-            if (value?.modelType === "date") {
-              valueDomainItem = validateAndParseDate(value?.value);
-            } else if (value?.modelType === "datetime") {
-              if (value?.operator === "<=" || value?.operator === "<") {
-                const parsedDate = validateAndParseDate(value?.value, true);
-                const hasTime = (0, import_moment2.default)(value?.value).format("HH:mm:ss") !== "00:00:00";
-                valueDomainItem = hasTime ? (0, import_moment2.default)(parsedDate).format("YYYY-MM-DD HH:mm:ss") : (0, import_moment2.default)(parsedDate).add(1, "day").subtract(1, "second").format("YYYY-MM-DD HH:mm:ss");
-              } else {
-                valueDomainItem = validateAndParseDate(value?.value, true);
-              }
-            }
-            const operator = value?.modelType === "date" || value?.modelType === "datetime" || value?.modelType === "boolean" || value?.modelType === "integer" ? value?.operator ?? "=" : value.operator ?? "ilike";
-            domain2.push([value.name, operator, valueDomainItem]);
-          });
-        }
-      });
-      return [...domain2];
-    }
-  };
-  const setTagSearch = (0, import_react26.useCallback)(
-    (updatedMap) => {
-      if (!updatedMap) return;
-      const tagsSearch = Object.entries(updatedMap).map(
-        ([key, objValues]) => {
-          const {
-            title,
-            name,
-            groupIndex,
-            type,
-            widget,
-            modelType,
-            dataIndex
-          } = objValues[0];
-          if (!key?.includes(constants_exports.SearchType.GROUP)) {
-            const values = objValues?.map((objValue) => objValue.value);
-            return {
-              title,
-              name: type === constants_exports.SearchType.SEARCH ? `${constants_exports.SearchType.SEARCH}_${String(dataIndex)}` : groupIndex ?? name,
-              values,
-              type,
-              widget,
-              modelType
-            };
-          } else {
-            const contexts = [];
-            let groupValues = [];
-            objValues?.forEach((objValue) => {
-              const { context: context2, value, active, groupIndex: groupIndex2, isDefault } = objValue;
-              const indexAppend = groupIndex2 != null ? groupIndex2 : viewData?.views?.search?.filters_by?.length ?? 0;
-              contexts.push(
-                ...Array.isArray(context2?.group_by) ? context2.group_by.map((item) => ({ group_by: item })) : [context2]
-              );
-              groupValues[indexAppend] = {
-                contexts: [
-                  ...Array.isArray(context2?.group_by) ? context2.group_by.map((item) => ({
-                    group_by: item
-                  })) : [context2]
-                ],
-                strings: isDefault ? [value] : [...groupValues[indexAppend]?.strings ?? [], value]
-              };
-            });
-            const fields = [
-              ...new Set(fieldsList?.map((item) => item?.name))
-            ];
-            const groupByTag = {
-              title,
-              values: groupValues?.filter(
-                (item) => item !== void 0
-              ),
-              type,
-              contexts,
-              fields
-            };
-            return groupByTag;
-          }
-        }
-      );
-      setSelectedTags(tagsSearch);
-      setSearchString("");
-    },
-    [searchMap]
-  );
-  (0, import_react26.useEffect)(() => {
-    setTagSearch(searchMap);
-  }, [searchMap]);
-  const handleAddTagSearch = (tag) => {
-    const { domain: domain2, groupIndex, value, type, context: context2, dataIndex } = tag;
-    const domainFormat = new utils_exports.domainHelper.Domain(domain2);
-    if (type === constants_exports.SearchType.FILTER) {
-      addSearchItems(`${constants_exports.SearchType.FILTER}_${groupIndex}`, {
-        ...tag,
-        domain: domain2 ? domainFormat.toList(context2) : null
-      });
-    } else if (type === constants_exports.SearchType.SEARCH) {
-      addSearchItems(`${constants_exports.SearchType.SEARCH}_${String(dataIndex)}`, {
-        ...tag,
-        domain: domain2 ? domainFormat.toList({
-          ...context2,
-          self: value
-        }) : null
-      });
-    } else if (type === constants_exports.SearchType.GROUP) {
-      addSearchItems(`${constants_exports.SearchType.GROUP}`, {
-        ...tag,
-        domain: domain2 ? domainFormat.toList({
-          context: context2,
-          self: value
-        }) : null
-      });
-    }
-  };
-  const onKeyDown = (e) => {
-    if (!searchBy || searchBy.length === 0) return;
-    switch (e.key) {
-      case "Backspace": {
-        if (!searchString && selectedTags && selectedTags.length > 0) {
-          const lastTag = selectedTags[selectedTags.length - 1];
-          if (!lastTag) return;
-          const key = lastTag.type === constants_exports.SearchType.GROUP ? constants_exports.SearchType.GROUP : lastTag.name;
-          removeKeyFromSearchMap({ key: String(key) });
-        }
-        break;
-      }
-      case "ArrowDown": {
-        e.preventDefault();
-        setHoveredIndex((prev) => {
-          const maxIndex = searchBy.length - 1;
-          const next = prev < maxIndex ? prev + 1 : prev;
-          setHoveredIndexSearchList(next);
-          return next;
-        });
-        break;
-      }
-      case "ArrowUp": {
-        e.preventDefault();
-        setHoveredIndex((prev) => {
-          const next = prev > 0 ? prev - 1 : prev;
-          setHoveredIndexSearchList(next);
-          return next;
-        });
-        break;
-      }
-      case "Enter": {
-        e.preventDefault();
-        if (!searchString.trim()) return;
-        const head = searchBy[hoveredIndex];
-        if (!head) return;
-        handleAddTagSearch({
-          title: head.title,
-          name: head.name,
-          value: searchString,
-          type: constants_exports.SearchType.SEARCH,
-          domain: head.filter_domain,
-          operator: head.operator,
-          dataIndex: head.dataIndex,
-          widget: head.widget,
-          modelType: head.type
-        });
-        break;
-      }
-      default:
-        break;
-    }
-  };
-  const handleMouseEnter = (index) => {
-    setHoveredIndexSearchList(index);
-  };
-  const handleMouseLeave = () => {
-    setHoveredIndexSearchList(null);
-  };
-  return {
-    groupBy,
-    searchBy,
-    filterBy,
-    selectedTags,
-    searchString,
-    setFilterBy,
-    setGroupBy,
-    setSearchBy,
-    clearSearch,
-    setSelectedTags,
-    removeSearchItems,
-    onSearchString: onChangeSearchInput,
-    handleAddTagSearch,
-    domain: formatDomain(),
-    context: contextSearch,
-    onKeyDown,
-    handleMouseEnter,
-    handleMouseLeave,
-    hoveredIndexSearchList
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  binaryFieldController,
-  colorFieldController,
-  copyLinkButtonController,
-  downLoadBinaryController,
-  downloadFileController,
-  durationController,
-  many2manyBinaryController,
-  many2manyFieldController,
-  many2manyTagsController,
-  many2oneButtonController,
-  many2oneFieldController,
-  priorityFieldController,
-  providerEinvoiceFieldController,
-  searchController,
-  statusDropdownController,
-  tableController,
-  tableGroupController,
-  tableHeadController
-});