@fctc/widget-logic 1.2.0 → 1.2.2

package/dist/hooks.js

@@ -0,0 +1,860 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  AppProvider: () => AppProvider,
+  useAppProvider: () => useAppProvider,
+  useAuth: () => useAuth,
+  useCallAction: () => useCallAction,
+  useClickOutside: () => useClickOutside,
+  useConfig: () => useConfig,
+  useDebounce: () => useDebounce,
+  useDetail: () => useDetail,
+  useForgotPasswordHandler: () => useForgotPasswordHandler,
+  useListData: () => useListData,
+  useLoginHandler: () => useLoginHandler,
+  useMenu: () => useMenu,
+  useProfile: () => useProfile,
+  useResetPasswordHandler: () => useResetPasswordHandler,
+  useSwitchLocaleHandler: () => useSwitchLocaleHandler,
+  useUser: () => useUser,
+  useViewV2: () => useViewV2
+});
+module.exports = __toCommonJS(hooks_exports);
+
+// 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 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;
+  }
+}
+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_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 } = (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);
+      i18n.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/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: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_interface_logic10.MainProvider, { 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,
+  events = DEFAULT_EVENTS,
+  nodes = [],
+  refs
+}) => {
+  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))) {
+        return;
+      }
+      if (!(target instanceof HTMLElement)) return;
+      const shouldIgnore = target.hasAttribute("data-ignore-outside-clicks") || !document.body.contains(target) && target.tagName !== "HTML";
+      const shouldTrigger = nodes.length > 0 ? nodes.every((node) => node && !event.composedPath().includes(node)) : ref.current && !ref.current.contains(target);
+      if (shouldTrigger && !shouldIgnore) {
+        handler(event);
+      }
+    };
+    events.forEach((event) => document.addEventListener(event, listener));
+    return () => {
+      events.forEach((event) => document.removeEventListener(event, listener));
+    };
+  }, [handler, nodes, events]);
+  return ref;
+};
+
+// src/hooks/utils/use-debounce.ts
+var import_react12 = require("react");
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = (0, import_react12.useState)(value);
+  (0, import_react12.useEffect)(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [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
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppProvider,
+  useAppProvider,
+  useAuth,
+  useCallAction,
+  useClickOutside,
+  useConfig,
+  useDebounce,
+  useDetail,
+  useForgotPasswordHandler,
+  useListData,
+  useLoginHandler,
+  useMenu,
+  useProfile,
+  useResetPasswordHandler,
+  useSwitchLocaleHandler,
+  useUser,
+  useViewV2
+});