@fctc/widget-logic 1.1.7 → 1.1.9

package/dist/index.js

@@ -641,8 +641,8 @@ var require_moment = __commonJS({
           tokens[token2](input, config._a, config, token2);
         }
       }
-      function isLeapYear(year2) {
-        return year2 % 4 === 0 && year2 % 100 !== 0 || year2 % 400 === 0;
+      function isLeapYear(year) {
+        return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
       }
       var YEAR = 0, MONTH = 1, DATE = 2, HOUR = 3, MINUTE = 4, SECOND = 5, MILLISECOND = 6, WEEK = 7, WEEKDAY = 8;
       addFormatToken("Y", 0, 0, function() {
@@ -670,8 +670,8 @@ var require_moment = __commonJS({
       addParseToken("Y", function(input, array) {
         array[YEAR] = parseInt(input, 10);
       });
-      function daysInYear(year2) {
-        return isLeapYear(year2) ? 366 : 365;
+      function daysInYear(year) {
+        return isLeapYear(year) ? 366 : 365;
       }
       hooks.parseTwoDigitYear = function(input) {
         return toInt(input) + (toInt(input) > 68 ? 1900 : 2e3);
@@ -718,7 +718,7 @@ var require_moment = __commonJS({
         }
       }
       function set$1(mom, unit, value) {
-        var d, isUTC, year2, month2, date;
+        var d, isUTC, year, month, date;
         if (!mom.isValid() || isNaN(value)) {
           return;
         }
@@ -745,11 +745,11 @@ var require_moment = __commonJS({
           default:
             return;
         }
-        year2 = value;
-        month2 = mom.month();
+        year = value;
+        month = mom.month();
         date = mom.date();
-        date = date === 29 && month2 === 1 && !isLeapYear(year2) ? 28 : date;
-        void (isUTC ? d.setUTCFullYear(year2, month2, date) : d.setFullYear(year2, month2, date));
+        date = date === 29 && month === 1 && !isLeapYear(year) ? 28 : date;
+        void (isUTC ? d.setUTCFullYear(year, month, date) : d.setFullYear(year, month, date));
       }
       function stringGet(units) {
         units = normalizeUnits(units);
@@ -790,13 +790,13 @@ var require_moment = __commonJS({
           return -1;
         };
       }
-      function daysInMonth(year2, month2) {
-        if (isNaN(year2) || isNaN(month2)) {
+      function daysInMonth(year, month) {
+        if (isNaN(year) || isNaN(month)) {
           return NaN;
         }
-        var modMonth = mod(month2, 12);
-        year2 += (month2 - modMonth) / 12;
-        return modMonth === 1 ? isLeapYear(year2) ? 29 : 28 : 31 - modMonth % 7 % 2;
+        var modMonth = mod(month, 12);
+        year += (month - modMonth) / 12;
+        return modMonth === 1 ? isLeapYear(year) ? 29 : 28 : 31 - modMonth % 7 % 2;
       }
       addFormatToken("M", ["MM", 2], "Mo", function() {
         return this.month() + 1;
@@ -819,9 +819,9 @@ var require_moment = __commonJS({
         array[MONTH] = toInt(input) - 1;
       });
       addParseToken(["MMM", "MMMM"], function(input, array, config, token2) {
-        var month2 = config._locale.monthsParse(input, token2, config._strict);
-        if (month2 != null) {
-          array[MONTH] = month2;
+        var month = config._locale.monthsParse(input, token2, config._strict);
+        if (month != null) {
+          array[MONTH] = month;
         } else {
           getParsingFlags(config).invalidMonth = input;
         }
@@ -931,9 +931,9 @@ var require_moment = __commonJS({
             }
           }
         }
-        var month2 = value, date = mom.date();
-        date = date < 29 ? date : Math.min(date, daysInMonth(mom.year(), month2));
-        void (mom._isUTC ? mom._d.setUTCMonth(month2, date) : mom._d.setMonth(month2, date));
+        var month = value, date = mom.date();
+        date = date < 29 ? date : Math.min(date, daysInMonth(mom.year(), month));
+        void (mom._isUTC ? mom._d.setUTCMonth(month, date) : mom._d.setMonth(month, date));
         return mom;
       }
       function getSetMonth(value) {
@@ -1036,20 +1036,20 @@ var require_moment = __commonJS({
         }
         return date;
       }
-      function firstWeekOffset(year2, dow, doy) {
-        var fwd = 7 + dow - doy, fwdlw = (7 + createUTCDate(year2, 0, fwd).getUTCDay() - dow) % 7;
+      function firstWeekOffset(year, dow, doy) {
+        var fwd = 7 + dow - doy, fwdlw = (7 + createUTCDate(year, 0, fwd).getUTCDay() - dow) % 7;
         return -fwdlw + fwd - 1;
       }
-      function dayOfYearFromWeeks(year2, week, weekday, dow, doy) {
-        var localWeekday = (7 + weekday - dow) % 7, weekOffset = firstWeekOffset(year2, dow, doy), dayOfYear = 1 + 7 * (week - 1) + localWeekday + weekOffset, resYear, resDayOfYear;
+      function dayOfYearFromWeeks(year, week, weekday, dow, doy) {
+        var localWeekday = (7 + weekday - dow) % 7, weekOffset = firstWeekOffset(year, dow, doy), dayOfYear = 1 + 7 * (week - 1) + localWeekday + weekOffset, resYear, resDayOfYear;
         if (dayOfYear <= 0) {
-          resYear = year2 - 1;
+          resYear = year - 1;
           resDayOfYear = daysInYear(resYear) + dayOfYear;
-        } else if (dayOfYear > daysInYear(year2)) {
-          resYear = year2 + 1;
-          resDayOfYear = dayOfYear - daysInYear(year2);
+        } else if (dayOfYear > daysInYear(year)) {
+          resYear = year + 1;
+          resDayOfYear = dayOfYear - daysInYear(year);
         } else {
-          resYear = year2;
+          resYear = year;
           resDayOfYear = dayOfYear;
         }
         return {
@@ -1074,9 +1074,9 @@ var require_moment = __commonJS({
           year: resYear
         };
       }
-      function weeksInYear(year2, dow, doy) {
-        var weekOffset = firstWeekOffset(year2, dow, doy), weekOffsetNext = firstWeekOffset(year2 + 1, dow, doy);
-        return (daysInYear(year2) - weekOffset + weekOffsetNext) / 7;
+      function weeksInYear(year, dow, doy) {
+        var weekOffset = firstWeekOffset(year, dow, doy), weekOffsetNext = firstWeekOffset(year + 1, dow, doy);
+        return (daysInYear(year) - weekOffset + weekOffsetNext) / 7;
       }
       addFormatToken("w", ["ww", 2], "wo", "week");
       addFormatToken("W", ["WW", 2], "Wo", "isoWeek");
@@ -1294,12 +1294,12 @@ var require_moment = __commonJS({
         if (!this.isValid()) {
           return input != null ? this : NaN;
         }
-        var day2 = get(this, "Day");
+        var day = get(this, "Day");
         if (input != null) {
           input = parseWeekday(input, this.localeData());
-          return this.add(input - day2, "d");
+          return this.add(input - day, "d");
         } else {
-          return day2;
+          return day;
         }
       }
       function getSetLocaleDayOfWeek(input) {
@@ -1796,13 +1796,13 @@ var require_moment = __commonJS({
         return result;
       }
       function untruncateYear(yearStr) {
-        var year2 = parseInt(yearStr, 10);
-        if (year2 <= 49) {
-          return 2e3 + year2;
-        } else if (year2 <= 999) {
-          return 1900 + year2;
+        var year = parseInt(yearStr, 10);
+        if (year <= 49) {
+          return 2e3 + year;
+        } else if (year <= 999) {
+          return 1900 + year;
         }
-        return year2;
+        return year;
       }
       function preprocessRFC2822(s) {
         return s.replace(/\([^()]*\)|[\n\t]/g, " ").replace(/(\s\s+)/g, " ").replace(/^\s\s*/, "").replace(/\s\s*$/, "");
@@ -2836,16 +2836,16 @@ var require_moment = __commonJS({
         if (!this.isValid()) {
           return "moment.invalid(/* " + this._i + " */)";
         }
-        var func = "moment", zone = "", prefix, year2, datetime, suffix;
+        var func = "moment", zone = "", prefix, year, datetime, suffix;
         if (!this.isLocal()) {
           func = this.utcOffset() === 0 ? "moment.utc" : "moment.parseZone";
           zone = "Z";
         }
         prefix = "[" + func + '("]';
-        year2 = 0 <= this.year() && this.year() <= 9999 ? "YYYY" : "YYYYYY";
+        year = 0 <= this.year() && this.year() <= 9999 ? "YYYY" : "YYYYYY";
         datetime = "-MM-DD[T]HH:mm:ss.SSS";
         suffix = zone + '[")]';
-        return this.format(prefix + year2 + datetime + suffix);
+        return this.format(prefix + year + datetime + suffix);
       }
       function format(inputString) {
         if (!inputString) {
@@ -3184,12 +3184,12 @@ var require_moment = __commonJS({
           }
         }
       }
-      function localeErasConvertYear(era, year2) {
+      function localeErasConvertYear(era, year) {
         var dir = era.since <= era.until ? 1 : -1;
-        if (year2 === void 0) {
+        if (year === void 0) {
           return hooks(era.since).year();
         } else {
-          return hooks(era.since).year() + (year2 - era.offset) * dir;
+          return hooks(era.since).year() + (year - era.offset) * dir;
         }
       }
       function getEraName() {
@@ -4036,6 +4036,7 @@ var index_exports = {};
 __export(index_exports, {
   API_APP_URL: () => API_APP_URL,
   API_PRESCHOOL_URL: () => API_PRESCHOOL_URL,
+  AppProvider: () => AppProvider,
   CloseIcon: () => CloseIcon,
   EyeIcon: () => EyeIcon,
   LoadingIcon: () => LoadingIcon,
@@ -4062,17 +4063,22 @@ __export(index_exports, {
   priorityFieldController: () => priorityFieldController,
   setStorageItemAsync: () => setStorageItemAsync,
   statusDropdownController: () => statusDropdownController,
+  useAppProvider: () => useAppProvider,
   useAuth: () => useAuth,
   useCallAction: () => useCallAction,
   useClickOutside: () => useClickOutside,
   useConfig: () => useConfig,
   useDebounce: () => useDebounce,
   useDetail: () => useDetail,
+  useForgotPasswordHandler: () => useForgotPasswordHandler,
   useGetRowIds: () => useGetRowIds,
   useListData: () => useListData,
+  useLoginHandler: () => useLoginHandler,
   useMenu: () => useMenu,
   useProfile: () => useProfile,
+  useResetPasswordHandler: () => useResetPasswordHandler,
   useStorageState: () => useStorageState,
+  useSwitchLocaleHandler: () => useSwitchLocaleHandler,
   useUser: () => useUser,
   useViewV2: () => useViewV2
 });
@@ -4670,8 +4676,125 @@ var useAuth = () => {
   };
 };
 
-// src/hooks/utils/use-click-outside.ts
+// src/hooks/core/use-app-provider.tsx
+var import_react10 = require("react");
+
+// src/hooks/core/use-company.ts
+var import_interface_logic9 = require("@fctc/interface-logic");
+var import_react_query3 = require("@tanstack/react-query");
 var import_react9 = require("react");
+var useCompany = (accessToken) => {
+  const getCurrentCompany = (0, import_interface_logic9.useGetCurrentCompany)();
+  const fetchCurrentCompany = async () => {
+    return await getCurrentCompany.mutateAsync();
+  };
+  const currentCompany = (0, import_react_query3.useQuery)({
+    queryKey: ["currentCompany", accessToken],
+    queryFn: fetchCurrentCompany,
+    enabled: !!accessToken
+  });
+  const current_company_id = (0, import_react9.useMemo)(() => {
+    return currentCompany.data?.current_company_id;
+  }, [currentCompany.data]);
+  (0, import_react9.useEffect)(() => {
+    if (current_company_id) {
+      const companyIDs = [current_company_id];
+      const env = (0, import_interface_logic9.getEnv)();
+      env.setAllowCompanies([...companyIDs]);
+      env.setCompanies(companyIDs);
+    }
+  }, [current_company_id]);
+  const getCompanyInfo = (0, import_interface_logic9.useGetCompanyInfo)();
+  const companyInfo = (0, import_react_query3.useQuery)({
+    queryKey: ["companyInfoQuery", current_company_id, accessToken],
+    queryFn: () => getCompanyInfo.mutateAsync(Number(current_company_id)),
+    enabled: !!current_company_id && !!accessToken
+  });
+  (0, import_react9.useEffect)(() => {
+    if (companyInfo.data) {
+      const companyInfoData = companyInfo.data;
+      if (companyInfoData?.length) {
+        const env = (0, import_interface_logic9.getEnv)();
+        env.setDefaultCompany(companyInfoData[0]);
+      }
+    }
+  }, [companyInfo.data]);
+  return {
+    currentCompany,
+    companyInfo,
+    context: { allowed_company_ids: [current_company_id] }
+  };
+};
+var use_company_default = useCompany;
+
+// src/hooks/core/use-app-provider.tsx
+var import_interface_logic10 = require("@fctc/interface-logic");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AppProviderInitialValue = {
+  config: {},
+  user: {},
+  auth: {},
+  company: {},
+  action: {},
+  menu: {},
+  view: {},
+  list: {}
+};
+var ReactContext = (0, import_react10.createContext)(AppProviderInitialValue);
+var AppProvider = ({ children }) => {
+  const config = useConfig({});
+  const auth = useAuth();
+  const user = useUser(auth.accessToken);
+  const company = use_company_default(auth.accessToken);
+  const menuContext = (0, import_react10.useMemo)(() => {
+    return combineContexts([user.context, company.context]);
+  }, [user.context, company.context]);
+  const menu = useMenu({ context: menuContext });
+  const action = (0, import_react10.useMemo)(() => {
+    return menu.state.action;
+  }, [menu.state.action]);
+  const viewContext = (0, import_react10.useMemo)(() => {
+    return combineContexts([
+      menuContext,
+      { ...(0, import_interface_logic10.evalJSONContext)(action?.result?.context) }
+    ]);
+  }, [menuContext, action?.result?.context]);
+  const view = useViewV2({
+    action,
+    context: viewContext
+  });
+  const list = useListData({
+    action,
+    viewResponse: view.data,
+    context: viewContext
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ReactContext.Provider,
+    {
+      value: {
+        config,
+        auth,
+        user,
+        company,
+        menu,
+        list,
+        action,
+        view
+      },
+      children
+    }
+  );
+};
+var useAppProvider = () => {
+  const context = (0, import_react10.useContext)(ReactContext);
+  if (!context) {
+    return AppProviderInitialValue;
+  }
+  return context;
+};
+
+// src/hooks/utils/use-click-outside.ts
+var import_react11 = require("react");
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -4679,8 +4802,8 @@ var useClickOutside = ({
   nodes = [],
   refs
 }) => {
-  const ref = (0, import_react9.useRef)(null);
-  (0, import_react9.useEffect)(() => {
+  const ref = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
     const listener = (event) => {
       const { target } = event;
       if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
@@ -4702,10 +4825,10 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-var import_react10 = require("react");
+var import_react12 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react10.useState)(value);
-  (0, import_react10.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react12.useState)(value);
+  (0, import_react12.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -4716,9 +4839,132 @@ function useDebounce(value, delay) {
   return [debouncedValue];
 }
 
+// src/hooks/api/use-switch-locale.ts
+var import_interface_logic11 = require("@fctc/interface-logic");
+var import_react13 = require("react");
+var useSwitchLocaleHandler = () => {
+  const switchUserLocale = (0, import_interface_logic11.useSwitchLocale)();
+  const env = (0, import_interface_logic11.getEnv)();
+  const { context } = (0, import_interface_logic11.useAppSelector)(import_interface_logic11.selectEnv);
+  const switchLocale = (0, import_react13.useCallback)(
+    async (langId) => {
+      if (!langId) return;
+      await switchUserLocale.mutateAsync({
+        data: {
+          id: parseInt(context?.uid),
+          values: { lang: langId }
+        }
+      });
+      env.setLang(langId);
+    },
+    [switchUserLocale]
+  );
+  return {
+    switchLocale,
+    isLoading: switchUserLocale.isPending,
+    error: switchUserLocale.error
+  };
+};
+
+// src/hooks/api/use-login.ts
+var import_interface_logic12 = require("@fctc/interface-logic");
+var import_react14 = require("react");
+var useLoginHandler = () => {
+  const loginMutate = (0, import_interface_logic12.useLoginCredential)();
+  const login = (0, import_react14.useCallback)(
+    ({
+      email,
+      password,
+      path
+    }, {
+      onSuccess,
+      onError
+    }) => {
+      loginMutate.mutate(
+        {
+          email,
+          password,
+          path
+        },
+        {
+          onSuccess,
+          onError
+        }
+      );
+    },
+    [loginMutate]
+  );
+  return {
+    login,
+    isLoading: loginMutate.isPending,
+    error: loginMutate.error
+  };
+};
+
+// src/hooks/api/use-forgot-password.ts
+var import_interface_logic13 = require("@fctc/interface-logic");
+var import_react15 = require("react");
+var useForgotPasswordHandler = () => {
+  const forgotPasswordMutate = (0, import_interface_logic13.useForgotPassword)();
+  const sendForgotPassword = (0, import_react15.useCallback)(
+    (email, {
+      onSuccess,
+      onError
+    } = {}) => {
+      forgotPasswordMutate.mutate(email, {
+        onSuccess,
+        onError
+      });
+    },
+    [forgotPasswordMutate]
+  );
+  return {
+    sendForgotPassword,
+    isLoading: forgotPasswordMutate.isPending,
+    error: forgotPasswordMutate.error
+  };
+};
+
+// src/hooks/api/use-reset-password.ts
+var import_interface_logic14 = require("@fctc/interface-logic");
+var import_react16 = require("react");
+var useResetPasswordHandler = () => {
+  const resetPasswordMutate = (0, import_interface_logic14.useResetPassword)();
+  const resetPassword = (0, import_react16.useCallback)(
+    ({
+      password,
+      confirmPassword,
+      token
+    }, {
+      onSuccess,
+      onError
+    }) => {
+      resetPasswordMutate.mutate(
+        {
+          data: {
+            password,
+            confirmPassword
+          },
+          token
+        },
+        {
+          onSuccess,
+          onError
+        }
+      );
+    },
+    [resetPasswordMutate]
+  );
+  return {
+    resetPassword,
+    isLoading: resetPasswordMutate.isPending,
+    error: resetPasswordMutate.error
+  };
+};
+
 // src/icons/eye-icon.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
   "svg",
   {
     width: "20",
@@ -4727,7 +4973,7 @@ var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "path",
         {
           d: "M2.72904 13.5776C2.02076 12.6574 1.66663 12.1974 1.66663 10.8312C1.66663 9.46507 2.02076 9.00499 2.72904 8.08483C4.14326 6.24752 6.51505 4.16455 9.99996 4.16455C13.4849 4.16455 15.8567 6.24752 17.2709 8.08483C17.9792 9.00499 18.3333 9.46507 18.3333 10.8312C18.3333 12.1974 17.9792 12.6574 17.2709 13.5776C15.8567 15.4149 13.4849 17.4979 9.99996 17.4979C6.51505 17.4979 4.14326 15.4149 2.72904 13.5776Z",
@@ -4735,7 +4981,7 @@ var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           strokeWidth: "1.5"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "path",
         {
           d: "M12.5 10.8311C12.5 12.2118 11.3807 13.3311 10 13.3311C8.61929 13.3311 7.5 12.2118 7.5 10.8311C7.5 9.45034 8.61929 8.33105 10 8.33105C11.3807 8.33105 12.5 9.45034 12.5 10.8311Z",
@@ -4748,13 +4994,13 @@ var EyeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
 );
 
 // src/icons/loading-icon.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var LoadingIcon = ({
   width = 15,
   height = 15,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -4769,8 +5015,8 @@ var LoadingIcon = ({
         background: "transparent"
       },
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "circle",
           {
             strokeDasharray: "141.37166941154067 49.12388980384689",
@@ -4780,7 +5026,7 @@ var LoadingIcon = ({
             fill: "none",
             cy: "50",
             cx: "50",
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "animateTransform",
               {
                 keyTimes: "0;1",
@@ -4793,16 +5039,16 @@ var LoadingIcon = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", {})
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("g", {})
       ] })
     }
   );
 };
 
 // src/icons/close-icon.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var CloseIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "svg",
     {
       width: "24",
@@ -4811,7 +5057,7 @@ var CloseIcon = ({ className = "" }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "path",
         {
           d: "M12.0001 10.7275L16.4551 6.27246L17.7277 7.54506L13.2727 12.0001L17.7277 16.4551L16.4551 17.7277L12.0001 13.2727L7.54506 17.7277L6.27246 16.4551L10.7275 12.0001L6.27246 7.54506L7.54506 6.27246L12.0001 10.7275Z",
@@ -4823,19 +5069,19 @@ var CloseIcon = ({ className = "" }) => {
 };
 
 // src/widget/basic/status-dropdown-field/controller.ts
-var import_react11 = require("react");
-var import_interface_logic9 = require("@fctc/interface-logic");
+var import_react17 = require("react");
+var import_interface_logic15 = require("@fctc/interface-logic");
 var statusDropdownController = (props) => {
   const { selection, isForm, id, model, name, state, onRefetch } = props;
-  const env = (0, import_interface_logic9.getEnv)();
+  const env = (0, import_interface_logic15.getEnv)();
   const colors = {
     normal: "bg-[#e9ecef]",
     done: "bg-primary",
     blocked: "bg-red-500"
   };
-  const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
-  const buttonRef = (0, import_react11.useRef)(null);
-  (0, import_react11.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react17.useState)(false);
+  const buttonRef = (0, import_react17.useRef)(null);
+  (0, import_react17.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (buttonRef.current && !buttonRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -4846,7 +5092,7 @@ var statusDropdownController = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  const { mutate: onSave } = (0, import_interface_logic9.useSave)();
+  const { mutate: onSave } = (0, import_interface_logic15.useSave)();
   const handleClick = async (status) => {
     setIsOpen(!isOpen);
     onSave(
@@ -4876,8 +5122,8 @@ var statusDropdownController = (props) => {
 };
 
 // src/widget/basic/many2one-field/controller.ts
-var import_react12 = require("react");
-var import_interface_logic10 = require("@fctc/interface-logic");
+var import_react18 = require("react");
+var import_interface_logic16 = require("@fctc/interface-logic");
 var many2oneFieldController = (props) => {
   const {
     name,
@@ -4892,24 +5138,24 @@ var many2oneFieldController = (props) => {
     showDetail = true,
     actionData
   } = props;
-  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 [options, setOptions] = (0, import_react18.useState)([]);
+  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react18.useState)(false);
+  const [tempSelectedOption, setTempSelectedOption] = (0, import_react18.useState)(null);
+  const { menuList } = (0, import_interface_logic16.useAppSelector)(import_interface_logic16.selectNavbar);
+  const { context } = (0, import_interface_logic16.useAppSelector)(import_interface_logic16.selectEnv);
+  const [domainModal, setDomainModal] = (0, import_react18.useState)(null);
   const initValue = methods?.getValues(name);
-  const domainObject = (0, import_react12.useMemo)(
-    () => (0, import_interface_logic10.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues)) ?? {}),
+  const domainObject = (0, import_react18.useMemo)(
+    () => (0, import_interface_logic16.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues)) ?? {}),
     [domain, formValues]
   );
-  const optionsObject = (0, import_interface_logic10.evalJSONContext)(fieldOptions) || {};
+  const optionsObject = (0, import_interface_logic16.evalJSONContext)(fieldOptions) || {};
   const contextObject = {
-    ...(0, import_interface_logic10.evalJSONContext)(actionData?.context) || {},
+    ...(0, import_interface_logic16.evalJSONContext)(actionData?.context) || {},
     ...fieldContext,
     ...context
   };
-  const actionId = (0, import_react12.useMemo)(
+  const actionId = (0, import_react18.useMemo)(
     () => menuList?.flatMap(
       (item) => item?.child_id.filter(
         (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
@@ -4930,25 +5176,25 @@ var many2oneFieldController = (props) => {
   const queryKey = [`data_${relation}`, domainObject];
   const {
     data: dataOfSelection,
-    // refetch,
+    refetch,
     isFetching
-  } = (0, import_interface_logic10.useGetSelection)({
+  } = (0, import_interface_logic16.useGetSelection)({
     data,
     queryKey,
     enabled: false
   });
-  const selectOptions = (0, import_react12.useMemo)(() => {
+  const selectOptions = (0, import_react18.useMemo)(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val?.id,
       label: val?.display_name || val?.name
     })) || [];
   }, [dataOfSelection]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     setOptions(selectOptions);
     setDomainModal(domainObject);
-    if (relation === "student.subject") (0, import_interface_logic10.setListSubject)(selectOptions);
+    if (relation === "student.subject") (0, import_interface_logic16.setListSubject)(selectOptions);
   }, [selectOptions]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!propValue && tempSelectedOption) {
       methods.setValue(name, null);
       setTempSelectedOption(null);
@@ -4959,12 +5205,15 @@ var many2oneFieldController = (props) => {
       });
     }
   }, [propValue]);
-  (0, import_react12.useEffect)(() => {
+  const fetchMoreOptions = (0, import_react18.useCallback)(() => {
+    refetch();
+  }, [refetch]);
+  (0, import_react18.useEffect)(() => {
     if (actionId) {
       localStorage.setItem("aid", actionId);
     }
   }, [actionId]);
-  const handleChooseRecord = (0, import_react12.useCallback)(
+  const handleChooseRecord = (0, import_react18.useCallback)(
     (idRecord) => {
       const newOption = options.find(
         (option) => option.value === idRecord
@@ -4989,8 +5238,8 @@ var many2oneFieldController = (props) => {
     },
     [options, methods, name, onChange]
   );
-  const handleClose = (0, import_react12.useCallback)(() => setIsShowModalMany2Many(false), []);
-  const handleSelectChange = (0, import_react12.useCallback)(
+  const handleClose = (0, import_react18.useCallback)(() => setIsShowModalMany2Many(false), []);
+  const handleSelectChange = (0, import_react18.useCallback)(
     (selectedOption) => {
       if (!selectedOption) {
         methods.setValue(name, null, { shouldDirty: true });
@@ -5024,13 +5273,13 @@ var many2oneFieldController = (props) => {
     isFetching,
     isShowModalMany2Many,
     options,
-    // fetchMoreOptions,
+    fetchMoreOptions,
     domainModal,
     tempSelectedOption,
     setTempSelectedOption,
     setDomainModal,
     dataOfSelection,
-    // refetch,
+    refetch,
     selectOptions,
     optionsObject,
     contextObject,
@@ -5040,18 +5289,18 @@ var many2oneFieldController = (props) => {
 };
 
 // src/widget/basic/many2one-button-field/controller.ts
-var import_interface_logic11 = require("@fctc/interface-logic");
+var import_interface_logic17 = require("@fctc/interface-logic");
 var many2oneButtonController = (props) => {
   const { domain, methods, relation } = props;
   const actionDataString = sessionStorage.getItem("actionData");
-  const env = (0, import_interface_logic11.getEnv)();
-  const domainObject = (0, import_interface_logic11.evalJSONDomain)(domain, methods?.getValues() || {});
+  const env = (0, import_interface_logic17.getEnv)();
+  const domainObject = (0, import_interface_logic17.evalJSONDomain)(domain, methods?.getValues() || {});
   const actionData = actionDataString && actionDataString !== "undefined" ? JSON.parse(actionDataString) : {};
-  const { data: dataOfSelection } = (0, import_interface_logic11.useGetSelection)({
+  const { data: dataOfSelection } = (0, import_interface_logic17.useGetSelection)({
     data: {
       model: relation ?? "",
       domain: domainObject,
-      context: { ...env.context, ...(0, import_interface_logic11.evalJSONContext)(actionData?.context) }
+      context: { ...env.context, ...(0, import_interface_logic17.evalJSONContext)(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -5065,22 +5314,15 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-var import_react16 = require("react");
-var import_interface_logic16 = require("@fctc/interface-logic");
-
-// 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");
+var import_react20 = require("react");
+var import_interface_logic19 = 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 import_interface_logic18 = require("@fctc/interface-logic");
+var import_react19 = require("react");
 var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react14.useState)(data.records || []);
-  const [columns, setColumns] = (0, import_react14.useState)([]);
+  const [rows, setRows] = (0, import_react19.useState)(data.records || []);
+  const [columns, setColumns] = (0, import_react19.useState)([]);
   const dataModelFields = data.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
@@ -5108,14 +5350,14 @@ var tableController = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react19.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_logic14.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic14.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_interface_logic18.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic18.domainHelper.matchDomains(data.context, item?.invisible) : false);
       })?.map((field) => {
         return {
           name: field?.name,
@@ -5129,7 +5371,7 @@ var tableController = ({ data }) => {
     }
     return cols;
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const columns2 = handleGetColumns();
     setColumns(columns2);
   }, [data.records]);
@@ -5153,32 +5395,6 @@ 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 {
@@ -5188,7 +5404,7 @@ var many2manyFieldController = (props) => {
     tab,
     model,
     aid,
-    setSelectedRowKeys: setSelectedRowKeys4,
+    setSelectedRowKeys,
     fields,
     setFields,
     groupByDomain,
@@ -5196,14 +5412,14 @@ var many2manyFieldController = (props) => {
     options,
     sessionStorageUtils
   } = props;
-  const appDispatch = (0, import_interface_logic16.useAppDispatch)();
+  const appDispatch = (0, import_interface_logic19.useAppDispatch)();
   const actionData = sessionStorageUtils.getActionData();
   const [debouncedPage] = useDebounce(page, 500);
-  const [order, setOrder] = (0, import_react16.useState)();
-  const [isLoadedData, setIsLoadedData] = (0, import_react16.useState)(false);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react16.useState)(domain);
-  const env = (0, import_interface_logic16.getEnv)();
-  const { selectedTags } = (0, import_interface_logic16.useAppSelector)(import_interface_logic16.selectSearch);
+  const [order, setOrder] = (0, import_react20.useState)();
+  const [isLoadedData, setIsLoadedData] = (0, import_react20.useState)(false);
+  const [domainMany2Many, setDomainMany2Many] = (0, import_react20.useState)(domain);
+  const env = (0, import_interface_logic19.getEnv)();
+  const { selectedTags } = (0, import_interface_logic19.useAppSelector)(import_interface_logic19.selectSearch);
   const viewParams = {
     model: relation,
     views: [
@@ -5212,11 +5428,11 @@ var many2manyFieldController = (props) => {
     ],
     context
   };
-  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, import_interface_logic16.useGetView)(
+  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, import_interface_logic19.useGetView)(
     viewParams,
     actionData
   );
-  const baseModel = (0, import_react16.useMemo)(
+  const baseModel = (0, import_react20.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
@@ -5228,26 +5444,26 @@ var many2manyFieldController = (props) => {
     }),
     [model, viewResponse]
   );
-  const initModel = (0, import_interface_logic16.useModel)();
-  const modelInstance = (0, import_react16.useMemo)(() => {
+  const initModel = (0, import_interface_logic19.useModel)();
+  const modelInstance = (0, import_react20.useMemo)(() => {
     if (viewResponse) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewResponse]);
-  const specification = (0, import_react16.useMemo)(() => {
+  const specification = (0, import_react20.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_logic16.evalJSONContext)(tab?.options) : (options ? (0, import_interface_logic16.evalJSONContext)(options) : {}) || {};
+  const optionsObject = tab?.options ? (0, import_interface_logic19.evalJSONContext)(tab?.options) : (options ? (0, import_interface_logic19.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
       setDomainMany2Many(domain);
-      appDispatch((0, import_interface_logic16.setFirstDomain)(domain));
-      appDispatch((0, import_interface_logic16.setViewDataStore)(viewResponse));
+      appDispatch((0, import_interface_logic19.setFirstDomain)(domain));
+      appDispatch((0, import_interface_logic19.setViewDataStore)(viewResponse));
       const modalData = viewResponse?.views?.list?.fields.map((field) => ({
         ...viewResponse?.models?.[String(model)]?.[field?.name],
         ...field
@@ -5258,7 +5474,7 @@ var many2manyFieldController = (props) => {
           [`${aid}_${relation}_popupmany2many`]: modalData
         });
       }
-      appDispatch((0, import_interface_logic16.setPage)(0));
+      appDispatch((0, import_interface_logic19.setPage)(0));
     } catch (err) {
       console.log(err);
     }
@@ -5280,7 +5496,7 @@ var many2manyFieldController = (props) => {
     context,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_interface_logic16.formatSortingString)(default_order) : ""
+    sort: order ? order : default_order ? (0, import_interface_logic19.formatSortingString)(default_order) : ""
   };
   const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
@@ -5288,19 +5504,19 @@ var many2manyFieldController = (props) => {
     isLoading: isDataLoading,
     isFetched: isDataResponseFetched,
     isPlaceholderData
-  } = (0, import_interface_logic16.useGetListData)(data, queryKey, enabled);
-  (0, import_react16.useEffect)(() => {
+  } = (0, import_interface_logic19.useGetListData)(data, queryKey, enabled);
+  (0, import_react20.useEffect)(() => {
     if (viewResponse) {
       fetchData();
     }
     return () => {
-      appDispatch((0, import_interface_logic16.setGroupByDomain)(null));
+      appDispatch((0, import_interface_logic19.setGroupByDomain)(null));
       setFields((prevFields) => ({
         ...prevFields,
         [`${aid}_${relation}_popupmany2many`]: null
       }));
-      appDispatch((0, import_interface_logic16.setPage)(0));
-      setSelectedRowKeys4([]);
+      appDispatch((0, import_interface_logic19.setPage)(0));
+      setSelectedRowKeys([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
     };
@@ -5323,18 +5539,18 @@ var many2manyFieldController = (props) => {
     refetch,
     data: dataFormViewResponse,
     isSuccess
-  } = (0, import_interface_logic16.useGetFormView)({
+  } = (0, import_interface_logic19.useGetFormView)({
     data: dataFormView,
     queryKey: [`form-view-action-${relation}`],
     enabled: false
   });
-  (0, import_react16.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (isSuccess && dataFormViewResponse) {
       sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
       window.location.href = `/form/menu?model=${relation}`;
     }
   }, [isSuccess]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (domainMany2Many && !isLoadedData) {
       setIsLoadedData(true);
     }
@@ -5350,8 +5566,8 @@ var many2manyFieldController = (props) => {
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-var import_react17 = require("react");
-var import_interface_logic17 = require("@fctc/interface-logic");
+var import_react21 = require("react");
+var import_interface_logic20 = require("@fctc/interface-logic");
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -5362,10 +5578,10 @@ var many2manyTagsController = (props) => {
     placeholderNoOption
   } = props;
   const isUser = relation === "res.users" || relation === "res.partner";
-  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 || {}))),
+  const env = (0, import_interface_logic20.getEnv)();
+  const addtionalFields = optionsFields ? (0, import_interface_logic20.evalJSONContext)(optionsFields) : null;
+  const domainObject = (0, import_react21.useMemo)(
+    () => (0, import_interface_logic20.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -5375,13 +5591,13 @@ var many2manyTagsController = (props) => {
       id: {},
       name: {},
       display_name: {},
-      ...widget && import_interface_logic17.WIDGETAVATAR[widget] ? { image_256: {} } : {},
-      ...widget && import_interface_logic17.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
+      ...widget && import_interface_logic20.WIDGETAVATAR[widget] ? { image_256: {} } : {},
+      ...widget && import_interface_logic20.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
     },
     enabled: true,
     context: env.context
   };
-  const { data: dataOfSelection } = (0, import_interface_logic17.useGetSelection)({
+  const { data: dataOfSelection } = (0, import_interface_logic20.useGetSelection)({
     data,
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -5407,8 +5623,8 @@ var many2manyTagsController = (props) => {
 };
 
 // src/widget/basic/status-bar-field/controller.ts
-var import_react18 = require("react");
-var import_interface_logic18 = require("@fctc/interface-logic");
+var import_react22 = require("react");
+var import_interface_logic21 = require("@fctc/interface-logic");
 var durationController = (props) => {
   const {
     relation,
@@ -5425,14 +5641,14 @@ var durationController = (props) => {
     name: "",
     fold: ""
   };
-  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 [disabled, setDisabled] = (0, import_react22.useState)(false);
+  const [modelStatus, setModalStatus] = (0, import_react22.useState)(false);
+  const { context } = (0, import_interface_logic21.useAppSelector)(import_interface_logic21.selectEnv);
   const queryKey = [`data-status-duration`, specification];
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_interface_logic18.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, import_interface_logic21.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -5442,8 +5658,8 @@ var durationController = (props) => {
     },
     sort: ""
   };
-  const { data: dataResponse } = (0, import_interface_logic18.useGetListData)(listDataProps, queryKey);
-  const { mutate: fetchChangeStatus } = (0, import_interface_logic18.useChangeStatus)();
+  const { data: dataResponse } = (0, import_interface_logic21.useGetListData)(listDataProps, queryKey);
+  const { mutate: fetchChangeStatus } = (0, import_interface_logic21.useChangeStatus)();
   const handleClick = async (stage_id) => {
     setDisabled(true);
     if (stage_id) {
@@ -5479,7 +5695,7 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-var import_interface_logic19 = require("@fctc/interface-logic");
+var import_interface_logic22 = require("@fctc/interface-logic");
 var priorityFieldController = (props) => {
   const {
     value,
@@ -5494,11 +5710,11 @@ var priorityFieldController = (props) => {
     viewData,
     context
   } = props;
-  const _context = { ...(0, import_interface_logic19.evalJSONContext)(actionData?.context) };
+  const _context = { ...(0, import_interface_logic22.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_logic19.useSave)();
+  const { mutateAsync: fetchSave } = (0, import_interface_logic22.useSave)();
   const savePriorities = async ({
     value: value2,
     resetPriority
@@ -5533,8 +5749,8 @@ var priorityFieldController = (props) => {
 };
 
 // src/widget/basic/float-time-field/controller.ts
-var import_react19 = require("react");
-var import_interface_logic20 = require("@fctc/interface-logic");
+var import_react23 = require("react");
+var import_interface_logic23 = require("@fctc/interface-logic");
 var floatTimeFiledController = ({
   onChange: fieldOnChange,
   onBlur,
@@ -5543,11 +5759,11 @@ var floatTimeFiledController = ({
   props
 }) => {
   const { name, defaultValue = 0, onChange } = props;
-  const [input, setInput] = (0, import_react19.useState)(
-    (0, import_interface_logic20.convertFloatToTime)(value ?? defaultValue)
+  const [input, setInput] = (0, import_react23.useState)(
+    (0, import_interface_logic23.convertFloatToTime)(value ?? defaultValue)
   );
-  const [formattedTime, setFormattedTime] = (0, import_react19.useState)("");
-  const [errors, setErrors] = (0, import_react19.useState)("");
+  const [formattedTime, setFormattedTime] = (0, import_react23.useState)("");
+  const [errors, setErrors] = (0, import_react23.useState)("");
   const handleInputChange = (e) => {
     const raw = e.target.value.replace(/[^\d:]/g, "");
     setInput(raw);
@@ -5577,7 +5793,7 @@ var floatTimeFiledController = ({
     if (!isDirty) return;
     if (formattedTime) {
       setInput(formattedTime);
-      const floatVal = (0, import_interface_logic20.convertTimeToFloat)(formattedTime);
+      const floatVal = (0, import_interface_logic23.convertTimeToFloat)(formattedTime);
       fieldOnChange(floatVal);
       if (onChange) {
         onChange(name ?? "", floatVal);
@@ -5620,7 +5836,31 @@ var floatTimeFiledController = ({
 };
 
 // src/widget/basic/float-field/controller.ts
-var import_react20 = require("react");
+var import_react24 = 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,
@@ -5628,10 +5868,10 @@ var floatController = ({
 }) => {
   const { name, required, methods, onChange: handleOnchange, string } = props;
   const { setError, clearErrors } = methods;
-  const [inputValue, setInputValue] = (0, import_react20.useState)(
+  const [inputValue, setInputValue] = (0, import_react24.useState)(
     value !== void 0 && value !== null ? useFormatFloatNumber(value) : ""
   );
-  (0, import_react20.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (value !== void 0 && value !== null && value !== parseFloat(inputValue?.replace(/,/g, ""))) {
       setInputValue(useFormatFloatNumber(value));
       clearErrors(name);
@@ -5639,9 +5879,9 @@ var floatController = ({
       setInputValue("");
     }
   }, [value, name, clearErrors]);
-  const isDirtyRef = (0, import_react20.useRef)(false);
-  const inputRef = (0, import_react20.useRef)(null);
-  const lastCommittedValueRef = (0, import_react20.useRef)(null);
+  const isDirtyRef = (0, import_react24.useRef)(false);
+  const inputRef = (0, import_react24.useRef)(null);
+  const lastCommittedValueRef = (0, import_react24.useRef)(null);
   const handleInputChange = (e) => {
     const newValue = e.target.value;
     const valueWithoutCommas = newValue.replace(/,/g, "");
@@ -5742,10 +5982,10 @@ var useFormatFloatNumber = (value) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-var import_react21 = require("react");
+var import_react25 = require("react");
 var downloadFileController = () => {
-  const inputId = (0, import_react21.useId)();
-  const [file, setFile] = (0, import_react21.useState)(null);
+  const inputId = (0, import_react25.useId)();
+  const [file, setFile] = (0, import_react25.useState)(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -5797,9 +6037,6 @@ var downLoadBinaryController = (props) => {
 };
 
 // src/widget/basic/date-field/controller.ts
-var import_day = __toESM(require("react-datepicker/dist/day"));
-var import_month = __toESM(require("react-datepicker/dist/month"));
-var import_year = __toESM(require("react-datepicker/dist/year"));
 var import_moment = __toESM(require_moment());
 var DURATIONS = {
   PAST: "past",
@@ -5907,21 +6144,18 @@ var dateFieldController = (props) => {
     months_en,
     customValidateMinMax,
     minNowValue,
-    maxNowValue,
-    year: import_year.default,
-    month: import_month.default,
-    day: import_day.default
+    maxNowValue
   };
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-var import_react22 = require("react");
-var import_interface_logic21 = require("@fctc/interface-logic");
+var import_react26 = require("react");
+var import_interface_logic24 = require("@fctc/interface-logic");
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = (0, import_react22.useState)(false);
+  const [isCopied, setIsCopied] = (0, import_react26.useState)(false);
   const handleCopyToClipboard = async (value2) => {
-    await (0, import_interface_logic21.copyTextToClipboard)(value2);
+    await (0, import_interface_logic24.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -5934,14 +6168,14 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-var import_interface_logic22 = require("@fctc/interface-logic");
+var import_interface_logic25 = require("@fctc/interface-logic");
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
-  const env = (0, import_interface_logic22.getEnv)();
-  const _context = { ...(0, import_interface_logic22.evalJSONContext)(actionData?.context) || {} };
+  const env = (0, import_interface_logic25.getEnv)();
+  const _context = { ...(0, import_interface_logic25.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
-  const { mutate: onSave } = (0, import_interface_logic22.useSave)();
+  const { mutate: onSave } = (0, import_interface_logic25.useSave)();
   const savePickColor = async (colorObject) => {
     const { id } = colorObject;
     if (value === id) return;
@@ -5966,16 +6200,16 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-var import_react23 = require("react");
-var import_interface_logic23 = require("@fctc/interface-logic");
+var import_react27 = require("react");
+var import_interface_logic26 = require("@fctc/interface-logic");
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
-  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 inputId = (0, import_react27.useId)();
+  const [selectedImage, setSelectedImage] = (0, import_react27.useState)(null);
+  const [initialImage, setInitialImage] = (0, import_react27.useState)(value || null);
+  const [isInsideTable, setIsInsideTable] = (0, import_react27.useState)(false);
   const { setValue } = methods;
-  const binaryRef = (0, import_react23.useRef)(null);
+  const binaryRef = (0, import_react27.useRef)(null);
   const convertUrlToBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -6024,11 +6258,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_logic23.isBase64Image)(url) || isBlobUrl(url);
+    return imageExtensions.test(url) || (0, import_interface_logic26.isBase64Image)(url) || isBlobUrl(url);
   };
   const getImageBase64WithMimeType = (base64) => {
     if (typeof base64 !== "string" || base64.length < 10) return null;
-    if ((0, import_interface_logic23.isBase64Image)(base64)) return base64;
+    if ((0, import_interface_logic26.isBase64Image)(base64)) return base64;
     let mimeType = null;
     if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
     else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
@@ -6037,14 +6271,14 @@ var binaryFieldController = (props) => {
     else if (base64.startsWith("UklGR")) mimeType = "image/webp";
     return mimeType ? `data:${mimeType};base64,${base64}` : null;
   };
-  (0, import_react23.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     return () => {
       if (selectedImage) {
         URL.revokeObjectURL(selectedImage);
       }
     };
   }, [selectedImage]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (binaryRef.current) {
       const isInsideTable2 = !!binaryRef.current.closest("table");
       setIsInsideTable(isInsideTable2);
@@ -6066,6 +6300,7 @@ var binaryFieldController = (props) => {
 0 && (module.exports = {
   API_APP_URL,
   API_PRESCHOOL_URL,
+  AppProvider,
   CloseIcon,
   EyeIcon,
   LoadingIcon,
@@ -6092,17 +6327,22 @@ var binaryFieldController = (props) => {
   priorityFieldController,
   setStorageItemAsync,
   statusDropdownController,
+  useAppProvider,
   useAuth,
   useCallAction,
   useClickOutside,
   useConfig,
   useDebounce,
   useDetail,
+  useForgotPasswordHandler,
   useGetRowIds,
   useListData,
+  useLoginHandler,
   useMenu,
   useProfile,
+  useResetPasswordHandler,
   useStorageState,
+  useSwitchLocaleHandler,
   useUser,
   useViewV2
 });