@fctc/widget-logic 1.2.4 → 1.2.6

package/dist/index.js

@@ -4754,7 +4754,9 @@ var AppProvider = ({ children }) => {
     return combineContexts([user.context, company.context]);
   }, [user.context, company.context]);
   const menu = useMenu({ context: menuContext });
-  const action = (0, import_react10.useMemo)(() => menu.state.action, [menu.state.action]);
+  const action = (0, import_react10.useMemo)(() => {
+    return menu.state.action;
+  }, [menu.state.action]);
   const viewContext = (0, import_react10.useMemo)(() => {
     return combineContexts([
       menuContext,
@@ -4789,7 +4791,9 @@ var AppProvider = ({ children }) => {
 };
 var useAppProvider = () => {
   const context = (0, import_react10.useContext)(ReactContext);
-  if (!context) return AppProviderInitialValue;
+  if (!context) {
+    return AppProviderInitialValue;
+  }
   return context;
 };
 
@@ -4840,125 +4844,38 @@ function useDebounce(value, delay) {
 }
 
 // src/hooks/api/use-switch-locale.ts
-var import_interface_logic11 = require("@fctc/interface-logic");
-var import_react13 = require("react");
 var useSwitchLocaleHandler = () => {
-  const switchUserLocale = (0, import_interface_logic11.useSwitchLocale)();
-  const env = (0, import_interface_logic11.getEnv)();
-  const { context } = (0, import_interface_logic11.useAppSelector)(import_interface_logic11.selectEnv);
-  const switchLocale = (0, import_react13.useCallback)(
-    async (langId) => {
-      if (!langId) return;
-      await switchUserLocale.mutateAsync({
-        data: {
-          id: parseInt(context?.uid),
-          values: { lang: langId }
-        }
-      });
-      env.setLang(langId);
-    },
-    [switchUserLocale]
-  );
   return {
-    switchLocale,
-    isLoading: switchUserLocale.isPending,
-    error: switchUserLocale.error
+    // switchLocale,
+    // isLoading: switchUserLocale.isPending,
+    // error: switchUserLocale.error,
   };
 };
 
 // src/hooks/api/use-login.ts
-var import_interface_logic12 = require("@fctc/interface-logic");
-var import_react14 = require("react");
 var useLoginHandler = () => {
-  const loginMutate = (0, import_interface_logic12.useLoginCredential)();
-  const login = (0, import_react14.useCallback)(
-    ({
-      email,
-      password,
-      path
-    }, {
-      onSuccess,
-      onError
-    }) => {
-      loginMutate.mutate(
-        {
-          email,
-          password,
-          path
-        },
-        {
-          onSuccess,
-          onError
-        }
-      );
-    },
-    [loginMutate]
-  );
   return {
-    login,
-    isLoading: loginMutate.isPending,
-    error: loginMutate.error
+    // login,
+    // isLoading: loginMutate.isPending,
+    // error: loginMutate.error,
   };
 };
 
 // src/hooks/api/use-forgot-password.ts
-var import_interface_logic13 = require("@fctc/interface-logic");
-var import_react15 = require("react");
 var useForgotPasswordHandler = () => {
-  const forgotPasswordMutate = (0, import_interface_logic13.useForgotPassword)();
-  const sendForgotPassword = (0, import_react15.useCallback)(
-    (email, {
-      onSuccess,
-      onError
-    } = {}) => {
-      forgotPasswordMutate.mutate(email, {
-        onSuccess,
-        onError
-      });
-    },
-    [forgotPasswordMutate]
-  );
   return {
-    sendForgotPassword,
-    isLoading: forgotPasswordMutate.isPending,
-    error: forgotPasswordMutate.error
+    // sendForgotPassword,
+    // isLoading: forgotPasswordMutate.isPending,
+    // error: forgotPasswordMutate.error,
   };
 };
 
 // src/hooks/api/use-reset-password.ts
-var import_interface_logic14 = require("@fctc/interface-logic");
-var import_react16 = require("react");
 var useResetPasswordHandler = () => {
-  const resetPasswordMutate = (0, import_interface_logic14.useResetPassword)();
-  const resetPassword = (0, import_react16.useCallback)(
-    ({
-      password,
-      confirmPassword,
-      token
-    }, {
-      onSuccess,
-      onError
-    }) => {
-      resetPasswordMutate.mutate(
-        {
-          data: {
-            password,
-            confirmPassword
-          },
-          token
-        },
-        {
-          onSuccess,
-          onError
-        }
-      );
-    },
-    [resetPasswordMutate]
-  );
   return {
-    resetPassword,
-    isLoading: resetPasswordMutate.isPending,
-    error: resetPasswordMutate.error
+    // resetPassword,
+    // isLoading: resetPasswordMutate.isPending,
+    // error: resetPasswordMutate.error,
   };
 };
 
@@ -5069,19 +4986,19 @@ var CloseIcon = ({ className = "" }) => {
 };
 
 // src/widget/basic/status-dropdown-field/controller.ts
-var import_react17 = require("react");
-var import_interface_logic15 = require("@fctc/interface-logic");
+var import_react13 = require("react");
+var import_interface_logic11 = require("@fctc/interface-logic");
 var statusDropdownController = (props) => {
   const { selection, isForm, id, model, name, state, onRefetch } = props;
-  const env = (0, import_interface_logic15.getEnv)();
+  const env = (0, import_interface_logic11.getEnv)();
   const colors = {
     normal: "bg-[#e9ecef]",
     done: "bg-primary",
     blocked: "bg-red-500"
   };
-  const [isOpen, setIsOpen] = (0, import_react17.useState)(false);
-  const buttonRef = (0, import_react17.useRef)(null);
-  (0, import_react17.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react13.useState)(false);
+  const buttonRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (buttonRef.current && !buttonRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -5092,7 +5009,7 @@ var statusDropdownController = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  const { mutate: onSave } = (0, import_interface_logic15.useSave)();
+  const { mutate: onSave } = (0, import_interface_logic11.useSave)();
   const handleClick = async (status) => {
     setIsOpen(!isOpen);
     onSave(
@@ -5122,8 +5039,8 @@ var statusDropdownController = (props) => {
 };
 
 // src/widget/basic/many2one-field/controller.ts
-var import_react18 = require("react");
-var import_interface_logic16 = require("@fctc/interface-logic");
+var import_react14 = require("react");
+var import_interface_logic12 = require("@fctc/interface-logic");
 var many2oneFieldController = (props) => {
   const {
     name,
@@ -5138,24 +5055,24 @@ var many2oneFieldController = (props) => {
     showDetail = true,
     actionData
   } = props;
-  const [options, setOptions] = (0, import_react18.useState)([]);
-  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react18.useState)(false);
-  const [tempSelectedOption, setTempSelectedOption] = (0, import_react18.useState)(null);
-  const { menuList } = (0, import_interface_logic16.useAppSelector)(import_interface_logic16.selectNavbar);
-  const { context } = (0, import_interface_logic16.useAppSelector)(import_interface_logic16.selectEnv);
-  const [domainModal, setDomainModal] = (0, import_react18.useState)(null);
+  const [options, setOptions] = (0, import_react14.useState)([]);
+  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react14.useState)(false);
+  const [tempSelectedOption, setTempSelectedOption] = (0, import_react14.useState)(null);
+  const { menuList } = (0, import_interface_logic12.useAppSelector)(import_interface_logic12.selectNavbar);
+  const { context } = (0, import_interface_logic12.useAppSelector)(import_interface_logic12.selectEnv);
+  const [domainModal, setDomainModal] = (0, import_react14.useState)(null);
   const initValue = methods?.getValues(name);
-  const domainObject = (0, import_react18.useMemo)(
-    () => (0, import_interface_logic16.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues)) ?? {}),
+  const domainObject = (0, import_react14.useMemo)(
+    () => (0, import_interface_logic12.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues)) ?? {}),
     [domain, formValues]
   );
-  const optionsObject = (0, import_interface_logic16.evalJSONContext)(fieldOptions) || {};
+  const optionsObject = (0, import_interface_logic12.evalJSONContext)(fieldOptions) || {};
   const contextObject = {
-    ...(0, import_interface_logic16.evalJSONContext)(actionData?.context) || {},
+    ...(0, import_interface_logic12.evalJSONContext)(actionData?.context) || {},
     ...fieldContext,
     ...context
   };
-  const actionId = (0, import_react18.useMemo)(
+  const actionId = (0, import_react14.useMemo)(
     () => menuList?.flatMap(
       (item) => item?.child_id.filter(
         (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
@@ -5178,23 +5095,23 @@ var many2oneFieldController = (props) => {
     data: dataOfSelection,
     // refetch,
     isFetching
-  } = (0, import_interface_logic16.useGetSelection)({
+  } = (0, import_interface_logic12.useGetSelection)({
     data,
     queryKey,
     enabled: false
   });
-  const selectOptions = (0, import_react18.useMemo)(() => {
+  const selectOptions = (0, import_react14.useMemo)(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val?.id,
       label: val?.display_name || val?.name
     })) || [];
   }, [dataOfSelection]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     setOptions(selectOptions);
     setDomainModal(domainObject);
-    if (relation === "student.subject") (0, import_interface_logic16.setListSubject)(selectOptions);
+    if (relation === "student.subject") (0, import_interface_logic12.setListSubject)(selectOptions);
   }, [selectOptions]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!propValue && tempSelectedOption) {
       methods.setValue(name, null);
       setTempSelectedOption(null);
@@ -5205,12 +5122,12 @@ var many2oneFieldController = (props) => {
       });
     }
   }, [propValue]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (actionId) {
       localStorage.setItem("aid", actionId);
     }
   }, [actionId]);
-  const handleChooseRecord = (0, import_react18.useCallback)(
+  const handleChooseRecord = (0, import_react14.useCallback)(
     (idRecord) => {
       const newOption = options.find(
         (option) => option.value === idRecord
@@ -5235,8 +5152,8 @@ var many2oneFieldController = (props) => {
     },
     [options, methods, name, onChange]
   );
-  const handleClose = (0, import_react18.useCallback)(() => setIsShowModalMany2Many(false), []);
-  const handleSelectChange = (0, import_react18.useCallback)(
+  const handleClose = (0, import_react14.useCallback)(() => setIsShowModalMany2Many(false), []);
+  const handleSelectChange = (0, import_react14.useCallback)(
     (selectedOption) => {
       if (!selectedOption) {
         methods.setValue(name, null, { shouldDirty: true });
@@ -5261,7 +5178,7 @@ 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_react18.useCallback)(() => {
+  const fetchMoreOptions = (0, import_react14.useCallback)(() => {
     if (typeof dataOfSelection?.refetch === "function") {
       ;
       dataOfSelection.refetch();
@@ -5293,18 +5210,18 @@ var many2oneFieldController = (props) => {
 };
 
 // src/widget/basic/many2one-button-field/controller.ts
-var import_interface_logic17 = require("@fctc/interface-logic");
+var import_interface_logic13 = require("@fctc/interface-logic");
 var many2oneButtonController = (props) => {
   const { domain, methods, relation } = props;
   const actionDataString = sessionStorage.getItem("actionData");
-  const env = (0, import_interface_logic17.getEnv)();
-  const domainObject = (0, import_interface_logic17.evalJSONDomain)(domain, methods?.getValues() || {});
+  const env = (0, import_interface_logic13.getEnv)();
+  const domainObject = (0, import_interface_logic13.evalJSONDomain)(domain, methods?.getValues() || {});
   const actionData = actionDataString && actionDataString !== "undefined" ? JSON.parse(actionDataString) : {};
-  const { data: dataOfSelection } = (0, import_interface_logic17.useGetSelection)({
+  const { data: dataOfSelection } = (0, import_interface_logic13.useGetSelection)({
     data: {
       model: relation ?? "",
       domain: domainObject,
-      context: { ...env.context, ...(0, import_interface_logic17.evalJSONContext)(actionData?.context) }
+      context: { ...env.context, ...(0, import_interface_logic13.evalJSONContext)(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -5318,12 +5235,12 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-var import_react22 = require("react");
-var import_interface_logic22 = require("@fctc/interface-logic");
+var import_react18 = require("react");
+var import_interface_logic18 = require("@fctc/interface-logic");
 
 // src/widget/advance/table/table-body/controller.ts
-var import_interface_logic18 = require("@fctc/interface-logic");
-var import_react19 = require("react");
+var import_interface_logic14 = require("@fctc/interface-logic");
+var import_react15 = require("react");
 var tableBodyController = (props) => {
   const {
     checkedAll,
@@ -5335,8 +5252,8 @@ var tableBodyController = (props) => {
     selectedRowKeysRef,
     onClickRow
   } = props;
-  const appDispatch = (0, import_interface_logic18.useAppDispatch)();
-  const checked = (0, import_react19.useMemo)(() => {
+  const appDispatch = (0, import_interface_logic14.useAppDispatch)();
+  const checked = (0, import_react15.useMemo)(() => {
     if (!row?.id) return false;
     if (selectedRowKeys?.includes(row.id)) {
       return true;
@@ -5352,12 +5269,12 @@ var tableBodyController = (props) => {
     }
     const newSelectedRowKeys = selectedRowKeys?.includes(row.id) ? selectedRowKeys?.filter((key) => key !== row.id) : [...selectedRowKeys, row.id];
     console.log("newSelectedRowKeys", newSelectedRowKeys);
-    appDispatch((0, import_interface_logic18.setSelectedRowKeys)(newSelectedRowKeys));
+    appDispatch((0, import_interface_logic14.setSelectedRowKeys)(newSelectedRowKeys));
   };
   const handleClickRow = (col, row2) => {
     onClickRow(col, row2);
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!row?.id) return;
     if (isAutoSelect) {
       if (checkboxRef?.current === "uncheck") {
@@ -5365,17 +5282,17 @@ var tableBodyController = (props) => {
           (id) => id !== row.id
         );
         selectedRowKeysRef.current = filtered;
-        appDispatch((0, import_interface_logic18.setSelectedRowKeys)(filtered));
+        appDispatch((0, import_interface_logic14.setSelectedRowKeys)(filtered));
       } else {
         const unique = Array.from(
           /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
         );
         selectedRowKeysRef.current = unique;
-        appDispatch((0, import_interface_logic18.setSelectedRowKeys)(unique));
+        appDispatch((0, import_interface_logic14.setSelectedRowKeys)(unique));
       }
     }
   }, [isAutoSelect]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!checkedAll) {
       checkboxRef.current = "enabled";
       false;
@@ -5389,35 +5306,35 @@ var tableBodyController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-var import_interface_logic19 = require("@fctc/interface-logic");
+var import_interface_logic15 = require("@fctc/interface-logic");
 var tableHeadController = (props) => {
   const { typeTable, rows, selectedRowKeysRef } = props;
-  const appDispatch = (0, import_interface_logic19.useAppDispatch)();
-  const { groupByDomain } = (0, import_interface_logic19.useAppSelector)(import_interface_logic19.selectSearch);
+  const appDispatch = (0, import_interface_logic15.useAppDispatch)();
+  const { groupByDomain } = (0, import_interface_logic15.useAppSelector)(import_interface_logic15.selectSearch);
   const handleCheckBoxAll = (event) => {
     if (event?.target?.checked && typeTable === "list") {
       const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
-      appDispatch((0, import_interface_logic19.setSelectedRowKeys)(allRowKeys));
+      appDispatch((0, import_interface_logic15.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_interface_logic19.setSelectedRowKeys)(ids));
+        appDispatch((0, import_interface_logic15.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_interface_logic19.setSelectedRowKeys)(keys));
+        appDispatch((0, import_interface_logic15.setSelectedRowKeys)(keys));
       }
       if (selectedRowKeysRef) {
         selectedRowKeysRef.current = [];
       }
     } else {
-      appDispatch((0, import_interface_logic19.setSelectedRowKeys)([]));
+      appDispatch((0, import_interface_logic15.setSelectedRowKeys)([]));
     }
   };
   return {
@@ -5426,11 +5343,11 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-var import_interface_logic20 = require("@fctc/interface-logic");
-var import_react20 = require("react");
+var import_interface_logic16 = require("@fctc/interface-logic");
+var import_react16 = require("react");
 var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react20.useState)(data.records || []);
-  const [columns, setColumns] = (0, import_react20.useState)([]);
+  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],
@@ -5458,14 +5375,14 @@ var tableController = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  (0, import_react20.useEffect)(() => {
+  (0, import_react16.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_interface_logic20.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic20.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_interface_logic16.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic16.domainHelper.matchDomains(data.context, item?.invisible) : false);
       })?.map((field) => {
         return {
           name: field?.name,
@@ -5479,7 +5396,7 @@ var tableController = ({ data }) => {
     }
     return cols;
   };
-  (0, import_react20.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const columns2 = handleGetColumns();
     setColumns(columns2);
   }, [data.records]);
@@ -5504,8 +5421,8 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-var import_interface_logic21 = require("@fctc/interface-logic");
-var import_react21 = require("react");
+var import_interface_logic17 = require("@fctc/interface-logic");
+var import_react17 = require("react");
 
 // src/utils/i18n.ts
 var import_react_i18next2 = require("react-i18next");
@@ -6275,7 +6192,7 @@ var i18n_default = import_i18next.default;
 
 // src/widget/advance/table/table-group/controller.ts
 var tableGroupController = (props) => {
-  const env = (0, import_interface_logic21.getEnv)();
+  const env = (0, import_interface_logic17.getEnv)();
   const {
     rows,
     columns,
@@ -6294,18 +6211,18 @@ var tableGroupController = (props) => {
     setIsAutoSelect,
     selectedRowKeysRef
   } = props;
-  const [pageGroup, setPageGroup] = (0, import_react21.useState)(0);
-  const { groupByDomain, selectedTags } = (0, import_interface_logic21.useAppSelector)(import_interface_logic21.selectSearch);
-  const { selectedRowKeys } = (0, import_interface_logic21.useAppSelector)(import_interface_logic21.selectList);
-  const appDispatch = (0, import_interface_logic21.useAppDispatch)();
-  const { toDataJS } = (0, import_interface_logic21.useOdooDataTransform)();
+  const [pageGroup, setPageGroup] = (0, import_react17.useState)(0);
+  const { groupByDomain, selectedTags } = (0, import_interface_logic17.useAppSelector)(import_interface_logic17.selectSearch);
+  const { selectedRowKeys } = (0, import_interface_logic17.useAppSelector)(import_interface_logic17.selectList);
+  const appDispatch = (0, import_interface_logic17.useAppDispatch)();
+  const { toDataJS } = (0, import_interface_logic17.useOdooDataTransform)();
   const initVal = toDataJS(row, viewData, model);
-  const [isShowGroup, setIsShowGroup] = (0, import_react21.useState)(false);
-  const [colEmptyGroup, setColEmptyGroup] = (0, import_react21.useState)({
+  const [isShowGroup, setIsShowGroup] = (0, import_react17.useState)(false);
+  const [colEmptyGroup, setColEmptyGroup] = (0, import_react17.useState)({
     fromStart: 1,
     fromEnd: 1
   });
-  const processedData = (0, import_react21.useMemo)(() => {
+  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"
@@ -6320,7 +6237,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = (0, import_react21.useMemo)(() => {
+  const shouldFetchData = (0, import_react17.useMemo)(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;
@@ -6345,7 +6262,7 @@ var tableGroupController = (props) => {
     isPlaceholderData,
     isLoading,
     isFetching
-  } = (0, import_interface_logic21.useGetListData)(listDataProps, queryKey, enabled);
+  } = (0, import_interface_logic17.useGetListData)(listDataProps, queryKey, enabled);
   const {
     columns: columnsGroup,
     rows: rowsGroup,
@@ -6360,7 +6277,7 @@ var tableGroupController = (props) => {
     }
   });
   const leftPadding = level > 1 ? level * 8 + "px" : "0px";
-  (0, import_react21.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (isShowGroup && selectedTags?.length > 0) {
       setIsShowGroup(false);
     }
@@ -6383,24 +6300,24 @@ var tableGroupController = (props) => {
       const filteredIds = selectedRowKeys.filter(
         (id) => !ids.includes(id)
       );
-      appDispatch((0, import_interface_logic21.setSelectedRowKeys)(filteredIds));
+      appDispatch((0, import_interface_logic17.setSelectedRowKeys)(filteredIds));
     } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
       const clonedKeys = [...selectedRowKeys];
-      appDispatch((0, import_interface_logic21.setSelectedRowKeys)([...clonedKeys, -1]));
-      setTimeout(() => appDispatch((0, import_interface_logic21.setSelectedRowKeys)(clonedKeys)), 500);
+      appDispatch((0, import_interface_logic17.setSelectedRowKeys)([...clonedKeys, -1]));
+      setTimeout(() => appDispatch((0, import_interface_logic17.setSelectedRowKeys)(clonedKeys)), 500);
     } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
       const filteredKeys = selectedRowKeys.filter((id) => id > -1);
-      appDispatch((0, import_interface_logic21.setSelectedRowKeys)(filteredKeys));
+      appDispatch((0, import_interface_logic17.setSelectedRowKeys)(filteredKeys));
     }
     toggleShowGroup();
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
-    (0, import_interface_logic21.setSelectedRowKeys)([...clonedKeys, -1]);
-    setTimeout(() => (0, import_interface_logic21.setSelectedRowKeys)(clonedKeys), 500);
+    (0, import_interface_logic17.setSelectedRowKeys)([...clonedKeys, -1]);
+    setTimeout(() => (0, import_interface_logic17.setSelectedRowKeys)(clonedKeys), 500);
   }, [isQueryFetched]);
   return {
     handleExpandChildGroup,
@@ -6450,14 +6367,14 @@ var many2manyFieldController = (props) => {
     options,
     sessionStorageUtils
   } = props;
-  const appDispatch = (0, import_interface_logic22.useAppDispatch)();
+  const appDispatch = (0, import_interface_logic18.useAppDispatch)();
   const actionData = sessionStorageUtils.getActionData();
   const [debouncedPage] = useDebounce(page, 500);
-  const [order, setOrder] = (0, import_react22.useState)();
-  const [isLoadedData, setIsLoadedData] = (0, import_react22.useState)(false);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react22.useState)(domain);
-  const env = (0, import_interface_logic22.getEnv)();
-  const { selectedTags } = (0, import_interface_logic22.useAppSelector)(import_interface_logic22.selectSearch);
+  const [order, setOrder] = (0, import_react18.useState)();
+  const [isLoadedData, setIsLoadedData] = (0, import_react18.useState)(false);
+  const [domainMany2Many, setDomainMany2Many] = (0, import_react18.useState)(domain);
+  const env = (0, import_interface_logic18.getEnv)();
+  const { selectedTags } = (0, import_interface_logic18.useAppSelector)(import_interface_logic18.selectSearch);
   const viewParams = {
     model: relation,
     views: [
@@ -6466,11 +6383,11 @@ var many2manyFieldController = (props) => {
     ],
     context
   };
-  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, import_interface_logic22.useGetView)(
+  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, import_interface_logic18.useGetView)(
     viewParams,
     actionData
   );
-  const baseModel = (0, import_react22.useMemo)(
+  const baseModel = (0, import_react18.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
@@ -6482,26 +6399,26 @@ var many2manyFieldController = (props) => {
     }),
     [model, viewResponse]
   );
-  const initModel = (0, import_interface_logic22.useModel)();
-  const modelInstance = (0, import_react22.useMemo)(() => {
+  const initModel = (0, import_interface_logic18.useModel)();
+  const modelInstance = (0, import_react18.useMemo)(() => {
     if (viewResponse) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewResponse]);
-  const specification = (0, import_react22.useMemo)(() => {
+  const specification = (0, import_react18.useMemo)(() => {
     if (modelInstance) {
       return modelInstance.getSpecification();
     }
     return null;
   }, [modelInstance]);
   const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? (0, import_interface_logic22.evalJSONContext)(tab?.options) : (options ? (0, import_interface_logic22.evalJSONContext)(options) : {}) || {};
+  const optionsObject = tab?.options ? (0, import_interface_logic18.evalJSONContext)(tab?.options) : (options ? (0, import_interface_logic18.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
       setDomainMany2Many(domain);
-      appDispatch((0, import_interface_logic22.setFirstDomain)(domain));
-      appDispatch((0, import_interface_logic22.setViewDataStore)(viewResponse));
+      appDispatch((0, import_interface_logic18.setFirstDomain)(domain));
+      appDispatch((0, import_interface_logic18.setViewDataStore)(viewResponse));
       const modalData = viewResponse?.views?.list?.fields.map((field) => ({
         ...viewResponse?.models?.[String(model)]?.[field?.name],
         ...field
@@ -6512,7 +6429,7 @@ var many2manyFieldController = (props) => {
           [`${aid}_${relation}_popupmany2many`]: modalData
         });
       }
-      appDispatch((0, import_interface_logic22.setPage)(0));
+      appDispatch((0, import_interface_logic18.setPage)(0));
     } catch (err) {
       console.log(err);
     }
@@ -6534,7 +6451,7 @@ var many2manyFieldController = (props) => {
     context,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_interface_logic22.formatSortingString)(default_order) : ""
+    sort: order ? order : default_order ? (0, import_interface_logic18.formatSortingString)(default_order) : ""
   };
   const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
@@ -6542,18 +6459,18 @@ var many2manyFieldController = (props) => {
     isLoading: isDataLoading,
     isFetched: isDataResponseFetched,
     isPlaceholderData
-  } = (0, import_interface_logic22.useGetListData)(data, queryKey, enabled);
-  (0, import_react22.useEffect)(() => {
+  } = (0, import_interface_logic18.useGetListData)(data, queryKey, enabled);
+  (0, import_react18.useEffect)(() => {
     if (viewResponse) {
       fetchData();
     }
     return () => {
-      appDispatch((0, import_interface_logic22.setGroupByDomain)(null));
+      appDispatch((0, import_interface_logic18.setGroupByDomain)(null));
       setFields((prevFields) => ({
         ...prevFields,
         [`${aid}_${relation}_popupmany2many`]: null
       }));
-      appDispatch((0, import_interface_logic22.setPage)(0));
+      appDispatch((0, import_interface_logic18.setPage)(0));
       setSelectedRowKeys4([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
@@ -6577,18 +6494,18 @@ var many2manyFieldController = (props) => {
     refetch,
     data: dataFormViewResponse,
     isSuccess
-  } = (0, import_interface_logic22.useGetFormView)({
+  } = (0, import_interface_logic18.useGetFormView)({
     data: dataFormView,
     queryKey: [`form-view-action-${relation}`],
     enabled: false
   });
-  (0, import_react22.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (isSuccess && dataFormViewResponse) {
       sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
       window.location.href = `/form/menu?model=${relation}`;
     }
   }, [isSuccess]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (domainMany2Many && !isLoadedData) {
       setIsLoadedData(true);
     }
@@ -6604,8 +6521,8 @@ var many2manyFieldController = (props) => {
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-var import_react23 = require("react");
-var import_interface_logic23 = require("@fctc/interface-logic");
+var import_react19 = require("react");
+var import_interface_logic19 = require("@fctc/interface-logic");
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -6616,10 +6533,10 @@ var many2manyTagsController = (props) => {
     placeholderNoOption
   } = props;
   const isUser = relation === "res.users" || relation === "res.partner";
-  const env = (0, import_interface_logic23.getEnv)();
-  const addtionalFields = optionsFields ? (0, import_interface_logic23.evalJSONContext)(optionsFields) : null;
-  const domainObject = (0, import_react23.useMemo)(
-    () => (0, import_interface_logic23.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+  const env = (0, import_interface_logic19.getEnv)();
+  const addtionalFields = optionsFields ? (0, import_interface_logic19.evalJSONContext)(optionsFields) : null;
+  const domainObject = (0, import_react19.useMemo)(
+    () => (0, import_interface_logic19.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -6629,13 +6546,13 @@ var many2manyTagsController = (props) => {
       id: {},
       name: {},
       display_name: {},
-      ...widget && import_interface_logic23.WIDGETAVATAR[widget] ? { image_256: {} } : {},
-      ...widget && import_interface_logic23.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
+      ...widget && import_interface_logic19.WIDGETAVATAR[widget] ? { image_256: {} } : {},
+      ...widget && import_interface_logic19.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
     },
     enabled: true,
     context: env.context
   };
-  const { data: dataOfSelection } = (0, import_interface_logic23.useGetSelection)({
+  const { data: dataOfSelection } = (0, import_interface_logic19.useGetSelection)({
     data,
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -6661,8 +6578,8 @@ var many2manyTagsController = (props) => {
 };
 
 // src/widget/basic/status-bar-field/controller.ts
-var import_react24 = require("react");
-var import_interface_logic24 = require("@fctc/interface-logic");
+var import_react20 = require("react");
+var import_interface_logic20 = require("@fctc/interface-logic");
 var durationController = (props) => {
   const {
     relation,
@@ -6679,14 +6596,14 @@ var durationController = (props) => {
     name: "",
     fold: ""
   };
-  const [disabled, setDisabled] = (0, import_react24.useState)(false);
-  const [modelStatus, setModalStatus] = (0, import_react24.useState)(false);
-  const { context } = (0, import_interface_logic24.useAppSelector)(import_interface_logic24.selectEnv);
+  const [disabled, setDisabled] = (0, import_react20.useState)(false);
+  const [modelStatus, setModalStatus] = (0, import_react20.useState)(false);
+  const { context } = (0, import_interface_logic20.useAppSelector)(import_interface_logic20.selectEnv);
   const queryKey = [`data-status-duration`, specification];
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_interface_logic24.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, import_interface_logic20.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -6696,8 +6613,8 @@ var durationController = (props) => {
     },
     sort: ""
   };
-  const { data: dataResponse } = (0, import_interface_logic24.useGetListData)(listDataProps, queryKey);
-  const { mutate: fetchChangeStatus } = (0, import_interface_logic24.useChangeStatus)();
+  const { data: dataResponse } = (0, import_interface_logic20.useGetListData)(listDataProps, queryKey);
+  const { mutate: fetchChangeStatus } = (0, import_interface_logic20.useChangeStatus)();
   const handleClick = async (stage_id) => {
     setDisabled(true);
     if (stage_id) {
@@ -6733,7 +6650,7 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-var import_interface_logic25 = require("@fctc/interface-logic");
+var import_interface_logic21 = require("@fctc/interface-logic");
 var priorityFieldController = (props) => {
   const {
     value,
@@ -6748,11 +6665,11 @@ var priorityFieldController = (props) => {
     viewData,
     context
   } = props;
-  const _context = { ...(0, import_interface_logic25.evalJSONContext)(actionData?.context) };
+  const _context = { ...(0, import_interface_logic21.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_interface_logic25.useSave)();
+  const { mutateAsync: fetchSave } = (0, import_interface_logic21.useSave)();
   const savePriorities = async ({
     value: value2,
     resetPriority
@@ -6787,8 +6704,8 @@ var priorityFieldController = (props) => {
 };
 
 // src/widget/basic/float-time-field/controller.ts
-var import_react25 = require("react");
-var import_interface_logic26 = require("@fctc/interface-logic");
+var import_react21 = require("react");
+var import_interface_logic22 = require("@fctc/interface-logic");
 var floatTimeFiledController = ({
   onChange: fieldOnChange,
   onBlur,
@@ -6797,11 +6714,11 @@ var floatTimeFiledController = ({
   props
 }) => {
   const { name, defaultValue = 0, onChange } = props;
-  const [input, setInput] = (0, import_react25.useState)(
-    (0, import_interface_logic26.convertFloatToTime)(value ?? defaultValue)
+  const [input, setInput] = (0, import_react21.useState)(
+    (0, import_interface_logic22.convertFloatToTime)(value ?? defaultValue)
   );
-  const [formattedTime, setFormattedTime] = (0, import_react25.useState)("");
-  const [errors, setErrors] = (0, import_react25.useState)("");
+  const [formattedTime, setFormattedTime] = (0, import_react21.useState)("");
+  const [errors, setErrors] = (0, import_react21.useState)("");
   const handleInputChange = (e) => {
     const raw = e.target.value.replace(/[^\d:]/g, "");
     setInput(raw);
@@ -6831,7 +6748,7 @@ var floatTimeFiledController = ({
     if (!isDirty) return;
     if (formattedTime) {
       setInput(formattedTime);
-      const floatVal = (0, import_interface_logic26.convertTimeToFloat)(formattedTime);
+      const floatVal = (0, import_interface_logic22.convertTimeToFloat)(formattedTime);
       fieldOnChange(floatVal);
       if (onChange) {
         onChange(name ?? "", floatVal);
@@ -6874,7 +6791,7 @@ var floatTimeFiledController = ({
 };
 
 // src/widget/basic/float-field/controller.ts
-var import_react26 = require("react");
+var import_react22 = require("react");
 var floatController = ({
   onChange,
   value,
@@ -6882,10 +6799,10 @@ var floatController = ({
 }) => {
   const { name, required, methods, onChange: handleOnchange, string } = props;
   const { setError, clearErrors } = methods;
-  const [inputValue, setInputValue] = (0, import_react26.useState)(
+  const [inputValue, setInputValue] = (0, import_react22.useState)(
     value !== void 0 && value !== null ? useFormatFloatNumber(value) : ""
   );
-  (0, import_react26.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (value !== void 0 && value !== null && value !== parseFloat(inputValue?.replace(/,/g, ""))) {
       setInputValue(useFormatFloatNumber(value));
       clearErrors(name);
@@ -6893,9 +6810,9 @@ var floatController = ({
       setInputValue("");
     }
   }, [value, name, clearErrors]);
-  const isDirtyRef = (0, import_react26.useRef)(false);
-  const inputRef = (0, import_react26.useRef)(null);
-  const lastCommittedValueRef = (0, import_react26.useRef)(null);
+  const isDirtyRef = (0, import_react22.useRef)(false);
+  const inputRef = (0, import_react22.useRef)(null);
+  const lastCommittedValueRef = (0, import_react22.useRef)(null);
   const handleInputChange = (e) => {
     const newValue = e.target.value;
     const valueWithoutCommas = newValue.replace(/,/g, "");
@@ -6996,10 +6913,10 @@ var useFormatFloatNumber = (value) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-var import_react27 = require("react");
+var import_react23 = require("react");
 var downloadFileController = () => {
-  const inputId = (0, import_react27.useId)();
-  const [file, setFile] = (0, import_react27.useState)(null);
+  const inputId = (0, import_react23.useId)();
+  const [file, setFile] = (0, import_react23.useState)(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -7163,13 +7080,13 @@ var dateFieldController = (props) => {
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-var import_react28 = require("react");
-var import_interface_logic27 = require("@fctc/interface-logic");
+var import_react24 = require("react");
+var import_interface_logic23 = require("@fctc/interface-logic");
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = (0, import_react28.useState)(false);
+  const [isCopied, setIsCopied] = (0, import_react24.useState)(false);
   const handleCopyToClipboard = async (value2) => {
-    await (0, import_interface_logic27.copyTextToClipboard)(value2);
+    await (0, import_interface_logic23.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -7182,14 +7099,14 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-var import_interface_logic28 = require("@fctc/interface-logic");
+var import_interface_logic24 = require("@fctc/interface-logic");
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
-  const env = (0, import_interface_logic28.getEnv)();
-  const _context = { ...(0, import_interface_logic28.evalJSONContext)(actionData?.context) || {} };
+  const env = (0, import_interface_logic24.getEnv)();
+  const _context = { ...(0, import_interface_logic24.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
-  const { mutate: onSave } = (0, import_interface_logic28.useSave)();
+  const { mutate: onSave } = (0, import_interface_logic24.useSave)();
   const savePickColor = async (colorObject) => {
     const { id } = colorObject;
     if (value === id) return;
@@ -7214,16 +7131,16 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-var import_react29 = require("react");
-var import_interface_logic29 = require("@fctc/interface-logic");
+var import_react25 = require("react");
+var import_interface_logic25 = require("@fctc/interface-logic");
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
-  const inputId = (0, import_react29.useId)();
-  const [selectedImage, setSelectedImage] = (0, import_react29.useState)(null);
-  const [initialImage, setInitialImage] = (0, import_react29.useState)(value || null);
-  const [isInsideTable, setIsInsideTable] = (0, import_react29.useState)(false);
+  const inputId = (0, import_react25.useId)();
+  const [selectedImage, setSelectedImage] = (0, import_react25.useState)(null);
+  const [initialImage, setInitialImage] = (0, import_react25.useState)(value || null);
+  const [isInsideTable, setIsInsideTable] = (0, import_react25.useState)(false);
   const { setValue } = methods;
-  const binaryRef = (0, import_react29.useRef)(null);
+  const binaryRef = (0, import_react25.useRef)(null);
   const convertUrlToBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -7272,11 +7189,11 @@ var binaryFieldController = (props) => {
   };
   const checkIsImageLink = (url) => {
     const imageExtensions = /\.(jpg|jpeg|png|gif|bmp|webp|svg|tiff|ico)$/i;
-    return imageExtensions.test(url) || (0, import_interface_logic29.isBase64Image)(url) || isBlobUrl(url);
+    return imageExtensions.test(url) || (0, import_interface_logic25.isBase64Image)(url) || isBlobUrl(url);
   };
   const getImageBase64WithMimeType = (base64) => {
     if (typeof base64 !== "string" || base64.length < 10) return null;
-    if ((0, import_interface_logic29.isBase64Image)(base64)) return base64;
+    if ((0, import_interface_logic25.isBase64Image)(base64)) return base64;
     let mimeType = null;
     if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
     else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
@@ -7285,14 +7202,14 @@ var binaryFieldController = (props) => {
     else if (base64.startsWith("UklGR")) mimeType = "image/webp";
     return mimeType ? `data:${mimeType};base64,${base64}` : null;
   };
-  (0, import_react29.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     return () => {
       if (selectedImage) {
         URL.revokeObjectURL(selectedImage);
       }
     };
   }, [selectedImage]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (binaryRef.current) {
       const isInsideTable2 = !!binaryRef.current.closest("table");
       setIsInsideTable(isInsideTable2);