@fctc/widget-logic 1.10.1 → 1.10.3

package/dist/widget.js

@@ -4111,7 +4111,7 @@ var statusDropdownController = (props) => {
 };
 
 // src/widget/basic/many2one-field/controller.ts
-var import_react15 = require("react");
+var import_react14 = require("react");
 
 // src/hooks.ts
 var hooks_exports = {};
@@ -4885,32 +4885,8 @@ var useAppProvider = () => {
   return context;
 };
 
-// src/hooks/core/use-menu-item.tsx
-var import_environment6 = require("@fctc/interface-logic/environment");
-var import_hooks10 = require("@fctc/interface-logic/hooks");
-var import_react12 = require("react");
-
-// src/utils.ts
-var utils_exports = {};
-__export(utils_exports, {
-  API_APP_URL: () => API_APP_URL,
-  API_PRESCHOOL_URL: () => API_PRESCHOOL_URL,
-  STORAGES: () => STORAGES,
-  combineContexts: () => combineContexts,
-  convertFieldsToArray: () => convertFieldsToArray,
-  countSum: () => countSum,
-  getDateRange: () => getDateRange,
-  languages: () => languages,
-  mergeButtons: () => mergeButtons,
-  setStorageItemAsync: () => setStorageItemAsync,
-  useGetRowIds: () => useGetRowIds,
-  useSelectionState: () => useSelectionState,
-  useStorageState: () => useStorageState
-});
-__reExport(utils_exports, require("@fctc/interface-logic/utils"));
-
 // src/hooks/utils/use-click-outside.ts
-var import_react13 = require("react");
+var import_react12 = require("react");
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -4918,8 +4894,8 @@ var useClickOutside = ({
   nodes = [],
   refs
 }) => {
-  const ref = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const ref = (0, import_react12.useRef)(null);
+  (0, import_react12.useEffect)(() => {
     const listener = (event) => {
       const { target } = event;
       if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
@@ -4941,10 +4917,10 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-var import_react14 = require("react");
+var import_react13 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react14.useState)(value);
-  (0, import_react14.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react13.useState)(value);
+  (0, import_react13.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -4958,6 +4934,25 @@ function useDebounce(value, delay) {
 // src/hooks.ts
 __reExport(hooks_exports, require("@fctc/interface-logic/hooks"));
 
+// src/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  API_APP_URL: () => API_APP_URL,
+  API_PRESCHOOL_URL: () => API_PRESCHOOL_URL,
+  STORAGES: () => STORAGES,
+  combineContexts: () => combineContexts,
+  convertFieldsToArray: () => convertFieldsToArray,
+  countSum: () => countSum,
+  getDateRange: () => getDateRange,
+  languages: () => languages,
+  mergeButtons: () => mergeButtons,
+  setStorageItemAsync: () => setStorageItemAsync,
+  useGetRowIds: () => useGetRowIds,
+  useSelectionState: () => useSelectionState,
+  useStorageState: () => useStorageState
+});
+__reExport(utils_exports, require("@fctc/interface-logic/utils"));
+
 // src/provider.ts
 var provider_exports = {};
 __reExport(provider_exports, require("@fctc/interface-logic/provider"));
@@ -4977,22 +4972,22 @@ var many2oneFieldController = (props) => {
     options: fieldOptions,
     showDetail
   } = props;
-  const [options, setOptions] = (0, import_react15.useState)([]);
-  const [inputValue, setInputValue] = (0, import_react15.useState)("");
+  const { env } = (0, provider_exports.useEnv)();
+  const [options, setOptions] = (0, import_react14.useState)([]);
+  const [inputValue, setInputValue] = (0, import_react14.useState)("");
   const [debouncedInputValue] = useDebounce(inputValue, 1e3);
-  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react15.useState)(false);
-  const [tempSelectedOption, setTempSelectedOption] = (0, import_react15.useState)(null);
-  const [domainModal, setDomainModal] = (0, import_react15.useState)(null);
-  const [domainObject, setDomainObject] = (0, import_react15.useState)(null);
+  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react14.useState)(false);
+  const [tempSelectedOption, setTempSelectedOption] = (0, import_react14.useState)(null);
+  const [domainModal, setDomainModal] = (0, import_react14.useState)(null);
+  const [domainObject, setDomainObject] = (0, import_react14.useState)(null);
   const actionData = sessionStorageUtils.getActionData();
   const { menuList } = (0, store_exports.useAppSelector)(store_exports.selectNavbar);
-  const { context } = (0, store_exports.useAppSelector)(store_exports.selectEnv);
   const initValue = methods?.getValues(name);
   const optionsObject = (0, utils_exports.evalJSONContext)(fieldOptions) || {};
   const contextObject = {
     ...(0, utils_exports.evalJSONContext)(actionData?.context) || {},
     ...fieldContext,
-    ...context
+    ...env?.context
   };
   const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
   const data = {
@@ -5015,18 +5010,18 @@ var many2oneFieldController = (props) => {
     queryKey,
     enabled: false
   });
-  const selectOptions = (0, import_react15.useMemo)(() => {
+  const selectOptions = (0, import_react14.useMemo)(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val?.id,
       label: val?.display_name || val?.name
     })) || [];
   }, [dataOfSelection]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     setOptions(selectOptions);
     setDomainModal(domainObject);
     if (relation === "student.subject") (0, store_exports.setListSubject)(selectOptions);
   }, [selectOptions]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     setDomainObject(
       (0, utils_exports.evalJSONDomain)(
         domain,
@@ -5034,7 +5029,7 @@ var many2oneFieldController = (props) => {
       )
     );
   }, [domain, formValues]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!propValue && tempSelectedOption) {
       methods.setValue(name, null);
       setTempSelectedOption(null);
@@ -5045,10 +5040,10 @@ var many2oneFieldController = (props) => {
       });
     }
   }, [propValue]);
-  const fetchMoreOptions = (0, import_react15.useCallback)(() => {
+  const fetchMoreOptions = (0, import_react14.useCallback)(() => {
     refetch();
   }, [refetch]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (debouncedInputValue) {
       const filteredDomain = [...domainObject ?? []]?.filter(
         (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
@@ -5063,7 +5058,7 @@ var many2oneFieldController = (props) => {
       }, 50);
     }
   }, [debouncedInputValue]);
-  const handleChooseRecord = (0, import_react15.useCallback)(
+  const handleChooseRecord = (0, import_react14.useCallback)(
     (idRecord) => {
       const newOption = options.find(
         (option) => option.value === idRecord
@@ -5088,8 +5083,8 @@ var many2oneFieldController = (props) => {
     },
     [options, methods, name, onChange]
   );
-  const handleClose = (0, import_react15.useCallback)(() => setIsShowModalMany2Many(false), []);
-  const handleSelectChange = (0, import_react15.useCallback)(
+  const handleClose = (0, import_react14.useCallback)(() => setIsShowModalMany2Many(false), []);
+  const handleSelectChange = (0, import_react14.useCallback)(
     (selectedOption) => {
       if (!selectedOption) {
         methods.setValue(name, null, { shouldDirty: true });
@@ -5136,20 +5131,20 @@ var many2oneFieldController = (props) => {
 };
 
 // src/widget/basic/many2one-button-field/controller.ts
-var import_environment7 = require("@fctc/interface-logic/environment");
-var import_hooks13 = require("@fctc/interface-logic/hooks");
-var import_utils6 = require("@fctc/interface-logic/utils");
+var import_environment6 = require("@fctc/interface-logic/environment");
+var import_hooks12 = require("@fctc/interface-logic/hooks");
+var import_utils5 = require("@fctc/interface-logic/utils");
 var many2oneButtonController = (props) => {
   const { domain, methods, relation } = props;
   const actionDataString = sessionStorage.getItem("actionData");
-  const env = (0, import_environment7.getEnv)();
-  const domainObject = (0, import_utils6.evalJSONDomain)(domain, methods?.getValues() || {});
+  const env = (0, import_environment6.getEnv)();
+  const domainObject = (0, import_utils5.evalJSONDomain)(domain, methods?.getValues() || {});
   const actionData = actionDataString && actionDataString !== "undefined" ? JSON.parse(actionDataString) : {};
-  const { data: dataOfSelection } = (0, import_hooks13.useGetSelection)({
+  const { data: dataOfSelection } = (0, import_hooks12.useGetSelection)({
     data: {
       model: relation ?? "",
       domain: domainObject,
-      context: { ...env.context, ...(0, import_utils6.evalJSONContext)(actionData?.context) }
+      context: { ...env.context, ...(0, import_utils5.evalJSONContext)(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -5163,91 +5158,78 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-var import_react16 = require("react");
-var import_store8 = require("@fctc/interface-logic/store");
-var import_utils7 = require("@fctc/interface-logic/utils");
+var import_react15 = require("react");
+var import_utils6 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
   const {
     relation,
     domain,
     context,
+    options,
     tab,
-    model,
-    aid,
     setSelectedRowKeys: setSelectedRowKeys4,
-    fields,
-    setFields,
     groupByDomain,
-    page,
-    options,
-    sessionStorageUtils
+    enabled: enabledCallAPI,
+    actionData
   } = props;
-  const appDispatch = (0, import_store8.useAppDispatch)();
-  const actionData = sessionStorageUtils.getActionData();
-  const [debouncedPage] = useDebounce(page, 500);
-  const [order, setOrder] = (0, import_react16.useState)();
-  const [isLoadedData, setIsLoadedData] = (0, import_react16.useState)(false);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react16.useState)(domain);
   const { env } = (0, provider_exports.useEnv)();
   const { useGetView: useGetView2, useGetListData: useGetListData3, useGetFormView } = (0, provider_exports.useService)();
+  const [order, setOrder] = (0, import_react15.useState)();
+  const [isLoadedData, setIsLoadedData] = (0, import_react15.useState)(false);
+  const [page, setPage] = (0, import_react15.useState)(0);
+  const [domainMany2Many, setDomainMany2Many] = (0, import_react15.useState)(null);
+  const [debouncedPage] = useDebounce(page, 500);
+  const contextObject = {
+    ...env.context,
+    ...context || {}
+  };
   const viewParams = {
     model: relation,
     views: [
       [false, "list"],
       [false, "search"]
     ],
-    context
+    context: contextObject
   };
-  const { data: viewResponse } = useGetView2(viewParams, actionData);
-  const baseModel = (0, import_react16.useMemo)(
+  const { data: viewResponse } = useGetView2(viewParams, enabledCallAPI);
+  const baseModel = (0, import_react15.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
-      actContext: context,
+      actContext: contextObject,
       fields: [
         ...Object.values(viewResponse?.views?.list?.fields ?? {}),
         ...tab?.fields ? tab.fields : []
       ]
     }),
-    [model, viewResponse]
+    [relation, viewResponse]
   );
   const initModel = (0, hooks_exports.useModel)();
-  const modelInstance = (0, import_react16.useMemo)(() => {
+  const modelInstance = (0, import_react15.useMemo)(() => {
     if (viewResponse) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewResponse]);
-  const specification = (0, import_react16.useMemo)(() => {
+  const specification = (0, import_react15.useMemo)(() => {
     if (modelInstance) {
       return modelInstance.getSpecification();
     }
     return null;
   }, [modelInstance]);
   const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? (0, import_utils7.evalJSONContext)(tab?.options) : (options ? (0, import_utils7.evalJSONContext)(options) : {}) || {};
+  const optionsObject = tab?.options ? (0, import_utils6.evalJSONContext)(tab?.options) : (options ? (0, import_utils6.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
-      setDomainMany2Many(domain);
-      appDispatch((0, import_store8.setFirstDomain)(domain));
-      appDispatch((0, import_store8.setViewDataStore)(viewResponse));
-      const modalData = viewResponse?.views?.list?.fields.map((field) => ({
-        ...viewResponse?.models?.[String(model)]?.[field?.name],
-        ...field
-      }));
-      if (!fields?.[`${aid}_${relation}_popupmany2many`] && modalData) {
-        setFields({
-          ...fields,
-          [`${aid}_${relation}_popupmany2many`]: modalData
-        });
-      }
-      appDispatch((0, import_store8.setPage)(0));
+      const domainParse = typeof domain === "string" ? (0, import_utils6.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
+      setDomainMany2Many(domainParse);
+      setPage(0);
     } catch (err) {
       console.log(err);
     }
   };
   const queryKey = [
-    `view-${relation}-${aid}`,
+    `view-${relation}`,
     specification,
     domainMany2Many,
     debouncedPage,
@@ -5260,93 +5242,104 @@ var many2manyFieldController = (props) => {
     domain: domainMany2Many,
     offset: debouncedPage * 10,
     limit: 10,
-    context,
+    context: contextObject,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_utils7.formatSortingString)(default_order) : ""
+    sort: order ? order : default_order ? (0, import_utils6.formatSortingString)(default_order) : ""
   };
-  const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const enabled = enabledCallAPI && isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
     data: dataResponse,
-    isLoading: isDataLoading,
-    isFetched: isDataResponseFetched,
+    isLoading,
+    isFetched,
     isPlaceholderData
   } = useGetListData3(data, queryKey, enabled);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (viewResponse) {
       fetchData();
     }
     return () => {
-      appDispatch((0, import_store8.setGroupByDomain)(null));
-      setFields((prevFields) => ({
-        ...prevFields,
-        [`${aid}_${relation}_popupmany2many`]: null
-      }));
-      appDispatch((0, import_store8.setPage)(0));
+      setPage(0);
       setSelectedRowKeys4([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
     };
   }, [viewResponse]);
-  const { rows, columns, typeTable } = tableController({
+  const { rows, columns, typeTable, onToggleColumnOptional } = tableController({
     data: {
-      fields: fields?.[`${aid}_${relation}_popupmany2many`] || viewResponse?.views?.list?.fields,
+      fields: viewResponse?.views?.list?.fields,
       records: dataResponse?.records ?? dataResponse?.groups,
       dataModel: viewResponse?.models?.[String(relation)],
-      context: { ...env.context, ...context },
+      context: contextObject,
       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
+    removeSearchItems,
+    selectedTags,
+    filterBy,
+    setFilterBy,
+    searchString,
+    onSearchString,
+    handleAddTagSearch,
+    searchBy,
+    groupBy,
+    setGroupBy,
+    domain: domainSearch
+  } = searchController({
+    viewData: viewResponse,
+    actionData,
+    fieldsList: [
+      ...columns?.filter(
+        (col) => col?.field?.type_co === "field" && col?.optional !== "hide"
+      )?.map((col) => ({ ...col.field })) ?? []
+    ]
   });
-  (0, import_react16.useEffect)(() => {
-    if (isSuccess && dataFormViewResponse) {
-      sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
-      window.location.href = `/form/menu?model=${relation}`;
-    }
-  }, [isSuccess]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (domainMany2Many && !isLoadedData) {
       setIsLoadedData(true);
     }
   }, [domainMany2Many]);
+  (0, import_react15.useEffect)(() => {
+    setDomainMany2Many(domainSearch);
+  }, [domainSearch]);
   const handleCreateNewOnPage = async () => {
-    try {
-      refetch();
-    } catch (error) {
-      console.log(error);
-    }
   };
   return {
     handleCreateNewOnPage,
     optionsObject,
+    totalRows: dataResponse?.length ?? 0,
     rows,
     columns,
+    onToggleColumnOptional,
     typeTable,
-    isDataLoading,
-    isDataResponseFetched,
-    isPlaceholderData
+    isLoading,
+    isFetched,
+    isPlaceholderData,
+    setPage,
+    page,
+    viewData: viewResponse,
+    domain: domainMany2Many,
+    // search
+    removeSearchItems,
+    selectedTags,
+    filterBy,
+    setFilterBy,
+    searchString,
+    onSearchString,
+    handleAddTagSearch,
+    searchBy,
+    groupBy,
+    setGroupBy
   };
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_constants4 = require("@fctc/interface-logic/constants");
-var import_environment8 = require("@fctc/interface-logic/environment");
-var import_hooks15 = require("@fctc/interface-logic/hooks");
-var import_utils8 = require("@fctc/interface-logic/utils");
+var import_environment7 = require("@fctc/interface-logic/environment");
+var import_hooks14 = require("@fctc/interface-logic/hooks");
+var import_utils7 = require("@fctc/interface-logic/utils");
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -5357,10 +5350,10 @@ var many2manyTagsController = (props) => {
     placeholderNoOption
   } = props;
   const isUser = relation === "res.users" || relation === "res.partner";
-  const env = (0, import_environment8.getEnv)();
-  const addtionalFields = optionsFields ? (0, import_utils8.evalJSONContext)(optionsFields) : null;
-  const domainObject = (0, import_react17.useMemo)(
-    () => (0, import_utils8.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+  const env = (0, import_environment7.getEnv)();
+  const addtionalFields = optionsFields ? (0, import_utils7.evalJSONContext)(optionsFields) : null;
+  const domainObject = (0, import_react16.useMemo)(
+    () => (0, import_utils7.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -5376,7 +5369,7 @@ var many2manyTagsController = (props) => {
     enabled: true,
     context: env.context
   };
-  const { data: dataOfSelection } = (0, import_hooks15.useGetSelection)({
+  const { data: dataOfSelection } = (0, import_hooks14.useGetSelection)({
     data,
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -5402,8 +5395,8 @@ var many2manyTagsController = (props) => {
 };
 
 // src/widget/basic/status-bar-field/controller.ts
-var import_react18 = require("react");
-var import_utils9 = require("@fctc/interface-logic/utils");
+var import_react17 = require("react");
+var import_utils8 = require("@fctc/interface-logic/utils");
 var durationController = (props) => {
   const { relation, domain, formValues, name, id, model, onRefetch } = props;
   const specification = {
@@ -5413,13 +5406,13 @@ var durationController = (props) => {
   };
   const { useGetListData: useGetListData3, useChangeStatus } = (0, provider_exports.useService)();
   const { env } = (0, provider_exports.useEnv)();
-  const [disabled, setDisabled] = (0, import_react18.useState)(false);
-  const [modelStatus, setModalStatus] = (0, import_react18.useState)(false);
+  const [disabled, setDisabled] = (0, import_react17.useState)(false);
+  const [modelStatus, setModalStatus] = (0, import_react17.useState)(false);
   const queryKey = [`data-status-duration`, specification];
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_utils9.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, import_utils8.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -5465,8 +5458,8 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-var import_hooks16 = require("@fctc/interface-logic/hooks");
-var import_utils10 = require("@fctc/interface-logic/utils");
+var import_hooks15 = require("@fctc/interface-logic/hooks");
+var import_utils9 = require("@fctc/interface-logic/utils");
 var priorityFieldController = (props) => {
   const {
     value,
@@ -5481,11 +5474,11 @@ var priorityFieldController = (props) => {
     viewData,
     context
   } = props;
-  const _context = { ...(0, import_utils10.evalJSONContext)(actionData?.context) };
+  const _context = { ...(0, import_utils9.evalJSONContext)(actionData?.context) };
   const contextObject = { ...context, ..._context };
   const defaultPriority = parseInt(value) + 1;
   const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
-  const { mutateAsync: fetchSave } = (0, import_hooks16.useSave)();
+  const { mutateAsync: fetchSave } = (0, import_hooks15.useSave)();
   const savePriorities = async ({
     value: value2,
     resetPriority
@@ -5520,10 +5513,10 @@ var priorityFieldController = (props) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-var import_react19 = require("react");
+var import_react18 = require("react");
 var downloadFileController = () => {
-  const inputId = (0, import_react19.useId)();
-  const [file, setFile] = (0, import_react19.useState)(null);
+  const inputId = (0, import_react18.useId)();
+  const [file, setFile] = (0, import_react18.useState)(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -6455,13 +6448,13 @@ var dateFieldController = (props) => {
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-var import_react20 = require("react");
-var import_utils11 = require("@fctc/interface-logic/utils");
+var import_react19 = require("react");
+var import_utils10 = require("@fctc/interface-logic/utils");
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = (0, import_react20.useState)(false);
+  const [isCopied, setIsCopied] = (0, import_react19.useState)(false);
   const handleCopyToClipboard = async (value2) => {
-    await (0, import_utils11.copyTextToClipboard)(value2);
+    await (0, import_utils10.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -6474,12 +6467,12 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-var import_utils12 = require("@fctc/interface-logic/utils");
+var import_utils11 = require("@fctc/interface-logic/utils");
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
   const { env } = (0, provider_exports.useEnv)();
   const { useSave: useSave3 } = (0, provider_exports.useService)();
-  const _context = { ...(0, import_utils12.evalJSONContext)(actionData?.context) || {} };
+  const _context = { ...(0, import_utils11.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
   const { mutate: onSave } = useSave3();
@@ -6507,16 +6500,16 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-var import_react21 = require("react");
-var import_utils13 = require("@fctc/interface-logic/utils");
+var import_react20 = require("react");
+var import_utils12 = require("@fctc/interface-logic/utils");
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
-  const inputId = (0, import_react21.useId)();
-  const [selectedImage, setSelectedImage] = (0, import_react21.useState)(null);
-  const [initialImage, setInitialImage] = (0, import_react21.useState)(value || null);
-  const [isInsideTable, setIsInsideTable] = (0, import_react21.useState)(false);
+  const inputId = (0, import_react20.useId)();
+  const [selectedImage, setSelectedImage] = (0, import_react20.useState)(null);
+  const [initialImage, setInitialImage] = (0, import_react20.useState)(value || null);
+  const [isInsideTable, setIsInsideTable] = (0, import_react20.useState)(false);
   const { setValue } = methods;
-  const binaryRef = (0, import_react21.useRef)(null);
+  const binaryRef = (0, import_react20.useRef)(null);
   const convertUrlToBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -6565,11 +6558,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_utils13.isBase64Image)(url) || isBlobUrl(url);
+    return imageExtensions.test(url) || (0, import_utils12.isBase64Image)(url) || isBlobUrl(url);
   };
   const getImageBase64WithMimeType = (base64) => {
     if (typeof base64 !== "string" || base64.length < 10) return null;
-    if ((0, import_utils13.isBase64Image)(base64)) return base64;
+    if ((0, import_utils12.isBase64Image)(base64)) return base64;
     let mimeType = null;
     if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
     else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
@@ -6578,14 +6571,14 @@ var binaryFieldController = (props) => {
     else if (base64.startsWith("UklGR")) mimeType = "image/webp";
     return mimeType ? `data:${mimeType};base64,${base64}` : null;
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     return () => {
       if (selectedImage) {
         URL.revokeObjectURL(selectedImage);
       }
     };
   }, [selectedImage]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (binaryRef.current) {
       const isInsideTable2 = !!binaryRef.current.closest("table");
       setIsInsideTable(isInsideTable2);
@@ -6605,8 +6598,8 @@ var binaryFieldController = (props) => {
 };
 
 // src/widget/advance/table/table-body/controller.ts
-var import_store9 = require("@fctc/interface-logic/store");
-var import_react22 = require("react");
+var import_store8 = require("@fctc/interface-logic/store");
+var import_react21 = require("react");
 var tableBodyController = (props) => {
   const {
     checkedAll,
@@ -6618,8 +6611,8 @@ var tableBodyController = (props) => {
     selectedRowKeysRef,
     onClickRow
   } = props;
-  const appDispatch = (0, import_store9.useAppDispatch)();
-  const checked = (0, import_react22.useMemo)(() => {
+  const appDispatch = (0, import_store8.useAppDispatch)();
+  const checked = (0, import_react21.useMemo)(() => {
     if (!row?.id) return false;
     if (selectedRowKeys?.includes(row.id)) {
       return true;
@@ -6635,12 +6628,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_store9.setSelectedRowKeys)(newSelectedRowKeys));
+    appDispatch((0, import_store8.setSelectedRowKeys)(newSelectedRowKeys));
   };
   const handleClickRow = (col, row2) => {
     onClickRow(col, row2);
   };
-  (0, import_react22.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!row?.id) return;
     if (isAutoSelect) {
       if (checkboxRef?.current === "uncheck") {
@@ -6648,17 +6641,17 @@ var tableBodyController = (props) => {
           (id) => id !== row.id
         );
         selectedRowKeysRef.current = filtered;
-        appDispatch((0, import_store9.setSelectedRowKeys)(filtered));
+        appDispatch((0, import_store8.setSelectedRowKeys)(filtered));
       } else {
         const unique = Array.from(
           /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
         );
         selectedRowKeysRef.current = unique;
-        appDispatch((0, import_store9.setSelectedRowKeys)(unique));
+        appDispatch((0, import_store8.setSelectedRowKeys)(unique));
       }
     }
   }, [isAutoSelect]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!checkedAll) {
       checkboxRef.current = "enabled";
       false;
@@ -6672,35 +6665,35 @@ var tableBodyController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-var import_store10 = require("@fctc/interface-logic/store");
+var import_store9 = require("@fctc/interface-logic/store");
 var tableHeadController = (props) => {
   const { typeTable, rows, selectedRowKeysRef } = props;
-  const appDispatch = (0, import_store10.useAppDispatch)();
-  const { groupByDomain } = (0, import_store10.useAppSelector)(import_store10.selectSearch);
+  const appDispatch = (0, import_store9.useAppDispatch)();
+  const { groupByDomain } = (0, import_store9.useAppSelector)(import_store9.selectSearch);
   const handleCheckBoxAll = (event) => {
     if (event?.target?.checked && typeTable === "list") {
       const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
-      appDispatch((0, import_store10.setSelectedRowKeys)(allRowKeys));
+      appDispatch((0, import_store9.setSelectedRowKeys)(allRowKeys));
     } else if (event?.target?.checked && typeTable === "group") {
       const rowsIDs = document.querySelectorAll("tr[data-row-id]");
       const ids = Array.from(rowsIDs)?.map(
         (row) => Number(row?.getAttribute("data-row-id"))
       );
       if (ids?.length > 0) {
-        appDispatch((0, import_store10.setSelectedRowKeys)(ids));
+        appDispatch((0, import_store9.setSelectedRowKeys)(ids));
       } else {
         const sum = countSum(
           rows,
           typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0
         );
         const keys = Array.from({ length: sum }, (_) => void 0);
-        appDispatch((0, import_store10.setSelectedRowKeys)(keys));
+        appDispatch((0, import_store9.setSelectedRowKeys)(keys));
       }
       if (selectedRowKeysRef) {
         selectedRowKeysRef.current = [];
       }
     } else {
-      appDispatch((0, import_store10.setSelectedRowKeys)([]));
+      appDispatch((0, import_store9.setSelectedRowKeys)([]));
     }
   };
   return {
@@ -6709,12 +6702,12 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-var import_react23 = require("react");
-var import_store11 = require("@fctc/interface-logic/store");
-var import_utils14 = require("@fctc/interface-logic/utils");
+var import_react22 = require("react");
+var import_store10 = require("@fctc/interface-logic/store");
+var import_utils13 = require("@fctc/interface-logic/utils");
 var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react23.useState)(data.records || []);
-  const [columns, setColumns] = (0, import_react23.useState)([]);
+  const [rows, setRows] = (0, import_react22.useState)(data.records || []);
+  const [columns, setColumns] = (0, import_react22.useState)([]);
   const dataModelFields = data.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
@@ -6742,14 +6735,14 @@ var tableController = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  (0, import_react23.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     setRows(transformData(data.records || null));
   }, [data.records]);
   const handleGetColumns = () => {
     let cols = [];
     try {
       cols = mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils14.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_utils14.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils13.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_utils13.domainHelper.matchDomains(data.context, item?.invisible) : false);
       })?.map((field) => {
         return {
           name: field?.name,
@@ -6763,7 +6756,7 @@ var tableController = ({ data }) => {
     }
     return cols;
   };
-  (0, import_react23.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const columns2 = handleGetColumns();
     setColumns(columns2);
   }, [data.records]);
@@ -6788,9 +6781,9 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-var import_react24 = require("react");
-var import_hooks17 = require("@fctc/interface-logic/hooks");
-var import_store12 = require("@fctc/interface-logic/store");
+var import_react23 = require("react");
+var import_hooks16 = require("@fctc/interface-logic/hooks");
+var import_store11 = require("@fctc/interface-logic/store");
 
 // src/environment.ts
 var environment_exports = {};
@@ -6817,18 +6810,18 @@ var tableGroupController = (props) => {
     setIsAutoSelect,
     selectedRowKeysRef
   } = props;
-  const [pageGroup, setPageGroup] = (0, import_react24.useState)(0);
-  const { groupByDomain, selectedTags } = (0, import_store12.useAppSelector)(import_store12.selectSearch);
-  const { selectedRowKeys } = (0, import_store12.useAppSelector)(import_store12.selectList);
-  const appDispatch = (0, import_store12.useAppDispatch)();
-  const { toDataJS } = (0, import_hooks17.useOdooDataTransform)();
+  const [pageGroup, setPageGroup] = (0, import_react23.useState)(0);
+  const { groupByDomain, selectedTags } = (0, import_store11.useAppSelector)(import_store11.selectSearch);
+  const { selectedRowKeys } = (0, import_store11.useAppSelector)(import_store11.selectList);
+  const appDispatch = (0, import_store11.useAppDispatch)();
+  const { toDataJS } = (0, import_hooks16.useOdooDataTransform)();
   const initVal = toDataJS(row, viewData, model);
-  const [isShowGroup, setIsShowGroup] = (0, import_react24.useState)(false);
-  const [colEmptyGroup, setColEmptyGroup] = (0, import_react24.useState)({
+  const [isShowGroup, setIsShowGroup] = (0, import_react23.useState)(false);
+  const [colEmptyGroup, setColEmptyGroup] = (0, import_react23.useState)({
     fromStart: 1,
     fromEnd: 1
   });
-  const processedData = (0, import_react24.useMemo)(() => {
+  const processedData = (0, import_react23.useMemo)(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -6843,7 +6836,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = (0, import_react24.useMemo)(() => {
+  const shouldFetchData = (0, import_react23.useMemo)(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;
@@ -6868,7 +6861,7 @@ var tableGroupController = (props) => {
     isPlaceholderData,
     isLoading,
     isFetching
-  } = (0, import_hooks17.useGetListData)(listDataProps, queryKey, enabled);
+  } = (0, import_hooks16.useGetListData)(listDataProps, queryKey, enabled);
   const {
     columns: columnsGroup,
     rows: rowsGroup,
@@ -6883,7 +6876,7 @@ var tableGroupController = (props) => {
     }
   });
   const leftPadding = level > 1 ? level * 8 + "px" : "0px";
-  (0, import_react24.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (isShowGroup && selectedTags?.length > 0) {
       setIsShowGroup(false);
     }
@@ -6906,24 +6899,24 @@ var tableGroupController = (props) => {
       const filteredIds = selectedRowKeys.filter(
         (id) => !ids.includes(id)
       );
-      appDispatch((0, import_store12.setSelectedRowKeys)(filteredIds));
+      appDispatch((0, import_store11.setSelectedRowKeys)(filteredIds));
     } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
       const clonedKeys = [...selectedRowKeys];
-      appDispatch((0, import_store12.setSelectedRowKeys)([...clonedKeys, -1]));
-      setTimeout(() => appDispatch((0, import_store12.setSelectedRowKeys)(clonedKeys)), 500);
+      appDispatch((0, import_store11.setSelectedRowKeys)([...clonedKeys, -1]));
+      setTimeout(() => appDispatch((0, import_store11.setSelectedRowKeys)(clonedKeys)), 500);
     } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
       const filteredKeys = selectedRowKeys.filter((id) => id > -1);
-      appDispatch((0, import_store12.setSelectedRowKeys)(filteredKeys));
+      appDispatch((0, import_store11.setSelectedRowKeys)(filteredKeys));
     }
     toggleShowGroup();
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
-    (0, import_store12.setSelectedRowKeys)([...clonedKeys, -1]);
-    setTimeout(() => (0, import_store12.setSelectedRowKeys)(clonedKeys), 500);
+    (0, import_store11.setSelectedRowKeys)([...clonedKeys, -1]);
+    setTimeout(() => (0, import_store11.setSelectedRowKeys)(clonedKeys), 500);
   }, [isQueryFetched]);
   return {
     handleExpandChildGroup,
@@ -6958,23 +6951,25 @@ var tableGroupController = (props) => {
 
 // src/widget/advance/search/controller.ts
 var import_constants5 = require("@fctc/interface-logic/constants");
-var import_utils15 = require("@fctc/interface-logic/utils");
+var import_utils14 = require("@fctc/interface-logic/utils");
 var import_moment2 = __toESM(require_moment());
-var import_react25 = require("react");
+var import_react24 = require("react");
 var searchController = ({
   viewData,
   actionData,
-  fieldsList,
-  contextSearch,
-  setSearchMap,
-  searchMap
+  fieldsList
 }) => {
-  const [filterBy, setFilterBy] = (0, import_react25.useState)(null);
-  const [searchBy, setSearchBy] = (0, import_react25.useState)(null);
-  const [groupBy, setGroupBy] = (0, import_react25.useState)(null);
-  const [selectedTags, setSelectedTags] = (0, import_react25.useState)(null);
-  const [searchString, setSearchString] = (0, import_react25.useState)("");
-  const domainAction = actionData?.domain ? Array.isArray(actionData?.domain) ? [...actionData?.domain] : (0, import_utils15.evalJSONDomain)(actionData?.domain, contextSearch) : [];
+  const { env } = (0, provider_exports.useEnv)();
+  const [filterBy, setFilterBy] = (0, import_react24.useState)(null);
+  const [searchBy, setSearchBy] = (0, import_react24.useState)(null);
+  const [groupBy, setGroupBy] = (0, import_react24.useState)(null);
+  const [selectedTags, setSelectedTags] = (0, import_react24.useState)(null);
+  const [searchString, setSearchString] = (0, import_react24.useState)("");
+  const [searchMap, setSearchMap] = (0, import_react24.useState)({});
+  const { context } = actionData || {};
+  const actionContext = typeof context === "string" ? (0, import_utils14.evalJSONContext)(context) : context;
+  const contextSearch = { ...env.context, ...actionContext };
+  const domainAction = actionData?.domain ? Array.isArray(actionData?.domain) ? [...actionData?.domain] : (0, import_utils14.evalJSONDomain)(actionData?.domain, contextSearch) : [];
   const aid = actionData?.id;
   const model = actionData?.res_model;
   const clearSearch = () => {
@@ -6991,7 +6986,7 @@ var searchController = ({
         const dataModel = viewData?.models?.[model];
         const searchViews = viewData?.views?.search;
         const searchByItems = searchViews?.search_by?.filter(
-          (item) => !import_utils15.domainHelper.matchDomains(contextSearch, item.invisible)
+          (item) => !import_utils14.domainHelper.matchDomains(contextSearch, item.invisible)
         )?.map(
           ({ string, name, filter_domain, operator, widget }, index) => ({
             dataIndex: index,
@@ -7004,10 +6999,10 @@ var searchController = ({
           })
         );
         const filterByItems = searchViews?.filter_by.filter((item) => {
-          return !import_utils15.domainHelper.matchDomains(contextSearch, item?.invisible);
+          return !import_utils14.domainHelper.matchDomains(contextSearch, item?.invisible);
         })?.map((item) => ({ ...item, active: false }));
         const groupByItems = searchViews?.group_by.filter(
-          (item) => !import_utils15.domainHelper.matchDomains(contextSearch, item?.invisible)
+          (item) => !import_utils14.domainHelper.matchDomains(contextSearch, item?.invisible)
         ).map((item) => ({
           ...item,
           string: item.string ?? viewData?.models?.[model]?.[item?.name?.split("group_by_")?.[1]]?.string
@@ -7020,7 +7015,7 @@ var searchController = ({
       }
     }
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     clearSearch();
     fetchData();
   }, [aid, model, viewData]);
@@ -7085,14 +7080,14 @@ var searchController = ({
             }
             let valueDomainItem = value?.value;
             if (value?.modelType === "date") {
-              valueDomainItem = (0, import_utils15.validateAndParseDate)(value?.value);
+              valueDomainItem = (0, import_utils14.validateAndParseDate)(value?.value);
             } else if (value?.modelType === "datetime") {
               if (value?.operator === "<=" || value?.operator === "<") {
-                const parsedDate = (0, import_utils15.validateAndParseDate)(value?.value, true);
+                const parsedDate = (0, import_utils14.validateAndParseDate)(value?.value, true);
                 const hasTime = (0, import_moment2.default)(value?.value).format("HH:mm:ss") !== "00:00:00";
                 valueDomainItem = hasTime ? (0, import_moment2.default)(parsedDate).format("YYYY-MM-DD HH:mm:ss") : (0, import_moment2.default)(parsedDate).add(1, "day").subtract(1, "second").format("YYYY-MM-DD HH:mm:ss");
               } else {
-                valueDomainItem = (0, import_utils15.validateAndParseDate)(value?.value, true);
+                valueDomainItem = (0, import_utils14.validateAndParseDate)(value?.value, true);
               }
             }
             const operator = value?.modelType === "date" || value?.modelType === "datetime" || value?.modelType === "boolean" || value?.modelType === "integer" ? value?.operator ?? "=" : value.operator ?? "ilike";
@@ -7103,7 +7098,7 @@ var searchController = ({
       return [...domain];
     }
   };
-  const setTagSearch = (0, import_react25.useCallback)(
+  const setTagSearch = (0, import_react24.useCallback)(
     (updatedMap) => {
       if (!updatedMap) return;
       const tagsSearch = Object.entries(updatedMap).map(
@@ -7131,16 +7126,16 @@ var searchController = ({
             const contexts = [];
             let groupValues = [];
             objValues?.forEach((objValue) => {
-              const { context, value, active, groupIndex: groupIndex2, isDefault } = objValue;
+              const { context: context2, value, active, groupIndex: groupIndex2, isDefault } = objValue;
               const indexAppend = groupIndex2 != null ? groupIndex2 : viewData?.views?.search?.filters_by?.length ?? 0;
               contexts.push(
-                ...Array.isArray(context?.group_by) ? context.group_by.map((item) => ({ group_by: item })) : [context]
+                ...Array.isArray(context2?.group_by) ? context2.group_by.map((item) => ({ group_by: item })) : [context2]
               );
               groupValues[indexAppend] = {
                 contexts: [
-                  ...Array.isArray(context?.group_by) ? context.group_by.map((item) => ({
+                  ...Array.isArray(context2?.group_by) ? context2.group_by.map((item) => ({
                     group_by: item
-                  })) : [context]
+                  })) : [context2]
                 ],
                 strings: isDefault ? [value] : [...groupValues[indexAppend]?.strings ?? [], value]
               };
@@ -7166,7 +7161,7 @@ var searchController = ({
     },
     [searchMap]
   );
-  (0, import_react25.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     setSelectedTags(null);
     setTagSearch(searchMap);
   }, [searchMap]);
@@ -7177,21 +7172,21 @@ var searchController = ({
       value,
       type,
       title,
-      context,
+      context: context2,
       active,
       dataIndex
     } = tag;
-    const domainFormat = new import_utils15.domainHelper.Domain(domain);
+    const domainFormat = new import_utils14.domainHelper.Domain(domain);
     if (type === import_constants5.SearchType.FILTER) {
       addSearchItems(`${import_constants5.SearchType.FILTER}_${groupIndex}`, {
         ...tag,
-        domain: domain ? domainFormat.toList(context) : null
+        domain: domain ? domainFormat.toList(context2) : null
       });
     } else if (type === import_constants5.SearchType.SEARCH) {
       addSearchItems(`${import_constants5.SearchType.SEARCH}_${String(dataIndex)}`, {
         ...tag,
         domain: domain ? domainFormat.toList({
-          ...context,
+          ...context2,
           self: value
         }) : null
       });
@@ -7199,7 +7194,7 @@ var searchController = ({
       addSearchItems(`${import_constants5.SearchType.GROUP}`, {
         ...tag,
         domain: domain ? domainFormat.toList({
-          context,
+          context: context2,
           self: value
         }) : null
       });
@@ -7219,7 +7214,8 @@ var searchController = ({
     removeSearchItems,
     onSearchString: onChangeSearchInput,
     handleAddTagSearch,
-    domain: formatDomain()
+    domain: formatDomain(),
+    context: contextSearch
   };
 };
 // Annotate the CommonJS export names for ESM import in node: