로그인 위치 변경

src/widgets/sub-layout/index.tsx

@@ -1,5 +1,7 @@
 import { 
   Fragment,
+  useCallback,
+  useEffect,
   useState
 } from 'react';
 import { Outlet } from 'react-router-dom';
@@ -9,6 +11,13 @@ import { PullToRefresh } from '@/widgets/pull-to-refresh/pull-to-refresh';
 import { useNavigate } from '@/shared/lib/hooks';
 import { useScrollToTop } from '@/shared/lib/hooks/use-scroll-to-top';
 import { HeaderType } from '@/entities/common/model/types';
+import { useHomeGroupsMutation } from '@/entities/home/api/use-home-groups-mutation';
+import { useUserInfo } from '@/entities/user/lib/use-user-info';
+import { useAppBridge } from '@/hooks';
+import { useStore } from '@/shared/model/store';
+import { getLocalStorage, setLocalStorage } from '@/shared/lib';
+import { StorageKeys } from '@/shared/constants/local-storage';
+import { HomeGroupsParams, HomeGroupsResponse } from '@/entities/home/model/types';
 
 export interface ContextType {
   setOnBack: (onBack: () => void) => void;
@@ -33,7 +42,128 @@ export const SubLayout = () => {
   const [footerCurrentPage, setFooterCurrentPage] = useState<undefined | string | null>(undefined);
   const [favoriteEdit, setFavoriteEdit] = useState<boolean>(false);
 
+  const { callLogin } = useUserInfo();
+  const { 
+    isNativeEnvironment,
+    openBiometricRegistrationPopup,
+    requestToken,
+    logout
+  } = useAppBridge();
+  const { mutateAsync: homeGroups } = useHomeGroupsMutation();
+  const [loginSuccess, setLoginSuccess] = useState<boolean>(false);
+
   const wrapperClassName = 'wrapper';
+  const userParmas = {
+    id: 'nictest00',
+    password: 'nictest00'
+  };
+  const handleRequestToken = useCallback(async () =>{
+    console.log('handleRequestToken');
+    alert('handleRequestToken');
+    requestToken().then((token) => {
+      if(!token) {
+        // 토큰이 null인 경우 로그아웃 처리
+        console.error('Token is null, performing logout');
+        useStore.getState().UserStore.resetUserInfo();
+        setLoginSuccess(false);
+        logout();
+        return;
+      }
+      console.log('token', token);
+
+      setLocalStorage(StorageKeys.Usrid, token.usrid);
+      setLocalStorage(StorageKeys.TokenType, token.tokenType);
+      setLocalStorage(StorageKeys.AccessToken, token.accessToken);
+      setLocalStorage(StorageKeys.RefreshToken, token.refreshToken);
+      setLocalStorage(StorageKeys.AccessTokenExpiresIn, token.accessTokenExpiresIn);
+      setLocalStorage(StorageKeys.RefreshTokenExpiresIn, token.refreshTokenExpiresIn);
+      setLocalStorage(StorageKeys.MenuGrants, token.menuGrants);
+      setLocalStorage(StorageKeys.ClientAddressIP, token.clientAddressIP);
+      setLocalStorage(StorageKeys.Requires2FA, token.requires2FA);
+
+      useStore.getState().UserStore.setUserInfo({
+        usrid: userParmas.id,
+        tokenType: token.tokenType,
+        accessToken: token.accessToken,
+        refreshToken: token.refreshToken,
+        accessTokenExpiresIn: token.accessTokenExpiresIn,
+        refreshTokenExpiresIn: token.refreshTokenExpiresIn,
+        menuGrants: token.menuGrants,
+        clientAddressIP: token.clientAddressIP,
+        requires2FA: token.requires2FA,
+      });
+
+      setLoginSuccess(true);
+    }).catch((error) => {
+      // 토큰 요청 실패 시 로그아웃 처리
+      console.error('Failed to request token:', error);
+      useStore.getState().UserStore.resetUserInfo();
+      setLoginSuccess(false);
+      logout();
+    });
+
+  }, []);
+  
+  const callHomeGroups = () => {
+    let userInfo = useStore.getState().UserStore.userInfo;
+    let params: HomeGroupsParams = {
+      userid: userInfo.usrid
+    };
+    homeGroups(params).then((rs: HomeGroupsResponse) => {
+      useStore.getState().UserStore.setUserMids(rs.mids);
+      let options: Array<Record<string, string>> = rs.mids.map((value, index) => {
+        return {
+          name: value,
+          value: value
+        };
+      });
+      useStore.getState().UserStore.setSelectOptionsMids(options);
+    });
+  };
+    
+    
+  const handleLogin = useCallback(async () =>{
+    //let appStart = getLocalStorage(StorageKeys.AppStart);
+    //if(!!appStart){
+    if(false){
+      useStore.getState().UserStore.resetUserInfo();
+      let tokenType = getLocalStorage(StorageKeys.TokenType);
+      let accessToken = getLocalStorage(StorageKeys.AccessToken);
+      let refreshToken = getLocalStorage(StorageKeys.RefreshToken);
+      let accessTokenExpiresIn = getLocalStorage(StorageKeys.AccessTokenExpiresIn);
+      let refreshTokenExpiresIn = getLocalStorage(StorageKeys.RefreshTokenExpiresIn);
+      let menuGrants = getLocalStorage(StorageKeys.TokenType);
+      // let usrid = getLocalStorage(StorageKeys.Usrid);
+      
+      useStore.getState().UserStore.setUserInfo({
+        tokenType: tokenType,
+        accessToken: accessToken,
+        refreshToken: refreshToken,
+        accessTokenExpiresIn: accessTokenExpiresIn,
+        refreshTokenExpiresIn: refreshTokenExpiresIn,
+        menuGrants: menuGrants,
+        // usrid: usrid
+      });
+      setLoginSuccess(true);
+      callHomeGroups();
+    }
+    else{
+      callLogin(userParmas).then(() => {
+        setLoginSuccess(true);
+        callHomeGroups();
+      });
+    }
+    
+  }, []);
+    
+  useEffect(() => {
+    // handleRequestToken();
+    if (isNativeEnvironment) {
+      handleRequestToken();
+    } else {
+      handleLogin();
+    }
+  }, []);
 
   return (
     <PullToRefresh 
@@ -50,18 +180,20 @@ export const SubLayout = () => {
           headerType={ headerType }
           favoriteEdit={ favoriteEdit }
         />
-        <Outlet
-          context={{
-            setOnBack,
-            setHeaderTitle,
-            setIsPullToRefreshEnabled,
-            setMenuOn,
-            setHeaderType,
-            setFooterMode,
-            setFooterCurrentPage,
-            setFavoriteEdit
-          }}
-        />
+        { loginSuccess && 
+          <Outlet
+            context={{
+              setOnBack,
+              setHeaderTitle,
+              setIsPullToRefreshEnabled,
+              setMenuOn,
+              setHeaderType,
+              setFooterMode,
+              setFooterCurrentPage,
+              setFavoriteEdit
+            }}
+          />
+        }
         {
           footerMode && 
           <FooterNavigation