@fctc/widget-logic 1.1.5 → 1.1.6

package/dist/index.js

@@ -4930,7 +4930,7 @@ var many2oneFieldController = (props) => {
   const queryKey = [`data_${relation}`, domainObject];
   const {
     data: dataOfSelection,
-    refetch,
+    // refetch,
     isFetching
   } = (0, import_interface_logic10.useGetSelection)({
     data,
@@ -4959,9 +4959,6 @@ var many2oneFieldController = (props) => {
       });
     }
   }, [propValue]);
-  const fetchMoreOptions = (0, import_react12.useCallback)(() => {
-    refetch();
-  }, [refetch]);
   (0, import_react12.useEffect)(() => {
     if (actionId) {
       localStorage.setItem("aid", actionId);
@@ -5027,13 +5024,13 @@ var many2oneFieldController = (props) => {
     isFetching,
     isShowModalMany2Many,
     options,
-    fetchMoreOptions,
+    // fetchMoreOptions,
     domainModal,
     tempSelectedOption,
     setTempSelectedOption,
     setDomainModal,
     dataOfSelection,
-    refetch,
+    // refetch,
     selectOptions,
     optionsObject,
     contextObject,
@@ -5068,15 +5065,22 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-var import_react14 = require("react");
-var import_interface_logic13 = require("@fctc/interface-logic");
+var import_react16 = require("react");
+var import_interface_logic16 = require("@fctc/interface-logic");
 
-// src/widget/advance/table/table-view/controller.ts
+// src/widget/advance/table/table-body/controller.ts
 var import_interface_logic12 = require("@fctc/interface-logic");
 var import_react13 = require("react");
+
+// src/widget/advance/table/table-head/controller.ts
+var import_interface_logic13 = require("@fctc/interface-logic");
+
+// src/widget/advance/table/table-view/controller.ts
+var import_interface_logic14 = require("@fctc/interface-logic");
+var import_react14 = require("react");
 var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react13.useState)(data.records || []);
-  const [columns, setColumns] = (0, import_react13.useState)([]);
+  const [rows, setRows] = (0, import_react14.useState)(data.records || []);
+  const [columns, setColumns] = (0, import_react14.useState)([]);
   const dataModelFields = data.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
@@ -5104,14 +5108,14 @@ var tableController = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.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_logic12.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic12.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_interface_logic14.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic14.domainHelper.matchDomains(data.context, item?.invisible) : false);
       })?.map((field) => {
         return {
           name: field?.name,
@@ -5125,7 +5129,7 @@ var tableController = ({ data }) => {
     }
     return cols;
   };
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const columns2 = handleGetColumns();
     setColumns(columns2);
   }, [data.records]);
@@ -5149,6 +5153,32 @@ var tableController = ({ data }) => {
   };
 };
 
+// src/widget/advance/table/table-group/controller.ts
+var import_interface_logic15 = require("@fctc/interface-logic");
+var import_react15 = require("react");
+
+// src/utils/i18n.ts
+var import_react_i18next2 = require("react-i18next");
+var import_i18next = __toESM(require("i18next"));
+var import_i18next_browser_languagedetector = __toESM(require("i18next-browser-languagedetector"));
+import_i18next.default.use(import_i18next_browser_languagedetector.default).use(import_react_i18next2.initReactI18next).init({
+  resources: {
+    vi: { translation: vi },
+    en: { translation: en }
+  },
+  fallbackLng: "vi",
+  lng: "vi_VN",
+  debug: false,
+  nonExplicitSupportedLngs: true,
+  interpolation: {
+    escapeValue: false
+  },
+  detection: {
+    caches: ["cookie"]
+  }
+});
+var i18n_default = import_i18next.default;
+
 // src/widget/basic/many2many-field/controller.ts
 var many2manyFieldController = (props) => {
   const {
@@ -5158,7 +5188,7 @@ var many2manyFieldController = (props) => {
     tab,
     model,
     aid,
-    setSelectedRowKeys,
+    setSelectedRowKeys: setSelectedRowKeys4,
     fields,
     setFields,
     groupByDomain,
@@ -5166,14 +5196,17 @@ var many2manyFieldController = (props) => {
     options,
     sessionStorageUtils
   } = props;
-  const appDispatch = (0, import_interface_logic13.useAppDispatch)();
+  const appDispatch = (0, import_interface_logic16.useAppDispatch)();
   const actionData = sessionStorageUtils.getActionData();
   const [debouncedPage] = useDebounce(page, 500);
-  const [order, setOrder] = (0, import_react14.useState)();
-  const [isLoadedData, setIsLoadedData] = (0, import_react14.useState)(false);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react14.useState)(domain);
-  const env = (0, import_interface_logic13.getEnv)();
-  const { selectedTags } = (0, import_interface_logic13.useAppSelector)(import_interface_logic13.selectSearch);
+  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, import_interface_logic16.getEnv)();
+  const {
+    // tableHead,
+    selectedTags
+  } = (0, import_interface_logic16.useAppSelector)(import_interface_logic16.selectSearch);
   const viewParams = {
     model: relation,
     views: [
@@ -5182,11 +5215,11 @@ var many2manyFieldController = (props) => {
     ],
     context
   };
-  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, import_interface_logic13.useGetView)(
+  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, import_interface_logic16.useGetView)(
     viewParams,
     actionData
   );
-  const baseModel = (0, import_react14.useMemo)(
+  const baseModel = (0, import_react16.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
@@ -5198,26 +5231,26 @@ var many2manyFieldController = (props) => {
     }),
     [model, viewResponse]
   );
-  const initModel = (0, import_interface_logic13.useModel)();
-  const modelInstance = (0, import_react14.useMemo)(() => {
+  const initModel = (0, import_interface_logic16.useModel)();
+  const modelInstance = (0, import_react16.useMemo)(() => {
     if (viewResponse) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewResponse]);
-  const specification = (0, import_react14.useMemo)(() => {
+  const specification = (0, import_react16.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_logic13.evalJSONContext)(tab?.options) : (options ? (0, import_interface_logic13.evalJSONContext)(options) : {}) || {};
+  const optionsObject = tab?.options ? (0, import_interface_logic16.evalJSONContext)(tab?.options) : (options ? (0, import_interface_logic16.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
       setDomainMany2Many(domain);
-      appDispatch((0, import_interface_logic13.setFirstDomain)(domain));
-      appDispatch((0, import_interface_logic13.setViewDataStore)(viewResponse));
+      appDispatch((0, import_interface_logic16.setFirstDomain)(domain));
+      appDispatch((0, import_interface_logic16.setViewDataStore)(viewResponse));
       const modalData = viewResponse?.views?.list?.fields.map((field) => ({
         ...viewResponse?.models?.[String(model)]?.[field?.name],
         ...field
@@ -5228,7 +5261,7 @@ var many2manyFieldController = (props) => {
           [`${aid}_${relation}_popupmany2many`]: modalData
         });
       }
-      appDispatch((0, import_interface_logic13.setPage)(0));
+      appDispatch((0, import_interface_logic16.setPage)(0));
     } catch (err) {
       console.log(err);
     }
@@ -5250,7 +5283,7 @@ var many2manyFieldController = (props) => {
     context,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_interface_logic13.formatSortingString)(default_order) : ""
+    sort: order ? order : default_order ? (0, import_interface_logic16.formatSortingString)(default_order) : ""
   };
   const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
@@ -5258,19 +5291,19 @@ var many2manyFieldController = (props) => {
     isLoading: isDataLoading,
     isFetched: isDataResponseFetched,
     isPlaceholderData
-  } = (0, import_interface_logic13.useGetListData)(data, queryKey, enabled);
-  (0, import_react14.useEffect)(() => {
+  } = (0, import_interface_logic16.useGetListData)(data, queryKey, enabled);
+  (0, import_react16.useEffect)(() => {
     if (viewResponse) {
       fetchData();
     }
     return () => {
-      appDispatch((0, import_interface_logic13.setGroupByDomain)(null));
+      appDispatch((0, import_interface_logic16.setGroupByDomain)(null));
       setFields((prevFields) => ({
         ...prevFields,
         [`${aid}_${relation}_popupmany2many`]: null
       }));
-      appDispatch((0, import_interface_logic13.setPage)(0));
-      setSelectedRowKeys([]);
+      appDispatch((0, import_interface_logic16.setPage)(0));
+      setSelectedRowKeys4([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
     };
@@ -5293,18 +5326,18 @@ var many2manyFieldController = (props) => {
     refetch,
     data: dataFormViewResponse,
     isSuccess
-  } = (0, import_interface_logic13.useGetFormView)({
+  } = (0, import_interface_logic16.useGetFormView)({
     data: dataFormView,
     queryKey: [`form-view-action-${relation}`],
     enabled: false
   });
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (isSuccess && dataFormViewResponse) {
       sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
       window.location.href = `/form/menu?model=${relation}`;
     }
   }, [isSuccess]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (domainMany2Many && !isLoadedData) {
       setIsLoadedData(true);
     }
@@ -5316,12 +5349,42 @@ var many2manyFieldController = (props) => {
       console.log(error);
     }
   };
-  return {};
+  return {
+    rows,
+    columns,
+    typeTable,
+    handleCreateNewOnPage,
+    isLoadedData,
+    domainMany2Many,
+    isDataLoading,
+    isDataResponseFetched,
+    isPlaceholderData,
+    queryKey,
+    data,
+    specification,
+    enabled,
+    isViewReponseFetched,
+    actionData,
+    viewResponse,
+    debouncedPage,
+    order,
+    default_order,
+    optionsObject,
+    setDomainMany2Many,
+    // tableHead,
+    selectedTags,
+    initModel,
+    modelInstance,
+    baseModel,
+    dataResponse,
+    isLoading: isDataLoading,
+    setOrder
+  };
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-var import_react15 = require("react");
-var import_interface_logic14 = require("@fctc/interface-logic");
+var import_react17 = require("react");
+var import_interface_logic17 = require("@fctc/interface-logic");
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -5332,10 +5395,10 @@ var many2manyTagsController = (props) => {
     placeholderNoOption
   } = props;
   const isUser = relation === "res.users" || relation === "res.partner";
-  const env = (0, import_interface_logic14.getEnv)();
-  const addtionalFields = optionsFields ? (0, import_interface_logic14.evalJSONContext)(optionsFields) : null;
-  const domainObject = (0, import_react15.useMemo)(
-    () => (0, import_interface_logic14.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+  const env = (0, import_interface_logic17.getEnv)();
+  const addtionalFields = optionsFields ? (0, import_interface_logic17.evalJSONContext)(optionsFields) : null;
+  const domainObject = (0, import_react17.useMemo)(
+    () => (0, import_interface_logic17.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -5345,13 +5408,13 @@ var many2manyTagsController = (props) => {
       id: {},
       name: {},
       display_name: {},
-      ...widget && import_interface_logic14.WIDGETAVATAR[widget] ? { image_256: {} } : {},
-      ...widget && import_interface_logic14.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
+      ...widget && import_interface_logic17.WIDGETAVATAR[widget] ? { image_256: {} } : {},
+      ...widget && import_interface_logic17.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
     },
     enabled: true,
     context: env.context
   };
-  const { data: dataOfSelection } = (0, import_interface_logic14.useGetSelection)({
+  const { data: dataOfSelection } = (0, import_interface_logic17.useGetSelection)({
     data,
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -5377,8 +5440,8 @@ var many2manyTagsController = (props) => {
 };
 
 // src/widget/basic/status-bar-field/controller.ts
-var import_react16 = require("react");
-var import_interface_logic15 = require("@fctc/interface-logic");
+var import_react18 = require("react");
+var import_interface_logic18 = require("@fctc/interface-logic");
 var durationController = (props) => {
   const {
     relation,
@@ -5395,14 +5458,14 @@ var durationController = (props) => {
     name: "",
     fold: ""
   };
-  const [disabled, setDisabled] = (0, import_react16.useState)(false);
-  const [modelStatus, setModalStatus] = (0, import_react16.useState)(false);
-  const { context } = (0, import_interface_logic15.useAppSelector)(import_interface_logic15.selectEnv);
+  const [disabled, setDisabled] = (0, import_react18.useState)(false);
+  const [modelStatus, setModalStatus] = (0, import_react18.useState)(false);
+  const { context } = (0, import_interface_logic18.useAppSelector)(import_interface_logic18.selectEnv);
   const queryKey = [`data-status-duration`, specification];
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_interface_logic15.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, import_interface_logic18.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -5412,8 +5475,8 @@ var durationController = (props) => {
     },
     sort: ""
   };
-  const { data: dataResponse } = (0, import_interface_logic15.useGetListData)(listDataProps, queryKey);
-  const { mutate: fetchChangeStatus } = (0, import_interface_logic15.useChangeStatus)();
+  const { data: dataResponse } = (0, import_interface_logic18.useGetListData)(listDataProps, queryKey);
+  const { mutate: fetchChangeStatus } = (0, import_interface_logic18.useChangeStatus)();
   const handleClick = async (stage_id) => {
     setDisabled(true);
     if (stage_id) {
@@ -5449,7 +5512,7 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-var import_interface_logic16 = require("@fctc/interface-logic");
+var import_interface_logic19 = require("@fctc/interface-logic");
 var priorityFieldController = (props) => {
   const {
     value,
@@ -5464,11 +5527,11 @@ var priorityFieldController = (props) => {
     viewData,
     context
   } = props;
-  const _context = { ...(0, import_interface_logic16.evalJSONContext)(actionData?.context) };
+  const _context = { ...(0, import_interface_logic19.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_logic16.useSave)();
+  const { mutateAsync: fetchSave } = (0, import_interface_logic19.useSave)();
   const savePriorities = async ({
     value: value2,
     resetPriority
@@ -5503,8 +5566,8 @@ var priorityFieldController = (props) => {
 };
 
 // src/widget/basic/float-time-field/controller.ts
-var import_react17 = require("react");
-var import_interface_logic17 = require("@fctc/interface-logic");
+var import_react19 = require("react");
+var import_interface_logic20 = require("@fctc/interface-logic");
 var floatTimeFiledController = ({
   onChange: fieldOnChange,
   onBlur,
@@ -5513,11 +5576,11 @@ var floatTimeFiledController = ({
   props
 }) => {
   const { name, defaultValue = 0, onChange } = props;
-  const [input, setInput] = (0, import_react17.useState)(
-    (0, import_interface_logic17.convertFloatToTime)(value ?? defaultValue)
+  const [input, setInput] = (0, import_react19.useState)(
+    (0, import_interface_logic20.convertFloatToTime)(value ?? defaultValue)
   );
-  const [formattedTime, setFormattedTime] = (0, import_react17.useState)("");
-  const [errors, setErrors] = (0, import_react17.useState)("");
+  const [formattedTime, setFormattedTime] = (0, import_react19.useState)("");
+  const [errors, setErrors] = (0, import_react19.useState)("");
   const handleInputChange = (e) => {
     const raw = e.target.value.replace(/[^\d:]/g, "");
     setInput(raw);
@@ -5547,7 +5610,7 @@ var floatTimeFiledController = ({
     if (!isDirty) return;
     if (formattedTime) {
       setInput(formattedTime);
-      const floatVal = (0, import_interface_logic17.convertTimeToFloat)(formattedTime);
+      const floatVal = (0, import_interface_logic20.convertTimeToFloat)(formattedTime);
       fieldOnChange(floatVal);
       if (onChange) {
         onChange(name ?? "", floatVal);
@@ -5590,31 +5653,7 @@ var floatTimeFiledController = ({
 };
 
 // src/widget/basic/float-field/controller.ts
-var import_react18 = require("react");
-
-// src/utils/i18n.ts
-var import_react_i18next2 = require("react-i18next");
-var import_i18next = __toESM(require("i18next"));
-var import_i18next_browser_languagedetector = __toESM(require("i18next-browser-languagedetector"));
-import_i18next.default.use(import_i18next_browser_languagedetector.default).use(import_react_i18next2.initReactI18next).init({
-  resources: {
-    vi: { translation: vi },
-    en: { translation: en }
-  },
-  fallbackLng: "vi",
-  lng: "vi_VN",
-  debug: false,
-  nonExplicitSupportedLngs: true,
-  interpolation: {
-    escapeValue: false
-  },
-  detection: {
-    caches: ["cookie"]
-  }
-});
-var i18n_default = import_i18next.default;
-
-// src/widget/basic/float-field/controller.ts
+var import_react20 = require("react");
 var floatController = ({
   onChange,
   value,
@@ -5622,10 +5661,10 @@ var floatController = ({
 }) => {
   const { name, required, methods, onChange: handleOnchange, string } = props;
   const { setError, clearErrors } = methods;
-  const [inputValue, setInputValue] = (0, import_react18.useState)(
+  const [inputValue, setInputValue] = (0, import_react20.useState)(
     value !== void 0 && value !== null ? useFormatFloatNumber(value) : ""
   );
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (value !== void 0 && value !== null && value !== parseFloat(inputValue?.replace(/,/g, ""))) {
       setInputValue(useFormatFloatNumber(value));
       clearErrors(name);
@@ -5633,9 +5672,9 @@ var floatController = ({
       setInputValue("");
     }
   }, [value, name, clearErrors]);
-  const isDirtyRef = (0, import_react18.useRef)(false);
-  const inputRef = (0, import_react18.useRef)(null);
-  const lastCommittedValueRef = (0, import_react18.useRef)(null);
+  const isDirtyRef = (0, import_react20.useRef)(false);
+  const inputRef = (0, import_react20.useRef)(null);
+  const lastCommittedValueRef = (0, import_react20.useRef)(null);
   const handleInputChange = (e) => {
     const newValue = e.target.value;
     const valueWithoutCommas = newValue.replace(/,/g, "");
@@ -5736,10 +5775,10 @@ var useFormatFloatNumber = (value) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-var import_react19 = require("react");
+var import_react21 = require("react");
 var downloadFileController = () => {
-  const inputId = (0, import_react19.useId)();
-  const [file, setFile] = (0, import_react19.useState)(null);
+  const inputId = (0, import_react21.useId)();
+  const [file, setFile] = (0, import_react21.useState)(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -5909,13 +5948,13 @@ var dateFieldController = (props) => {
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-var import_react20 = require("react");
-var import_interface_logic18 = require("@fctc/interface-logic");
+var import_react22 = require("react");
+var import_interface_logic21 = require("@fctc/interface-logic");
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = (0, import_react20.useState)(false);
+  const [isCopied, setIsCopied] = (0, import_react22.useState)(false);
   const handleCopyToClipboard = async (value2) => {
-    await (0, import_interface_logic18.copyTextToClipboard)(value2);
+    await (0, import_interface_logic21.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -5928,14 +5967,14 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-var import_interface_logic19 = require("@fctc/interface-logic");
+var import_interface_logic22 = require("@fctc/interface-logic");
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
-  const env = (0, import_interface_logic19.getEnv)();
-  const _context = { ...(0, import_interface_logic19.evalJSONContext)(actionData?.context) || {} };
+  const env = (0, import_interface_logic22.getEnv)();
+  const _context = { ...(0, import_interface_logic22.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
-  const { mutate: onSave } = (0, import_interface_logic19.useSave)();
+  const { mutate: onSave } = (0, import_interface_logic22.useSave)();
   const savePickColor = async (colorObject) => {
     const { id } = colorObject;
     if (value === id) return;
@@ -5960,16 +5999,16 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-var import_react21 = require("react");
-var import_interface_logic20 = require("@fctc/interface-logic");
+var import_react23 = require("react");
+var import_interface_logic23 = require("@fctc/interface-logic");
 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_react23.useId)();
+  const [selectedImage, setSelectedImage] = (0, import_react23.useState)(null);
+  const [initialImage, setInitialImage] = (0, import_react23.useState)(value || null);
+  const [isInsideTable, setIsInsideTable] = (0, import_react23.useState)(false);
   const { setValue } = methods;
-  const binaryRef = (0, import_react21.useRef)(null);
+  const binaryRef = (0, import_react23.useRef)(null);
   const convertUrlToBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -6018,11 +6057,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_logic20.isBase64Image)(url) || isBlobUrl(url);
+    return imageExtensions.test(url) || (0, import_interface_logic23.isBase64Image)(url) || isBlobUrl(url);
   };
   const getImageBase64WithMimeType = (base64) => {
     if (typeof base64 !== "string" || base64.length < 10) return null;
-    if ((0, import_interface_logic20.isBase64Image)(base64)) return base64;
+    if ((0, import_interface_logic23.isBase64Image)(base64)) return base64;
     let mimeType = null;
     if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
     else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
@@ -6031,14 +6070,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_react23.useEffect)(() => {
     return () => {
       if (selectedImage) {
         URL.revokeObjectURL(selectedImage);
       }
     };
   }, [selectedImage]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (binaryRef.current) {
       const isInsideTable2 = !!binaryRef.current.closest("table");
       setIsInsideTable(isInsideTable2);