refresh token

src/pages/auth/components/LoginStep2.tsx

@@ -12,6 +12,7 @@ import { Pages } from '../../../config/Pages'
 import { useOtpVerify } from '../hooks/useAuthData'
 import { ErrorType } from '../../../helpers/types'
 import { toast } from 'react-toastify'
+import { setToken, setRefreshToken } from '../../../config/func'
 
 const LoginStep2: FC = () => {
 
@@ -36,8 +37,8 @@ const LoginStep2: FC = () => {
             }
             otpVerify.mutate(params, {
                 onSuccess(data) {
-                    localStorage.setItem(import.meta.env.VITE_TOKEN_NAME, data?.data?.accessToken?.token)
-                    localStorage.setItem(import.meta.env.VITE_REFRESH_TOKEN_NAME, data?.data?.refreshToken?.token)
+                    setToken(data?.data?.accessToken?.token)
+                    setRefreshToken(data?.data?.refreshToken?.token)
                     window.location.href = Pages.dashboard
                 },
                 onError(error: ErrorType) {

src/pages/auth/components/LoginStep3.tsx

@@ -13,6 +13,8 @@ import ArrowLeftIcon from '../../../assets/images/arrow-left.svg'
 import { useLoginWithPassword } from '../hooks/useAuthData'
 import { toast } from 'react-toastify'
 import { ErrorType } from '../../../helpers/types'
+import { setRefreshToken } from '../../../config/func'
+import { setToken } from '../../../config/func'
 
 const LoginStep3: FC = () => {
 
@@ -32,8 +34,8 @@ const LoginStep3: FC = () => {
         onSubmit(values) {
             loginWithPassword.mutate(values, {
                 onSuccess(data) {
-                    localStorage.setItem(import.meta.env.VITE_TOKEN_NAME, data?.data?.accessToken?.token)
-                    localStorage.setItem(import.meta.env.VITE_REFRESH_TOKEN_NAME, data?.data?.refreshToken?.token)
+                    setToken(data?.data?.accessToken?.token)
+                    setRefreshToken(data?.data?.refreshToken?.token)
                     window.location.href = Pages.dashboard
                 },
                 onError(error: ErrorType) {

src/pages/auth/service/AuthService.ts

@@ -5,6 +5,7 @@ import {
   LoginWithOtpType,
   LoginWithPasswordType,
   OtpVerifyType,
+  RefreshTokenType,
   RegisterType,
 } from "../types/AuthTypes";
 
@@ -37,3 +38,8 @@ export const register = async (params: RegisterType) => {
   const { data } = await axios.post(`/auth/register/complete`, params);
   return data;
 };
+
+export const refreshToken = async (params: RefreshTokenType) => {
+  const { data } = await axios.post(`/auth/refresh`, params);
+  return data;
+};

src/pages/auth/types/AuthTypes.ts

@@ -49,3 +49,6 @@ export type RegisterType = {
   password: string;
   code: number;
 };
+export type RefreshTokenType = {
+  refreshToken: string;
+};