@fctc/widget-logic 1.1.7 → 1.1.9

package/dist/hooks.d.mts

@@ -918,6 +918,41 @@ declare const useAuth: () => {
 };
 type useAuthType = ReturnType<typeof useAuth>;
 
+declare const useCompany: (accessToken: string | null) => {
+    currentCompany: _tanstack_react_query.UseQueryResult<CurrentCompany | undefined, Error>;
+    companyInfo: _tanstack_react_query.UseQueryResult<any, Error>;
+    context: {
+        allowed_company_ids: (number | undefined)[];
+    };
+};
+
+interface CompanyTuple extends Array<number | string> {
+    0: number;
+    1: string;
+}
+interface CurrentCompany {
+    allowed_companies: CompanyTuple[];
+    current_company: CompanyTuple;
+    current_company_id: number;
+    is_allowed: boolean;
+}
+type useCompanyType = ReturnType<typeof useCompany>;
+
+type AppProviderType = {
+    config: useConfigType;
+    user: useUserType;
+    auth: useAuthType;
+    company: useCompanyType;
+    action: ActionResultType;
+    menu: useMenuType;
+    view: useViewV2Type;
+    list: useListDataType;
+};
+declare const AppProvider: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+declare const useAppProvider: () => AppProviderType;
+
 declare const DEFAULT_EVENTS: readonly ["mousedown", "touchstart"];
 type EventType = (typeof DEFAULT_EVENTS)[number];
 interface UseClickOutsideOptions {
@@ -930,4 +965,45 @@ declare const useClickOutside: ({ handler, events, nodes, refs, }: UseClickOutsi
 
 declare function useDebounce<T>(value: T, delay: number): [T];
 
-export { type ActionResultType, type Context, type Record, type ViewResponse, useAuth, type useAuthType, useCallAction, type useCallActionType, useClickOutside, useConfig, type useConfigType, useDebounce, useDetail, useListData, type useListDataType, useMenu, type useMenuType, useProfile, useUser, type useUserType, useViewV2, type useViewV2Type };
+declare const useSwitchLocaleHandler: () => {
+    switchLocale: (langId: string) => Promise<void>;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+declare const useLoginHandler: () => {
+    login: ({ email, password, path, }: {
+        email: string;
+        password: string;
+        path: string;
+    }, { onSuccess, onError, }: {
+        onSuccess?: (res: any) => void;
+        onError?: (err: any) => void;
+    }) => void;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+declare const useForgotPasswordHandler: () => {
+    sendForgotPassword: (email: string, { onSuccess, onError, }?: {
+        onSuccess?: () => void;
+        onError?: (err: any) => void;
+    }) => void;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+declare const useResetPasswordHandler: () => {
+    resetPassword: ({ password, confirmPassword, token, }: {
+        password: string;
+        confirmPassword: string;
+        token: string;
+    }, { onSuccess, onError, }: {
+        onSuccess?: () => void;
+        onError?: () => void;
+    }) => void;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+export { type ActionResultType, AppProvider, type Context, type Record, type ViewResponse, useAppProvider, useAuth, type useAuthType, useCallAction, type useCallActionType, useClickOutside, useConfig, type useConfigType, useDebounce, useDetail, useForgotPasswordHandler, useListData, type useListDataType, useLoginHandler, useMenu, type useMenuType, useProfile, useResetPasswordHandler, useSwitchLocaleHandler, useUser, type useUserType, useViewV2, type useViewV2Type };

package/dist/hooks.d.ts

@@ -918,6 +918,41 @@ declare const useAuth: () => {
 };
 type useAuthType = ReturnType<typeof useAuth>;
 
+declare const useCompany: (accessToken: string | null) => {
+    currentCompany: _tanstack_react_query.UseQueryResult<CurrentCompany | undefined, Error>;
+    companyInfo: _tanstack_react_query.UseQueryResult<any, Error>;
+    context: {
+        allowed_company_ids: (number | undefined)[];
+    };
+};
+
+interface CompanyTuple extends Array<number | string> {
+    0: number;
+    1: string;
+}
+interface CurrentCompany {
+    allowed_companies: CompanyTuple[];
+    current_company: CompanyTuple;
+    current_company_id: number;
+    is_allowed: boolean;
+}
+type useCompanyType = ReturnType<typeof useCompany>;
+
+type AppProviderType = {
+    config: useConfigType;
+    user: useUserType;
+    auth: useAuthType;
+    company: useCompanyType;
+    action: ActionResultType;
+    menu: useMenuType;
+    view: useViewV2Type;
+    list: useListDataType;
+};
+declare const AppProvider: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+declare const useAppProvider: () => AppProviderType;
+
 declare const DEFAULT_EVENTS: readonly ["mousedown", "touchstart"];
 type EventType = (typeof DEFAULT_EVENTS)[number];
 interface UseClickOutsideOptions {
@@ -930,4 +965,45 @@ declare const useClickOutside: ({ handler, events, nodes, refs, }: UseClickOutsi
 
 declare function useDebounce<T>(value: T, delay: number): [T];
 
-export { type ActionResultType, type Context, type Record, type ViewResponse, useAuth, type useAuthType, useCallAction, type useCallActionType, useClickOutside, useConfig, type useConfigType, useDebounce, useDetail, useListData, type useListDataType, useMenu, type useMenuType, useProfile, useUser, type useUserType, useViewV2, type useViewV2Type };
+declare const useSwitchLocaleHandler: () => {
+    switchLocale: (langId: string) => Promise<void>;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+declare const useLoginHandler: () => {
+    login: ({ email, password, path, }: {
+        email: string;
+        password: string;
+        path: string;
+    }, { onSuccess, onError, }: {
+        onSuccess?: (res: any) => void;
+        onError?: (err: any) => void;
+    }) => void;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+declare const useForgotPasswordHandler: () => {
+    sendForgotPassword: (email: string, { onSuccess, onError, }?: {
+        onSuccess?: () => void;
+        onError?: (err: any) => void;
+    }) => void;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+declare const useResetPasswordHandler: () => {
+    resetPassword: ({ password, confirmPassword, token, }: {
+        password: string;
+        confirmPassword: string;
+        token: string;
+    }, { onSuccess, onError, }: {
+        onSuccess?: () => void;
+        onError?: () => void;
+    }) => void;
+    isLoading: boolean;
+    error: Error | null;
+};
+
+export { type ActionResultType, AppProvider, type Context, type Record, type ViewResponse, useAppProvider, useAuth, type useAuthType, useCallAction, type useCallActionType, useClickOutside, useConfig, type useConfigType, useDebounce, useDetail, useForgotPasswordHandler, useListData, type useListDataType, useLoginHandler, useMenu, type useMenuType, useProfile, useResetPasswordHandler, useSwitchLocaleHandler, useUser, type useUserType, useViewV2, type useViewV2Type };

package/dist/hooks.js

@@ -20,15 +20,21 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // 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
 });
@@ -238,6 +244,16 @@ var convertFieldsToArray = (fields) => {
   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],
@@ -537,8 +553,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,
@@ -546,8 +679,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))) {
@@ -569,10 +702,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);
@@ -582,17 +715,146 @@ function useDebounce(value, delay) {
   }, [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
 });