@fctc/widget-logic 1.8.6 → 1.8.7

package/dist/index.js

@@ -5209,48 +5209,63 @@ var statusDropdownController = (props) => {
 
 // src/widget/basic/many2one-field/controller.ts
 var import_react14 = require("react");
-var import_hooks11 = require("@fctc/interface-logic/hooks");
-var import_store7 = require("@fctc/interface-logic/store");
-var import_utils3 = require("@fctc/interface-logic/utils");
+
+// src/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  API_APP_URL: () => API_APP_URL,
+  API_PRESCHOOL_URL: () => API_PRESCHOOL_URL,
+  STORAGES: () => STORAGES,
+  combineContexts: () => combineContexts,
+  convertFieldsToArray: () => convertFieldsToArray,
+  countSum: () => countSum,
+  getDateRange: () => getDateRange,
+  languages: () => languages,
+  mergeButtons: () => mergeButtons,
+  setStorageItemAsync: () => setStorageItemAsync,
+  useGetRowIds: () => useGetRowIds,
+  useSelectionState: () => useSelectionState,
+  useStorageState: () => useStorageState
+});
+__reExport(utils_exports, require("@fctc/interface-logic/utils"));
+
+// src/provider.ts
+var provider_exports = {};
+__reExport(provider_exports, require("@fctc/interface-logic/provider"));
+
+// src/widget/basic/many2one-field/controller.ts
 var many2oneFieldController = (props) => {
   const {
-    name,
+    sessionStorageUtils,
     methods,
-    formValues,
-    domain,
     relation,
-    onChange,
+    domain,
+    formValues,
     value: propValue,
+    onChange,
+    name,
     context: fieldContext,
     options: fieldOptions,
-    showDetail = true,
-    actionData
+    showDetail
   } = props;
   const [options, setOptions] = (0, import_react14.useState)([]);
+  const [inputValue, setInputValue] = (0, import_react14.useState)("");
+  const [debouncedInputValue] = useDebounce(inputValue, 1e3);
   const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react14.useState)(false);
   const [tempSelectedOption, setTempSelectedOption] = (0, import_react14.useState)(null);
-  const { menuList } = (0, import_store7.useAppSelector)(import_store7.selectNavbar);
-  const { context } = (0, import_store7.useAppSelector)(import_store7.selectEnv);
   const [domainModal, setDomainModal] = (0, import_react14.useState)(null);
+  const [domainObject, setDomainObject] = (0, import_react14.useState)(null);
+  const actionData = sessionStorageUtils.getActionData();
+  const { menuList } = (0, store_exports.useAppSelector)(store_exports.selectNavbar);
+  const { context } = (0, store_exports.useAppSelector)(store_exports.selectEnv);
   const initValue = methods?.getValues(name);
-  const domainObject = (0, import_react14.useMemo)(
-    () => (0, import_utils3.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues)) ?? {}),
-    [domain, formValues]
-  );
-  const optionsObject = (0, import_utils3.evalJSONContext)(fieldOptions) || {};
+  const optionsObject = (0, utils_exports.evalJSONContext)(fieldOptions) || {};
   const contextObject = {
-    ...(0, import_utils3.evalJSONContext)(actionData?.context) || {},
+    ...(0, utils_exports.evalJSONContext)(actionData?.context) || {},
     ...fieldContext,
     ...context
   };
-  const actionId = (0, import_react14.useMemo)(
-    () => menuList?.flatMap(
-      (item) => item?.child_id.filter(
-        (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
-      )
-    )?.[0]?.action?.id,
-    [menuList, relation]
-  );
+  const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
   const data = {
     model: relation,
     domain: domainObject,
@@ -5264,9 +5279,9 @@ var many2oneFieldController = (props) => {
   const queryKey = [`data_${relation}`, domainObject];
   const {
     data: dataOfSelection,
-    // refetch,
+    refetch,
     isFetching
-  } = (0, import_hooks11.useGetSelection)({
+  } = useGetSelection3({
     data,
     queryKey,
     enabled: false
@@ -5280,8 +5295,16 @@ var many2oneFieldController = (props) => {
   (0, import_react14.useEffect)(() => {
     setOptions(selectOptions);
     setDomainModal(domainObject);
-    if (relation === "student.subject") (0, import_store7.setListSubject)(selectOptions);
+    if (relation === "student.subject") (0, store_exports.setListSubject)(selectOptions);
   }, [selectOptions]);
+  (0, import_react14.useEffect)(() => {
+    setDomainObject(
+      (0, utils_exports.evalJSONDomain)(
+        domain,
+        JSON.parse(JSON.stringify({ ...formValues, context: contextObject })) ?? {}
+      )
+    );
+  }, [domain, formValues]);
   (0, import_react14.useEffect)(() => {
     if (!propValue && tempSelectedOption) {
       methods.setValue(name, null);
@@ -5293,11 +5316,24 @@ var many2oneFieldController = (props) => {
       });
     }
   }, [propValue]);
+  const fetchMoreOptions = (0, import_react14.useCallback)(() => {
+    refetch();
+  }, [refetch]);
   (0, import_react14.useEffect)(() => {
-    if (actionId) {
-      localStorage.setItem("aid", actionId);
+    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);
     }
-  }, [actionId]);
+  }, [debouncedInputValue]);
   const handleChooseRecord = (0, import_react14.useCallback)(
     (idRecord) => {
       const newOption = options.find(
@@ -5349,52 +5385,42 @@ var many2oneFieldController = (props) => {
     [methods, name, onChange]
   );
   const allowShowDetail = showDetail && contextObject?.form_view_ref && (!("no_open" in optionsObject) || optionsObject?.no_open === false);
-  const fetchMoreOptions = (0, import_react14.useCallback)(() => {
-    if (typeof dataOfSelection?.refetch === "function") {
-      ;
-      dataOfSelection.refetch();
-    }
-  }, [dataOfSelection]);
   return {
-    allowShowDetail,
-    handleClose,
+    isShowModalMany2Many,
+    isFetching,
+    initValue,
+    menuList,
     handleChooseRecord,
+    handleClose,
     handleSelectChange,
-    initValue,
-    isFetching,
-    isShowModalMany2Many,
-    options,
-    fetchMoreOptions,
     domainModal,
-    tempSelectedOption,
-    setTempSelectedOption,
-    setDomainModal,
-    dataOfSelection,
-    refetch: dataOfSelection?.refetch ?? (() => {
-    }),
-    selectOptions,
-    optionsObject,
+    setInputValue,
+    allowShowDetail,
     contextObject,
-    actionId,
-    setIsShowModalMany2Many
+    tempSelectedOption,
+    options,
+    fetchMoreOptions,
+    domainObject,
+    setIsShowModalMany2Many,
+    setDomainObject
   };
 };
 
 // src/widget/basic/many2one-button-field/controller.ts
 var import_environment6 = require("@fctc/interface-logic/environment");
 var import_hooks12 = require("@fctc/interface-logic/hooks");
-var import_utils4 = require("@fctc/interface-logic/utils");
+var import_utils5 = require("@fctc/interface-logic/utils");
 var many2oneButtonController = (props) => {
   const { domain, methods, relation } = props;
   const actionDataString = sessionStorage.getItem("actionData");
   const env = (0, import_environment6.getEnv)();
-  const domainObject = (0, import_utils4.evalJSONDomain)(domain, methods?.getValues() || {});
+  const domainObject = (0, import_utils5.evalJSONDomain)(domain, methods?.getValues() || {});
   const actionData = actionDataString && actionDataString !== "undefined" ? JSON.parse(actionDataString) : {};
   const { data: dataOfSelection } = (0, import_hooks12.useGetSelection)({
     data: {
       model: relation ?? "",
       domain: domainObject,
-      context: { ...env.context, ...(0, import_utils4.evalJSONContext)(actionData?.context) }
+      context: { ...env.context, ...(0, import_utils5.evalJSONContext)(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -5408,204 +5434,473 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-var import_react19 = require("react");
-
-// src/widget/advance/table/table-body/controller.ts
-var import_store8 = require("@fctc/interface-logic/store");
 var import_react15 = require("react");
-var tableBodyController = (props) => {
+var import_store8 = require("@fctc/interface-logic/store");
+var import_utils6 = require("@fctc/interface-logic/utils");
+var many2manyFieldController = (props) => {
   const {
-    checkedAll,
-    checkboxRef,
-    setIsAutoSelect,
-    selectedRowKeys,
-    row,
-    isAutoSelect,
-    selectedRowKeysRef,
-    onClickRow
+    relation,
+    domain,
+    context,
+    tab,
+    model,
+    aid,
+    setSelectedRowKeys: setSelectedRowKeys4,
+    fields,
+    setFields,
+    groupByDomain,
+    page,
+    options,
+    sessionStorageUtils
   } = props;
   const appDispatch = (0, import_store8.useAppDispatch)();
-  const checked = (0, import_react15.useMemo)(() => {
-    if (!row?.id) return false;
-    if (selectedRowKeys?.includes(row.id)) {
-      return true;
+  const actionData = sessionStorageUtils.getActionData();
+  const [debouncedPage] = useDebounce(page, 500);
+  const [order, setOrder] = (0, import_react15.useState)();
+  const [isLoadedData, setIsLoadedData] = (0, import_react15.useState)(false);
+  const [domainMany2Many, setDomainMany2Many] = (0, import_react15.useState)(domain);
+  const { env } = (0, provider_exports.useEnv)();
+  const { useGetView: useGetView2, useGetListData: useGetListData4, useGetFormView } = (0, provider_exports.useService)();
+  const viewParams = {
+    model: relation,
+    views: [
+      [false, "list"],
+      [false, "search"]
+    ],
+    context
+  };
+  const { data: viewResponse } = useGetView2(viewParams, actionData);
+  const baseModel = (0, import_react15.useMemo)(
+    () => ({
+      name: String(relation),
+      view: viewResponse || {},
+      actContext: context,
+      fields: [
+        ...Object.values(viewResponse?.views?.list?.fields ?? {}),
+        ...tab?.fields ? tab.fields : []
+      ]
+    }),
+    [model, viewResponse]
+  );
+  const initModel = (0, hooks_exports.useModel)();
+  const modelInstance = (0, import_react15.useMemo)(() => {
+    if (viewResponse) {
+      return initModel.initModel(baseModel);
     }
-    return checkedAll;
-  }, [row?.id, selectedRowKeys, checkedAll]);
-  const handleCheckBoxSingle = (event) => {
-    event.stopPropagation();
-    if (checkedAll) {
-      checkboxRef.current = "uncheck";
-      setIsAutoSelect(true);
-      return;
+    return null;
+  }, [baseModel, viewResponse]);
+  const specification = (0, import_react15.useMemo)(() => {
+    if (modelInstance) {
+      return modelInstance.getSpecification();
+    }
+    return null;
+  }, [modelInstance]);
+  const default_order = viewResponse && viewResponse?.views?.list?.default_order;
+  const optionsObject = tab?.options ? (0, import_utils6.evalJSONContext)(tab?.options) : (options ? (0, import_utils6.evalJSONContext)(options) : {}) || {};
+  const fetchData = async () => {
+    try {
+      setDomainMany2Many(domain);
+      appDispatch((0, import_store8.setFirstDomain)(domain));
+      appDispatch((0, import_store8.setViewDataStore)(viewResponse));
+      const modalData = viewResponse?.views?.list?.fields.map((field) => ({
+        ...viewResponse?.models?.[String(model)]?.[field?.name],
+        ...field
+      }));
+      if (!fields?.[`${aid}_${relation}_popupmany2many`] && modalData) {
+        setFields({
+          ...fields,
+          [`${aid}_${relation}_popupmany2many`]: modalData
+        });
+      }
+      appDispatch((0, import_store8.setPage)(0));
+    } catch (err) {
+      console.log(err);
     }
-    const newSelectedRowKeys = selectedRowKeys?.includes(row.id) ? selectedRowKeys?.filter((key) => key !== row.id) : [...selectedRowKeys, row.id];
-    console.log("newSelectedRowKeys", newSelectedRowKeys);
-    appDispatch((0, import_store8.setSelectedRowKeys)(newSelectedRowKeys));
   };
-  const handleClickRow = (col, row2) => {
-    onClickRow(col, row2);
+  const queryKey = [
+    `view-${relation}-${aid}`,
+    specification,
+    domainMany2Many,
+    debouncedPage,
+    groupByDomain,
+    order
+  ];
+  const data = {
+    model: relation,
+    specification,
+    domain: domainMany2Many,
+    offset: debouncedPage * 10,
+    limit: 10,
+    context,
+    fields: groupByDomain?.fields,
+    groupby: [groupByDomain?.contexts[0]?.group_by],
+    sort: order ? order : default_order ? (0, import_utils6.formatSortingString)(default_order) : ""
   };
+  const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const {
+    data: dataResponse,
+    isLoading: isDataLoading,
+    isFetched: isDataResponseFetched,
+    isPlaceholderData
+  } = useGetListData4(data, queryKey, enabled);
   (0, import_react15.useEffect)(() => {
-    if (!row?.id) return;
-    if (isAutoSelect) {
-      if (checkboxRef?.current === "uncheck") {
-        const filtered = selectedRowKeysRef.current.filter(
-          (id) => id !== row.id
-        );
-        selectedRowKeysRef.current = filtered;
-        appDispatch((0, import_store8.setSelectedRowKeys)(filtered));
-      } else {
-        const unique = Array.from(
-          /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
-        );
-        selectedRowKeysRef.current = unique;
-        appDispatch((0, import_store8.setSelectedRowKeys)(unique));
-      }
+    if (viewResponse) {
+      fetchData();
     }
-  }, [isAutoSelect]);
+    return () => {
+      appDispatch((0, import_store8.setGroupByDomain)(null));
+      setFields((prevFields) => ({
+        ...prevFields,
+        [`${aid}_${relation}_popupmany2many`]: null
+      }));
+      appDispatch((0, import_store8.setPage)(0));
+      setSelectedRowKeys4([]);
+      setDomainMany2Many(null);
+      setIsLoadedData(false);
+    };
+  }, [viewResponse]);
+  const { rows, columns, typeTable } = tableController({
+    data: {
+      fields: fields?.[`${aid}_${relation}_popupmany2many`] || viewResponse?.views?.list?.fields,
+      records: dataResponse?.records ?? dataResponse?.groups,
+      dataModel: viewResponse?.models?.[String(relation)],
+      context: { ...env.context, ...context },
+      typeTable: dataResponse?.groups ? "group" : "list"
+    }
+  });
+  const dataFormView = {
+    id: null,
+    model: relation,
+    context
+  };
+  const {
+    refetch,
+    data: dataFormViewResponse,
+    isSuccess
+  } = useGetFormView({
+    data: dataFormView,
+    queryKey: [`form-view-action-${relation}`],
+    enabled: false
+  });
   (0, import_react15.useEffect)(() => {
-    if (!checkedAll) {
-      checkboxRef.current = "enabled";
-      false;
+    if (isSuccess && dataFormViewResponse) {
+      sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
+      window.location.href = `/form/menu?model=${relation}`;
     }
-  }, [checkedAll]);
+  }, [isSuccess]);
+  (0, import_react15.useEffect)(() => {
+    if (domainMany2Many && !isLoadedData) {
+      setIsLoadedData(true);
+    }
+  }, [domainMany2Many]);
+  const handleCreateNewOnPage = async () => {
+    try {
+      refetch();
+    } catch (error) {
+      console.log(error);
+    }
+  };
   return {
-    handleCheckBoxSingle,
-    checked,
-    handleClickRow
+    handleCreateNewOnPage,
+    optionsObject,
+    rows,
+    columns,
+    typeTable,
+    isDataLoading,
+    isDataResponseFetched,
+    isPlaceholderData
   };
 };
 
-// src/widget/advance/table/table-head/controller.ts
-var import_store9 = require("@fctc/interface-logic/store");
-var tableHeadController = (props) => {
-  const { typeTable, rows, selectedRowKeysRef } = props;
-  const appDispatch = (0, import_store9.useAppDispatch)();
-  const { groupByDomain } = (0, import_store9.useAppSelector)(import_store9.selectSearch);
-  const handleCheckBoxAll = (event) => {
-    if (event?.target?.checked && typeTable === "list") {
-      const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
-      appDispatch((0, import_store9.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) {
-        appDispatch((0, import_store9.setSelectedRowKeys)(ids));
-      } else {
-        const sum = countSum(
-          rows,
-          typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0
-        );
-        const keys = Array.from({ length: sum }, (_) => void 0);
-        appDispatch((0, import_store9.setSelectedRowKeys)(keys));
-      }
-      if (selectedRowKeysRef) {
-        selectedRowKeysRef.current = [];
-      }
-    } else {
-      appDispatch((0, import_store9.setSelectedRowKeys)([]));
-    }
+// src/widget/basic/many2many-tags-field/controller.ts
+var import_react16 = require("react");
+var import_constants4 = require("@fctc/interface-logic/constants");
+var import_environment7 = require("@fctc/interface-logic/environment");
+var import_hooks14 = require("@fctc/interface-logic/hooks");
+var import_utils7 = require("@fctc/interface-logic/utils");
+var many2manyTagsController = (props) => {
+  const {
+    relation,
+    domain,
+    options: optionsFields,
+    widget,
+    formValues,
+    placeholderNoOption
+  } = props;
+  const isUser = relation === "res.users" || relation === "res.partner";
+  const env = (0, import_environment7.getEnv)();
+  const addtionalFields = optionsFields ? (0, import_utils7.evalJSONContext)(optionsFields) : null;
+  const domainObject = (0, import_react16.useMemo)(
+    () => (0, import_utils7.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+    [domain, formValues]
+  );
+  const data = {
+    model: relation ?? "",
+    domain: domainObject,
+    specification: {
+      id: {},
+      name: {},
+      display_name: {},
+      ...widget && import_constants4.WIDGETAVATAR[widget] ? { image_256: {} } : {},
+      ...widget && import_constants4.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
+    },
+    enabled: true,
+    context: env.context
+  };
+  const { data: dataOfSelection } = (0, import_hooks14.useGetSelection)({
+    data,
+    queryKey: [`data_${relation}`, domainObject]
+  });
+  const customNoOptionsMessage = () => placeholderNoOption;
+  const tranfer = (data2) => {
+    return data2?.map((val) => ({
+      id: val.value,
+      display_name: val.label
+    })) || [];
   };
+  const options = dataOfSelection?.records?.map((val) => ({
+    value: val.id,
+    label: val.name ?? val.display_name,
+    ...val
+  })) || [];
   return {
-    handleCheckBoxAll
+    options,
+    customNoOptionsMessage,
+    tranfer,
+    dataOfSelection,
+    isUser
   };
 };
 
-// src/widget/advance/table/table-view/controller.ts
-var import_react16 = require("react");
-var import_store10 = require("@fctc/interface-logic/store");
-var import_utils5 = require("@fctc/interface-logic/utils");
-var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react16.useState)(data.records || []);
-  const [columns, setColumns] = (0, import_react16.useState)([]);
-  const dataModelFields = data.fields?.map((field) => {
-    return {
-      ...data.dataModel?.[field?.name],
-      ...field,
-      string: field?.string || data.dataModel?.[field?.name]?.string
-    };
-  });
-  const mergeFields = mergeButtons(dataModelFields);
-  const transformData = (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];
+// src/widget/basic/status-bar-field/controller.ts
+var import_react17 = require("react");
+var import_hooks15 = require("@fctc/interface-logic/hooks");
+var import_store9 = require("@fctc/interface-logic/store");
+var import_utils8 = require("@fctc/interface-logic/utils");
+var durationController = (props) => {
+  const {
+    relation,
+    defaultValue,
+    domain,
+    formValues,
+    name,
+    id,
+    model,
+    onRefetch
+  } = props;
+  const specification = {
+    id: 0,
+    name: "",
+    fold: ""
+  };
+  const [disabled, setDisabled] = (0, import_react17.useState)(false);
+  const [modelStatus, setModalStatus] = (0, import_react17.useState)(false);
+  const { context } = (0, import_store9.useAppSelector)(import_store9.selectEnv);
+  const queryKey = [`data-status-duration`, specification];
+  const listDataProps = {
+    model: relation,
+    specification,
+    domain: (0, import_utils8.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    limit: 10,
+    offset: 0,
+    fields: "",
+    groupby: [],
+    context: {
+      lang: context.lang
+    },
+    sort: ""
+  };
+  const { data: dataResponse } = (0, import_hooks15.useGetListData)(listDataProps, queryKey);
+  const { mutate: fetchChangeStatus } = (0, import_hooks15.useChangeStatus)();
+  const handleClick = async (stage_id) => {
+    setDisabled(true);
+    if (stage_id) {
+      fetchChangeStatus(
+        {
+          data: {
+            stage_id,
+            name,
+            id,
+            model,
+            lang: context.lang
+          }
+        },
+        {
+          onSuccess: (res) => {
+            if (res) {
+              setDisabled(false);
+              onRefetch && onRefetch();
             }
-            transformedItem[field] = item[field];
           }
         }
-      });
-      return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
-    });
+      );
+    }
   };
-  (0, import_react16.useEffect)(() => {
-    setRows(transformData(data.records || null));
-  }, [data.records]);
-  const handleGetColumns = () => {
-    let cols = [];
+  return {
+    defaultValue,
+    dataResponse,
+    handleClick,
+    disabled,
+    modelStatus,
+    setModalStatus
+  };
+};
+
+// src/widget/basic/priority-field/controller.ts
+var import_hooks16 = require("@fctc/interface-logic/hooks");
+var import_utils9 = require("@fctc/interface-logic/utils");
+var priorityFieldController = (props) => {
+  const {
+    value,
+    isForm,
+    name,
+    methods,
+    onChange,
+    model,
+    selection,
+    id,
+    actionData,
+    viewData,
+    context
+  } = props;
+  const _context = { ...(0, import_utils9.evalJSONContext)(actionData?.context) };
+  const contextObject = { ...context, ..._context };
+  const defaultPriority = parseInt(value) + 1;
+  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
+  const { mutateAsync: fetchSave } = (0, import_hooks16.useSave)();
+  const savePriorities = async ({
+    value: value2,
+    resetPriority
+  }) => {
+    const priorityValue = value2 <= 0 ? 0 : value2 - 1;
     try {
-      cols = mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils5.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_utils5.domainHelper.matchDomains(data.context, item?.invisible) : false);
-      })?.map((field) => {
-        return {
-          name: field?.name,
-          optional: field?.optional,
-          title: field?.type_co === "button" ? "" : field?.string,
-          field: { ...field }
-        };
+      fetchSave({
+        ids: id ? [id] : [],
+        data: { [name ?? ""]: String(priorityValue) },
+        model: model ?? "",
+        context: contextObject
       });
+      if (typeof onChange === "function") {
+        onChange(name ?? "", String(priorityValue));
+      }
     } catch (error) {
-      console.error("Error in useTable:", error);
-    }
-    return cols;
-  };
-  (0, import_react16.useEffect)(() => {
-    const columns2 = handleGetColumns();
-    setColumns(columns2);
-  }, [data.records]);
-  const onToggleColumnOptional = (item) => {
-    const tempColumn = [...columns]?.map((val) => {
-      if (item?.name === val?.name) {
-        return {
-          ...val,
-          optional: item?.optional === "show" ? "hide" : "show"
-        };
+      if (resetPriority) {
+        resetPriority();
       }
-      return val;
-    });
-    setColumns(tempColumn);
+    }
   };
   return {
-    rows,
-    columns,
-    onToggleColumnOptional,
-    typeTable: data.typeTable
+    selection,
+    isForm,
+    methods,
+    defaultPriority,
+    savePriorities,
+    label,
+    id,
+    onChange
   };
 };
 
-// src/widget/advance/table/table-group/controller.ts
-var import_react17 = require("react");
-
-// src/utils/i18n.ts
-var import_react_i18next2 = require("react-i18next");
-var import_i18next = __toESM(require("i18next"));
-var import_i18next_browser_languagedetector = __toESM(require("i18next-browser-languagedetector"));
-
-// src/locales/vi.json
-var vi_default = {
-  login: "\u0110\u0103ng Nh\u1EADp",
-  english: "Ti\u1EBFng Anh",
-  vietnamese: "Ti\u1EBFng Vi\u1EC7t",
+// src/widget/basic/float-time-field/controller.ts
+var import_react18 = require("react");
+var import_utils10 = require("@fctc/interface-logic/utils");
+var floatTimeFiledController = ({
+  onChange: fieldOnChange,
+  onBlur,
+  value,
+  isDirty,
+  props
+}) => {
+  const { name, defaultValue = 0, onChange } = props;
+  const [input, setInput] = (0, import_react18.useState)(
+    (0, import_utils10.convertFloatToTime)(value ?? defaultValue)
+  );
+  const [formattedTime, setFormattedTime] = (0, import_react18.useState)("");
+  const [errors, setErrors] = (0, import_react18.useState)("");
+  const handleInputChange = (e) => {
+    const raw = e.target.value.replace(/[^\d:]/g, "");
+    setInput(raw);
+    const timeRegex = /^(\d{1,2}):?(\d{0,2})$/;
+    const match = raw.match(timeRegex);
+    if (!match) {
+      setErrors("\u0110\u1ECBnh d\u1EA1ng kh\xF4ng h\u1EE3p l\u1EC7");
+      setFormattedTime("");
+      return;
+    }
+    let hours = parseInt(match[1] ?? "0", 10);
+    let minutes = parseInt(match[2] ?? "0", 10);
+    if (isNaN(hours)) hours = 0;
+    if (isNaN(minutes)) minutes = 0;
+    if (hours >= 24) {
+      hours = 0;
+    }
+    if (minutes >= 60) {
+      minutes = 0;
+    }
+    const formatted = `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+    setErrors("");
+    setFormattedTime(formatted);
+    fieldOnChange(formatted);
+  };
+  const handleBlur = () => {
+    if (!isDirty) return;
+    if (formattedTime) {
+      setInput(formattedTime);
+      const floatVal = (0, import_utils10.convertTimeToFloat)(formattedTime);
+      fieldOnChange(floatVal);
+      if (onChange) {
+        onChange(name ?? "", floatVal);
+      }
+    } else {
+      setInput("00:00");
+      fieldOnChange(0);
+      if (onChange) {
+        onChange(name ?? "", 0);
+      }
+      setErrors("");
+    }
+    onBlur();
+  };
+  const handleKeyDown = (e) => {
+    {
+      const allowed = [
+        "Backspace",
+        "Tab",
+        "ArrowLeft",
+        "ArrowRight",
+        "Delete",
+        "Home",
+        "End",
+        ":"
+      ];
+      const isNumber = /^[0-9]$/.test(e.key);
+      if (!isNumber && !allowed.includes(e.key)) {
+        e.preventDefault();
+      }
+    }
+  };
+  return {
+    handleInputChange,
+    handleBlur,
+    handleKeyDown,
+    input,
+    errors
+  };
+};
+
+// src/widget/basic/float-field/controller.ts
+var import_react19 = require("react");
+
+// src/utils/i18n.ts
+var import_react_i18next2 = require("react-i18next");
+var import_i18next = __toESM(require("i18next"));
+var import_i18next_browser_languagedetector = __toESM(require("i18next-browser-languagedetector"));
+
+// src/locales/vi.json
+var vi_default = {
+  login: "\u0110\u0103ng Nh\u1EADp",
+  english: "Ti\u1EBFng Anh",
+  vietnamese: "Ti\u1EBFng Vi\u1EC7t",
   note_login: "Xin h\xE3y \u0111\u0103ng nh\u1EADp v\xE0o t\xE0i kho\u1EA3n c\u1EE7a b\u1EA1n",
   "note-forgotpassword": "Vui l\xF2ng nh\u1EADp \u0111\u1ECBa ch\u1EC9 email b\u1EA1n mu\u1ED1n th\xF4ng tin \u0111\u1EB7t l\u1EA1i m\u1EADt kh\u1EA9u c\u1EE7a b\u1EA1n \u0111\u01B0\u1EE3c g\u1EEDi t\u1EDBi ",
   placeholder_email: "Nh\u1EADp \u0111\u1ECBa ch\u1EC9 email c\u1EE7a b\u1EA1n",
@@ -6362,947 +6657,62 @@ import_i18next.default.use(import_i18next_browser_languagedetector.default).use(
 });
 var i18n_default = import_i18next.default;
 
-// src/widget/advance/table/table-group/controller.ts
-var import_hooks13 = require("@fctc/interface-logic/hooks");
-var import_store11 = require("@fctc/interface-logic/store");
-
-// src/environment.ts
-var environment_exports = {};
-__reExport(environment_exports, require("@fctc/interface-logic/environment"));
-
-// src/widget/advance/table/table-group/controller.ts
-var tableGroupController = (props) => {
-  const env = (0, environment_exports.getEnv)();
-  const {
-    rows,
-    columns,
-    indexRow,
-    row,
-    model,
-    viewData,
-    renderField,
-    level,
-    specification,
-    domain,
-    context,
-    checkedAll,
-    isDisplayCheckbox,
-    isAutoSelect,
-    setIsAutoSelect,
-    selectedRowKeysRef
-  } = props;
-  const [pageGroup, setPageGroup] = (0, import_react17.useState)(0);
-  const { groupByDomain, selectedTags } = (0, import_store11.useAppSelector)(import_store11.selectSearch);
-  const { selectedRowKeys } = (0, import_store11.useAppSelector)(import_store11.selectList);
-  const appDispatch = (0, import_store11.useAppDispatch)();
-  const { toDataJS } = (0, import_hooks13.useOdooDataTransform)();
-  const initVal = toDataJS(row, viewData, model);
-  const [isShowGroup, setIsShowGroup] = (0, import_react17.useState)(false);
-  const [colEmptyGroup, setColEmptyGroup] = (0, import_react17.useState)({
-    fromStart: 1,
-    fromEnd: 1
-  });
-  const processedData = (0, import_react17.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_react17.useMemo)(() => {
-    return !!isShowGroup;
-  }, [isShowGroup]);
-  const enabled = shouldFetchData && !!processedData;
-  const listDataProps = {
-    model,
-    specification,
-    domain,
-    context,
-    offset: pageGroup * 10,
-    fields: groupByDomain?.fields,
-    groupby: [groupByDomain?.contexts[level]?.group_by]
-  };
-  const queryKey = [
-    `data-${model}--${level}-row${indexRow}`,
-    specification,
-    domain,
-    pageGroup
-  ];
-  const {
-    data: dataResponse,
-    isFetched: isQueryFetched,
-    isPlaceholderData,
-    isLoading,
-    isFetching
-  } = (0, import_hooks13.useGetListData)(listDataProps, queryKey, enabled);
-  const {
-    columns: columnsGroup,
-    rows: rowsGroup,
-    typeTable: typeTableGroup
-  } = tableController({
-    data: {
-      fields: viewData?.views?.list?.fields,
-      records: dataResponse?.records ?? dataResponse?.groups,
-      dataModel: viewData?.models?.[model],
-      context: env.context,
-      typeTable: dataResponse?.groups ? "group" : "list"
-    }
-  });
-  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
-  (0, import_react17.useEffect)(() => {
-    if (isShowGroup && selectedTags?.length > 0) {
-      setIsShowGroup(false);
-    }
-  }, [selectedTags]);
-  const group_by_field_name = groupByDomain?.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 nameGroupWithCount = `${typeof nameGroup === "string" ? nameGroup : typeof nameGroup === "boolean" && nameGroup ? i18n_default.t("yes") : i18n_default.t("no")} (${row[`${group_by_field_name?.split(":")?.[0]}_count`]})`;
-  const allIdsNull = selectedRowKeys?.every((item) => item === void 0);
-  const handleExpandChildGroup = () => {
-    if (isLoading || isFetching) return;
-    const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
-    if (allIdsNull || typeTableGroup === "group") {
-      toggleShowGroup();
-      return;
+// src/widget/basic/float-field/controller.ts
+var floatController = ({
+  onChange,
+  value,
+  props
+}) => {
+  const { name, required, methods, onChange: handleOnchange, string } = props;
+  const { setError, clearErrors } = methods;
+  const [inputValue, setInputValue] = (0, import_react19.useState)(
+    value !== void 0 && value !== null ? useFormatFloatNumber(value) : ""
+  );
+  (0, import_react19.useEffect)(() => {
+    if (value !== void 0 && value !== null && value !== parseFloat(inputValue?.replace(/,/g, ""))) {
+      setInputValue(useFormatFloatNumber(value));
+      clearErrors(name);
+    } else if (value === null || value === void 0) {
+      setInputValue("");
     }
-    if (isShowGroup && checkedAll) {
-      const ids = rowsGroup?.map((item) => item?.id) || [];
-      const filteredIds = selectedRowKeys.filter(
-        (id) => !ids.includes(id)
-      );
-      appDispatch((0, import_store11.setSelectedRowKeys)(filteredIds));
-    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
-      const clonedKeys = [...selectedRowKeys];
-      appDispatch((0, import_store11.setSelectedRowKeys)([...clonedKeys, -1]));
-      setTimeout(() => appDispatch((0, import_store11.setSelectedRowKeys)(clonedKeys)), 500);
-    } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
-      const filteredKeys = selectedRowKeys.filter((id) => id > -1);
-      appDispatch((0, import_store11.setSelectedRowKeys)(filteredKeys));
+  }, [value, name, clearErrors]);
+  const isDirtyRef = (0, import_react19.useRef)(false);
+  const inputRef = (0, import_react19.useRef)(null);
+  const lastCommittedValueRef = (0, import_react19.useRef)(null);
+  const handleInputChange = (e) => {
+    const newValue = e.target.value;
+    const valueWithoutCommas = newValue.replace(/,/g, "");
+    if (/^[0-9]*[.,]?[0-9]*$/.test(valueWithoutCommas) || newValue === "") {
+      const parts = valueWithoutCommas.split(".");
+      let integerPart = parts[0] || "";
+      const decimalPart = parts[1] || "";
+      if (decimalPart.length > 100) return;
+      if (integerPart) {
+        integerPart = Number(integerPart).toLocaleString("en-US");
+      }
+      const formattedValue = decimalPart ? `${integerPart}.${decimalPart}` : integerPart;
+      setInputValue(formattedValue);
+      const parsedValue = parseFloat(valueWithoutCommas.replace(",", "."));
+      if (!isNaN(parsedValue)) {
+        if (parsedValue < 0) {
+          setError(name, {
+            type: "validate",
+            message: i18n_default.t("invalid_number")
+          });
+        } else {
+          onChange(parsedValue);
+          clearErrors(name);
+          isDirtyRef.current = true;
+        }
+      } else {
+        onChange(null);
+        clearErrors(name);
+      }
     }
-    toggleShowGroup();
   };
-  (0, import_react17.useEffect)(() => {
-    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
-      return;
-    }
-    const clonedKeys = [...selectedRowKeys];
-    (0, import_store11.setSelectedRowKeys)([...clonedKeys, -1]);
-    setTimeout(() => (0, import_store11.setSelectedRowKeys)(clonedKeys), 500);
-  }, [isQueryFetched]);
-  return {
-    handleExpandChildGroup,
-    colEmptyGroup,
-    leftPadding,
-    isShowGroup,
-    isQueryFetched,
-    nameGroupWithCount,
-    columns,
-    row,
-    isPlaceholderData,
-    columnsGroup,
-    indexRow,
-    rowsGroup,
-    model,
-    viewData,
-    renderField,
-    level,
-    specification,
-    context,
-    checkedAll,
-    isDisplayCheckbox,
-    isAutoSelect,
-    setIsAutoSelect,
-    selectedRowKeysRef,
-    initVal,
-    dataResponse,
-    pageGroup,
-    setPageGroup
-  };
-};
-
-// src/widget/advance/search/controller.ts
-var import_constants3 = require("@fctc/interface-logic/constants");
-var import_utils6 = require("@fctc/interface-logic/utils");
-var import_moment = __toESM(require_moment());
-var import_react18 = require("react");
-var searchController = ({
-  viewData,
-  actionData,
-  fieldsList,
-  contextSearch,
-  setSearchMap,
-  searchMap
-}) => {
-  const [filterBy, setFilterBy] = (0, import_react18.useState)(null);
-  const [searchBy, setSearchBy] = (0, import_react18.useState)(null);
-  const [groupBy, setGroupBy] = (0, import_react18.useState)(null);
-  const [selectedTags, setSelectedTags] = (0, import_react18.useState)(null);
-  const [searchString, setSearchString] = (0, import_react18.useState)("");
-  const aid = actionData?.id;
-  const model = actionData?.res_model;
-  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) => !import_utils6.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 !import_utils6.domainHelper.matchDomains(contextSearch, item?.invisible);
-        })?.map((item) => ({ ...item, active: false }));
-        const groupByItems = searchViews?.group_by.filter(
-          (item) => !import_utils6.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_react18.useEffect)(() => {
-    clearSearch();
-    fetchData();
-  }, [aid, 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 domainAction = actionData?.domain ? Array.isArray(actionData?.domain) ? [...actionData?.domain] : (0, import_utils6.evalJSONDomain)(actionData?.domain, contextSearch) : [];
-  const formatDomain = () => {
-    if (domainAction) {
-      const domain = [];
-      if (domainAction?.length > 0) {
-        if (Object.keys(searchMap).length > 0) {
-          domain.push("&");
-        }
-        domainAction.forEach((domainItem) => {
-          domain.push(domainItem);
-        });
-      }
-      Object.keys(searchMap).forEach((key, keyIndex, keys) => {
-        if (!key?.includes(import_constants3.SearchType.GROUP)) {
-          if (keys.length > 1 && keyIndex < keys.length - 1) {
-            domain.push("&");
-          }
-          const valuesOfKey = searchMap[key];
-          valuesOfKey.forEach((value, index) => {
-            if (index < valuesOfKey.length - 1) {
-              domain.push("|");
-            }
-            if (value.domain) {
-              domain.push(...value.domain);
-              return;
-            }
-            let valueDomainItem = value?.value;
-            if (value?.modelType === "date") {
-              valueDomainItem = (0, import_utils6.validateAndParseDate)(value?.value);
-            } else if (value?.modelType === "datetime") {
-              if (value?.operator === "<=" || value?.operator === "<") {
-                const parsedDate = (0, import_utils6.validateAndParseDate)(value?.value, true);
-                const hasTime = (0, import_moment.default)(value?.value).format("HH:mm:ss") !== "00:00:00";
-                valueDomainItem = hasTime ? (0, import_moment.default)(parsedDate).format("YYYY-MM-DD HH:mm:ss") : (0, import_moment.default)(parsedDate).add(1, "day").subtract(1, "second").format("YYYY-MM-DD HH:mm:ss");
-              } else {
-                valueDomainItem = (0, import_utils6.validateAndParseDate)(value?.value, true);
-              }
-            }
-            const operator = value?.modelType === "date" || value?.modelType === "datetime" || value?.modelType === "boolean" || value?.modelType === "integer" ? value?.operator ?? "=" : value.operator ?? "ilike";
-            domain.push([value.name, operator, valueDomainItem]);
-          });
-        }
-      });
-      return [...domain];
-    }
-  };
-  const setTagSearch = (0, import_react18.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(import_constants3.SearchType.GROUP)) {
-            const values = objValues?.map((objValue) => objValue.value);
-            return {
-              title,
-              name: type === import_constants3.SearchType.SEARCH ? `${import_constants3.SearchType.SEARCH}_${String(dataIndex)}` : groupIndex ?? name,
-              values,
-              type,
-              widget,
-              modelType
-            };
-          } else {
-            const contexts = [];
-            let groupValues = [];
-            objValues?.forEach((objValue) => {
-              const { context, value, active, groupIndex: groupIndex2, isDefault } = objValue;
-              const indexAppend = groupIndex2 != null ? groupIndex2 : viewData?.views?.search?.filters_by?.length ?? 0;
-              contexts.push(
-                ...Array.isArray(context?.group_by) ? context.group_by.map((item) => ({ group_by: item })) : [context]
-              );
-              groupValues[indexAppend] = {
-                contexts: [
-                  ...Array.isArray(context?.group_by) ? context.group_by.map((item) => ({
-                    group_by: item
-                  })) : [context]
-                ],
-                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_react18.useEffect)(() => {
-    setSelectedTags(null);
-    setTagSearch(searchMap);
-  }, [searchMap]);
-  const handleAddTagSearch = (tag) => {
-    const {
-      domain,
-      groupIndex,
-      value,
-      type,
-      title,
-      context,
-      active,
-      dataIndex
-    } = tag;
-    const domainFormat = new import_utils6.domainHelper.Domain(domain);
-    if (type === import_constants3.SearchType.FILTER) {
-      addSearchItems(`${import_constants3.SearchType.FILTER}_${groupIndex}`, {
-        ...tag,
-        domain: domain ? domainFormat.toList(context) : null
-      });
-    } else if (type === import_constants3.SearchType.SEARCH) {
-      addSearchItems(`${import_constants3.SearchType.SEARCH}_${String(dataIndex)}`, {
-        ...tag,
-        domain: domain ? domainFormat.toList({
-          ...context,
-          self: value
-        }) : null
-      });
-    } else if (type === import_constants3.SearchType.GROUP) {
-      addSearchItems(`${import_constants3.SearchType.GROUP}`, {
-        ...tag,
-        domain: domain ? domainFormat.toList({
-          context,
-          self: value
-        }) : null
-      });
-    }
-  };
-  return {
-    groupBy,
-    searchBy,
-    filterBy,
-    selectedTags,
-    searchString,
-    setFilterBy,
-    setGroupBy,
-    setSearchBy,
-    clearSearch,
-    setSelectedTags,
-    removeSearchItems,
-    onSearchString: onChangeSearchInput,
-    handleAddTagSearch,
-    domain: formatDomain()
-  };
-};
-
-// src/widget/basic/many2many-field/controller.ts
-var import_environment8 = require("@fctc/interface-logic/environment");
-var import_store12 = require("@fctc/interface-logic/store");
-var import_utils7 = require("@fctc/interface-logic/utils");
-var many2manyFieldController = (props) => {
-  const {
-    relation,
-    domain,
-    context,
-    tab,
-    model,
-    aid,
-    setSelectedRowKeys: setSelectedRowKeys4,
-    fields,
-    setFields,
-    groupByDomain,
-    page,
-    options,
-    sessionStorageUtils
-  } = props;
-  const appDispatch = (0, import_store12.useAppDispatch)();
-  const actionData = sessionStorageUtils.getActionData();
-  const [debouncedPage] = useDebounce(page, 500);
-  const [order, setOrder] = (0, import_react19.useState)();
-  const [isLoadedData, setIsLoadedData] = (0, import_react19.useState)(false);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react19.useState)(domain);
-  const env = (0, import_environment8.getEnv)();
-  const { selectedTags } = (0, import_store12.useAppSelector)(import_store12.selectSearch);
-  const viewParams = {
-    model: relation,
-    views: [
-      [false, "list"],
-      [false, "search"]
-    ],
-    context
-  };
-  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, hooks_exports.useGetView)(
-    viewParams,
-    actionData
-  );
-  const baseModel = (0, import_react19.useMemo)(
-    () => ({
-      name: String(relation),
-      view: viewResponse || {},
-      actContext: context,
-      fields: [
-        ...Object.values(viewResponse?.views?.list?.fields ?? {}),
-        ...tab?.fields ? tab.fields : []
-      ]
-    }),
-    [model, viewResponse]
-  );
-  const initModel = (0, hooks_exports.useModel)();
-  const modelInstance = (0, import_react19.useMemo)(() => {
-    if (viewResponse) {
-      return initModel.initModel(baseModel);
-    }
-    return null;
-  }, [baseModel, viewResponse]);
-  const specification = (0, import_react19.useMemo)(() => {
-    if (modelInstance) {
-      return modelInstance.getSpecification();
-    }
-    return null;
-  }, [modelInstance]);
-  const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? (0, import_utils7.evalJSONContext)(tab?.options) : (options ? (0, import_utils7.evalJSONContext)(options) : {}) || {};
-  const fetchData = async () => {
-    try {
-      setDomainMany2Many(domain);
-      appDispatch((0, import_store12.setFirstDomain)(domain));
-      appDispatch((0, import_store12.setViewDataStore)(viewResponse));
-      const modalData = viewResponse?.views?.list?.fields.map((field) => ({
-        ...viewResponse?.models?.[String(model)]?.[field?.name],
-        ...field
-      }));
-      if (!fields?.[`${aid}_${relation}_popupmany2many`] && modalData) {
-        setFields({
-          ...fields,
-          [`${aid}_${relation}_popupmany2many`]: modalData
-        });
-      }
-      appDispatch((0, import_store12.setPage)(0));
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const queryKey = [
-    `view-${relation}-${aid}`,
-    specification,
-    domainMany2Many,
-    debouncedPage,
-    groupByDomain,
-    order
-  ];
-  const data = {
-    model: relation,
-    specification,
-    domain: domainMany2Many,
-    offset: debouncedPage * 10,
-    limit: 10,
-    context,
-    fields: groupByDomain?.fields,
-    groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_utils7.formatSortingString)(default_order) : ""
-  };
-  const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
-  const {
-    data: dataResponse,
-    isLoading: isDataLoading,
-    isFetched: isDataResponseFetched,
-    isPlaceholderData
-  } = (0, hooks_exports.useGetListData)(data, queryKey, enabled);
-  (0, import_react19.useEffect)(() => {
-    if (viewResponse) {
-      fetchData();
-    }
-    return () => {
-      appDispatch((0, import_store12.setGroupByDomain)(null));
-      setFields((prevFields) => ({
-        ...prevFields,
-        [`${aid}_${relation}_popupmany2many`]: null
-      }));
-      appDispatch((0, import_store12.setPage)(0));
-      setSelectedRowKeys4([]);
-      setDomainMany2Many(null);
-      setIsLoadedData(false);
-    };
-  }, [viewResponse]);
-  const { rows, columns, typeTable } = tableController({
-    data: {
-      fields: fields?.[`${aid}_${relation}_popupmany2many`] || viewResponse?.views?.list?.fields,
-      records: dataResponse?.records ?? dataResponse?.groups,
-      dataModel: viewResponse?.models?.[String(relation)],
-      context: { ...env.context, ...context },
-      typeTable: dataResponse?.groups ? "group" : "list"
-    }
-  });
-  const dataFormView = {
-    id: null,
-    model: relation,
-    context
-  };
-  const {
-    refetch,
-    data: dataFormViewResponse,
-    isSuccess
-  } = (0, hooks_exports.useGetFormView)({
-    data: dataFormView,
-    queryKey: [`form-view-action-${relation}`],
-    enabled: false
-  });
-  (0, import_react19.useEffect)(() => {
-    if (isSuccess && dataFormViewResponse) {
-      sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
-      window.location.href = `/form/menu?model=${relation}`;
-    }
-  }, [isSuccess]);
-  (0, import_react19.useEffect)(() => {
-    if (domainMany2Many && !isLoadedData) {
-      setIsLoadedData(true);
-    }
-  }, [domainMany2Many]);
-  const handleCreateNewOnPage = async () => {
-    try {
-      refetch();
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  return {};
-};
-
-// src/widget/basic/many2many-tags-field/controller.ts
-var import_react20 = require("react");
-var import_constants4 = require("@fctc/interface-logic/constants");
-var import_environment9 = require("@fctc/interface-logic/environment");
-var import_hooks15 = require("@fctc/interface-logic/hooks");
-var import_utils8 = require("@fctc/interface-logic/utils");
-var many2manyTagsController = (props) => {
-  const {
-    relation,
-    domain,
-    options: optionsFields,
-    widget,
-    formValues,
-    placeholderNoOption
-  } = props;
-  const isUser = relation === "res.users" || relation === "res.partner";
-  const env = (0, import_environment9.getEnv)();
-  const addtionalFields = optionsFields ? (0, import_utils8.evalJSONContext)(optionsFields) : null;
-  const domainObject = (0, import_react20.useMemo)(
-    () => (0, import_utils8.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
-    [domain, formValues]
-  );
-  const data = {
-    model: relation ?? "",
-    domain: domainObject,
-    specification: {
-      id: {},
-      name: {},
-      display_name: {},
-      ...widget && import_constants4.WIDGETAVATAR[widget] ? { image_256: {} } : {},
-      ...widget && import_constants4.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
-    },
-    enabled: true,
-    context: env.context
-  };
-  const { data: dataOfSelection } = (0, import_hooks15.useGetSelection)({
-    data,
-    queryKey: [`data_${relation}`, domainObject]
-  });
-  const customNoOptionsMessage = () => placeholderNoOption;
-  const tranfer = (data2) => {
-    return data2?.map((val) => ({
-      id: val.value,
-      display_name: val.label
-    })) || [];
-  };
-  const options = dataOfSelection?.records?.map((val) => ({
-    value: val.id,
-    label: val.name ?? val.display_name,
-    ...val
-  })) || [];
-  return {
-    options,
-    customNoOptionsMessage,
-    tranfer,
-    dataOfSelection,
-    isUser
-  };
-};
-
-// src/widget/basic/status-bar-field/controller.ts
-var import_react21 = require("react");
-var import_hooks16 = require("@fctc/interface-logic/hooks");
-var import_store13 = require("@fctc/interface-logic/store");
-var import_utils9 = require("@fctc/interface-logic/utils");
-var durationController = (props) => {
-  const {
-    relation,
-    defaultValue,
-    domain,
-    formValues,
-    name,
-    id,
-    model,
-    onRefetch
-  } = props;
-  const specification = {
-    id: 0,
-    name: "",
-    fold: ""
-  };
-  const [disabled, setDisabled] = (0, import_react21.useState)(false);
-  const [modelStatus, setModalStatus] = (0, import_react21.useState)(false);
-  const { context } = (0, import_store13.useAppSelector)(import_store13.selectEnv);
-  const queryKey = [`data-status-duration`, specification];
-  const listDataProps = {
-    model: relation,
-    specification,
-    domain: (0, import_utils9.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
-    limit: 10,
-    offset: 0,
-    fields: "",
-    groupby: [],
-    context: {
-      lang: context.lang
-    },
-    sort: ""
-  };
-  const { data: dataResponse } = (0, import_hooks16.useGetListData)(listDataProps, queryKey);
-  const { mutate: fetchChangeStatus } = (0, import_hooks16.useChangeStatus)();
-  const handleClick = async (stage_id) => {
-    setDisabled(true);
-    if (stage_id) {
-      fetchChangeStatus(
-        {
-          data: {
-            stage_id,
-            name,
-            id,
-            model,
-            lang: context.lang
-          }
-        },
-        {
-          onSuccess: (res) => {
-            if (res) {
-              setDisabled(false);
-              onRefetch && onRefetch();
-            }
-          }
-        }
-      );
-    }
-  };
-  return {
-    defaultValue,
-    dataResponse,
-    handleClick,
-    disabled,
-    modelStatus,
-    setModalStatus
-  };
-};
-
-// src/widget/basic/priority-field/controller.ts
-var import_hooks17 = require("@fctc/interface-logic/hooks");
-var import_utils10 = require("@fctc/interface-logic/utils");
-var priorityFieldController = (props) => {
-  const {
-    value,
-    isForm,
-    name,
-    methods,
-    onChange,
-    model,
-    selection,
-    id,
-    actionData,
-    viewData,
-    context
-  } = props;
-  const _context = { ...(0, import_utils10.evalJSONContext)(actionData?.context) };
-  const contextObject = { ...context, ..._context };
-  const defaultPriority = parseInt(value) + 1;
-  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
-  const { mutateAsync: fetchSave } = (0, import_hooks17.useSave)();
-  const savePriorities = async ({
-    value: value2,
-    resetPriority
-  }) => {
-    const priorityValue = value2 <= 0 ? 0 : value2 - 1;
-    try {
-      fetchSave({
-        ids: id ? [id] : [],
-        data: { [name ?? ""]: String(priorityValue) },
-        model: model ?? "",
-        context: contextObject
-      });
-      if (typeof onChange === "function") {
-        onChange(name ?? "", String(priorityValue));
-      }
-    } catch (error) {
-      if (resetPriority) {
-        resetPriority();
-      }
-    }
-  };
-  return {
-    selection,
-    isForm,
-    methods,
-    defaultPriority,
-    savePriorities,
-    label,
-    id,
-    onChange
-  };
-};
-
-// src/widget/basic/float-time-field/controller.ts
-var import_react22 = require("react");
-var import_utils11 = require("@fctc/interface-logic/utils");
-var floatTimeFiledController = ({
-  onChange: fieldOnChange,
-  onBlur,
-  value,
-  isDirty,
-  props
-}) => {
-  const { name, defaultValue = 0, onChange } = props;
-  const [input, setInput] = (0, import_react22.useState)(
-    (0, import_utils11.convertFloatToTime)(value ?? defaultValue)
-  );
-  const [formattedTime, setFormattedTime] = (0, import_react22.useState)("");
-  const [errors, setErrors] = (0, import_react22.useState)("");
-  const handleInputChange = (e) => {
-    const raw = e.target.value.replace(/[^\d:]/g, "");
-    setInput(raw);
-    const timeRegex = /^(\d{1,2}):?(\d{0,2})$/;
-    const match = raw.match(timeRegex);
-    if (!match) {
-      setErrors("\u0110\u1ECBnh d\u1EA1ng kh\xF4ng h\u1EE3p l\u1EC7");
-      setFormattedTime("");
-      return;
-    }
-    let hours = parseInt(match[1] ?? "0", 10);
-    let minutes = parseInt(match[2] ?? "0", 10);
-    if (isNaN(hours)) hours = 0;
-    if (isNaN(minutes)) minutes = 0;
-    if (hours >= 24) {
-      hours = 0;
-    }
-    if (minutes >= 60) {
-      minutes = 0;
-    }
-    const formatted = `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
-    setErrors("");
-    setFormattedTime(formatted);
-    fieldOnChange(formatted);
-  };
-  const handleBlur = () => {
-    if (!isDirty) return;
-    if (formattedTime) {
-      setInput(formattedTime);
-      const floatVal = (0, import_utils11.convertTimeToFloat)(formattedTime);
-      fieldOnChange(floatVal);
-      if (onChange) {
-        onChange(name ?? "", floatVal);
-      }
-    } else {
-      setInput("00:00");
-      fieldOnChange(0);
-      if (onChange) {
-        onChange(name ?? "", 0);
-      }
-      setErrors("");
-    }
-    onBlur();
-  };
-  const handleKeyDown = (e) => {
-    {
-      const allowed = [
-        "Backspace",
-        "Tab",
-        "ArrowLeft",
-        "ArrowRight",
-        "Delete",
-        "Home",
-        "End",
-        ":"
-      ];
-      const isNumber = /^[0-9]$/.test(e.key);
-      if (!isNumber && !allowed.includes(e.key)) {
-        e.preventDefault();
-      }
-    }
-  };
-  return {
-    handleInputChange,
-    handleBlur,
-    handleKeyDown,
-    input,
-    errors
-  };
-};
-
-// src/widget/basic/float-field/controller.ts
-var import_react23 = require("react");
-var floatController = ({
-  onChange,
-  value,
-  props
-}) => {
-  const { name, required, methods, onChange: handleOnchange, string } = props;
-  const { setError, clearErrors } = methods;
-  const [inputValue, setInputValue] = (0, import_react23.useState)(
-    value !== void 0 && value !== null ? useFormatFloatNumber(value) : ""
-  );
-  (0, import_react23.useEffect)(() => {
-    if (value !== void 0 && value !== null && value !== parseFloat(inputValue?.replace(/,/g, ""))) {
-      setInputValue(useFormatFloatNumber(value));
-      clearErrors(name);
-    } else if (value === null || value === void 0) {
-      setInputValue("");
-    }
-  }, [value, name, clearErrors]);
-  const isDirtyRef = (0, import_react23.useRef)(false);
-  const inputRef = (0, import_react23.useRef)(null);
-  const lastCommittedValueRef = (0, import_react23.useRef)(null);
-  const handleInputChange = (e) => {
-    const newValue = e.target.value;
-    const valueWithoutCommas = newValue.replace(/,/g, "");
-    if (/^[0-9]*[.,]?[0-9]*$/.test(valueWithoutCommas) || newValue === "") {
-      const parts = valueWithoutCommas.split(".");
-      let integerPart = parts[0] || "";
-      const decimalPart = parts[1] || "";
-      if (decimalPart.length > 100) return;
-      if (integerPart) {
-        integerPart = Number(integerPart).toLocaleString("en-US");
-      }
-      const formattedValue = decimalPart ? `${integerPart}.${decimalPart}` : integerPart;
-      setInputValue(formattedValue);
-      const parsedValue = parseFloat(valueWithoutCommas.replace(",", "."));
-      if (!isNaN(parsedValue)) {
-        if (parsedValue < 0) {
-          setError(name, {
-            type: "validate",
-            message: i18n_default.t("invalid_number")
-          });
-        } else {
-          onChange(parsedValue);
-          clearErrors(name);
-          isDirtyRef.current = true;
-        }
-      } else {
-        onChange(null);
-        clearErrors(name);
-      }
-    }
-  };
-  const handleInputMouseLeave = () => {
-    if (!isDirtyRef.current) {
-      inputRef.current?.blur();
+  const handleInputMouseLeave = () => {
+    if (!isDirtyRef.current) {
+      inputRef.current?.blur();
       return;
     }
     const rawValue = inputValue.replace(/,/g, "");
@@ -7369,10 +6779,10 @@ var useFormatFloatNumber = (value) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-var import_react24 = require("react");
+var import_react20 = require("react");
 var downloadFileController = () => {
-  const inputId = (0, import_react24.useId)();
-  const [file, setFile] = (0, import_react24.useState)(null);
+  const inputId = (0, import_react20.useId)();
+  const [file, setFile] = (0, import_react20.useState)(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -7414,297 +6824,897 @@ var downLoadBinaryController = (props) => {
         document.body.removeChild(link);
         window.URL.revokeObjectURL(urlBlob);
       }
-    } catch (error) {
-      console.error("File download failed:", error);
+    } catch (error) {
+      console.error("File download failed:", error);
+    }
+  };
+  return {
+    handleFileDownload
+  };
+};
+
+// src/widget/basic/date-field/controller.ts
+var import_moment = __toESM(require_moment());
+var DURATIONS = {
+  PAST: "past",
+  NOW: "now",
+  FUTURE: "future"
+};
+var dateFieldController = (props) => {
+  const {
+    string,
+    showTime = false,
+    widget,
+    min,
+    max,
+    viewData,
+    formValues,
+    model
+  } = props;
+  const range = (start, end, step = 1) => {
+    const arr = [];
+    for (let i = start; i < end; i += step) {
+      arr.push(i);
+    }
+    return arr;
+  };
+  const formatDate = showTime ? "DD/MM/YYYY HH:mm:ss" : "DD/MM/YYYY";
+  const formatDateParse = showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+  const fieldForCustom = widget === "datetime_custom" || widget === "date_custom";
+  const minNowValue = fieldForCustom && (min === DURATIONS.NOW ? true : typeof min === "string" && Object.keys(formValues)?.includes(min) && formValues?.[min] ? (0, import_moment.default)(formValues?.[min], formatDateParse).add(7, "hours") : null);
+  const maxNowValue = fieldForCustom && (max === DURATIONS.NOW ? true : typeof max === "string" && Object.keys(formValues)?.includes(max) && formValues?.[max] ? (0, import_moment.default)(formValues?.[max], formatDateParse).add(7, "hours") : null);
+  const years = range(
+    minNowValue ? (/* @__PURE__ */ new Date()).getFullYear() : 1990,
+    (/* @__PURE__ */ new Date()).getFullYear() + 4,
+    1
+  );
+  const months_vi = [
+    "Th\xE1ng 1",
+    "Th\xE1ng 2",
+    "Th\xE1ng 3",
+    "Th\xE1ng 4",
+    "Th\xE1ng 5",
+    "Th\xE1ng 6",
+    "Th\xE1ng 7",
+    "Th\xE1ng 8",
+    "Th\xE1ng 9",
+    "Th\xE1ng 10",
+    "Th\xE1ng 11",
+    "Th\xE1ng 12"
+  ];
+  const months_en = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ];
+  const customValidateMinMax = (date) => {
+    const selected = (0, import_moment.default)(date, formatDateParse);
+    const now = (0, import_moment.default)();
+    const compareSelected = showTime ? selected : selected.clone().startOf("day");
+    const compareNow = showTime ? now : now.clone().startOf("day");
+    if (minNowValue) {
+      if (compareSelected.isBefore(compareNow) && typeof minNowValue === "boolean" && minNowValue === true) {
+        return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
+          "greater_or_equal_now"
+        )}`;
+      } else if (import_moment.default.isMoment(minNowValue)) {
+        const compareMin = showTime ? minNowValue : minNowValue.clone().startOf("day");
+        if (compareSelected.isBefore(compareMin)) {
+          const fieldRelationDate = viewData?.models?.[model]?.[min ?? ""];
+          return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
+            "greater_or_equal"
+          )} ${fieldRelationDate?.string}`;
+        }
+      }
+    } else if (maxNowValue) {
+      if (compareSelected.isAfter(compareNow) && typeof maxNowValue === "boolean" && maxNowValue === true) {
+        return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
+          "less_or_equal_now"
+        )}`;
+      } else if (import_moment.default.isMoment(maxNowValue)) {
+        const compareMax = showTime ? maxNowValue : maxNowValue.clone().startOf("day");
+        if (compareSelected.isAfter(compareMax)) {
+          const fieldRelationDate = viewData?.models?.[model]?.[max ?? ""];
+          return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
+            "less_or_equal"
+          )} ${fieldRelationDate?.string}`;
+        }
+      }
+    }
+    return false;
+  };
+  return {
+    formatDate,
+    formatDateParse,
+    range,
+    years,
+    months_vi,
+    months_en,
+    customValidateMinMax,
+    minNowValue,
+    maxNowValue
+  };
+};
+
+// src/widget/basic/copy-link-button/controller.ts
+var import_react21 = require("react");
+var import_utils11 = require("@fctc/interface-logic/utils");
+var copyLinkButtonController = (props) => {
+  const { value, defaultValue } = props;
+  const [isCopied, setIsCopied] = (0, import_react21.useState)(false);
+  const handleCopyToClipboard = async (value2) => {
+    await (0, import_utils11.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_environment8 = require("@fctc/interface-logic/environment");
+var import_hooks17 = require("@fctc/interface-logic/hooks");
+var import_utils12 = require("@fctc/interface-logic/utils");
+var colorFieldController = (props) => {
+  const { value, isForm, name, formValues, idForm, model, actionData } = props;
+  const env = (0, import_environment8.getEnv)();
+  const _context = { ...(0, import_utils12.evalJSONContext)(actionData?.context) || {} };
+  const contextObject = { ...env.context, ..._context };
+  const idDefault = isForm ? idForm : formValues?.id;
+  const { mutate: onSave } = (0, import_hooks17.useSave)();
+  const savePickColor = async (colorObject) => {
+    const { id } = colorObject;
+    if (value === id) return;
+    try {
+      onSave({
+        ids: idDefault !== null ? [idDefault] : [],
+        model: model ?? "",
+        data: { [name ?? ""]: id },
+        specification: {
+          name: {},
+          color: {}
+        },
+        context: contextObject
+      });
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  return {
+    savePickColor
+  };
+};
+
+// src/widget/basic/binary-field/controller.ts
+var import_react22 = require("react");
+var import_utils13 = require("@fctc/interface-logic/utils");
+var binaryFieldController = (props) => {
+  const { name, methods, readonly = false, value } = props;
+  const inputId = (0, import_react22.useId)();
+  const [selectedImage, setSelectedImage] = (0, import_react22.useState)(null);
+  const [initialImage, setInitialImage] = (0, import_react22.useState)(value || null);
+  const [isInsideTable, setIsInsideTable] = (0, import_react22.useState)(false);
+  const { setValue } = methods;
+  const binaryRef = (0, import_react22.useRef)(null);
+  const convertUrlToBase64 = async (url) => {
+    try {
+      const response = await fetch(url);
+      const blob = await response.blob();
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onloadend = () => {
+          resolve(reader.result);
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+      });
+    } catch (error) {
+      console.error("Error converting URL to Base64:", error);
+      throw error;
+    }
+  };
+  const extractBase64Data = (base64Url) => {
+    if (base64Url.includes("base64,")) {
+      return base64Url.split("base64,")[1];
+    }
+    return base64Url;
+  };
+  const handleImageChange = async (e, onChange) => {
+    if (readonly) return;
+    const file = e?.target?.files?.[0];
+    if (file) {
+      const imageUrl = URL.createObjectURL(file);
+      setSelectedImage(imageUrl);
+      setInitialImage(null);
+      onChange(file);
+      const compressedBase64 = await convertUrlToBase64(imageUrl);
+      const base64Data = extractBase64Data(compressedBase64);
+      setValue(name, base64Data, {
+        shouldDirty: true
+      });
+    }
+  };
+  const handleRemoveImage = (onChange) => {
+    setSelectedImage(null);
+    setInitialImage(null);
+    onChange(null);
+  };
+  const isBlobUrl = (url) => {
+    return /^blob:/.test(url);
+  };
+  const checkIsImageLink = (url) => {
+    const imageExtensions = /\.(jpg|jpeg|png|gif|bmp|webp|svg|tiff|ico)$/i;
+    return imageExtensions.test(url) || (0, import_utils13.isBase64Image)(url) || isBlobUrl(url);
+  };
+  const getImageBase64WithMimeType = (base64) => {
+    if (typeof base64 !== "string" || base64.length < 10) return null;
+    if ((0, import_utils13.isBase64Image)(base64)) return base64;
+    let mimeType = null;
+    if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
+    else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
+    else if (base64.startsWith("R0lGOD")) mimeType = "image/gif";
+    else if (base64.startsWith("Qk")) mimeType = "image/bmp";
+    else if (base64.startsWith("UklGR")) mimeType = "image/webp";
+    return mimeType ? `data:${mimeType};base64,${base64}` : null;
+  };
+  (0, import_react22.useEffect)(() => {
+    return () => {
+      if (selectedImage) {
+        URL.revokeObjectURL(selectedImage);
+      }
+    };
+  }, [selectedImage]);
+  (0, import_react22.useEffect)(() => {
+    if (binaryRef.current) {
+      const isInsideTable2 = !!binaryRef.current.closest("table");
+      setIsInsideTable(isInsideTable2);
     }
-  };
+  }, []);
   return {
-    handleFileDownload
+    inputId,
+    selectedImage,
+    initialImage,
+    isInsideTable,
+    binaryRef,
+    handleImageChange,
+    handleRemoveImage,
+    checkIsImageLink,
+    getImageBase64WithMimeType
   };
 };
 
-// src/widget/basic/date-field/controller.ts
-var import_moment2 = __toESM(require_moment());
-var DURATIONS = {
-  PAST: "past",
-  NOW: "now",
-  FUTURE: "future"
-};
-var dateFieldController = (props) => {
+// src/widget/advance/table/table-body/controller.ts
+var import_store10 = require("@fctc/interface-logic/store");
+var import_react23 = require("react");
+var tableBodyController = (props) => {
   const {
-    string,
-    showTime = false,
-    widget,
-    min,
-    max,
-    viewData,
-    formValues,
-    model
+    checkedAll,
+    checkboxRef,
+    setIsAutoSelect,
+    selectedRowKeys,
+    row,
+    isAutoSelect,
+    selectedRowKeysRef,
+    onClickRow
   } = props;
-  const range = (start, end, step = 1) => {
-    const arr = [];
-    for (let i = start; i < end; i += step) {
-      arr.push(i);
+  const appDispatch = (0, import_store10.useAppDispatch)();
+  const checked = (0, import_react23.useMemo)(() => {
+    if (!row?.id) return false;
+    if (selectedRowKeys?.includes(row.id)) {
+      return true;
     }
-    return arr;
+    return checkedAll;
+  }, [row?.id, selectedRowKeys, checkedAll]);
+  const handleCheckBoxSingle = (event) => {
+    event.stopPropagation();
+    if (checkedAll) {
+      checkboxRef.current = "uncheck";
+      setIsAutoSelect(true);
+      return;
+    }
+    const newSelectedRowKeys = selectedRowKeys?.includes(row.id) ? selectedRowKeys?.filter((key) => key !== row.id) : [...selectedRowKeys, row.id];
+    console.log("newSelectedRowKeys", newSelectedRowKeys);
+    appDispatch((0, import_store10.setSelectedRowKeys)(newSelectedRowKeys));
   };
-  const formatDate = showTime ? "DD/MM/YYYY HH:mm:ss" : "DD/MM/YYYY";
-  const formatDateParse = showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
-  const fieldForCustom = widget === "datetime_custom" || widget === "date_custom";
-  const minNowValue = fieldForCustom && (min === DURATIONS.NOW ? true : typeof min === "string" && Object.keys(formValues)?.includes(min) && formValues?.[min] ? (0, import_moment2.default)(formValues?.[min], formatDateParse).add(7, "hours") : null);
-  const maxNowValue = fieldForCustom && (max === DURATIONS.NOW ? true : typeof max === "string" && Object.keys(formValues)?.includes(max) && formValues?.[max] ? (0, import_moment2.default)(formValues?.[max], formatDateParse).add(7, "hours") : null);
-  const years = range(
-    minNowValue ? (/* @__PURE__ */ new Date()).getFullYear() : 1990,
-    (/* @__PURE__ */ new Date()).getFullYear() + 4,
-    1
-  );
-  const months_vi = [
-    "Th\xE1ng 1",
-    "Th\xE1ng 2",
-    "Th\xE1ng 3",
-    "Th\xE1ng 4",
-    "Th\xE1ng 5",
-    "Th\xE1ng 6",
-    "Th\xE1ng 7",
-    "Th\xE1ng 8",
-    "Th\xE1ng 9",
-    "Th\xE1ng 10",
-    "Th\xE1ng 11",
-    "Th\xE1ng 12"
-  ];
-  const months_en = [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-  ];
-  const customValidateMinMax = (date) => {
-    const selected = (0, import_moment2.default)(date, formatDateParse);
-    const now = (0, import_moment2.default)();
-    const compareSelected = showTime ? selected : selected.clone().startOf("day");
-    const compareNow = showTime ? now : now.clone().startOf("day");
-    if (minNowValue) {
-      if (compareSelected.isBefore(compareNow) && typeof minNowValue === "boolean" && minNowValue === true) {
-        return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
-          "greater_or_equal_now"
-        )}`;
-      } else if (import_moment2.default.isMoment(minNowValue)) {
-        const compareMin = showTime ? minNowValue : minNowValue.clone().startOf("day");
-        if (compareSelected.isBefore(compareMin)) {
-          const fieldRelationDate = viewData?.models?.[model]?.[min ?? ""];
-          return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
-            "greater_or_equal"
-          )} ${fieldRelationDate?.string}`;
-        }
+  const handleClickRow = (col, row2) => {
+    onClickRow(col, row2);
+  };
+  (0, import_react23.useEffect)(() => {
+    if (!row?.id) return;
+    if (isAutoSelect) {
+      if (checkboxRef?.current === "uncheck") {
+        const filtered = selectedRowKeysRef.current.filter(
+          (id) => id !== row.id
+        );
+        selectedRowKeysRef.current = filtered;
+        appDispatch((0, import_store10.setSelectedRowKeys)(filtered));
+      } else {
+        const unique = Array.from(
+          /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
+        );
+        selectedRowKeysRef.current = unique;
+        appDispatch((0, import_store10.setSelectedRowKeys)(unique));
       }
-    } else if (maxNowValue) {
-      if (compareSelected.isAfter(compareNow) && typeof maxNowValue === "boolean" && maxNowValue === true) {
-        return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
-          "less_or_equal_now"
-        )}`;
-      } else if (import_moment2.default.isMoment(maxNowValue)) {
-        const compareMax = showTime ? maxNowValue : maxNowValue.clone().startOf("day");
-        if (compareSelected.isAfter(compareMax)) {
-          const fieldRelationDate = viewData?.models?.[model]?.[max ?? ""];
-          return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
-            "less_or_equal"
-          )} ${fieldRelationDate?.string}`;
-        }
+    }
+  }, [isAutoSelect]);
+  (0, import_react23.useEffect)(() => {
+    if (!checkedAll) {
+      checkboxRef.current = "enabled";
+      false;
+    }
+  }, [checkedAll]);
+  return {
+    handleCheckBoxSingle,
+    checked,
+    handleClickRow
+  };
+};
+
+// src/widget/advance/table/table-head/controller.ts
+var import_store11 = require("@fctc/interface-logic/store");
+var tableHeadController = (props) => {
+  const { typeTable, rows, selectedRowKeysRef } = props;
+  const appDispatch = (0, import_store11.useAppDispatch)();
+  const { groupByDomain } = (0, import_store11.useAppSelector)(import_store11.selectSearch);
+  const handleCheckBoxAll = (event) => {
+    if (event?.target?.checked && typeTable === "list") {
+      const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
+      appDispatch((0, import_store11.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) {
+        appDispatch((0, import_store11.setSelectedRowKeys)(ids));
+      } else {
+        const sum = countSum(
+          rows,
+          typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0
+        );
+        const keys = Array.from({ length: sum }, (_) => void 0);
+        appDispatch((0, import_store11.setSelectedRowKeys)(keys));
+      }
+      if (selectedRowKeysRef) {
+        selectedRowKeysRef.current = [];
       }
+    } else {
+      appDispatch((0, import_store11.setSelectedRowKeys)([]));
     }
-    return false;
   };
   return {
-    formatDate,
-    formatDateParse,
-    range,
-    years,
-    months_vi,
-    months_en,
-    customValidateMinMax,
-    minNowValue,
-    maxNowValue
+    handleCheckBoxAll
   };
 };
 
-// src/widget/basic/copy-link-button/controller.ts
-var import_react25 = require("react");
-var import_utils12 = require("@fctc/interface-logic/utils");
-var copyLinkButtonController = (props) => {
-  const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = (0, import_react25.useState)(false);
-  const handleCopyToClipboard = async (value2) => {
-    await (0, import_utils12.copyTextToClipboard)(value2);
-    setIsCopied(true);
-    setTimeout(() => setIsCopied(false), 2e3);
+// src/widget/advance/table/table-view/controller.ts
+var import_react24 = require("react");
+var import_store12 = require("@fctc/interface-logic/store");
+var import_utils14 = require("@fctc/interface-logic/utils");
+var tableController = ({ data }) => {
+  const [rows, setRows] = (0, import_react24.useState)(data.records || []);
+  const [columns, setColumns] = (0, import_react24.useState)([]);
+  const dataModelFields = data.fields?.map((field) => {
+    return {
+      ...data.dataModel?.[field?.name],
+      ...field,
+      string: field?.string || data.dataModel?.[field?.name]?.string
+    };
+  });
+  const mergeFields = mergeButtons(dataModelFields);
+  const transformData = (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;
+    });
+  };
+  (0, import_react24.useEffect)(() => {
+    setRows(transformData(data.records || null));
+  }, [data.records]);
+  const handleGetColumns = () => {
+    let cols = [];
+    try {
+      cols = mergeFields?.filter((item) => {
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils14.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_utils14.domainHelper.matchDomains(data.context, item?.invisible) : false);
+      })?.map((field) => {
+        return {
+          name: field?.name,
+          optional: field?.optional,
+          title: field?.type_co === "button" ? "" : field?.string,
+          field: { ...field }
+        };
+      });
+    } catch (error) {
+      console.error("Error in useTable:", error);
+    }
+    return cols;
+  };
+  (0, import_react24.useEffect)(() => {
+    const columns2 = handleGetColumns();
+    setColumns(columns2);
+  }, [data.records]);
+  const onToggleColumnOptional = (item) => {
+    const tempColumn = [...columns]?.map((val) => {
+      if (item?.name === val?.name) {
+        return {
+          ...val,
+          optional: item?.optional === "show" ? "hide" : "show"
+        };
+      }
+      return val;
+    });
+    setColumns(tempColumn);
   };
-  const propValue = value || defaultValue;
   return {
-    isCopied,
-    handleCopyToClipboard,
-    propValue
+    rows,
+    columns,
+    onToggleColumnOptional,
+    typeTable: data.typeTable
   };
 };
 
-// src/widget/basic/color-field/color-controller.ts
-var import_environment10 = require("@fctc/interface-logic/environment");
+// src/widget/advance/table/table-group/controller.ts
+var import_react25 = require("react");
 var import_hooks18 = require("@fctc/interface-logic/hooks");
-var import_utils13 = require("@fctc/interface-logic/utils");
-var colorFieldController = (props) => {
-  const { value, isForm, name, formValues, idForm, model, actionData } = props;
-  const env = (0, import_environment10.getEnv)();
-  const _context = { ...(0, import_utils13.evalJSONContext)(actionData?.context) || {} };
-  const contextObject = { ...env.context, ..._context };
-  const idDefault = isForm ? idForm : formValues?.id;
-  const { mutate: onSave } = (0, import_hooks18.useSave)();
-  const savePickColor = async (colorObject) => {
-    const { id } = colorObject;
-    if (value === id) return;
-    try {
-      onSave({
-        ids: idDefault !== null ? [idDefault] : [],
-        model: model ?? "",
-        data: { [name ?? ""]: id },
-        specification: {
-          name: {},
-          color: {}
-        },
-        context: contextObject
-      });
-    } catch (error) {
-      console.log(error);
+var import_store13 = require("@fctc/interface-logic/store");
+
+// src/environment.ts
+var environment_exports = {};
+__reExport(environment_exports, require("@fctc/interface-logic/environment"));
+
+// src/widget/advance/table/table-group/controller.ts
+var tableGroupController = (props) => {
+  const env = (0, environment_exports.getEnv)();
+  const {
+    rows,
+    columns,
+    indexRow,
+    row,
+    model,
+    viewData,
+    renderField,
+    level,
+    specification,
+    domain,
+    context,
+    checkedAll,
+    isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
+    selectedRowKeysRef
+  } = props;
+  const [pageGroup, setPageGroup] = (0, import_react25.useState)(0);
+  const { groupByDomain, selectedTags } = (0, import_store13.useAppSelector)(import_store13.selectSearch);
+  const { selectedRowKeys } = (0, import_store13.useAppSelector)(import_store13.selectList);
+  const appDispatch = (0, import_store13.useAppDispatch)();
+  const { toDataJS } = (0, import_hooks18.useOdooDataTransform)();
+  const initVal = toDataJS(row, viewData, model);
+  const [isShowGroup, setIsShowGroup] = (0, import_react25.useState)(false);
+  const [colEmptyGroup, setColEmptyGroup] = (0, import_react25.useState)({
+    fromStart: 1,
+    fromEnd: 1
+  });
+  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: groupByDomain?.fields,
+    groupby: [groupByDomain?.contexts[level]?.group_by]
+  };
+  const queryKey = [
+    `data-${model}--${level}-row${indexRow}`,
+    specification,
+    domain,
+    pageGroup
+  ];
+  const {
+    data: dataResponse,
+    isFetched: isQueryFetched,
+    isPlaceholderData,
+    isLoading,
+    isFetching
+  } = (0, import_hooks18.useGetListData)(listDataProps, queryKey, enabled);
+  const {
+    columns: columnsGroup,
+    rows: rowsGroup,
+    typeTable: typeTableGroup
+  } = tableController({
+    data: {
+      fields: viewData?.views?.list?.fields,
+      records: dataResponse?.records ?? dataResponse?.groups,
+      dataModel: viewData?.models?.[model],
+      context: env.context,
+      typeTable: dataResponse?.groups ? "group" : "list"
+    }
+  });
+  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
+  (0, import_react25.useEffect)(() => {
+    if (isShowGroup && selectedTags?.length > 0) {
+      setIsShowGroup(false);
+    }
+  }, [selectedTags]);
+  const group_by_field_name = groupByDomain?.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 nameGroupWithCount = `${typeof nameGroup === "string" ? nameGroup : typeof nameGroup === "boolean" && nameGroup ? i18n_default.t("yes") : i18n_default.t("no")} (${row[`${group_by_field_name?.split(":")?.[0]}_count`]})`;
+  const allIdsNull = selectedRowKeys?.every((item) => item === void 0);
+  const handleExpandChildGroup = () => {
+    if (isLoading || isFetching) return;
+    const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
+    if (allIdsNull || typeTableGroup === "group") {
+      toggleShowGroup();
+      return;
     }
+    if (isShowGroup && checkedAll) {
+      const ids = rowsGroup?.map((item) => item?.id) || [];
+      const filteredIds = selectedRowKeys.filter(
+        (id) => !ids.includes(id)
+      );
+      appDispatch((0, import_store13.setSelectedRowKeys)(filteredIds));
+    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
+      const clonedKeys = [...selectedRowKeys];
+      appDispatch((0, import_store13.setSelectedRowKeys)([...clonedKeys, -1]));
+      setTimeout(() => appDispatch((0, import_store13.setSelectedRowKeys)(clonedKeys)), 500);
+    } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
+      const filteredKeys = selectedRowKeys.filter((id) => id > -1);
+      appDispatch((0, import_store13.setSelectedRowKeys)(filteredKeys));
+    }
+    toggleShowGroup();
   };
+  (0, import_react25.useEffect)(() => {
+    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+      return;
+    }
+    const clonedKeys = [...selectedRowKeys];
+    (0, import_store13.setSelectedRowKeys)([...clonedKeys, -1]);
+    setTimeout(() => (0, import_store13.setSelectedRowKeys)(clonedKeys), 500);
+  }, [isQueryFetched]);
   return {
-    savePickColor
+    handleExpandChildGroup,
+    colEmptyGroup,
+    leftPadding,
+    isShowGroup,
+    isQueryFetched,
+    nameGroupWithCount,
+    columns,
+    row,
+    isPlaceholderData,
+    columnsGroup,
+    indexRow,
+    rowsGroup,
+    model,
+    viewData,
+    renderField,
+    level,
+    specification,
+    context,
+    checkedAll,
+    isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
+    selectedRowKeysRef,
+    initVal,
+    dataResponse,
+    pageGroup,
+    setPageGroup
   };
 };
 
-// src/widget/basic/binary-field/controller.ts
+// src/widget/advance/search/controller.ts
+var import_constants5 = require("@fctc/interface-logic/constants");
+var import_utils15 = require("@fctc/interface-logic/utils");
+var import_moment2 = __toESM(require_moment());
 var import_react26 = require("react");
-var import_utils14 = require("@fctc/interface-logic/utils");
-var binaryFieldController = (props) => {
-  const { name, methods, readonly = false, value } = props;
-  const inputId = (0, import_react26.useId)();
-  const [selectedImage, setSelectedImage] = (0, import_react26.useState)(null);
-  const [initialImage, setInitialImage] = (0, import_react26.useState)(value || null);
-  const [isInsideTable, setIsInsideTable] = (0, import_react26.useState)(false);
-  const { setValue } = methods;
-  const binaryRef = (0, import_react26.useRef)(null);
-  const convertUrlToBase64 = async (url) => {
-    try {
-      const response = await fetch(url);
-      const blob = await response.blob();
-      return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onloadend = () => {
-          resolve(reader.result);
-        };
-        reader.onerror = reject;
-        reader.readAsDataURL(blob);
-      });
-    } catch (error) {
-      console.error("Error converting URL to Base64:", error);
-      throw error;
+var searchController = ({
+  viewData,
+  actionData,
+  fieldsList,
+  contextSearch,
+  setSearchMap,
+  searchMap
+}) => {
+  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 domainAction = actionData?.domain ? Array.isArray(actionData?.domain) ? [...actionData?.domain] : (0, import_utils15.evalJSONDomain)(actionData?.domain, contextSearch) : [];
+  const aid = actionData?.id;
+  const model = actionData?.res_model;
+  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) => !import_utils15.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 !import_utils15.domainHelper.matchDomains(contextSearch, item?.invisible);
+        })?.map((item) => ({ ...item, active: false }));
+        const groupByItems = searchViews?.group_by.filter(
+          (item) => !import_utils15.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);
+      }
     }
   };
-  const extractBase64Data = (base64Url) => {
-    if (base64Url.includes("base64,")) {
-      return base64Url.split("base64,")[1];
-    }
-    return base64Url;
+  (0, import_react26.useEffect)(() => {
+    clearSearch();
+    fetchData();
+  }, [aid, model, viewData]);
+  const onChangeSearchInput = (search_string) => {
+    setSearchString(search_string);
   };
-  const handleImageChange = async (e, onChange) => {
-    if (readonly) return;
-    const file = e?.target?.files?.[0];
-    if (file) {
-      const imageUrl = URL.createObjectURL(file);
-      setSelectedImage(imageUrl);
-      setInitialImage(null);
-      onChange(file);
-      const compressedBase64 = await convertUrlToBase64(imageUrl);
-      const base64Data = extractBase64Data(compressedBase64);
-      setValue(name, base64Data, {
-        shouldDirty: true
-      });
+  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 handleRemoveImage = (onChange) => {
-    setSelectedImage(null);
-    setInitialImage(null);
-    onChange(null);
-  };
-  const isBlobUrl = (url) => {
-    return /^blob:/.test(url);
+  const updateSearchMap = ({ key, item }) => {
+    const newSearchMap = { ...searchMap };
+    const currentValues = searchMap[key] ?? [];
+    newSearchMap[key] = [...currentValues, item];
+    setSearchMap(newSearchMap);
   };
-  const checkIsImageLink = (url) => {
-    const imageExtensions = /\.(jpg|jpeg|png|gif|bmp|webp|svg|tiff|ico)$/i;
-    return imageExtensions.test(url) || (0, import_utils14.isBase64Image)(url) || isBlobUrl(url);
+  const removeSearchItems = (key, item) => {
+    removeKeyFromSearchMap({ key: String(key), item });
   };
-  const getImageBase64WithMimeType = (base64) => {
-    if (typeof base64 !== "string" || base64.length < 10) return null;
-    if ((0, import_utils14.isBase64Image)(base64)) return base64;
-    let mimeType = null;
-    if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
-    else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
-    else if (base64.startsWith("R0lGOD")) mimeType = "image/gif";
-    else if (base64.startsWith("Qk")) mimeType = "image/bmp";
-    else if (base64.startsWith("UklGR")) mimeType = "image/webp";
-    return mimeType ? `data:${mimeType};base64,${base64}` : null;
+  const addSearchItems = (key, newItem) => {
+    updateSearchMap({ key, item: newItem });
   };
-  (0, import_react26.useEffect)(() => {
-    return () => {
-      if (selectedImage) {
-        URL.revokeObjectURL(selectedImage);
+  const formatDomain = () => {
+    if (domainAction) {
+      const domain = [];
+      if (domainAction?.length > 0) {
+        if (Object.keys(searchMap).length > 0) {
+          domain.push("&");
+        }
+        domainAction.forEach((domainItem) => {
+          domain.push(domainItem);
+        });
       }
-    };
-  }, [selectedImage]);
+      Object.keys(searchMap).forEach((key, keyIndex, keys) => {
+        if (!key?.includes(import_constants5.SearchType.GROUP)) {
+          if (keys.length > 1 && keyIndex < keys.length - 1) {
+            domain.push("&");
+          }
+          const valuesOfKey = searchMap[key];
+          valuesOfKey.forEach((value, index) => {
+            if (index < valuesOfKey.length - 1) {
+              domain.push("|");
+            }
+            if (value.domain) {
+              domain.push(...value.domain);
+              return;
+            }
+            let valueDomainItem = value?.value;
+            if (value?.modelType === "date") {
+              valueDomainItem = (0, import_utils15.validateAndParseDate)(value?.value);
+            } else if (value?.modelType === "datetime") {
+              if (value?.operator === "<=" || value?.operator === "<") {
+                const parsedDate = (0, import_utils15.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 = (0, import_utils15.validateAndParseDate)(value?.value, true);
+              }
+            }
+            const operator = value?.modelType === "date" || value?.modelType === "datetime" || value?.modelType === "boolean" || value?.modelType === "integer" ? value?.operator ?? "=" : value.operator ?? "ilike";
+            domain.push([value.name, operator, valueDomainItem]);
+          });
+        }
+      });
+      return [...domain];
+    }
+  };
+  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(import_constants5.SearchType.GROUP)) {
+            const values = objValues?.map((objValue) => objValue.value);
+            return {
+              title,
+              name: type === import_constants5.SearchType.SEARCH ? `${import_constants5.SearchType.SEARCH}_${String(dataIndex)}` : groupIndex ?? name,
+              values,
+              type,
+              widget,
+              modelType
+            };
+          } else {
+            const contexts = [];
+            let groupValues = [];
+            objValues?.forEach((objValue) => {
+              const { context, value, active, groupIndex: groupIndex2, isDefault } = objValue;
+              const indexAppend = groupIndex2 != null ? groupIndex2 : viewData?.views?.search?.filters_by?.length ?? 0;
+              contexts.push(
+                ...Array.isArray(context?.group_by) ? context.group_by.map((item) => ({ group_by: item })) : [context]
+              );
+              groupValues[indexAppend] = {
+                contexts: [
+                  ...Array.isArray(context?.group_by) ? context.group_by.map((item) => ({
+                    group_by: item
+                  })) : [context]
+                ],
+                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)(() => {
-    if (binaryRef.current) {
-      const isInsideTable2 = !!binaryRef.current.closest("table");
-      setIsInsideTable(isInsideTable2);
+    setSelectedTags(null);
+    setTagSearch(searchMap);
+  }, [searchMap]);
+  const handleAddTagSearch = (tag) => {
+    const {
+      domain,
+      groupIndex,
+      value,
+      type,
+      title,
+      context,
+      active,
+      dataIndex
+    } = tag;
+    const domainFormat = new import_utils15.domainHelper.Domain(domain);
+    if (type === import_constants5.SearchType.FILTER) {
+      addSearchItems(`${import_constants5.SearchType.FILTER}_${groupIndex}`, {
+        ...tag,
+        domain: domain ? domainFormat.toList(context) : null
+      });
+    } else if (type === import_constants5.SearchType.SEARCH) {
+      addSearchItems(`${import_constants5.SearchType.SEARCH}_${String(dataIndex)}`, {
+        ...tag,
+        domain: domain ? domainFormat.toList({
+          ...context,
+          self: value
+        }) : null
+      });
+    } else if (type === import_constants5.SearchType.GROUP) {
+      addSearchItems(`${import_constants5.SearchType.GROUP}`, {
+        ...tag,
+        domain: domain ? domainFormat.toList({
+          context,
+          self: value
+        }) : null
+      });
     }
-  }, []);
+  };
   return {
-    inputId,
-    selectedImage,
-    initialImage,
-    isInsideTable,
-    binaryRef,
-    handleImageChange,
-    handleRemoveImage,
-    checkIsImageLink,
-    getImageBase64WithMimeType
+    groupBy,
+    searchBy,
+    filterBy,
+    selectedTags,
+    searchString,
+    setFilterBy,
+    setGroupBy,
+    setSearchBy,
+    clearSearch,
+    setSelectedTags,
+    removeSearchItems,
+    onSearchString: onChangeSearchInput,
+    handleAddTagSearch,
+    domain: formatDomain()
   };
 };
 
-// src/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  API_APP_URL: () => API_APP_URL,
-  API_PRESCHOOL_URL: () => API_PRESCHOOL_URL,
-  STORAGES: () => STORAGES,
-  combineContexts: () => combineContexts,
-  convertFieldsToArray: () => convertFieldsToArray,
-  countSum: () => countSum,
-  getDateRange: () => getDateRange,
-  languages: () => languages,
-  mergeButtons: () => mergeButtons,
-  setStorageItemAsync: () => setStorageItemAsync,
-  useGetRowIds: () => useGetRowIds,
-  useSelectionState: () => useSelectionState,
-  useStorageState: () => useStorageState
-});
-__reExport(utils_exports, require("@fctc/interface-logic/utils"));
-
 // src/index.ts
 __reExport(index_exports, utils_exports, module.exports);
 __reExport(index_exports, store_exports, module.exports);
@@ -7716,12 +7726,6 @@ __reExport(constants_exports, require("@fctc/interface-logic/constants"));
 // src/index.ts
 __reExport(index_exports, constants_exports, module.exports);
 __reExport(index_exports, environment_exports, module.exports);
-
-// src/provider.ts
-var provider_exports = {};
-__reExport(provider_exports, require("@fctc/interface-logic/provider"));
-
-// src/index.ts
 __reExport(index_exports, provider_exports, module.exports);
 
 // src/services.ts