feat: adding MVP support for access token (#38)

versini-org · Jun 25, 2024 · a5a85fd · a5a85fd
1 parent 86fb8a0
commit a5a85fd
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 3 deletions.
diff --git a/examples/implicit-flow/src/main.tsx b/examples/implicit-flow/src/main.tsx
@@ -71,6 +71,11 @@ export const App = ({ timeout }: { timeout: string }) => {
 
 				<h2>State</h2>
 				<pre className="text-xs">{JSON.stringify(useAuth(), null, 2)}</pre>
+
+				<h2>Access Token</h2>
+				<pre className="text-xs">
+					{JSON.stringify(useAuth().getAccessToken(), null, 2)}
+				</pre>
 			</Main>
 			<Footer row1={<p>Timeout: {timeout}</p>} />
 		</div>

diff --git a/packages/auth-common/src/components/index.ts b/packages/auth-common/src/components/index.ts
@@ -27,6 +27,11 @@ sjqybA9mARAqh9k/eiIopecWSiffNQTwVQVd2I9ZH3BalhEXHlqFgrjz51kFqg81
 awIDAQAB
 -----END PUBLIC KEY-----`;
 
+export const TOKEN_EXPIRATION = {
+	ACCESS: "5m",
+	ID: "90d",
+};
+
 export const verifyAndExtractToken = async (
 	token: string,
 	audience: string,

diff --git a/packages/auth-provider/src/common/types.d.ts b/packages/auth-provider/src/common/types.d.ts
@@ -20,4 +20,5 @@ export type AuthState = {
 export type AuthContextProps = {
 	login: (username: string, password: string) => Promise<boolean>;
 	logout: () => void;
+	getAccessToken: () => string;
 } & AuthState;
diff --git a/packages/auth-provider/src/common/utilities.ts b/packages/auth-provider/src/common/utilities.ts
@@ -63,7 +63,7 @@ export const authenticateUser = async ({
 	try {
 		const response = await serviceCall({
 			params: {
-				type: AUTH_TYPES.ID_TOKEN,
+				type: AUTH_TYPES.ID_AND_ACCESS_TOKEN,
 				username,
 				password,
 				sessionExpiration,
@@ -74,6 +74,7 @@ export const authenticateUser = async ({
 		if (jwt && jwt.payload[JWT.USER_ID_KEY] !== "") {
 			return {
 				idToken: response.data.idToken,
+				accessToken: response.data.accessToken,
 				userId: jwt.payload[JWT.USER_ID_KEY] as string,
 				status: true,
 			};

diff --git a/packages/auth-provider/src/components/AuthProvider/AuthContext.ts b/packages/auth-provider/src/components/AuthProvider/AuthContext.ts
@@ -11,6 +11,7 @@ export const AuthContext = createContext<AuthContextProps>({
 	isLoading: false,
 	login: stub,
 	logout: stub,
+	getAccessToken: stub,
 	logoutReason: "",
 	idTokenClaims: null,
 });
diff --git a/packages/auth-provider/src/components/AuthProvider/AuthProvider.tsx b/packages/auth-provider/src/components/AuthProvider/AuthProvider.tsx
@@ -21,6 +21,9 @@ export const AuthProvider = ({
 	const [idToken, setIdToken, , removeIdToken] = useLocalStorage({
 		key: `${LOCAL_STORAGE_PREFIX}::${clientId}::@@user@@`,
 	});
+	const [accessToken, setAccessToken, , removeAccessToken] = useLocalStorage({
+		key: `${LOCAL_STORAGE_PREFIX}::${clientId}::@@access@@`,
+	});
 
 	const [authState, setAuthState] = useState<AuthState>({
 		isLoading: true,
@@ -42,8 +45,9 @@ export const AuthProvider = ({
 				idTokenClaims: null,
 			});
 			removeIdToken();
+			removeAccessToken();
 		},
-		[removeIdToken],
+		[removeIdToken, removeAccessToken],
 	);
 
 	/**
@@ -89,6 +93,7 @@ export const AuthProvider = ({
 		});
 		if (response.status) {
 			setIdToken(response.idToken);
+			setAccessToken(response.accessToken);
 			setAuthState({
 				isLoading: false,
 				isAuthenticated: true,
@@ -104,8 +109,14 @@ export const AuthProvider = ({
 		cleanupSession(LOGOUT_SESSION);
 	};
 
+	const getAccessToken = () => {
+		return accessToken;
+	};
+
 	return (
-		<AuthContext.Provider value={{ ...authState, login, logout }}>
+		<AuthContext.Provider
+			value={{ ...authState, login, logout, getAccessToken }}
+		>
 			{children}
 		</AuthContext.Provider>
 	);