@fctc/widget-logic 1.2.1 → 1.2.3

package/dist/index.mjs

@@ -4702,7 +4702,7 @@ var useCompany = (accessToken) => {
 var use_company_default = useCompany;
 
 // src/hooks/core/use-app-provider.tsx
-import { evalJSONContext } from "@fctc/interface-logic";
+import { evalJSONContext, MainProvider } from "@fctc/interface-logic";
 import { jsx } from "react/jsx-runtime";
 var AppProviderInitialValue = {
   config: {},
@@ -4755,7 +4755,7 @@ var AppProvider = ({ children }) => {
         action,
         view
       },
-      children
+      children: /* @__PURE__ */ jsx(MainProvider, { children })
     }
   );
 };
@@ -5163,7 +5163,7 @@ var many2oneFieldController = (props) => {
   const queryKey = [`data_${relation}`, domainObject];
   const {
     data: dataOfSelection,
-    refetch,
+    // refetch,
     isFetching
   } = useGetSelection({
     data,
@@ -5192,9 +5192,6 @@ var many2oneFieldController = (props) => {
       });
     }
   }, [propValue]);
-  const fetchMoreOptions = useCallback6(() => {
-    refetch();
-  }, [refetch]);
   useEffect10(() => {
     if (actionId) {
       localStorage.setItem("aid", actionId);
@@ -5251,6 +5248,12 @@ var many2oneFieldController = (props) => {
     [methods, name, onChange]
   );
   const allowShowDetail = showDetail && contextObject?.form_view_ref && (!("no_open" in optionsObject) || optionsObject?.no_open === false);
+  const fetchMoreOptions = useCallback6(() => {
+    if (typeof dataOfSelection?.refetch === "function") {
+      ;
+      dataOfSelection.refetch();
+    }
+  }, [dataOfSelection]);
   return {
     allowShowDetail,
     handleClose,
@@ -5266,7 +5269,8 @@ var many2oneFieldController = (props) => {
     setTempSelectedOption,
     setDomainModal,
     dataOfSelection,
-    refetch,
+    refetch: dataOfSelection?.refetch ?? (() => {
+    }),
     selectOptions,
     optionsObject,
     contextObject,
@@ -5306,32 +5310,141 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-import { useEffect as useEffect12, useMemo as useMemo10, useState as useState9 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo12, useState as useState10 } from "react";
 import {
   evalJSONContext as evalJSONContext4,
   formatSortingString as formatSortingString2,
-  getEnv as getEnv8,
-  selectSearch as selectSearch3,
+  getEnv as getEnv9,
+  selectSearch as selectSearch5,
   setFirstDomain,
   setGroupByDomain,
   setPage,
   setViewDataStore,
-  useAppDispatch as useAppDispatch5,
-  useAppSelector as useAppSelector5,
+  useAppDispatch as useAppDispatch8,
+  useAppSelector as useAppSelector7,
   useGetFormView,
-  useGetListData as useGetListData2,
+  useGetListData as useGetListData3,
   useGetView as useGetView2,
   useModel as useModel2
 } from "@fctc/interface-logic";
 
+// src/widget/advance/table/table-body/controller.ts
+import { setSelectedRowKeys, useAppDispatch as useAppDispatch5 } from "@fctc/interface-logic";
+import { useEffect as useEffect11, useMemo as useMemo9 } from "react";
+var tableBodyController = (props) => {
+  const {
+    checkedAll,
+    checkboxRef,
+    setIsAutoSelect,
+    selectedRowKeys,
+    row,
+    isAutoSelect,
+    selectedRowKeysRef,
+    onClickRow
+  } = props;
+  const appDispatch = useAppDispatch5();
+  const checked = useMemo9(() => {
+    if (!row?.id) return false;
+    if (selectedRowKeys?.includes(row.id)) {
+      return true;
+    }
+    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(setSelectedRowKeys(newSelectedRowKeys));
+  };
+  const handleClickRow = (col, row2) => {
+    onClickRow(col, row2);
+  };
+  useEffect11(() => {
+    if (!row?.id) return;
+    if (isAutoSelect) {
+      if (checkboxRef?.current === "uncheck") {
+        const filtered = selectedRowKeysRef.current.filter(
+          (id) => id !== row.id
+        );
+        selectedRowKeysRef.current = filtered;
+        appDispatch(setSelectedRowKeys(filtered));
+      } else {
+        const unique = Array.from(
+          /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
+        );
+        selectedRowKeysRef.current = unique;
+        appDispatch(setSelectedRowKeys(unique));
+      }
+    }
+  }, [isAutoSelect]);
+  useEffect11(() => {
+    if (!checkedAll) {
+      checkboxRef.current = "enabled";
+      false;
+    }
+  }, [checkedAll]);
+  return {
+    handleCheckBoxSingle,
+    checked,
+    handleClickRow
+  };
+};
+
+// src/widget/advance/table/table-head/controller.ts
+import {
+  selectSearch as selectSearch2,
+  setSelectedRowKeys as setSelectedRowKeys2,
+  useAppDispatch as useAppDispatch6,
+  useAppSelector as useAppSelector4
+} from "@fctc/interface-logic";
+var tableHeadController = (props) => {
+  const { typeTable, rows, selectedRowKeysRef } = props;
+  const appDispatch = useAppDispatch6();
+  const { groupByDomain } = useAppSelector4(selectSearch2);
+  const handleCheckBoxAll = (event) => {
+    if (event?.target?.checked && typeTable === "list") {
+      const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
+      appDispatch(setSelectedRowKeys2(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(setSelectedRowKeys2(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(setSelectedRowKeys2(keys));
+      }
+      if (selectedRowKeysRef) {
+        selectedRowKeysRef.current = [];
+      }
+    } else {
+      appDispatch(setSelectedRowKeys2([]));
+    }
+  };
+  return {
+    handleCheckBoxAll
+  };
+};
+
 // src/widget/advance/table/table-view/controller.ts
 import {
   domainHelper,
   selectList as selectList2,
-  selectSearch as selectSearch2,
-  useAppSelector as useAppSelector4
+  selectSearch as selectSearch3,
+  useAppSelector as useAppSelector5
 } from "@fctc/interface-logic";
-import { useEffect as useEffect11, useMemo as useMemo9, useRef as useRef4, useState as useState8 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo10, useRef as useRef4, useState as useState8 } from "react";
 var tableController = ({ data }) => {
   const [rows, setRows] = useState8(data.records || []);
   const [columns, setColumns] = useState8([]);
@@ -5362,7 +5475,7 @@ var tableController = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  useEffect11(() => {
+  useEffect12(() => {
     setRows(transformData(data.records || null));
   }, [data.records]);
   const handleGetColumns = () => {
@@ -5383,7 +5496,7 @@ var tableController = ({ data }) => {
     }
     return cols;
   };
-  useEffect11(() => {
+  useEffect12(() => {
     const columns2 = handleGetColumns();
     setColumns(columns2);
   }, [data.records]);
@@ -5407,466 +5520,23 @@ var tableController = ({ data }) => {
   };
 };
 
-// src/widget/basic/many2many-field/controller.ts
-var many2manyFieldController = (props) => {
-  const {
-    relation,
-    domain,
-    context,
-    tab,
-    model,
-    aid,
-    setSelectedRowKeys: setSelectedRowKeys4,
-    fields,
-    setFields,
-    groupByDomain,
-    page,
-    options,
-    sessionStorageUtils
-  } = props;
-  const appDispatch = useAppDispatch5();
-  const actionData = sessionStorageUtils.getActionData();
-  const [debouncedPage] = useDebounce(page, 500);
-  const [order, setOrder] = useState9();
-  const [isLoadedData, setIsLoadedData] = useState9(false);
-  const [domainMany2Many, setDomainMany2Many] = useState9(domain);
-  const env = getEnv8();
-  const { selectedTags } = useAppSelector5(selectSearch3);
-  const viewParams = {
-    model: relation,
-    views: [
-      [false, "list"],
-      [false, "search"]
-    ],
-    context
-  };
-  const { data: viewResponse, isFetched: isViewReponseFetched } = useGetView2(
-    viewParams,
-    actionData
-  );
-  const baseModel = useMemo10(
-    () => ({
-      name: String(relation),
-      view: viewResponse || {},
-      actContext: context,
-      fields: [
-        ...Object.values(viewResponse?.views?.list?.fields ?? {}),
-        ...tab?.fields ? tab.fields : []
-      ]
-    }),
-    [model, viewResponse]
-  );
-  const initModel = useModel2();
-  const modelInstance = useMemo10(() => {
-    if (viewResponse) {
-      return initModel.initModel(baseModel);
-    }
-    return null;
-  }, [baseModel, viewResponse]);
-  const specification = useMemo10(() => {
-    if (modelInstance) {
-      return modelInstance.getSpecification();
-    }
-    return null;
-  }, [modelInstance]);
-  const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? evalJSONContext4(tab?.options) : (options ? evalJSONContext4(options) : {}) || {};
-  const fetchData = async () => {
-    try {
-      setDomainMany2Many(domain);
-      appDispatch(setFirstDomain(domain));
-      appDispatch(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(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 ? formatSortingString2(default_order) : ""
-  };
-  const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
-  const {
-    data: dataResponse,
-    isLoading: isDataLoading,
-    isFetched: isDataResponseFetched,
-    isPlaceholderData
-  } = useGetListData2(data, queryKey, enabled);
-  useEffect12(() => {
-    if (viewResponse) {
-      fetchData();
-    }
-    return () => {
-      appDispatch(setGroupByDomain(null));
-      setFields((prevFields) => ({
-        ...prevFields,
-        [`${aid}_${relation}_popupmany2many`]: null
-      }));
-      appDispatch(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
-  });
-  useEffect12(() => {
-    if (isSuccess && dataFormViewResponse) {
-      sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
-      window.location.href = `/form/menu?model=${relation}`;
-    }
-  }, [isSuccess]);
-  useEffect12(() => {
-    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
-import { useMemo as useMemo11 } from "react";
-import {
-  evalJSONContext as evalJSONContext5,
-  evalJSONDomain as evalJSONDomain4,
-  getEnv as getEnv9,
-  useGetSelection as useGetSelection3,
-  WIDGETAVATAR,
-  WIDGETCOLOR
-} from "@fctc/interface-logic";
-var many2manyTagsController = (props) => {
-  const {
-    relation,
-    domain,
-    options: optionsFields,
-    widget,
-    formValues,
-    placeholderNoOption
-  } = props;
-  const isUser = relation === "res.users" || relation === "res.partner";
-  const env = getEnv9();
-  const addtionalFields = optionsFields ? evalJSONContext5(optionsFields) : null;
-  const domainObject = useMemo11(
-    () => evalJSONDomain4(domain, JSON.parse(JSON.stringify(formValues || {}))),
-    [domain, formValues]
-  );
-  const data = {
-    model: relation ?? "",
-    domain: domainObject,
-    specification: {
-      id: {},
-      name: {},
-      display_name: {},
-      ...widget && WIDGETAVATAR[widget] ? { image_256: {} } : {},
-      ...widget && WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
-    },
-    enabled: true,
-    context: env.context
-  };
-  const { data: dataOfSelection } = useGetSelection3({
-    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
-import { useState as useState10 } from "react";
+// src/widget/advance/table/table-group/controller.ts
 import {
-  evalJSONDomain as evalJSONDomain5,
-  selectEnv as selectEnv3,
+  getEnv as getEnv8,
+  selectList as selectList3,
+  selectSearch as selectSearch4,
+  setSelectedRowKeys as setSelectedRowKeys3,
+  useAppDispatch as useAppDispatch7,
   useAppSelector as useAppSelector6,
-  useChangeStatus,
-  useGetListData as useGetListData3
+  useGetListData as useGetListData2,
+  useOdooDataTransform
 } from "@fctc/interface-logic";
-var durationController = (props) => {
-  const {
-    relation,
-    defaultValue,
-    domain,
-    formValues,
-    name,
-    id,
-    model,
-    onRefetch
-  } = props;
-  const specification = {
-    id: 0,
-    name: "",
-    fold: ""
-  };
-  const [disabled, setDisabled] = useState10(false);
-  const [modelStatus, setModalStatus] = useState10(false);
-  const { context } = useAppSelector6(selectEnv3);
-  const queryKey = [`data-status-duration`, specification];
-  const listDataProps = {
-    model: relation,
-    specification,
-    domain: evalJSONDomain5(domain, JSON.parse(JSON.stringify(formValues))),
-    limit: 10,
-    offset: 0,
-    fields: "",
-    groupby: [],
-    context: {
-      lang: context.lang
-    },
-    sort: ""
-  };
-  const { data: dataResponse } = useGetListData3(listDataProps, queryKey);
-  const { mutate: fetchChangeStatus } = 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
-  };
-};
+import { useEffect as useEffect13, useMemo as useMemo11, useState as useState9 } from "react";
 
-// src/widget/basic/priority-field/controller.ts
-import { evalJSONContext as evalJSONContext6, useSave as useSave2 } from "@fctc/interface-logic";
-var priorityFieldController = (props) => {
-  const {
-    value,
-    isForm,
-    name,
-    methods,
-    onChange,
-    model,
-    selection,
-    id,
-    actionData,
-    viewData,
-    context
-  } = props;
-  const _context = { ...evalJSONContext6(actionData?.context) };
-  const contextObject = { ...context, ..._context };
-  const defaultPriority = parseInt(value) + 1;
-  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
-  const { mutateAsync: fetchSave } = useSave2();
-  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
-import { useState as useState11 } from "react";
-import { convertFloatToTime, convertTimeToFloat } from "@fctc/interface-logic";
-var floatTimeFiledController = ({
-  onChange: fieldOnChange,
-  onBlur,
-  value,
-  isDirty,
-  props
-}) => {
-  const { name, defaultValue = 0, onChange } = props;
-  const [input, setInput] = useState11(
-    convertFloatToTime(value ?? defaultValue)
-  );
-  const [formattedTime, setFormattedTime] = useState11("");
-  const [errors, setErrors] = useState11("");
-  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 = 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
-import { useEffect as useEffect13, useRef as useRef5, useState as useState12 } from "react";
-
-// src/utils/i18n.ts
-import { initReactI18next } from "react-i18next";
-import i18n from "i18next";
-import LanguageDetector from "i18next-browser-languagedetector";
+// src/utils/i18n.ts
+import { initReactI18next } from "react-i18next";
+import i18n from "i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
 
 // src/locales/vi.json
 var vi_default = {
@@ -6053,8 +5723,6 @@ var vi_default = {
   add_new_attribute: "Th\xEAm thu\u1ED9c t\xEDnh",
   add_attribute_name: "T\xEAn thu\u1ED9c t\xEDnh",
   images_product: "H\xECnh \u1EA3nh",
-  selected: "\u0111\u01B0\u1EE3c ch\u1ECDn",
-  print: "In",
   generate_code_product: "T\u1EA1o m\xE3 s\u1EA3n ph\u1EA9m",
   order_today: "\u0110\u01A1n h\xE0ng",
   list_best_selling_product: "S\u1EA3n ph\u1EA9m b\xE1n ch\u1EA1y",
@@ -6612,26 +6280,640 @@ var vi_default = {
   "export-all-data-error": "Xu\u1EA5t d\u1EEF li\u1EC7u kh\xF4ng th\xE0nh c\xF4ng, vui l\xF2ng th\u1EED l\u1EA1i sau"
 };
 
-// src/utils/i18n.ts
-i18n.use(LanguageDetector).use(initReactI18next).init({
-  resources: {
-    vi: { translation: vi_default },
-    en: { translation: vi_default }
-  },
-  fallbackLng: "vi",
-  lng: "vi_VN",
-  debug: false,
-  nonExplicitSupportedLngs: true,
-  interpolation: {
-    escapeValue: false
-  },
-  detection: {
-    caches: ["cookie"]
-  }
-});
-var i18n_default = i18n;
-
+// src/utils/i18n.ts
+i18n.use(LanguageDetector).use(initReactI18next).init({
+  resources: {
+    vi: { translation: vi_default },
+    en: { translation: vi_default }
+  },
+  fallbackLng: "vi",
+  lng: "vi_VN",
+  debug: false,
+  nonExplicitSupportedLngs: true,
+  interpolation: {
+    escapeValue: false
+  },
+  detection: {
+    caches: ["cookie"]
+  }
+});
+var i18n_default = i18n;
+
+// src/widget/advance/table/table-group/controller.ts
+var tableGroupController = (props) => {
+  const env = getEnv8();
+  const {
+    rows,
+    columns,
+    indexRow,
+    row,
+    model,
+    viewData,
+    renderField,
+    level,
+    specification,
+    domain,
+    context,
+    checkedAll,
+    isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
+    selectedRowKeysRef
+  } = props;
+  const [pageGroup, setPageGroup] = useState9(0);
+  const { groupByDomain, selectedTags } = useAppSelector6(selectSearch4);
+  const { selectedRowKeys } = useAppSelector6(selectList3);
+  const appDispatch = useAppDispatch7();
+  const { toDataJS } = useOdooDataTransform();
+  const initVal = toDataJS(row, viewData, model);
+  const [isShowGroup, setIsShowGroup] = useState9(false);
+  const [colEmptyGroup, setColEmptyGroup] = useState9({
+    fromStart: 1,
+    fromEnd: 1
+  });
+  const processedData = useMemo11(() => {
+    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 = useMemo11(() => {
+    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
+  } = useGetListData2(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";
+  useEffect13(() => {
+    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(setSelectedRowKeys3(filteredIds));
+    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
+      const clonedKeys = [...selectedRowKeys];
+      appDispatch(setSelectedRowKeys3([...clonedKeys, -1]));
+      setTimeout(() => appDispatch(setSelectedRowKeys3(clonedKeys)), 500);
+    } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
+      const filteredKeys = selectedRowKeys.filter((id) => id > -1);
+      appDispatch(setSelectedRowKeys3(filteredKeys));
+    }
+    toggleShowGroup();
+  };
+  useEffect13(() => {
+    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+      return;
+    }
+    const clonedKeys = [...selectedRowKeys];
+    setSelectedRowKeys3([...clonedKeys, -1]);
+    setTimeout(() => setSelectedRowKeys3(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/basic/many2many-field/controller.ts
+var many2manyFieldController = (props) => {
+  const {
+    relation,
+    domain,
+    context,
+    tab,
+    model,
+    aid,
+    setSelectedRowKeys: setSelectedRowKeys4,
+    fields,
+    setFields,
+    groupByDomain,
+    page,
+    options,
+    sessionStorageUtils
+  } = props;
+  const appDispatch = useAppDispatch8();
+  const actionData = sessionStorageUtils.getActionData();
+  const [debouncedPage] = useDebounce(page, 500);
+  const [order, setOrder] = useState10();
+  const [isLoadedData, setIsLoadedData] = useState10(false);
+  const [domainMany2Many, setDomainMany2Many] = useState10(domain);
+  const env = getEnv9();
+  const { selectedTags } = useAppSelector7(selectSearch5);
+  const viewParams = {
+    model: relation,
+    views: [
+      [false, "list"],
+      [false, "search"]
+    ],
+    context
+  };
+  const { data: viewResponse, isFetched: isViewReponseFetched } = useGetView2(
+    viewParams,
+    actionData
+  );
+  const baseModel = useMemo12(
+    () => ({
+      name: String(relation),
+      view: viewResponse || {},
+      actContext: context,
+      fields: [
+        ...Object.values(viewResponse?.views?.list?.fields ?? {}),
+        ...tab?.fields ? tab.fields : []
+      ]
+    }),
+    [model, viewResponse]
+  );
+  const initModel = useModel2();
+  const modelInstance = useMemo12(() => {
+    if (viewResponse) {
+      return initModel.initModel(baseModel);
+    }
+    return null;
+  }, [baseModel, viewResponse]);
+  const specification = useMemo12(() => {
+    if (modelInstance) {
+      return modelInstance.getSpecification();
+    }
+    return null;
+  }, [modelInstance]);
+  const default_order = viewResponse && viewResponse?.views?.list?.default_order;
+  const optionsObject = tab?.options ? evalJSONContext4(tab?.options) : (options ? evalJSONContext4(options) : {}) || {};
+  const fetchData = async () => {
+    try {
+      setDomainMany2Many(domain);
+      appDispatch(setFirstDomain(domain));
+      appDispatch(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(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 ? formatSortingString2(default_order) : ""
+  };
+  const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const {
+    data: dataResponse,
+    isLoading: isDataLoading,
+    isFetched: isDataResponseFetched,
+    isPlaceholderData
+  } = useGetListData3(data, queryKey, enabled);
+  useEffect14(() => {
+    if (viewResponse) {
+      fetchData();
+    }
+    return () => {
+      appDispatch(setGroupByDomain(null));
+      setFields((prevFields) => ({
+        ...prevFields,
+        [`${aid}_${relation}_popupmany2many`]: null
+      }));
+      appDispatch(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
+  });
+  useEffect14(() => {
+    if (isSuccess && dataFormViewResponse) {
+      sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
+      window.location.href = `/form/menu?model=${relation}`;
+    }
+  }, [isSuccess]);
+  useEffect14(() => {
+    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
+import { useMemo as useMemo13 } from "react";
+import {
+  evalJSONContext as evalJSONContext5,
+  evalJSONDomain as evalJSONDomain4,
+  getEnv as getEnv10,
+  useGetSelection as useGetSelection3,
+  WIDGETAVATAR,
+  WIDGETCOLOR
+} from "@fctc/interface-logic";
+var many2manyTagsController = (props) => {
+  const {
+    relation,
+    domain,
+    options: optionsFields,
+    widget,
+    formValues,
+    placeholderNoOption
+  } = props;
+  const isUser = relation === "res.users" || relation === "res.partner";
+  const env = getEnv10();
+  const addtionalFields = optionsFields ? evalJSONContext5(optionsFields) : null;
+  const domainObject = useMemo13(
+    () => evalJSONDomain4(domain, JSON.parse(JSON.stringify(formValues || {}))),
+    [domain, formValues]
+  );
+  const data = {
+    model: relation ?? "",
+    domain: domainObject,
+    specification: {
+      id: {},
+      name: {},
+      display_name: {},
+      ...widget && WIDGETAVATAR[widget] ? { image_256: {} } : {},
+      ...widget && WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
+    },
+    enabled: true,
+    context: env.context
+  };
+  const { data: dataOfSelection } = useGetSelection3({
+    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
+import { useState as useState11 } from "react";
+import {
+  evalJSONDomain as evalJSONDomain5,
+  selectEnv as selectEnv3,
+  useAppSelector as useAppSelector8,
+  useChangeStatus,
+  useGetListData as useGetListData4
+} from "@fctc/interface-logic";
+var durationController = (props) => {
+  const {
+    relation,
+    defaultValue,
+    domain,
+    formValues,
+    name,
+    id,
+    model,
+    onRefetch
+  } = props;
+  const specification = {
+    id: 0,
+    name: "",
+    fold: ""
+  };
+  const [disabled, setDisabled] = useState11(false);
+  const [modelStatus, setModalStatus] = useState11(false);
+  const { context } = useAppSelector8(selectEnv3);
+  const queryKey = [`data-status-duration`, specification];
+  const listDataProps = {
+    model: relation,
+    specification,
+    domain: evalJSONDomain5(domain, JSON.parse(JSON.stringify(formValues))),
+    limit: 10,
+    offset: 0,
+    fields: "",
+    groupby: [],
+    context: {
+      lang: context.lang
+    },
+    sort: ""
+  };
+  const { data: dataResponse } = useGetListData4(listDataProps, queryKey);
+  const { mutate: fetchChangeStatus } = 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
+import { evalJSONContext as evalJSONContext6, useSave as useSave2 } from "@fctc/interface-logic";
+var priorityFieldController = (props) => {
+  const {
+    value,
+    isForm,
+    name,
+    methods,
+    onChange,
+    model,
+    selection,
+    id,
+    actionData,
+    viewData,
+    context
+  } = props;
+  const _context = { ...evalJSONContext6(actionData?.context) };
+  const contextObject = { ...context, ..._context };
+  const defaultPriority = parseInt(value) + 1;
+  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
+  const { mutateAsync: fetchSave } = useSave2();
+  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
+import { useState as useState12 } from "react";
+import { convertFloatToTime, convertTimeToFloat } from "@fctc/interface-logic";
+var floatTimeFiledController = ({
+  onChange: fieldOnChange,
+  onBlur,
+  value,
+  isDirty,
+  props
+}) => {
+  const { name, defaultValue = 0, onChange } = props;
+  const [input, setInput] = useState12(
+    convertFloatToTime(value ?? defaultValue)
+  );
+  const [formattedTime, setFormattedTime] = useState12("");
+  const [errors, setErrors] = useState12("");
+  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 = 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
+import { useEffect as useEffect15, useRef as useRef5, useState as useState13 } from "react";
 var floatController = ({
   onChange,
   value,
@@ -6639,10 +6921,10 @@ var floatController = ({
 }) => {
   const { name, required, methods, onChange: handleOnchange, string } = props;
   const { setError, clearErrors } = methods;
-  const [inputValue, setInputValue] = useState12(
+  const [inputValue, setInputValue] = useState13(
     value !== void 0 && value !== null ? useFormatFloatNumber(value) : ""
   );
-  useEffect13(() => {
+  useEffect15(() => {
     if (value !== void 0 && value !== null && value !== parseFloat(inputValue?.replace(/,/g, ""))) {
       setInputValue(useFormatFloatNumber(value));
       clearErrors(name);
@@ -6753,10 +7035,10 @@ var useFormatFloatNumber = (value) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-import { useId, useState as useState13 } from "react";
+import { useId, useState as useState14 } from "react";
 var downloadFileController = () => {
   const inputId = useId();
-  const [file, setFile] = useState13(null);
+  const [file, setFile] = useState14(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -6920,11 +7202,11 @@ var dateFieldController = (props) => {
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 import { copyTextToClipboard } from "@fctc/interface-logic";
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = useState14(false);
+  const [isCopied, setIsCopied] = useState15(false);
   const handleCopyToClipboard = async (value2) => {
     await copyTextToClipboard(value2);
     setIsCopied(true);
@@ -6939,412 +7221,132 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-import { evalJSONContext as evalJSONContext7, getEnv as getEnv10, useSave as useSave3 } from "@fctc/interface-logic";
+import { evalJSONContext as evalJSONContext7, getEnv as getEnv11, useSave as useSave3 } from "@fctc/interface-logic";
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
-  const env = getEnv10();
-  const _context = { ...evalJSONContext7(actionData?.context) || {} };
-  const contextObject = { ...env.context, ..._context };
-  const idDefault = isForm ? idForm : formValues?.id;
-  const { mutate: onSave } = useSave3();
-  const savePickColor = async (colorObject) => {
-    const { id } = colorObject;
-    if (value === id) return;
-    try {
-      onSave({
-        ids: idDefault !== null ? [idDefault] : [],
-        model: model ?? "",
-        data: { [name ?? ""]: id },
-        specification: {
-          name: {},
-          color: {}
-        },
-        context: contextObject
-      });
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  return {
-    savePickColor
-  };
-};
-
-// src/widget/basic/binary-field/controller.ts
-import { useEffect as useEffect14, useId as useId2, useRef as useRef6, useState as useState15 } from "react";
-import { isBase64Image } from "@fctc/interface-logic";
-var binaryFieldController = (props) => {
-  const { name, methods, readonly = false, value } = props;
-  const inputId = useId2();
-  const [selectedImage, setSelectedImage] = useState15(null);
-  const [initialImage, setInitialImage] = useState15(value || null);
-  const [isInsideTable, setIsInsideTable] = useState15(false);
-  const { setValue } = methods;
-  const binaryRef = useRef6(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) || isBase64Image(url) || isBlobUrl(url);
-  };
-  const getImageBase64WithMimeType = (base64) => {
-    if (typeof base64 !== "string" || base64.length < 10) return null;
-    if (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;
-  };
-  useEffect14(() => {
-    return () => {
-      if (selectedImage) {
-        URL.revokeObjectURL(selectedImage);
-      }
-    };
-  }, [selectedImage]);
-  useEffect14(() => {
-    if (binaryRef.current) {
-      const isInsideTable2 = !!binaryRef.current.closest("table");
-      setIsInsideTable(isInsideTable2);
-    }
-  }, []);
-  return {
-    inputId,
-    selectedImage,
-    initialImage,
-    isInsideTable,
-    binaryRef,
-    handleImageChange,
-    handleRemoveImage,
-    checkIsImageLink,
-    getImageBase64WithMimeType
-  };
-};
-
-// src/widget/advance/table/table-body/controller.ts
-import { setSelectedRowKeys, useAppDispatch as useAppDispatch6 } from "@fctc/interface-logic";
-import { useEffect as useEffect15, useMemo as useMemo12 } from "react";
-var tableBodyController = (props) => {
-  const {
-    checkedAll,
-    checkboxRef,
-    setIsAutoSelect,
-    selectedRowKeys,
-    row,
-    isAutoSelect,
-    selectedRowKeysRef,
-    onClickRow
-  } = props;
-  const appDispatch = useAppDispatch6();
-  const checked = useMemo12(() => {
-    if (!row?.id) return false;
-    if (selectedRowKeys?.includes(row.id)) {
-      return true;
-    }
-    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(setSelectedRowKeys(newSelectedRowKeys));
-  };
-  const handleClickRow = (col, row2) => {
-    onClickRow(col, row2);
-  };
-  useEffect15(() => {
-    if (!row?.id) return;
-    if (isAutoSelect) {
-      if (checkboxRef?.current === "uncheck") {
-        const filtered = selectedRowKeysRef.current.filter(
-          (id) => id !== row.id
-        );
-        selectedRowKeysRef.current = filtered;
-        appDispatch(setSelectedRowKeys(filtered));
-      } else {
-        const unique = Array.from(
-          /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
-        );
-        selectedRowKeysRef.current = unique;
-        appDispatch(setSelectedRowKeys(unique));
-      }
-    }
-  }, [isAutoSelect]);
-  useEffect15(() => {
-    if (!checkedAll) {
-      checkboxRef.current = "enabled";
-      false;
-    }
-  }, [checkedAll]);
-  return {
-    handleCheckBoxSingle,
-    checked,
-    handleClickRow
-  };
-};
-
-// src/widget/advance/table/table-head/controller.ts
-import {
-  selectSearch as selectSearch4,
-  setSelectedRowKeys as setSelectedRowKeys2,
-  useAppDispatch as useAppDispatch7,
-  useAppSelector as useAppSelector7
-} from "@fctc/interface-logic";
-var tableHeadController = (props) => {
-  const { typeTable, rows, selectedRowKeysRef } = props;
-  const appDispatch = useAppDispatch7();
-  const { groupByDomain } = useAppSelector7(selectSearch4);
-  const handleCheckBoxAll = (event) => {
-    if (event?.target?.checked && typeTable === "list") {
-      const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
-      appDispatch(setSelectedRowKeys2(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(setSelectedRowKeys2(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(setSelectedRowKeys2(keys));
-      }
-      if (selectedRowKeysRef) {
-        selectedRowKeysRef.current = [];
-      }
-    } else {
-      appDispatch(setSelectedRowKeys2([]));
+  const env = getEnv11();
+  const _context = { ...evalJSONContext7(actionData?.context) || {} };
+  const contextObject = { ...env.context, ..._context };
+  const idDefault = isForm ? idForm : formValues?.id;
+  const { mutate: onSave } = useSave3();
+  const savePickColor = async (colorObject) => {
+    const { id } = colorObject;
+    if (value === id) return;
+    try {
+      onSave({
+        ids: idDefault !== null ? [idDefault] : [],
+        model: model ?? "",
+        data: { [name ?? ""]: id },
+        specification: {
+          name: {},
+          color: {}
+        },
+        context: contextObject
+      });
+    } catch (error) {
+      console.log(error);
     }
   };
   return {
-    handleCheckBoxAll
+    savePickColor
   };
 };
 
-// src/widget/advance/table/table-group/controller.ts
-import {
-  getEnv as getEnv11,
-  selectList as selectList3,
-  selectSearch as selectSearch5,
-  setSelectedRowKeys as setSelectedRowKeys3,
-  useAppDispatch as useAppDispatch8,
-  useAppSelector as useAppSelector8,
-  useGetListData as useGetListData4,
-  useOdooDataTransform
-} from "@fctc/interface-logic";
-import { useEffect as useEffect16, useMemo as useMemo13, useState as useState16 } from "react";
-var tableGroupController = (props) => {
-  const env = getEnv11();
-  const {
-    rows,
-    columns,
-    indexRow,
-    row,
-    model,
-    viewData,
-    renderField,
-    level,
-    specification,
-    domain,
-    context,
-    checkedAll,
-    isDisplayCheckbox,
-    isAutoSelect,
-    setIsAutoSelect,
-    selectedRowKeysRef
-  } = props;
-  const [pageGroup, setPageGroup] = useState16(0);
-  const { groupByDomain, selectedTags } = useAppSelector8(selectSearch5);
-  const { selectedRowKeys } = useAppSelector8(selectList3);
-  const appDispatch = useAppDispatch8();
-  const { toDataJS } = useOdooDataTransform();
-  const initVal = toDataJS(row, viewData, model);
-  const [isShowGroup, setIsShowGroup] = useState16(false);
-  const [colEmptyGroup, setColEmptyGroup] = useState16({
-    fromStart: 1,
-    fromEnd: 1
-  });
-  const processedData = useMemo13(() => {
-    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 = useMemo13(() => {
-    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
-  } = useGetListData4(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";
-  useEffect16(() => {
-    if (isShowGroup && selectedTags?.length > 0) {
-      setIsShowGroup(false);
+// src/widget/basic/binary-field/controller.ts
+import { useEffect as useEffect16, useId as useId2, useRef as useRef6, useState as useState16 } from "react";
+import { isBase64Image } from "@fctc/interface-logic";
+var binaryFieldController = (props) => {
+  const { name, methods, readonly = false, value } = props;
+  const inputId = useId2();
+  const [selectedImage, setSelectedImage] = useState16(null);
+  const [initialImage, setInitialImage] = useState16(value || null);
+  const [isInsideTable, setIsInsideTable] = useState16(false);
+  const { setValue } = methods;
+  const binaryRef = useRef6(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;
     }
-  }, [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;
+  };
+  const extractBase64Data = (base64Url) => {
+    if (base64Url.includes("base64,")) {
+      return base64Url.split("base64,")[1];
     }
-    if (isShowGroup && checkedAll) {
-      const ids = rowsGroup?.map((item) => item?.id) || [];
-      const filteredIds = selectedRowKeys.filter(
-        (id) => !ids.includes(id)
-      );
-      appDispatch(setSelectedRowKeys3(filteredIds));
-    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
-      const clonedKeys = [...selectedRowKeys];
-      appDispatch(setSelectedRowKeys3([...clonedKeys, -1]));
-      setTimeout(() => appDispatch(setSelectedRowKeys3(clonedKeys)), 500);
-    } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
-      const filteredKeys = selectedRowKeys.filter((id) => id > -1);
-      appDispatch(setSelectedRowKeys3(filteredKeys));
+    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
+      });
     }
-    toggleShowGroup();
+  };
+  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) || isBase64Image(url) || isBlobUrl(url);
+  };
+  const getImageBase64WithMimeType = (base64) => {
+    if (typeof base64 !== "string" || base64.length < 10) return null;
+    if (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;
   };
   useEffect16(() => {
-    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
-      return;
+    return () => {
+      if (selectedImage) {
+        URL.revokeObjectURL(selectedImage);
+      }
+    };
+  }, [selectedImage]);
+  useEffect16(() => {
+    if (binaryRef.current) {
+      const isInsideTable2 = !!binaryRef.current.closest("table");
+      setIsInsideTable(isInsideTable2);
     }
-    const clonedKeys = [...selectedRowKeys];
-    setSelectedRowKeys3([...clonedKeys, -1]);
-    setTimeout(() => setSelectedRowKeys3(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
+    inputId,
+    selectedImage,
+    initialImage,
+    isInsideTable,
+    binaryRef,
+    handleImageChange,
+    handleRemoveImage,
+    checkIsImageLink,
+    getImageBase64WithMimeType
   };
 };
 export {