import * as React from "react";
import * as HttpUtils from "utils/HttpUtils";
import * as UrlUtils from "utils/ApiPathConst";
import { useNavigate } from "react-router-dom";
import { useDispatch } from "react-redux";
import { handleLogoutFunction, handleLogin } from 'auth/index';

import Loadable from 'components/Loadable';
const LoadingComponent = Loadable(React.lazy(() => import('pages/extra-pages/LoadingComponent')));


// ==============================|| DASHBOARD - DEFAULT ||============================== //

const Index = () => {

    const dispatch = useDispatch()
    const navigate = useNavigate()

    React.useEffect(() => {
        getPrfile();
    }, []);

    function getPrfile(){
        dispatch(handleLogoutFunction());

        let params = new URLSearchParams(window.location.search)
        if(params.get("code")){
            HttpUtils.post({
                url: UrlUtils.GET_SMART_LOGIN,
                params:{
                    code: params.get("code")
                },
                onSuccess: (responseData) => {

                    //navigate('/iAmSmartRegisterFrom', { state: { responseData: responseData } });

                        console.log(response)
                        const userData = {
                          id: responseData.id,
                          fullenName: responseData.name,
                          fullchName: responseData.chName,
                          email: responseData.email,
                          type: responseData.type,
                          role: responseData.role,
                          abilities: responseData.abilities,
                          creditor: responseData.creditor,
                          //avatar: require('src/assets/images/users/avatar-3.png').default,
                        }
                        const data = { ...userData, accessToken: responseData.accessToken, refreshToken: responseData.refreshToken }
                        // setSuccess(true)
                        dispatch(handleLogin(data))
                        navigate('/dashboard');
                        location.reload()

                },
                onFail: ()=>{
                    window.location.assign("/login");
                },
                onError:()=>{
                    window.location.assign("/login");
                }
            });
        }
    }

    return (
            <LoadingComponent />
    );
};

export default Index;