@fctc/widget-logic 1.1.3 → 1.1.5

package/dist/index.js

@@ -4034,38 +4034,644 @@ var require_moment = __commonJS({
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  API_APP_URL: () => API_APP_URL,
+  API_PRESCHOOL_URL: () => API_PRESCHOOL_URL,
   CloseIcon: () => CloseIcon,
   EyeIcon: () => EyeIcon,
-  LayerLoading: () => LayerLoading,
   LoadingIcon: () => LoadingIcon,
-  LoadingSmall: () => LoadingSmall,
-  ModalConfirm: () => ModalConfirm,
-  ModalDetail: () => ModalDetail,
-  ModalLayer: () => ModalLayer,
+  STORAGES: () => STORAGES,
   binaryFieldController: () => binaryFieldController,
   colorFieldController: () => colorFieldController,
-  colorWrapperController: () => colorWrapperController,
+  combineContexts: () => combineContexts,
+  convertFieldsToArray: () => convertFieldsToArray,
   copyLinkButtonController: () => copyLinkButtonController,
+  countSum: () => countSum,
   dateFieldController: () => dateFieldController,
   downLoadBinaryController: () => downLoadBinaryController,
   downloadFileController: () => downloadFileController,
   durationController: () => durationController,
   floatController: () => floatController,
   floatTimeFiledController: () => floatTimeFiledController,
+  getDateRange: () => getDateRange,
+  languages: () => languages,
   many2manyFieldController: () => many2manyFieldController,
   many2manyTagsController: () => many2manyTagsController,
   many2oneButtonController: () => many2oneButtonController,
   many2oneFieldController: () => many2oneFieldController,
+  mergeButtons: () => mergeButtons,
   priorityFieldController: () => priorityFieldController,
+  setStorageItemAsync: () => setStorageItemAsync,
   statusDropdownController: () => statusDropdownController,
+  useAuth: () => useAuth,
+  useCallAction: () => useCallAction,
   useClickOutside: () => useClickOutside,
+  useConfig: () => useConfig,
   useDebounce: () => useDebounce,
-  useTableHandler: () => useTableHandler
+  useDetail: () => useDetail,
+  useGetRowIds: () => useGetRowIds,
+  useListData: () => useListData,
+  useMenu: () => useMenu,
+  useProfile: () => useProfile,
+  useStorageState: () => useStorageState,
+  useUser: () => useUser,
+  useViewV2: () => useViewV2
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/hooks/use-click-outside.ts
+// src/hooks/core/use-call-action.ts
+var import_interface_logic = require("@fctc/interface-logic");
 var import_react = require("react");
+var useCallAction = () => {
+  const queryLoadAction = (0, import_interface_logic.useLoadAction)();
+  const queryRunAction = (0, import_interface_logic.useRunAction)();
+  const [data, setData] = (0, import_react.useState)(void 0);
+  const callAction = async ({
+    aid,
+    actionType = "ir.actions.act_window"
+  }) => {
+    const context = (0, import_interface_logic.getEnv)().context;
+    let res = void 0;
+    if (actionType === "ir.actions.act_window") {
+      res = await queryLoadAction.mutateAsync({
+        idAction: aid,
+        context
+      });
+    } else if (actionType === "ir.actions.server") {
+      res = await queryRunAction.mutateAsync({
+        idAction: aid,
+        context
+      });
+    }
+    setData(res);
+    return res;
+  };
+  return [data, callAction];
+};
+
+// src/hooks/core/use-config.ts
+var import_interface_logic2 = require("@fctc/interface-logic");
+var import_react2 = require("react");
+var useConfig = ({ localStorageUtils, sessionStorageUtils }) => {
+  const dispatch = (0, import_interface_logic2.useAppDispatch)();
+  const envConfig = (0, import_react2.useMemo)(() => {
+    return {
+      mode: "development",
+      baseUrl: "https://api.vitrust.app/c2/api/v2",
+      config: {
+        grantType: "password",
+        clientId: "C52foVQSMpnNOcAP2CBIIkupOSfxUarF8nlOPfXM",
+        clientSecret: "rColINr4a9QBFQPqQB8YU1XfBjqzwerDMJGBxsFK"
+      }
+    };
+  }, []);
+  const config = (0, import_react2.useMemo)(() => {
+    return {
+      VITE_SIDEBAR_TYPE: "grid/sidebar",
+      VITE_APP_DOMAIN: "https://api.vitrust.app/c2/",
+      VITE_IS_EDU: true,
+      VITE_LOGO_WHITE_LOGIN: "https://static.vitrust.app/vitrust/3a/3a1301f614dea6ee19ebf99b68f57e3fd46011d2.png",
+      VITE_LOGO_BLACK_LOGIN: "https://static.vitrust.app/vitrust/32/3223918780da7a439f916faac9abf0bfe98dfa07.png",
+      VITE_BACKGROUND_SIDEBAR: "linear-gradient(178deg, rgb(1, 106, 13) -0.89%, rgb(4, 179, 66) 99.46%",
+      VITE_BANNER: "https://static.vitrust.app/vitrust/5d/5d20cab0627182b4ed5cba4ee42c58b98b663e5b.svg",
+      VITE_BG_BUTTON: "#008F3C",
+      VITE_BACKGROUND_PAGE: "#F9FAFB"
+    };
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    try {
+      const env = (0, import_interface_logic2.getEnv)();
+      env.setupEnv({
+        baseUrl: envConfig.baseUrl,
+        port: 3e3,
+        config: {
+          grantType: envConfig.config.grantType,
+          clientId: envConfig.config.clientId,
+          clientSecret: envConfig.config.clientSecret
+        },
+        db: "preschool",
+        localStorageUtils: localStorageUtils(),
+        sessionStorageUtils: sessionStorageUtils()
+      });
+      dispatch((0, import_interface_logic2.setEnvFile)(config));
+    } catch (error) {
+      console.error("Error loading env or config:", error);
+    }
+  }, [dispatch, envConfig, config]);
+  return { envConfig, config };
+};
+
+// src/hooks/core/use-detail.ts
+var import_interface_logic3 = require("@fctc/interface-logic");
+var import_react_query = require("@tanstack/react-query");
+var import_react3 = require("react");
+var useDetail = (accessToken, sub) => {
+  const dispatch = (0, import_interface_logic3.useAppDispatch)();
+  const fetchGetDetail = (0, import_interface_logic3.useGetDetail)();
+  const userDetailQuery = (0, import_react_query.useQuery)({
+    queryKey: ["userDetailQuery", sub && accessToken],
+    queryFn: () => {
+      return fetchGetDetail.mutateAsync({
+        model: "res.users",
+        ids: [sub],
+        specification: { image_256: {} }
+      });
+    },
+    enabled: !!sub && !!accessToken
+  });
+  (0, import_react3.useEffect)(() => {
+    if (userDetailQuery.data) {
+      const userPicture = userDetailQuery.data;
+      dispatch(
+        (0, import_interface_logic3.setProfile)({ ...userPicture, image: userPicture?.[0]?.image_256 })
+      );
+    }
+  }, [userDetailQuery.data, dispatch]);
+  return userDetailQuery;
+};
+
+// src/hooks/core/use-list-data.ts
+var import_react5 = require("react");
+var import_interface_logic4 = require("@fctc/interface-logic");
+
+// src/utils/function.ts
+var import_react4 = require("react");
+var countSum = (data, field) => {
+  if (!data || !field) return 0;
+  return data.reduce(
+    (total, item) => total + (item?.[`${field}_count`] || 0),
+    0
+  );
+};
+function mergeButtons(fields) {
+  const buttons = fields?.filter((f) => f.type_co === "button");
+  const others = fields?.filter((f) => f.type_co !== "button");
+  if (buttons?.length) {
+    others.push({
+      type_co: "buttons",
+      buttons
+    });
+  }
+  return others;
+}
+function isElementVisible(el) {
+  const style = window.getComputedStyle(el);
+  return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0";
+}
+function arraysAreEqual(a, b) {
+  if (a.length !== b.length) return false;
+  const setA = new Set(a);
+  const setB = new Set(b);
+  if (setA.size !== setB.size) return false;
+  for (const val of setA) {
+    if (!setB.has(val)) return false;
+  }
+  return true;
+}
+function useGetRowIds(tableRef) {
+  const [rowIds, setRowIds] = (0, import_react4.useState)([]);
+  const lastRowIdsRef = (0, import_react4.useRef)([]);
+  const updateVisibleRowIds = (0, import_react4.useCallback)(() => {
+    const table = tableRef?.current;
+    if (!table) return;
+    const rows = table.querySelectorAll("tr[data-row-id]");
+    const ids = [];
+    rows.forEach((row) => {
+      const el = row;
+      if (isElementVisible(el)) {
+        const id = el.getAttribute("data-row-id");
+        if (id) ids.push(id);
+      }
+    });
+    const uniqueIds = Array.from(new Set(ids));
+    if (!arraysAreEqual(lastRowIdsRef.current, uniqueIds)) {
+      lastRowIdsRef.current = uniqueIds;
+      setRowIds(uniqueIds);
+    }
+  }, [tableRef]);
+  (0, import_react4.useEffect)(() => {
+    const table = tableRef?.current;
+    if (!table) return;
+    const observer = new MutationObserver(() => {
+      updateVisibleRowIds();
+    });
+    observer.observe(table, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["style", "class"]
+    });
+    updateVisibleRowIds();
+    return () => {
+      observer.disconnect();
+    };
+  }, [updateVisibleRowIds, tableRef]);
+  return { rowIds, refresh: updateVisibleRowIds };
+}
+var getDateRange = (currentDate, unit) => {
+  const date = new Date(currentDate);
+  let dateStart, dateEnd;
+  function formatDate(d) {
+    return d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, "0") + "-" + String(d.getDate()).padStart(2, "0") + " " + String(d.getHours()).padStart(2, "0") + ":" + String(d.getMinutes()).padStart(2, "0") + ":" + String(d.getSeconds()).padStart(2, "0");
+  }
+  switch (unit) {
+    case "month":
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth() + 1,
+        date.getDate(),
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(date.getFullYear(), date.getMonth(), 0, 0, 0, 0);
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "day":
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate(),
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate(),
+        0,
+        0,
+        0
+      );
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "week":
+      const dayOfWeek = date.getDay();
+      const daysToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek;
+      const daysToSunday = dayOfWeek === 0 ? 0 : 7 - dayOfWeek;
+      dateStart = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate() + daysToSunday,
+        23,
+        59,
+        59
+      );
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(
+        date.getFullYear(),
+        date.getMonth(),
+        date.getDate() + daysToMonday,
+        0,
+        0,
+        0
+      );
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    case "year":
+      dateStart = new Date(date.getFullYear(), 11, 31, 23, 59, 59);
+      dateStart.setHours(dateStart.getHours() - 7);
+      dateEnd = new Date(date.getFullYear() - 1, 11, 31, 0, 0, 0);
+      dateEnd.setHours(dateEnd.getHours() - 7);
+      break;
+    default:
+      throw new Error(
+        "\u0110\u01A1n v\u1ECB kh\xF4ng h\u1EE3p l\u1EC7. Ch\u1EC9 ch\u1EA5p nh\u1EADn: week, day, month, year"
+      );
+  }
+  return [
+    ["date_start", "<=", formatDate(dateStart)],
+    ["date_end", ">=", formatDate(dateEnd)]
+  ];
+};
+var convertFieldsToArray = (fields) => {
+  const defaultFields = ["display_name", "date_start", "date_end"];
+  if (!fields || !Array.isArray(fields)) {
+    return defaultFields;
+  }
+  const inputFields = fields.filter((field) => field && field.type_co === "field").map((field) => field.name);
+  return [...defaultFields, ...inputFields];
+};
+function combineContexts(contexts) {
+  if (contexts.some((context) => !context)) {
+    return void 0;
+  } else {
+    const res = contexts.reduce((acc, context) => {
+      return { ...acc, ...context };
+    }, {});
+    return res;
+  }
+}
+var STORAGES = {
+  TOKEN: "accessToken",
+  USER_INFO: "USER_INFO"
+};
+function useAsyncState(initialValue = [true, null]) {
+  return (0, import_react4.useReducer)(
+    (_state, action = null) => [false, action],
+    initialValue
+  );
+}
+async function setStorageItemAsync(key, value) {
+  try {
+    if (value === null) {
+      localStorage.removeItem(key);
+    } else {
+      localStorage.setItem(key, value);
+    }
+  } catch (e) {
+    console.error("Local storage is unavailable:", e);
+  }
+}
+function useStorageState(key) {
+  const [state, setState] = useAsyncState();
+  (0, import_react4.useEffect)(() => {
+    try {
+      const storedValue = localStorage.getItem(key);
+      setState(storedValue);
+    } catch (e) {
+      console.error("Local storage is unavailable:", e);
+    }
+  }, [key]);
+  const setValue = (0, import_react4.useCallback)(
+    (value) => {
+      setState(value);
+      setStorageItemAsync(key, value);
+    },
+    [key]
+  );
+  return [state, setValue];
+}
+
+// src/hooks/core/use-list-data.ts
+var useListData = ({
+  action,
+  context,
+  viewResponse
+}) => {
+  const { groupByDomain } = (0, import_interface_logic4.useAppSelector)(import_interface_logic4.selectSearch);
+  const initModel = (0, import_interface_logic4.useModel)();
+  const [type, setType] = (0, import_react5.useState)("list");
+  const [mode, setMode] = (0, import_react5.useState)("month");
+  const [currentDate, setCurrentDate] = (0, import_react5.useState)(/* @__PURE__ */ new Date());
+  const { pageLimit, page, order } = (0, import_interface_logic4.useAppSelector)(import_interface_logic4.selectList);
+  const listDataProps = (0, import_react5.useMemo)(() => {
+    const actData = action?.result;
+    if (!viewResponse || !actData || !context) {
+      return null;
+    }
+    const specification = initModel.initModel({
+      name: String(actData.res_model),
+      view: viewResponse || {},
+      actContext: context,
+      fields: type === "kanban" ? viewResponse?.views?.kanban?.fields : type === "calendar" ? viewResponse?.views?.calendar?.fields : viewResponse?.views?.list?.fields
+    }).getSpecification();
+    const domain = type === "calendar" ? getDateRange(currentDate, mode) : actData?.domain ? Array.isArray(actData?.domain) ? [...actData?.domain] : (0, import_interface_logic4.evalJSONDomain)(actData?.domain, context) : [];
+    const limit = type === "calendar" ? 2500 : pageLimit;
+    const offset = page * pageLimit;
+    const fields = type === "calendar" ? convertFieldsToArray(viewResponse?.views?.calendar?.fields) || [] : typeof groupByDomain === "object" ? groupByDomain?.fields : void 0;
+    const groupby = typeof groupByDomain === "object" ? [groupByDomain?.contexts?.[0]?.group_by] : [];
+    const sort = order ? order : viewResponse?.views?.list?.default_order ? (0, import_interface_logic4.formatSortingString)(viewResponse?.views?.list?.default_order) : "";
+    return {
+      model: actData.res_model,
+      specification,
+      domain,
+      limit,
+      offset,
+      fields,
+      groupby,
+      context,
+      sort,
+      type
+    };
+  }, [
+    action?.result,
+    context,
+    currentDate,
+    groupByDomain,
+    initModel,
+    mode,
+    order,
+    page,
+    pageLimit,
+    type,
+    viewResponse
+  ]);
+  const list = (0, import_interface_logic4.useGetListData)(
+    listDataProps,
+    [listDataProps],
+    !!listDataProps
+  );
+  return {
+    ...list,
+    state: {
+      type,
+      setType,
+      mode,
+      setMode,
+      currentDate,
+      setCurrentDate
+    }
+  };
+};
+
+// src/hooks/core/use-menu.ts
+var import_react6 = require("react");
+var import_interface_logic5 = require("@fctc/interface-logic");
+
+// src/utils/constants.ts
+var languages = [
+  { id: "vi_VN", name: "VIE" },
+  { id: "en_US", name: "ENG" }
+];
+var API_PRESCHOOL_URL = {
+  baseURL: "https://preschool.vitrust.app"
+};
+var API_APP_URL = {
+  baseUrl: "https://api.vitrust.app",
+  c2: "https://api.vitrust.app/c2",
+  apiV2: "https://api.vitrust.app/c2/api/v2"
+};
+
+// src/hooks/core/use-menu.ts
+var useMenu = ({ context }) => {
+  const menuData = (0, import_interface_logic5.useGetMenu)(context, !!context);
+  const [menuid, setMenuId] = (0, import_react6.useState)(void 0);
+  const [action, setAction] = useCallAction();
+  const configedIconData = (0, import_react6.useMemo)(() => {
+    const data = menuData.data;
+    return data?.map((item) => {
+      return {
+        ...item,
+        child_id: item?.child_id?.map((child) => {
+          return {
+            ...child,
+            url_icon: API_APP_URL.c2 + "/" + child.url_icon
+          };
+        }) ?? [],
+        url_icon: API_APP_URL.c2 + "/" + item.url_icon
+      };
+    });
+  }, [menuData.data]);
+  const handleChangeMenu = async ({
+    menu,
+    subMenu
+  }) => {
+    const aid = subMenu?.action?.id?.id;
+    const actionType = subMenu?.action?.type;
+    await setAction({
+      aid: Number(aid),
+      actionType
+    });
+    if (menu) {
+      setMenuId(menu.id?.toString() ?? "");
+    }
+  };
+  (0, import_react6.useEffect)(() => {
+    const firstRecord = configedIconData?.[0];
+    const firstChild = firstRecord?.child_id?.[0];
+    if (firstChild && firstRecord) {
+      handleChangeMenu({ menu: firstRecord, subMenu: firstChild });
+    }
+  }, [configedIconData]);
+  return {
+    ...menuData,
+    data: configedIconData,
+    action: { handleChangeMenu },
+    state: { menuid, action },
+    context
+  };
+};
+
+// src/hooks/core/use-profile.ts
+var import_react_query2 = require("@tanstack/react-query");
+var import_react7 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_interface_logic6 = require("@fctc/interface-logic");
+var useProfile = (accessToken) => {
+  const getProfile = (0, import_interface_logic6.useGetProfile)();
+  const dispatch = (0, import_interface_logic6.useAppDispatch)();
+  const { i18n: i18n2 } = (0, import_react_i18next.useTranslation)();
+  const fetchUserProfile = async () => {
+    return await getProfile.mutateAsync();
+  };
+  const userInfoQuery = (0, import_react_query2.useQuery)({
+    queryKey: ["userInfo", accessToken],
+    queryFn: fetchUserProfile,
+    enabled: !!accessToken
+  });
+  (0, import_react7.useEffect)(() => {
+    if (userInfoQuery.data) {
+      const userInfo = userInfoQuery.data;
+      const env = (0, import_interface_logic6.getEnv)();
+      env.setUid(userInfo?.sub);
+      dispatch((0, import_interface_logic6.setDataUser)(userInfo));
+      const userLocale = languages.find((lang) => lang?.id === userInfo?.locale);
+      env.setLang(userLocale?.id);
+      i18n2.changeLanguage(userLocale?.id.split("_")[0]);
+    }
+  }, [dispatch, userInfoQuery.data]);
+  const context = (0, import_react7.useMemo)(() => {
+    if (userInfoQuery.data?.sub && userInfoQuery.data?.locale) {
+      return {
+        uid: Number(userInfoQuery.data.sub),
+        allowed_company_ids: [],
+        lang: String(userInfoQuery.data.locale),
+        tz: "Asia/Saigon"
+      };
+    }
+    return void 0;
+  }, [userInfoQuery.data]);
+  return { ...userInfoQuery, context };
+};
+
+// src/hooks/core/use-user.ts
+var useUser = (accessToken) => {
+  const userProfile = useProfile(accessToken);
+  const userDetail = useDetail(accessToken, userProfile.data?.sub);
+  return { userProfile, userDetail, context: userProfile.context };
+};
+
+// src/hooks/core/use-view-v2.ts
+var import_react8 = require("react");
+var import_interface_logic7 = require("@fctc/interface-logic");
+var useViewV2 = ({
+  action,
+  context
+}) => {
+  const viewParams = (0, import_react8.useMemo)(() => {
+    if (!action?.result) {
+      return void 0;
+    }
+    const actionResult = action?.result;
+    return {
+      model: String(actionResult?.res_model),
+      views: [
+        ...Array.isArray(actionResult?.views) ? actionResult?.views.map(
+          (view2) => view2[1] === "list" ? [view2[0], "list"] : view2
+        ) : [],
+        [
+          Array.isArray(actionResult?.search_view_id) ? actionResult?.search_view_id[0] : actionResult?.search_view_id,
+          "search"
+        ]
+      ],
+      context
+    };
+  }, [action, context]);
+  const view = (0, import_interface_logic7.useGetView)(
+    viewParams || {},
+    !!viewParams
+  );
+  return {
+    ...view,
+    context
+  };
+};
+
+// src/hooks/core/use-auth.ts
+var import_interface_logic8 = require("@fctc/interface-logic");
+var useAuth = () => {
+  const [[isLoading, accessToken], setAccessToken] = useStorageState("TOKEN");
+  const loginMutate = (0, import_interface_logic8.useLoginCredential)();
+  const dispatch = (0, import_interface_logic8.useAppDispatch)();
+  const signIn = async (email, password) => {
+    try {
+      loginMutate.mutate(
+        {
+          email,
+          password,
+          path: "/authentication/oauth2/token"
+        },
+        {
+          onSuccess: (res) => {
+            setAccessToken(res.access_token);
+          },
+          onError: (err) => {
+          }
+        }
+      );
+    } catch (error) {
+      throw new Error("Login failed");
+    }
+  };
+  const signOut = async () => {
+    dispatch((0, import_interface_logic8.setMenuList)([]));
+    dispatch((0, import_interface_logic8.setDataUser)({}));
+    dispatch((0, import_interface_logic8.setProfile)({}));
+    setAccessToken(null);
+  };
+  return {
+    signIn,
+    signOut,
+    accessToken,
+    isLoading
+  };
+};
+
+// src/hooks/utils/use-click-outside.ts
+var import_react9 = require("react");
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -4073,8 +4679,8 @@ var useClickOutside = ({
   nodes = [],
   refs
 }) => {
-  const ref = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
+  const ref = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     const listener = (event) => {
       const { target } = event;
       if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
@@ -4095,11 +4701,11 @@ var useClickOutside = ({
   return ref;
 };
 
-// src/hooks/use-debounce.ts
-var import_react2 = require("react");
+// src/hooks/utils/use-debounce.ts
+var import_react10 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react2.useState)(value);
-  (0, import_react2.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react10.useState)(value);
+  (0, import_react10.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -4217,19 +4823,19 @@ var CloseIcon = ({ className = "" }) => {
 };
 
 // src/widget/basic/status-dropdown-field/controller.ts
-var import_react3 = require("react");
-var import_interface_logic = require("@fctc/interface-logic");
+var import_react11 = require("react");
+var import_interface_logic9 = require("@fctc/interface-logic");
 var statusDropdownController = (props) => {
   const { selection, isForm, id, model, name, state, onRefetch } = props;
-  const env = (0, import_interface_logic.getEnv)();
+  const env = (0, import_interface_logic9.getEnv)();
   const colors = {
     normal: "bg-[#e9ecef]",
     done: "bg-primary",
     blocked: "bg-red-500"
   };
-  const [isOpen, setIsOpen] = (0, import_react3.useState)(false);
-  const buttonRef = (0, import_react3.useRef)(null);
-  (0, import_react3.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
+  const buttonRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (buttonRef.current && !buttonRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -4240,7 +4846,7 @@ var statusDropdownController = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  const { mutate: onSave } = (0, import_interface_logic.useSave)();
+  const { mutate: onSave } = (0, import_interface_logic9.useSave)();
   const handleClick = async (status) => {
     setIsOpen(!isOpen);
     onSave(
@@ -4270,8 +4876,8 @@ var statusDropdownController = (props) => {
 };
 
 // src/widget/basic/many2one-field/controller.ts
-var import_react4 = require("react");
-var import_interface_logic2 = require("@fctc/interface-logic");
+var import_react12 = require("react");
+var import_interface_logic10 = require("@fctc/interface-logic");
 var many2oneFieldController = (props) => {
   const {
     name,
@@ -4286,24 +4892,24 @@ var many2oneFieldController = (props) => {
     showDetail = true,
     actionData
   } = props;
-  const [options, setOptions] = (0, import_react4.useState)([]);
-  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react4.useState)(false);
-  const [tempSelectedOption, setTempSelectedOption] = (0, import_react4.useState)(null);
-  const { menuList } = (0, import_interface_logic2.useAppSelector)(import_interface_logic2.selectNavbar);
-  const { context } = (0, import_interface_logic2.useAppSelector)(import_interface_logic2.selectEnv);
-  const [domainModal, setDomainModal] = (0, import_react4.useState)(null);
+  const [options, setOptions] = (0, import_react12.useState)([]);
+  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react12.useState)(false);
+  const [tempSelectedOption, setTempSelectedOption] = (0, import_react12.useState)(null);
+  const { menuList } = (0, import_interface_logic10.useAppSelector)(import_interface_logic10.selectNavbar);
+  const { context } = (0, import_interface_logic10.useAppSelector)(import_interface_logic10.selectEnv);
+  const [domainModal, setDomainModal] = (0, import_react12.useState)(null);
   const initValue = methods?.getValues(name);
-  const domainObject = (0, import_react4.useMemo)(
-    () => (0, import_interface_logic2.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues)) ?? {}),
+  const domainObject = (0, import_react12.useMemo)(
+    () => (0, import_interface_logic10.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues)) ?? {}),
     [domain, formValues]
   );
-  const optionsObject = (0, import_interface_logic2.evalJSONContext)(fieldOptions) || {};
+  const optionsObject = (0, import_interface_logic10.evalJSONContext)(fieldOptions) || {};
   const contextObject = {
-    ...(0, import_interface_logic2.evalJSONContext)(actionData?.context) || {},
+    ...(0, import_interface_logic10.evalJSONContext)(actionData?.context) || {},
     ...fieldContext,
     ...context
   };
-  const actionId = (0, import_react4.useMemo)(
+  const actionId = (0, import_react12.useMemo)(
     () => menuList?.flatMap(
       (item) => item?.child_id.filter(
         (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
@@ -4326,23 +4932,23 @@ var many2oneFieldController = (props) => {
     data: dataOfSelection,
     refetch,
     isFetching
-  } = (0, import_interface_logic2.useGetSelection)({
+  } = (0, import_interface_logic10.useGetSelection)({
     data,
     queryKey,
     enabled: false
   });
-  const selectOptions = (0, import_react4.useMemo)(() => {
+  const selectOptions = (0, import_react12.useMemo)(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val?.id,
       label: val?.display_name || val?.name
     })) || [];
   }, [dataOfSelection]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     setOptions(selectOptions);
     setDomainModal(domainObject);
-    if (relation === "student.subject") (0, import_interface_logic2.setListSubject)(selectOptions);
+    if (relation === "student.subject") (0, import_interface_logic10.setListSubject)(selectOptions);
   }, [selectOptions]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!propValue && tempSelectedOption) {
       methods.setValue(name, null);
       setTempSelectedOption(null);
@@ -4353,15 +4959,15 @@ var many2oneFieldController = (props) => {
       });
     }
   }, [propValue]);
-  const fetchMoreOptions = (0, import_react4.useCallback)(() => {
+  const fetchMoreOptions = (0, import_react12.useCallback)(() => {
     refetch();
   }, [refetch]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (actionId) {
       localStorage.setItem("aid", actionId);
     }
   }, [actionId]);
-  const handleChooseRecord = (0, import_react4.useCallback)(
+  const handleChooseRecord = (0, import_react12.useCallback)(
     (idRecord) => {
       const newOption = options.find(
         (option) => option.value === idRecord
@@ -4386,8 +4992,8 @@ var many2oneFieldController = (props) => {
     },
     [options, methods, name, onChange]
   );
-  const handleClose = (0, import_react4.useCallback)(() => setIsShowModalMany2Many(false), []);
-  const handleSelectChange = (0, import_react4.useCallback)(
+  const handleClose = (0, import_react12.useCallback)(() => setIsShowModalMany2Many(false), []);
+  const handleSelectChange = (0, import_react12.useCallback)(
     (selectedOption) => {
       if (!selectedOption) {
         methods.setValue(name, null, { shouldDirty: true });
@@ -4437,21 +5043,18 @@ var many2oneFieldController = (props) => {
 };
 
 // src/widget/basic/many2one-button-field/controller.ts
-var import_interface_logic3 = require("@fctc/interface-logic");
-var many2oneButtonController = ({
-  relation,
-  methods,
-  domain
-}) => {
+var import_interface_logic11 = require("@fctc/interface-logic");
+var many2oneButtonController = (props) => {
+  const { domain, methods, relation } = props;
   const actionDataString = sessionStorage.getItem("actionData");
-  const env = (0, import_interface_logic3.getEnv)();
-  const domainObject = (0, import_interface_logic3.evalJSONDomain)(domain, methods?.getValues() || {});
+  const env = (0, import_interface_logic11.getEnv)();
+  const domainObject = (0, import_interface_logic11.evalJSONDomain)(domain, methods?.getValues() || {});
   const actionData = actionDataString && actionDataString !== "undefined" ? JSON.parse(actionDataString) : {};
-  const { data: dataOfSelection } = (0, import_interface_logic3.useGetSelection)({
+  const { data: dataOfSelection } = (0, import_interface_logic11.useGetSelection)({
     data: {
       model: relation ?? "",
       domain: domainObject,
-      context: { ...env.context, ...(0, import_interface_logic3.evalJSONContext)(actionData?.context) }
+      context: { ...env.context, ...(0, import_interface_logic11.evalJSONContext)(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -4465,26 +5068,15 @@ var many2oneButtonController = ({
 };
 
 // src/widget/basic/many2many-field/controller.ts
-var import_react6 = require("react");
-var import_interface_logic5 = require("@fctc/interface-logic");
+var import_react14 = require("react");
+var import_interface_logic13 = require("@fctc/interface-logic");
 
-// src/widget/table/use-table.ts
-var import_interface_logic4 = require("@fctc/interface-logic");
-var import_react5 = require("react");
-function mergeButtons(fields) {
-  const buttons = fields?.filter((f) => f.type_co === "button");
-  const others = fields?.filter((f) => f.type_co !== "button");
-  if (buttons?.length) {
-    others.push({
-      type_co: "buttons",
-      buttons
-    });
-  }
-  return others;
-}
-var useTableHandler = ({ data }) => {
-  const [rows, setRows] = (0, import_react5.useState)(data.records || []);
-  const [columns, setColumns] = (0, import_react5.useState)([]);
+// src/widget/advance/table/table-view/controller.ts
+var import_interface_logic12 = require("@fctc/interface-logic");
+var import_react13 = require("react");
+var tableController = ({ data }) => {
+  const [rows, setRows] = (0, import_react13.useState)(data.records || []);
+  const [columns, setColumns] = (0, import_react13.useState)([]);
   const dataModelFields = data.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
@@ -4512,14 +5104,14 @@ var useTableHandler = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react13.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_logic4.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic4.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        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);
       })?.map((field) => {
         return {
           name: field?.name,
@@ -4533,7 +5125,7 @@ var useTableHandler = ({ data }) => {
     }
     return cols;
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const columns2 = handleGetColumns();
     setColumns(columns2);
   }, [data.records]);
@@ -4574,17 +5166,14 @@ var many2manyFieldController = (props) => {
     options,
     sessionStorageUtils
   } = props;
-  const appDispatch = (0, import_interface_logic5.useAppDispatch)();
+  const appDispatch = (0, import_interface_logic13.useAppDispatch)();
   const actionData = sessionStorageUtils.getActionData();
   const [debouncedPage] = useDebounce(page, 500);
-  const [order, setOrder] = (0, import_react6.useState)();
-  const [isLoadedData, setIsLoadedData] = (0, import_react6.useState)(false);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react6.useState)(domain);
-  const env = (0, import_interface_logic5.getEnv)();
-  const {
-    // tableHead,
-    selectedTags
-  } = (0, import_interface_logic5.useAppSelector)(import_interface_logic5.selectSearch);
+  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 viewParams = {
     model: relation,
     views: [
@@ -4593,11 +5182,11 @@ var many2manyFieldController = (props) => {
     ],
     context
   };
-  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, import_interface_logic5.useGetView)(
+  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, import_interface_logic13.useGetView)(
     viewParams,
     actionData
   );
-  const baseModel = (0, import_react6.useMemo)(
+  const baseModel = (0, import_react14.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
@@ -4609,26 +5198,26 @@ var many2manyFieldController = (props) => {
     }),
     [model, viewResponse]
   );
-  const initModel = (0, import_interface_logic5.useModel)();
-  const modelInstance = (0, import_react6.useMemo)(() => {
+  const initModel = (0, import_interface_logic13.useModel)();
+  const modelInstance = (0, import_react14.useMemo)(() => {
     if (viewResponse) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewResponse]);
-  const specification = (0, import_react6.useMemo)(() => {
+  const specification = (0, import_react14.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_logic5.evalJSONContext)(tab?.options) : (options ? (0, import_interface_logic5.evalJSONContext)(options) : {}) || {};
+  const optionsObject = tab?.options ? (0, import_interface_logic13.evalJSONContext)(tab?.options) : (options ? (0, import_interface_logic13.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
       setDomainMany2Many(domain);
-      appDispatch((0, import_interface_logic5.setFirstDomain)(domain));
-      appDispatch((0, import_interface_logic5.setViewDataStore)(viewResponse));
+      appDispatch((0, import_interface_logic13.setFirstDomain)(domain));
+      appDispatch((0, import_interface_logic13.setViewDataStore)(viewResponse));
       const modalData = viewResponse?.views?.list?.fields.map((field) => ({
         ...viewResponse?.models?.[String(model)]?.[field?.name],
         ...field
@@ -4639,7 +5228,7 @@ var many2manyFieldController = (props) => {
           [`${aid}_${relation}_popupmany2many`]: modalData
         });
       }
-      appDispatch((0, import_interface_logic5.setPage)(0));
+      appDispatch((0, import_interface_logic13.setPage)(0));
     } catch (err) {
       console.log(err);
     }
@@ -4661,7 +5250,7 @@ var many2manyFieldController = (props) => {
     context,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_interface_logic5.formatSortingString)(default_order) : ""
+    sort: order ? order : default_order ? (0, import_interface_logic13.formatSortingString)(default_order) : ""
   };
   const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
@@ -4669,24 +5258,24 @@ var many2manyFieldController = (props) => {
     isLoading: isDataLoading,
     isFetched: isDataResponseFetched,
     isPlaceholderData
-  } = (0, import_interface_logic5.useGetListData)(data, queryKey, enabled);
-  (0, import_react6.useEffect)(() => {
+  } = (0, import_interface_logic13.useGetListData)(data, queryKey, enabled);
+  (0, import_react14.useEffect)(() => {
     if (viewResponse) {
       fetchData();
     }
     return () => {
-      appDispatch((0, import_interface_logic5.setGroupByDomain)(null));
+      appDispatch((0, import_interface_logic13.setGroupByDomain)(null));
       setFields((prevFields) => ({
         ...prevFields,
         [`${aid}_${relation}_popupmany2many`]: null
       }));
-      appDispatch((0, import_interface_logic5.setPage)(0));
+      appDispatch((0, import_interface_logic13.setPage)(0));
       setSelectedRowKeys([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
     };
   }, [viewResponse]);
-  const { rows, columns, typeTable } = useTableHandler({
+  const { rows, columns, typeTable } = tableController({
     data: {
       fields: fields?.[`${aid}_${relation}_popupmany2many`] || viewResponse?.views?.list?.fields,
       records: dataResponse?.records ?? dataResponse?.groups,
@@ -4704,18 +5293,18 @@ var many2manyFieldController = (props) => {
     refetch,
     data: dataFormViewResponse,
     isSuccess
-  } = (0, import_interface_logic5.useGetFormView)({
+  } = (0, import_interface_logic13.useGetFormView)({
     data: dataFormView,
     queryKey: [`form-view-action-${relation}`],
     enabled: false
   });
-  (0, import_react6.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (isSuccess && dataFormViewResponse) {
       sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
       window.location.href = `/form/menu?model=${relation}`;
     }
   }, [isSuccess]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (domainMany2Many && !isLoadedData) {
       setIsLoadedData(true);
     }
@@ -4727,42 +5316,12 @@ var many2manyFieldController = (props) => {
       console.log(error);
     }
   };
-  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
-  };
+  return {};
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-var import_react7 = require("react");
-var import_interface_logic6 = require("@fctc/interface-logic");
+var import_react15 = require("react");
+var import_interface_logic14 = require("@fctc/interface-logic");
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -4773,10 +5332,10 @@ var many2manyTagsController = (props) => {
     placeholderNoOption
   } = props;
   const isUser = relation === "res.users" || relation === "res.partner";
-  const env = (0, import_interface_logic6.getEnv)();
-  const addtionalFields = optionsFields ? (0, import_interface_logic6.evalJSONContext)(optionsFields) : null;
-  const domainObject = (0, import_react7.useMemo)(
-    () => (0, import_interface_logic6.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+  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 || {}))),
     [domain, formValues]
   );
   const data = {
@@ -4786,13 +5345,13 @@ var many2manyTagsController = (props) => {
       id: {},
       name: {},
       display_name: {},
-      ...widget && import_interface_logic6.WIDGETAVATAR[widget] ? { image_256: {} } : {},
-      ...widget && import_interface_logic6.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
+      ...widget && import_interface_logic14.WIDGETAVATAR[widget] ? { image_256: {} } : {},
+      ...widget && import_interface_logic14.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
     },
     enabled: true,
     context: env.context
   };
-  const { data: dataOfSelection } = (0, import_interface_logic6.useGetSelection)({
+  const { data: dataOfSelection } = (0, import_interface_logic14.useGetSelection)({
     data,
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -4818,8 +5377,8 @@ var many2manyTagsController = (props) => {
 };
 
 // src/widget/basic/status-bar-field/controller.ts
-var import_react8 = require("react");
-var import_interface_logic7 = require("@fctc/interface-logic");
+var import_react16 = require("react");
+var import_interface_logic15 = require("@fctc/interface-logic");
 var durationController = (props) => {
   const {
     relation,
@@ -4836,14 +5395,14 @@ var durationController = (props) => {
     name: "",
     fold: ""
   };
-  const [disabled, setDisabled] = (0, import_react8.useState)(false);
-  const [modelStatus, setModalStatus] = (0, import_react8.useState)(false);
-  const { context } = (0, import_interface_logic7.useAppSelector)(import_interface_logic7.selectEnv);
+  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 queryKey = [`data-status-duration`, specification];
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_interface_logic7.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, import_interface_logic15.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -4853,8 +5412,8 @@ var durationController = (props) => {
     },
     sort: ""
   };
-  const { data: dataResponse } = (0, import_interface_logic7.useGetListData)(listDataProps, queryKey);
-  const { mutate: fetchChangeStatus } = (0, import_interface_logic7.useChangeStatus)();
+  const { data: dataResponse } = (0, import_interface_logic15.useGetListData)(listDataProps, queryKey);
+  const { mutate: fetchChangeStatus } = (0, import_interface_logic15.useChangeStatus)();
   const handleClick = async (stage_id) => {
     setDisabled(true);
     if (stage_id) {
@@ -4890,26 +5449,26 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-var import_interface_logic8 = require("@fctc/interface-logic");
+var import_interface_logic16 = require("@fctc/interface-logic");
 var priorityFieldController = (props) => {
   const {
     value,
-    selection,
     isForm,
     name,
     methods,
-    id,
     onChange,
     model,
+    selection,
+    id,
     actionData,
     viewData,
     context
   } = props;
-  const _context = { ...(0, import_interface_logic8.evalJSONContext)(actionData?.context) };
+  const _context = { ...(0, import_interface_logic16.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_logic8.useSave)();
+  const { mutateAsync: fetchSave } = (0, import_interface_logic16.useSave)();
   const savePriorities = async ({
     value: value2,
     resetPriority
@@ -4944,8 +5503,8 @@ var priorityFieldController = (props) => {
 };
 
 // src/widget/basic/float-time-field/controller.ts
-var import_react9 = require("react");
-var import_interface_logic9 = require("@fctc/interface-logic");
+var import_react17 = require("react");
+var import_interface_logic17 = require("@fctc/interface-logic");
 var floatTimeFiledController = ({
   onChange: fieldOnChange,
   onBlur,
@@ -4954,11 +5513,11 @@ var floatTimeFiledController = ({
   props
 }) => {
   const { name, defaultValue = 0, onChange } = props;
-  const [input, setInput] = (0, import_react9.useState)(
-    (0, import_interface_logic9.convertFloatToTime)(value ?? defaultValue)
+  const [input, setInput] = (0, import_react17.useState)(
+    (0, import_interface_logic17.convertFloatToTime)(value ?? defaultValue)
   );
-  const [formattedTime, setFormattedTime] = (0, import_react9.useState)("");
-  const [errors, setErrors] = (0, import_react9.useState)("");
+  const [formattedTime, setFormattedTime] = (0, import_react17.useState)("");
+  const [errors, setErrors] = (0, import_react17.useState)("");
   const handleInputChange = (e) => {
     const raw = e.target.value.replace(/[^\d:]/g, "");
     setInput(raw);
@@ -4988,7 +5547,7 @@ var floatTimeFiledController = ({
     if (!isDirty) return;
     if (formattedTime) {
       setInput(formattedTime);
-      const floatVal = (0, import_interface_logic9.convertTimeToFloat)(formattedTime);
+      const floatVal = (0, import_interface_logic17.convertTimeToFloat)(formattedTime);
       fieldOnChange(floatVal);
       if (onChange) {
         onChange(name ?? "", floatVal);
@@ -5031,7 +5590,31 @@ var floatTimeFiledController = ({
 };
 
 // src/widget/basic/float-field/controller.ts
-var import_react10 = require("react");
+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 floatController = ({
   onChange,
   value,
@@ -5039,10 +5622,10 @@ var floatController = ({
 }) => {
   const { name, required, methods, onChange: handleOnchange, string } = props;
   const { setError, clearErrors } = methods;
-  const [inputValue, setInputValue] = (0, import_react10.useState)(
+  const [inputValue, setInputValue] = (0, import_react18.useState)(
     value !== void 0 && value !== null ? useFormatFloatNumber(value) : ""
   );
-  (0, import_react10.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (value !== void 0 && value !== null && value !== parseFloat(inputValue?.replace(/,/g, ""))) {
       setInputValue(useFormatFloatNumber(value));
       clearErrors(name);
@@ -5050,9 +5633,9 @@ var floatController = ({
       setInputValue("");
     }
   }, [value, name, clearErrors]);
-  const isDirtyRef = (0, import_react10.useRef)(false);
-  const inputRef = (0, import_react10.useRef)(null);
-  const lastCommittedValueRef = (0, import_react10.useRef)(null);
+  const isDirtyRef = (0, import_react18.useRef)(false);
+  const inputRef = (0, import_react18.useRef)(null);
+  const lastCommittedValueRef = (0, import_react18.useRef)(null);
   const handleInputChange = (e) => {
     const newValue = e.target.value;
     const valueWithoutCommas = newValue.replace(/,/g, "");
@@ -5070,8 +5653,8 @@ var floatController = ({
       if (!isNaN(parsedValue)) {
         if (parsedValue < 0) {
           setError(name, {
-            type: "validate"
-            // message: i18n.t('invalid_number'),
+            type: "validate",
+            message: i18n_default.t("invalid_number")
           });
         } else {
           onChange(parsedValue);
@@ -5094,8 +5677,8 @@ var floatController = ({
     if (rawValue === "" || rawValue === ".") {
       if (required) {
         setError(name, {
-          type: "required"
-          // message: `${string} ${t('must_required')}`,
+          type: "required",
+          message: `${string} ${i18n_default.t("must_required")}`
         });
       }
       onChange(null);
@@ -5104,8 +5687,8 @@ var floatController = ({
     } else if (!isNaN(parsedValue)) {
       if (parsedValue < 0) {
         setError(name, {
-          type: "validate"
-          // message: i18n.t('invalid_number'),
+          type: "validate",
+          message: i18n_default.t("invalid_number")
         });
         setInputValue("");
         lastCommittedValueRef.current = null;
@@ -5125,8 +5708,8 @@ var floatController = ({
       }
     } else {
       setError(name, {
-        type: "validate"
-        // message: i18n.t('invalid_number'),
+        type: "validate",
+        message: i18n_default.t("invalid_number")
       });
       setInputValue("");
       lastCommittedValueRef.current = null;
@@ -5153,10 +5736,10 @@ var useFormatFloatNumber = (value) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-var import_react11 = require("react");
+var import_react19 = require("react");
 var downloadFileController = () => {
-  const inputId = (0, import_react11.useId)();
-  const [file, setFile] = (0, import_react11.useState)(null);
+  const inputId = (0, import_react19.useId)();
+  const [file, setFile] = (0, import_react19.useState)(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -5224,8 +5807,8 @@ var dateFieldController = (props) => {
     widget,
     min,
     max,
-    formValues,
     viewData,
+    formValues,
     model
   } = props;
   const range = (start, end, step = 1) => {
@@ -5280,18 +5863,30 @@ var dateFieldController = (props) => {
     const compareNow = showTime ? now : now.clone().startOf("day");
     if (minNowValue) {
       if (compareSelected.isBefore(compareNow) && typeof minNowValue === "boolean" && minNowValue === true) {
+        return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
+          "greater_or_equal_now"
+        )}`;
       } else if (import_moment.default.isMoment(minNowValue)) {
         const compareMin = showTime ? minNowValue : minNowValue.clone().startOf("day");
         if (compareSelected.isBefore(compareMin)) {
           const fieldRelationDate = viewData?.models?.[model]?.[min ?? ""];
+          return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
+            "greater_or_equal"
+          )} ${fieldRelationDate?.string}`;
         }
       }
     } else if (maxNowValue) {
       if (compareSelected.isAfter(compareNow) && typeof maxNowValue === "boolean" && maxNowValue === true) {
+        return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
+          "less_or_equal_now"
+        )}`;
       } else if (import_moment.default.isMoment(maxNowValue)) {
         const compareMax = showTime ? maxNowValue : maxNowValue.clone().startOf("day");
         if (compareSelected.isAfter(compareMax)) {
           const fieldRelationDate = viewData?.models?.[model]?.[max ?? ""];
+          return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
+            "less_or_equal"
+          )} ${fieldRelationDate?.string}`;
         }
       }
     }
@@ -5313,14 +5908,14 @@ var dateFieldController = (props) => {
   };
 };
 
-// src/widget/basic/copy-link-buttton/controller.ts
-var import_react12 = require("react");
-var import_interface_logic10 = require("@fctc/interface-logic");
+// src/widget/basic/copy-link-button/controller.ts
+var import_react20 = require("react");
+var import_interface_logic18 = require("@fctc/interface-logic");
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = (0, import_react12.useState)(false);
+  const [isCopied, setIsCopied] = (0, import_react20.useState)(false);
   const handleCopyToClipboard = async (value2) => {
-    await (0, import_interface_logic10.copyTextToClipboard)(value2);
+    await (0, import_interface_logic18.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -5332,49 +5927,15 @@ var copyLinkButtonController = (props) => {
   };
 };
 
-// src/widget/basic/color-field/color-wrapper-controller.ts
-var import_react13 = require("react");
-var colorWrapperController = (props) => {
-  const { savePickColor, defaultColor, colors } = props;
-  const [selectedColor, setSelectedColor] = (0, import_react13.useState)(colors[defaultColor]);
-  const [showFullColors, setIsShowFullColor] = (0, import_react13.useState)(false);
-  (0, import_react13.useEffect)(() => {
-    setSelectedColor(colors[defaultColor]);
-  }, [defaultColor]);
-  const handleShowFullColors = () => {
-    setIsShowFullColor(!showFullColors);
-  };
-  const pickColorsRef = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
-    const handleClickOutside = (event) => {
-      if (pickColorsRef.current && !pickColorsRef.current.contains(event.target)) {
-        setIsShowFullColor(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-  return {
-    selectedColor,
-    showFullColors,
-    setSelectedColor,
-    handleShowFullColors,
-    pickColorsRef,
-    savePickColor
-  };
-};
-
 // src/widget/basic/color-field/color-controller.ts
-var import_interface_logic11 = require("@fctc/interface-logic");
+var import_interface_logic19 = require("@fctc/interface-logic");
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
-  const env = (0, import_interface_logic11.getEnv)();
-  const _context = { ...(0, import_interface_logic11.evalJSONContext)(actionData?.context) || {} };
+  const env = (0, import_interface_logic19.getEnv)();
+  const _context = { ...(0, import_interface_logic19.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
-  const { mutate: onSave } = (0, import_interface_logic11.useSave)();
+  const { mutate: onSave } = (0, import_interface_logic19.useSave)();
   const savePickColor = async (colorObject) => {
     const { id } = colorObject;
     if (value === id) return;
@@ -5399,16 +5960,16 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-var import_react14 = require("react");
-var import_interface_logic12 = require("@fctc/interface-logic");
+var import_react21 = require("react");
+var import_interface_logic20 = require("@fctc/interface-logic");
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
-  const inputId = (0, import_react14.useId)();
-  const [selectedImage, setSelectedImage] = (0, import_react14.useState)(null);
-  const [initialImage, setInitialImage] = (0, import_react14.useState)(value || null);
-  const [isInsideTable, setIsInsideTable] = (0, import_react14.useState)(false);
+  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 { setValue } = methods;
-  const binaryRef = (0, import_react14.useRef)(null);
+  const binaryRef = (0, import_react21.useRef)(null);
   const convertUrlToBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -5457,11 +6018,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_logic12.isBase64Image)(url) || isBlobUrl(url);
+    return imageExtensions.test(url) || (0, import_interface_logic20.isBase64Image)(url) || isBlobUrl(url);
   };
   const getImageBase64WithMimeType = (base64) => {
     if (typeof base64 !== "string" || base64.length < 10) return null;
-    if ((0, import_interface_logic12.isBase64Image)(base64)) return base64;
+    if ((0, import_interface_logic20.isBase64Image)(base64)) return base64;
     let mimeType = null;
     if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
     else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
@@ -5470,14 +6031,14 @@ var binaryFieldController = (props) => {
     else if (base64.startsWith("UklGR")) mimeType = "image/webp";
     return mimeType ? `data:${mimeType};base64,${base64}` : null;
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     return () => {
       if (selectedImage) {
         URL.revokeObjectURL(selectedImage);
       }
     };
   }, [selectedImage]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (binaryRef.current) {
       const isInsideTable2 = !!binaryRef.current.closest("table");
       setIsInsideTable(isInsideTable2);
@@ -5495,296 +6056,49 @@ var binaryFieldController = (props) => {
     getImageBase64WithMimeType
   };
 };
-
-// src/widget/common/modal-layer.tsx
-var import_react15 = require("react");
-var import_react16 = require("@headlessui/react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ModalLayer = ({
-  isOpen,
-  onClose,
-  title,
-  children
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_react16.Transition,
-    {
-      show: isOpen,
-      enter: "transition duration-100 ease-out",
-      enterFrom: "transform scale-95 opacity-0",
-      enterTo: "transform scale-100 opacity-100",
-      leave: "transition duration-75 ease-out",
-      leaveFrom: "transform scale-100 opacity-100",
-      leaveTo: "transform scale-95 opacity-0",
-      as: import_react15.Fragment,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react16.Dialog, { onClose, "aria-labelledby": "modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react16.DialogPanel, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[500]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex items-center justify-center mx-4 absolute inset-0 overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: " relative z-[1] mx-auto my-[88px] p-4 flex flex-col gap-2 max-w-[1000px] transform rounded-xl bg-[#FFF]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-            "div",
-            {
-              className: `flex justify-between items-center border-[rgba(0,0,0,0.1)] pb-2`,
-              children: [
-                title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { id: "modal-title", className: "text-[20px] font-semibold", children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                  "button",
-                  {
-                    onClick: onClose,
-                    "aria-label": "Close",
-                    className: "ml-auto absolute top-[16px] right-[16px] !cursor-pointer",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseIcon, {})
-                  }
-                )
-              ]
-            }
-          ),
-          children
-        ] }) })
-      ] }) }) })
-    }
-  );
-};
-
-// src/widget/common/modal-confirm.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ModalConfirm = ({
-  name,
-  isShowModal,
-  onClick,
-  onClose,
-  title,
-  content,
-  isLoading
-}) => {
-  const renderButtonAction = (name2) => {
-    switch (name2) {
-      case "duplicate":
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingIcon, {})
-          }
-        );
-      case "archive":
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingIcon, {})
-          }
-        );
-      case "unarchive":
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 cursor-pointer flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingIcon, {})
-          }
-        );
-      case "delete":
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick,
-            className: "button-primary flex-1 flex items-center justify-center gap-2",
-            disabled: isLoading,
-            children: isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingIcon, {})
-          }
-        );
-      default:
-        break;
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModalLayer, { isOpen: isShowModal, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mx-auto flex flex-col items-center justify-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-[4px] items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-[18px] font-bold", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[16px]", children: content })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex justify-center items-center gap-2 w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: onClose,
-          className: "button-secondary flex-1 cursor-pointer"
-        }
-      ),
-      renderButtonAction(name)
-    ] })
-  ] }) });
-};
-
-// src/widget/common/modal-detail.tsx
-var import_react17 = require("react");
-var import_react_dom = require("react-dom");
-var import_react_tooltip = require("react-tooltip");
-var import_interface_logic13 = require("@fctc/interface-logic");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var ModalDetail = ({
-  idToolTip,
-  title,
-  model,
-  idForm,
-  aid,
-  place,
-  renderDetail,
-  context
-}) => {
-  const [showModalDetail, setShowModalDetail] = (0, import_react17.useState)(false);
-  const [actionData, setActionData] = (0, import_react17.useState)();
-  const { isShowingModalDetail } = (0, import_interface_logic13.useAppSelector)(import_interface_logic13.selectForm);
-  const appDispatch = (0, import_interface_logic13.useAppDispatch)();
-  const handleToggleModal = (e) => {
-    e.stopPropagation();
-    setShowModalDetail(!showModalDetail);
-    appDispatch((0, import_interface_logic13.setIsShowingModalDetail)(!isShowingModalDetail));
-  };
-  const handleNavigateDetail = () => {
-    sessionStorage.setItem("actionData", JSON.stringify(actionData));
-    (0, import_interface_logic13.setIsShowingModalDetail)(!isShowingModalDetail);
-    window.location.href = `/form/menu?model=${model}&id=${idForm}`;
-  };
-  return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      !isShowingModalDetail && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        import_react_tooltip.Tooltip,
-        {
-          opacity: 1,
-          className: "z-[99999] ",
-          place,
-          id: idToolTip,
-          clickable: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-            "button",
-            {
-              className: "flex gap-2 cursor-pointer items-center justify-center rounded-lg",
-              type: "button",
-              onClick: handleToggleModal,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EyeIcon, {}),
-                title
-              ]
-            }
-          )
-        }
-      ),
-      showModalDetail && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              "div",
-              {
-                id: "modal-detail",
-                className: "text-[20px] cursor-pointer font-semibold flex items-stretch gap-2",
-                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  "button",
-                  {
-                    onClick: handleNavigateDetail,
-                    className: "text-sm italic text-primary underline cursor-pointer",
-                    children: title
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: handleToggleModal, className: "cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CloseIcon, { className: "h-5 w-5" }) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 overflow-auto", children: typeof renderDetail === "function" && renderDetail({
-            id: idForm,
-            aid,
-            model,
-            setActionData,
-            context
-          }) })
-        ] }) })
-      ] })
-    ] }),
-    document.body
-  );
-};
-
-// src/widget/common/loading-normal.tsx
-var import_react18 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var LayerLoading = () => {
-  const [activeIndex, setActiveIndex] = (0, import_react18.useState)(0);
-  (0, import_react18.useEffect)(() => {
-    const interval = setInterval(() => {
-      setActiveIndex((prevIndex) => (prevIndex + 1) % 6);
-    }, 200);
-    return () => clearInterval(interval);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex justify-center flex-col items-center gap-12", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "loading-container", children: [...Array(6)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "div",
-      {
-        className: `loading-item ${index === activeIndex ? "active" : ""}`
-      },
-      index
-    )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-[rgba(45,45,45,1)] text-xl font-semibold tracking-[-1%]" })
-  ] }) }) });
-};
-
-// src/widget/common/loading-small.tsx
-var import_react19 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var LoadingSmall = () => {
-  const [activeIndex, setActiveIndex] = (0, import_react19.useState)(0);
-  (0, import_react19.useEffect)(() => {
-    const interval = setInterval(() => {
-      setActiveIndex((prevIndex) => (prevIndex + 1) % 6);
-    }, 200);
-    return () => clearInterval(interval);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "my-auto flex-1 h-full flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex justify-center flex-col items-center gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "loading-container-small", children: [...Array(4)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    "div",
-    {
-      className: `loading-item-small ${index === activeIndex ? "active" : ""}`
-    },
-    index
-  )) }) }) }) });
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  API_APP_URL,
+  API_PRESCHOOL_URL,
   CloseIcon,
   EyeIcon,
-  LayerLoading,
   LoadingIcon,
-  LoadingSmall,
-  ModalConfirm,
-  ModalDetail,
-  ModalLayer,
+  STORAGES,
   binaryFieldController,
   colorFieldController,
-  colorWrapperController,
+  combineContexts,
+  convertFieldsToArray,
   copyLinkButtonController,
+  countSum,
   dateFieldController,
   downLoadBinaryController,
   downloadFileController,
   durationController,
   floatController,
   floatTimeFiledController,
+  getDateRange,
+  languages,
   many2manyFieldController,
   many2manyTagsController,
   many2oneButtonController,
   many2oneFieldController,
+  mergeButtons,
   priorityFieldController,
+  setStorageItemAsync,
   statusDropdownController,
+  useAuth,
+  useCallAction,
   useClickOutside,
+  useConfig,
   useDebounce,
-  useTableHandler
+  useDetail,
+  useGetRowIds,
+  useListData,
+  useMenu,
+  useProfile,
+  useStorageState,
+  useUser,
+  useViewV2
 });
 /*! Bundled license information: