refactor: use passed tokens in activity timeout instead of fetching from storage

Author: Koosha-Owji

package.json

@@ -102,7 +102,7 @@
   ],
   "private": false,
   "dependencies": {
-    "@kinde/js-utils": "0.27.0"
+    "@kinde/js-utils": "0.29.0"
   },
   "packageManager": "pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977"
 }

src/state/KindeProvider.tsx

@@ -31,7 +31,6 @@ import {
   setActiveStorage,
   isAuthenticated,
   updateActivityTimestamp,
-  getInsecureStorage,
 } from "@kinde/js-utils";
 import * as storeState from "./store";
 import React, {
@@ -55,6 +54,7 @@ import type {
   RefreshTokenResult,
   Scopes,
   SessionManager,
+  TimeoutTokenData,
 } from "@kinde/js-utils";
 // TODO: need to look for old token store and convert.
 storageSettings.keyPrefix = "";
@@ -229,39 +229,38 @@ export const KindeProvider = ({
       storageSettings.activityTimeoutMinutes = activityTimeout.timeoutMinutes;
       storageSettings.activityTimeoutPreWarningMinutes =
         activityTimeout.preWarningMinutes;
-      storageSettings.onActivityTimeout = async (type: TimeoutActivityType) => {
+      storageSettings.onActivityTimeout = async (
+        type: TimeoutActivityType,
+        tokens?: TimeoutTokenData,
+      ) => {
         try {
           if (type === TimeoutActivityType.timeout) {
-            const insecureStorage = getInsecureStorage();
-            const accessToken = await store.getSessionItem(
-              StorageKeys.accessToken,
-            );
-            const refreshToken = await insecureStorage?.getSessionItem(
-              StorageKeys.refreshToken,
-            );
+            const accessToken = tokens?.accessToken;
+            const refreshToken = tokens?.refreshToken;
+
             await Promise.all([
               await fetch(`${domain}/logout`),
               refreshToken &&
                 (await fetch(`${domain}/oauth2/revoke`, {
                   method: "POST",
                   body: JSON.stringify({
-                    token: await store.getSessionItem(StorageKeys.accessToken),
+                    token: refreshToken,
                   }),
                   headers: {
                     "Content-Type": "application/json",
-                    Authorization: `Bearer ${await store.getSessionItem(StorageKeys.accessToken)}`,
+                    Authorization: `Bearer ${accessToken}`,
                   },
                 })),
             ]);
             if (accessToken) {
               await fetch(`${domain}/oauth2/revoke`, {
                 method: "POST",
                 body: JSON.stringify({
-                  token: await store.getSessionItem(StorageKeys.accessToken),
+                  token: accessToken,
                 }),
                 headers: {
                   "Content-Type": "application/json",
-                  Authorization: `Bearer ${await store.getSessionItem(StorageKeys.accessToken)}`,
+                  Authorization: `Bearer ${accessToken}`,
                 },
               });
             }