@fctc/widget-logic 1.1.6 → 1.1.8

package/dist/hooks.mjs

@@ -214,6 +214,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 useReducer(
     (_state, action = null) => [false, action],
@@ -524,8 +534,129 @@ var useAuth = () => {
   };
 };
 
+// src/hooks/core/use-app-provider.tsx
+import { createContext, useContext, useMemo as useMemo7 } from "react";
+
+// src/hooks/core/use-company.ts
+import {
+  getEnv as getEnv4,
+  useGetCompanyInfo,
+  useGetCurrentCompany
+} from "@fctc/interface-logic";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
+import { useEffect as useEffect6, useMemo as useMemo6 } from "react";
+var useCompany = (accessToken) => {
+  const getCurrentCompany = useGetCurrentCompany();
+  const fetchCurrentCompany = async () => {
+    return await getCurrentCompany.mutateAsync();
+  };
+  const currentCompany = useQuery3({
+    queryKey: ["currentCompany", accessToken],
+    queryFn: fetchCurrentCompany,
+    enabled: !!accessToken
+  });
+  const current_company_id = useMemo6(() => {
+    return currentCompany.data?.current_company_id;
+  }, [currentCompany.data]);
+  useEffect6(() => {
+    if (current_company_id) {
+      const companyIDs = [current_company_id];
+      const env = getEnv4();
+      env.setAllowCompanies([...companyIDs]);
+      env.setCompanies(companyIDs);
+    }
+  }, [current_company_id]);
+  const getCompanyInfo = useGetCompanyInfo();
+  const companyInfo = useQuery3({
+    queryKey: ["companyInfoQuery", current_company_id, accessToken],
+    queryFn: () => getCompanyInfo.mutateAsync(Number(current_company_id)),
+    enabled: !!current_company_id && !!accessToken
+  });
+  useEffect6(() => {
+    if (companyInfo.data) {
+      const companyInfoData = companyInfo.data;
+      if (companyInfoData?.length) {
+        const env = getEnv4();
+        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
+import { evalJSONContext } from "@fctc/interface-logic";
+import { jsx } from "react/jsx-runtime";
+var AppProviderInitialValue = {
+  config: {},
+  user: {},
+  auth: {},
+  company: {},
+  action: {},
+  menu: {},
+  view: {},
+  list: {}
+};
+var ReactContext = 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 = useMemo7(() => {
+    return combineContexts([user.context, company.context]);
+  }, [user.context, company.context]);
+  const menu = useMenu({ context: menuContext });
+  const action = useMemo7(() => {
+    return menu.state.action;
+  }, [menu.state.action]);
+  const viewContext = useMemo7(() => {
+    return combineContexts([
+      menuContext,
+      { ...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__ */ jsx(
+    ReactContext.Provider,
+    {
+      value: {
+        config,
+        auth,
+        user,
+        company,
+        menu,
+        list,
+        action,
+        view
+      },
+      children
+    }
+  );
+};
+var useAppProvider = () => {
+  const context = useContext(ReactContext);
+  if (!context) {
+    return AppProviderInitialValue;
+  }
+  return context;
+};
+
 // src/hooks/utils/use-click-outside.ts
-import { useEffect as useEffect6, useRef as useRef2 } from "react";
+import { useEffect as useEffect7, useRef as useRef2 } from "react";
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -534,7 +665,7 @@ var useClickOutside = ({
   refs
 }) => {
   const ref = useRef2(null);
-  useEffect6(() => {
+  useEffect7(() => {
     const listener = (event) => {
       const { target } = event;
       if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
@@ -556,10 +687,10 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-import { useEffect as useEffect7, useState as useState5 } from "react";
+import { useEffect as useEffect8, useState as useState5 } from "react";
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState5(value);
-  useEffect7(() => {
+  useEffect8(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -569,16 +700,150 @@ function useDebounce(value, delay) {
   }, [value, delay]);
   return [debouncedValue];
 }
+
+// src/hooks/api/use-switch-locale.ts
+import {
+  getEnv as getEnv5,
+  selectEnv,
+  useAppSelector as useAppSelector2,
+  useSwitchLocale
+} from "@fctc/interface-logic";
+import { useCallback as useCallback2 } from "react";
+var useSwitchLocaleHandler = () => {
+  const switchUserLocale = useSwitchLocale();
+  const env = getEnv5();
+  const { context } = useAppSelector2(selectEnv);
+  const switchLocale = useCallback2(
+    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
+import { useLoginCredential as useLoginCredential2 } from "@fctc/interface-logic";
+import { useCallback as useCallback3 } from "react";
+var useLoginHandler = () => {
+  const loginMutate = useLoginCredential2();
+  const login = useCallback3(
+    ({
+      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
+import { useForgotPassword } from "@fctc/interface-logic";
+import { useCallback as useCallback4 } from "react";
+var useForgotPasswordHandler = () => {
+  const forgotPasswordMutate = useForgotPassword();
+  const sendForgotPassword = useCallback4(
+    (email, {
+      onSuccess,
+      onError
+    } = {}) => {
+      forgotPasswordMutate.mutate(email, {
+        onSuccess,
+        onError
+      });
+    },
+    [forgotPasswordMutate]
+  );
+  return {
+    sendForgotPassword,
+    isLoading: forgotPasswordMutate.isPending,
+    error: forgotPasswordMutate.error
+  };
+};
+
+// src/hooks/api/use-reset-password.ts
+import { useResetPassword } from "@fctc/interface-logic";
+import { useCallback as useCallback5 } from "react";
+var useResetPasswordHandler = () => {
+  const resetPasswordMutate = useResetPassword();
+  const resetPassword = useCallback5(
+    ({
+      password,
+      confirmPassword,
+      token
+    }, {
+      onSuccess,
+      onError
+    }) => {
+      resetPasswordMutate.mutate(
+        {
+          data: {
+            password,
+            confirmPassword
+          },
+          token
+        },
+        {
+          onSuccess,
+          onError
+        }
+      );
+    },
+    [resetPasswordMutate]
+  );
+  return {
+    resetPassword,
+    isLoading: resetPasswordMutate.isPending,
+    error: resetPasswordMutate.error
+  };
+};
 export {
+  AppProvider,
+  useAppProvider,
   useAuth,
   useCallAction,
   useClickOutside,
   useConfig,
   useDebounce,
   useDetail,
+  useForgotPasswordHandler,
   useListData,
+  useLoginHandler,
   useMenu,
   useProfile,
+  useResetPasswordHandler,
+  useSwitchLocaleHandler,
   useUser,
   useViewV2
 };

package/dist/index.d.mts

@@ -1,17 +1,15 @@
-export { ActionResultType, Context, Record, ViewResponse, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useListData, useListDataType, useMenu, useMenuType, useProfile, useUser, useUserType, useViewV2, useViewV2Type } from './hooks.mjs';
+export { ActionResultType, AppProvider, Context, Record, ViewResponse, useAppProvider, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useForgotPasswordHandler, useListData, useListDataType, useLoginHandler, useMenu, useMenuType, useProfile, useResetPasswordHandler, useSwitchLocaleHandler, useUser, useUserType, useViewV2, useViewV2Type } from './hooks.mjs';
 export { CloseIcon, EyeIcon, LoadingIcon } from './icons.mjs';
 import { IInputFieldProps, ValuePropsType } from './types.mjs';
 import * as react from 'react';
 import { ChangeEvent } from 'react';
-import * as _fctc_interface_logic from '@fctc/interface-logic';
-import { BaseModelInit } from '@fctc/interface-logic';
-import * as _fctc_interface_logic_dist_index_C_nK1Mii from '@fctc/interface-logic/dist/index-C_nK1Mii';
 import day from 'react-datepicker/dist/day';
 import month from 'react-datepicker/dist/month';
 import year from 'react-datepicker/dist/year';
 import moment from 'moment';
 export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useGetRowIds, useStorageState } from './utils.mjs';
 import '@tanstack/react-query';
+import '@fctc/interface-logic';
 
 type TStatus = 'normal' | 'done' | 'blocked';
 interface TStatusDropdownFieldProps extends IInputFieldProps {
@@ -31,39 +29,34 @@ declare const statusDropdownController: (props: TStatusDropdownFieldProps) => {
     colors: Record<TStatus, string>;
 };
 
-interface Many2OneProps {
-    name: string;
-    methods: any;
-    formValues: any;
-    domain: any;
-    relation: any;
-    onChange: any;
-    value: any;
-    context: any;
-    options: any;
-    showDetail: any;
-    actionData: any;
+interface IMany2OneProps extends IInputFieldProps {
+    context?: any;
+    options?: any;
+    showDetail?: boolean;
+    actionData?: any;
 }
 
-declare const many2oneFieldController: (props: Many2OneProps) => {
-    allowShowDetail: any;
+declare const many2oneFieldController: (props: IMany2OneProps) => {
+    allowShowDetail: boolean;
     handleClose: () => void;
     handleChooseRecord: (idRecord: number) => void;
     handleSelectChange: (selectedOption: any) => void;
     initValue: any;
     isFetching: boolean;
     isShowModalMany2Many: boolean;
-    options: never[];
-    domainModal: null;
+    options: any[];
+    fetchMoreOptions: () => void;
+    domainModal: any;
     tempSelectedOption: any;
-    setTempSelectedOption: react.Dispatch<any>;
-    setDomainModal: react.Dispatch<react.SetStateAction<null>>;
+    setTempSelectedOption: React.Dispatch<React.SetStateAction<any>>;
+    setDomainModal: React.Dispatch<React.SetStateAction<any>>;
     dataOfSelection: any;
-    selectOptions: any;
-    optionsObject: {};
+    refetch: () => void;
+    selectOptions: any[];
+    optionsObject: any;
     contextObject: any;
     actionId: any;
-    setIsShowModalMany2Many: react.Dispatch<react.SetStateAction<boolean>>;
+    setIsShowModalMany2Many: React.Dispatch<React.SetStateAction<boolean>>;
 };
 
 type Option = {
@@ -74,12 +67,9 @@ declare const many2oneButtonController: (props: IInputFieldProps) => {
     options: Option[];
 };
 
-interface Many2ManyControllerProps {
-    relation: string;
-    domain: any;
+interface IMany2ManyControllerProps extends IInputFieldProps {
     context: any;
     tab: any;
-    model: string;
     aid: number;
     setSelectedRowKeys: any;
     fields: any;
@@ -90,48 +80,7 @@ interface Many2ManyControllerProps {
     sessionStorageUtils: any;
 }
 
-declare const many2manyFieldController: (props: Many2ManyControllerProps) => {
-    rows: any[];
-    columns: any;
-    typeTable: "list" | "calendar" | "group" | undefined;
-    handleCreateNewOnPage: () => Promise<void>;
-    isLoadedData: boolean;
-    domainMany2Many: any;
-    isDataLoading: boolean;
-    isDataResponseFetched: boolean;
-    isPlaceholderData: boolean;
-    queryKey: any[];
-    data: {
-        model: string;
-        specification: Record<string, any> | null;
-        domain: any;
-        offset: number;
-        limit: number;
-        context: any;
-        fields: any;
-        groupby: any[];
-        sort: string | null;
-    };
-    specification: Record<string, any> | null;
-    enabled: boolean;
-    isViewReponseFetched: boolean;
-    actionData: any;
-    viewResponse: any;
-    debouncedPage: number;
-    order: undefined;
-    default_order: any;
-    optionsObject: {} | null;
-    setDomainMany2Many: react.Dispatch<any>;
-    selectedTags: [];
-    initModel: {
-        initModel: (modelData: _fctc_interface_logic_dist_index_C_nK1Mii.a) => _fctc_interface_logic.BaseModel;
-    };
-    modelInstance: _fctc_interface_logic.BaseModel | null;
-    baseModel: BaseModelInit;
-    dataResponse: any;
-    isLoading: boolean;
-    setOrder: react.Dispatch<react.SetStateAction<undefined>>;
-};
+declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {};
 
 interface IMany2ManyTagFieldProps extends IInputFieldProps {
     options: any;

package/dist/index.d.ts

@@ -1,17 +1,15 @@
-export { ActionResultType, Context, Record, ViewResponse, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useListData, useListDataType, useMenu, useMenuType, useProfile, useUser, useUserType, useViewV2, useViewV2Type } from './hooks.js';
+export { ActionResultType, AppProvider, Context, Record, ViewResponse, useAppProvider, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useForgotPasswordHandler, useListData, useListDataType, useLoginHandler, useMenu, useMenuType, useProfile, useResetPasswordHandler, useSwitchLocaleHandler, useUser, useUserType, useViewV2, useViewV2Type } from './hooks.js';
 export { CloseIcon, EyeIcon, LoadingIcon } from './icons.js';
 import { IInputFieldProps, ValuePropsType } from './types.js';
 import * as react from 'react';
 import { ChangeEvent } from 'react';
-import * as _fctc_interface_logic from '@fctc/interface-logic';
-import { BaseModelInit } from '@fctc/interface-logic';
-import * as _fctc_interface_logic_dist_index_C_nK1Mii from '@fctc/interface-logic/dist/index-C_nK1Mii';
 import day from 'react-datepicker/dist/day';
 import month from 'react-datepicker/dist/month';
 import year from 'react-datepicker/dist/year';
 import moment from 'moment';
 export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useGetRowIds, useStorageState } from './utils.js';
 import '@tanstack/react-query';
+import '@fctc/interface-logic';
 
 type TStatus = 'normal' | 'done' | 'blocked';
 interface TStatusDropdownFieldProps extends IInputFieldProps {
@@ -31,39 +29,34 @@ declare const statusDropdownController: (props: TStatusDropdownFieldProps) => {
     colors: Record<TStatus, string>;
 };
 
-interface Many2OneProps {
-    name: string;
-    methods: any;
-    formValues: any;
-    domain: any;
-    relation: any;
-    onChange: any;
-    value: any;
-    context: any;
-    options: any;
-    showDetail: any;
-    actionData: any;
+interface IMany2OneProps extends IInputFieldProps {
+    context?: any;
+    options?: any;
+    showDetail?: boolean;
+    actionData?: any;
 }
 
-declare const many2oneFieldController: (props: Many2OneProps) => {
-    allowShowDetail: any;
+declare const many2oneFieldController: (props: IMany2OneProps) => {
+    allowShowDetail: boolean;
     handleClose: () => void;
     handleChooseRecord: (idRecord: number) => void;
     handleSelectChange: (selectedOption: any) => void;
     initValue: any;
     isFetching: boolean;
     isShowModalMany2Many: boolean;
-    options: never[];
-    domainModal: null;
+    options: any[];
+    fetchMoreOptions: () => void;
+    domainModal: any;
     tempSelectedOption: any;
-    setTempSelectedOption: react.Dispatch<any>;
-    setDomainModal: react.Dispatch<react.SetStateAction<null>>;
+    setTempSelectedOption: React.Dispatch<React.SetStateAction<any>>;
+    setDomainModal: React.Dispatch<React.SetStateAction<any>>;
     dataOfSelection: any;
-    selectOptions: any;
-    optionsObject: {};
+    refetch: () => void;
+    selectOptions: any[];
+    optionsObject: any;
     contextObject: any;
     actionId: any;
-    setIsShowModalMany2Many: react.Dispatch<react.SetStateAction<boolean>>;
+    setIsShowModalMany2Many: React.Dispatch<React.SetStateAction<boolean>>;
 };
 
 type Option = {
@@ -74,12 +67,9 @@ declare const many2oneButtonController: (props: IInputFieldProps) => {
     options: Option[];
 };
 
-interface Many2ManyControllerProps {
-    relation: string;
-    domain: any;
+interface IMany2ManyControllerProps extends IInputFieldProps {
     context: any;
     tab: any;
-    model: string;
     aid: number;
     setSelectedRowKeys: any;
     fields: any;
@@ -90,48 +80,7 @@ interface Many2ManyControllerProps {
     sessionStorageUtils: any;
 }
 
-declare const many2manyFieldController: (props: Many2ManyControllerProps) => {
-    rows: any[];
-    columns: any;
-    typeTable: "list" | "calendar" | "group" | undefined;
-    handleCreateNewOnPage: () => Promise<void>;
-    isLoadedData: boolean;
-    domainMany2Many: any;
-    isDataLoading: boolean;
-    isDataResponseFetched: boolean;
-    isPlaceholderData: boolean;
-    queryKey: any[];
-    data: {
-        model: string;
-        specification: Record<string, any> | null;
-        domain: any;
-        offset: number;
-        limit: number;
-        context: any;
-        fields: any;
-        groupby: any[];
-        sort: string | null;
-    };
-    specification: Record<string, any> | null;
-    enabled: boolean;
-    isViewReponseFetched: boolean;
-    actionData: any;
-    viewResponse: any;
-    debouncedPage: number;
-    order: undefined;
-    default_order: any;
-    optionsObject: {} | null;
-    setDomainMany2Many: react.Dispatch<any>;
-    selectedTags: [];
-    initModel: {
-        initModel: (modelData: _fctc_interface_logic_dist_index_C_nK1Mii.a) => _fctc_interface_logic.BaseModel;
-    };
-    modelInstance: _fctc_interface_logic.BaseModel | null;
-    baseModel: BaseModelInit;
-    dataResponse: any;
-    isLoading: boolean;
-    setOrder: react.Dispatch<react.SetStateAction<undefined>>;
-};
+declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {};
 
 interface IMany2ManyTagFieldProps extends IInputFieldProps {
     options: any;