@asgardeo/react 0.20.1 → 0.21.1

package/dist/AsgardeoReactClient.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ * Copyright (c) 2025-2026, WSO2 LLC. (https://www.wso2.com).
  *
  * WSO2 LLC. licenses this file to you under the Apache License,
  * Version 2.0 (the "License"); you may not use this file except
@@ -63,6 +63,7 @@ declare class AsgardeoReactClient<T extends AsgardeoReactConfig = AsgardeoReactC
     isLoading(): boolean;
     isInitialized(): Promise<boolean>;
     isSignedIn(): Promise<boolean>;
+    startAutoRefreshToken(): Promise<void>;
     getConfiguration(): T;
     exchangeToken(config: TokenExchangeRequestConfig): Promise<TokenResponse | Response>;
     signIn(options?: SignInOptions, sessionId?: string, onSignInSuccess?: (afterSignInUrl: string) => void): Promise<User>;

package/dist/__temp__/api.d.ts

@@ -15,7 +15,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { AsgardeoSPAClient, AuthClientConfig, User, LegacyConfig as Config, IdToken, Hooks, HttpClientInstance, HttpRequestConfig, HttpResponse, OIDCEndpoints, SignInConfig, SPACustomGrantConfig } from '@asgardeo/browser';
+import { AsgardeoSPAClient, AuthClientConfig, User, LegacyConfig as Config, IdToken, Hooks, HttpClient, HttpRequestConfig, HttpResponse, OIDCEndpoints, SignInConfig, SPACustomGrantConfig } from '@asgardeo/browser';
 import { AuthStateInterface } from './models';
 declare class AuthAPI {
     static DEFAULT_STATE: AuthStateInterface;
@@ -133,9 +133,9 @@ declare class AuthAPI {
     /**
      * This methods returns the Axios http client.
      *
-     * @return {HttpClientInstance} - The Axios HTTP client.
+     * @return {HttpClient} - The Axios HTTP client.
      */
-    getHttpClient(): Promise<HttpClientInstance>;
+    getHttpClient(): Promise<HttpClient>;
     /**
      * This method decodes a JWT token payload and returns it.
      *
@@ -193,6 +193,7 @@ declare class AuthAPI {
      * @return {Promise<boolean>} - A Promise that resolves with `true` if teh user is authenticated.
      */
     isSignedIn(): Promise<boolean>;
+    startAutoRefreshToken(): Promise<void>;
     /**
      * This method specifies if the session is active or not.
      *

package/dist/__temp__/models.d.ts

@@ -15,7 +15,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { AsgardeoAuthException, AuthClientConfig, AuthSPAClientConfig, Config, TokenExchangeRequestConfig, IdToken, Hooks, HttpClientInstance, HttpRequestConfig, HttpResponse, OIDCEndpoints, SignInConfig, User } from '@asgardeo/browser';
+import { AsgardeoAuthException, AuthClientConfig, AuthSPAClientConfig, Config, TokenExchangeRequestConfig, IdToken, Hooks, HttpClient, HttpRequestConfig, HttpResponse, OIDCEndpoints, SignInConfig, User } from '@asgardeo/browser';
 export interface ReactConfig {
     disableAutoSignIn?: boolean;
     /**
@@ -65,7 +65,7 @@ export interface AuthContextInterface {
     getAccessToken(): Promise<string>;
     getDecodedIDPIDToken(): Promise<IdToken>;
     getDecodedIdToken(sessionId?: string): Promise<IdToken>;
-    getHttpClient(): Promise<HttpClientInstance>;
+    getHttpClient(): Promise<HttpClient>;
     getIdToken(): Promise<string>;
     getOpenIDProviderEndpoints(): Promise<OIDCEndpoints>;
     getUser(): Promise<User>;

package/dist/cjs/index.js

@@ -427,7 +427,7 @@ var _AuthAPI = class _AuthAPI {
   /**
    * This methods returns the Axios http client.
    *
-   * @return {HttpClientInstance} - The Axios HTTP client.
+   * @return {HttpClient} - The Axios HTTP client.
    */
   async getHttpClient() {
     return this.client.getHttpClient();
@@ -505,6 +505,9 @@ var _AuthAPI = class _AuthAPI {
   async isSignedIn() {
     return this.client.isSignedIn();
   }
+  async startAutoRefreshToken() {
+    return this.client.startAutoRefreshToken();
+  }
   /**
    * This method specifies if the session is active or not.
    *
@@ -748,7 +751,11 @@ var AsgardeoReactClient = class extends import_browser6.AsgardeoBrowserClient {
       resolvedOrganizationHandle = (0, import_browser6.deriveOrganizationHandleFromBaseUrl)(config?.baseUrl);
     }
     return this.withLoading(async () => {
-      this.initializeConfig = { ...config, organizationHandle: resolvedOrganizationHandle };
+      this.initializeConfig = {
+        ...config,
+        organizationHandle: resolvedOrganizationHandle,
+        periodicTokenRefresh: config?.tokenLifecycle?.refreshToken?.autoRefresh ?? config?.periodicTokenRefresh
+      };
       return this.asgardeo.init(this.initializeConfig);
     });
   }
@@ -919,6 +926,9 @@ var AsgardeoReactClient = class extends import_browser6.AsgardeoBrowserClient {
   async isSignedIn() {
     return this.asgardeo.isSignedIn();
   }
+  async startAutoRefreshToken() {
+    return this.asgardeo.startAutoRefreshToken();
+  }
   getConfiguration() {
     return this.asgardeo.getConfigData();
   }
@@ -2114,6 +2124,10 @@ var UserProvider_default = UserProvider;
 
 // src/contexts/Asgardeo/AsgardeoProvider.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
+var logger3 = (0, import_browser16.createPackageComponentLogger)(
+  "@asgardeo/react",
+  "AsgardeoProvider"
+);
 var AsgardeoProvider = ({
   afterSignInUrl = window.location.origin,
   afterSignOutUrl = window.location.origin,
@@ -2271,8 +2285,23 @@ var AsgardeoProvider = ({
     reRenderCheckRef.current = true;
     (async () => {
       const isAlreadySignedIn = await asgardeo.isSignedIn();
-      if (isAlreadySignedIn) {
+      const scheduleAutoRefresh = async () => {
+        try {
+          await asgardeo.startAutoRefreshToken();
+        } catch (error) {
+          logger3.warn("Failed to schedule automatic token refresh.", error);
+        }
+      };
+      const resumeSession = async () => {
         await updateSession();
+        await scheduleAutoRefresh();
+      };
+      if (isAlreadySignedIn) {
+        await resumeSession();
+      }
+      await scheduleAutoRefresh();
+      if (await asgardeo.isSignedIn()) {
+        await resumeSession();
         return;
       }
       const currentUrl = new URL(window.location.href);
@@ -2928,7 +2957,7 @@ var useForm_default = useForm;
 
 // src/hooks/useBranding.ts
 var import_browser18 = require("@asgardeo/browser");
-var logger3 = (0, import_browser18.createPackageComponentLogger)(
+var logger4 = (0, import_browser18.createPackageComponentLogger)(
   "@asgardeo/react",
   "useBranding"
 );
@@ -2936,7 +2965,7 @@ var useBranding = () => {
   try {
     return useBrandingContext_default();
   } catch (error) {
-    logger3.warn(
+    logger4.warn(
       "useBranding: BrandingProvider not available. Make sure to wrap your app with BrandingProvider or AsgardeoProvider with branding preferences."
     );
     return {
@@ -7007,7 +7036,7 @@ var BaseSignIn_styles_default = useStyles16;
 
 // src/components/presentation/auth/SignIn/v1/BaseSignIn.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
-var logger4 = (0, import_browser48.createPackageComponentLogger)(
+var logger5 = (0, import_browser48.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseSignIn"
 );
@@ -7094,7 +7123,7 @@ var BaseSignInContent = ({
           "width=500,height=600,scrollbars=yes,resizable=yes"
         );
         if (!popup) {
-          logger4.error("Failed to open popup window");
+          logger5.error("Failed to open popup window");
           return false;
         }
         let messageHandler;
@@ -7156,7 +7185,7 @@ var BaseSignInContent = ({
                 const state = url.searchParams.get("state");
                 const oauthError = url.searchParams.get("error");
                 if (oauthError) {
-                  logger4.error("OAuth error:");
+                  logger5.error("OAuth error:");
                   popup.close();
                   cleanup();
                   return;
@@ -7186,7 +7215,7 @@ var BaseSignInContent = ({
             } catch (e) {
             }
           } catch (e) {
-            logger4.error("Error monitoring popup:");
+            logger5.error("Error monitoring popup:");
           }
         }, 1e3);
         return true;
@@ -7325,7 +7354,7 @@ var BaseSignInContent = ({
             }
           }
         } catch (passkeyError) {
-          logger4.error("Passkey authentication error:");
+          logger5.error("Passkey authentication error:");
           let errorMessage = passkeyError instanceof Error ? passkeyError.message : t("errors.signin.flow.passkeys.failure");
           if (passkeyError instanceof Error && passkeyError.message.includes("security")) {
             errorMessage += " This may be due to browser security settings, an insecure connection, or device restrictions.";
@@ -8718,7 +8747,7 @@ var flowIconRegistry_default = flowIconRegistry;
 
 // src/components/presentation/auth/AuthOptionFactory.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
-var logger5 = (0, import_browser53.createPackageComponentLogger)(
+var logger6 = (0, import_browser53.createPackageComponentLogger)(
   "@asgardeo/react",
   "AuthOptionFactory"
 );
@@ -8961,7 +8990,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       const identifier = component.ref ?? component.id;
       const rootOuId = options.additionalData?.["rootOuId"];
       if (!rootOuId || !options.fetchOrganizationUnitChildren) {
-        logger5.warn("OU_SELECT requires additionalData.rootOuId and fetchOrganizationUnitChildren. Skipping render.");
+        logger6.warn("OU_SELECT requires additionalData.rootOuId and fetchOrganizationUnitChildren. Skipping render.");
         return null;
       }
       return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
@@ -9042,7 +9071,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       const iconName = component.name || "";
       const IconComponent = flowIconRegistry_default[iconName];
       if (!IconComponent) {
-        logger5.warn(`Unknown icon name: "${iconName}". Skipping render.`);
+        logger6.warn(`Unknown icon name: "${iconName}". Skipping render.`);
         return null;
       }
       return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
@@ -9098,7 +9127,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FlowTimer_default, { expiresIn, textTemplate }, key);
     }
     default:
-      logger5.warn(`Unsupported component type: ${component.type}. Skipping render.`);
+      logger6.warn(`Unsupported component type: ${component.type}. Skipping render.`);
       return null;
   }
 };
@@ -10844,7 +10873,7 @@ var BaseSignUp_styles_default = useStyles20;
 
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
-var logger6 = (0, import_browser68.createPackageComponentLogger)(
+var logger7 = (0, import_browser68.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseSignUp"
 );
@@ -10985,7 +11014,7 @@ var BaseSignUpContent = ({
       const redirectUrl = response.data.redirectURL;
       const popup = window.open(redirectUrl, "oauth_popup", "width=500,height=600,scrollbars=yes,resizable=yes");
       if (!popup) {
-        logger6.error("Failed to open popup window");
+        logger7.error("Failed to open popup window");
         return false;
       }
       let hasProcessedCallback = false;
@@ -11054,7 +11083,7 @@ var BaseSignUpContent = ({
               const state = url.searchParams.get("state");
               const error = url.searchParams.get("error");
               if (error) {
-                logger6.error("OAuth error:");
+                logger7.error("OAuth error:");
                 popup.close();
                 cleanup();
                 return;
@@ -11089,7 +11118,7 @@ var BaseSignUpContent = ({
           } catch (e) {
           }
         } catch (e) {
-          logger6.error("Error monitoring popup:");
+          logger7.error("Error monitoring popup:");
         }
       }, 1e3);
       return true;
@@ -11353,7 +11382,7 @@ var getAuthComponentHeadings_default = getAuthComponentHeadings;
 
 // src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
-var logger7 = (0, import_browser69.createPackageComponentLogger)(
+var logger8 = (0, import_browser69.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseSignUp"
 );
@@ -11510,7 +11539,7 @@ var BaseSignUpContent2 = ({
       const redirectUrl = response.data.redirectURL;
       const popup = window.open(redirectUrl, "oauth_popup", "width=500,height=600,scrollbars=yes,resizable=yes");
       if (!popup) {
-        logger7.error("Failed to open popup window");
+        logger8.error("Failed to open popup window");
         return false;
       }
       let hasProcessedCallback = false;
@@ -11581,7 +11610,7 @@ var BaseSignUpContent2 = ({
               const state = url.searchParams.get("state");
               const error = url.searchParams.get("error");
               if (error) {
-                logger7.error("OAuth error:");
+                logger8.error("OAuth error:");
                 popup.close();
                 cleanup();
                 return;
@@ -11616,7 +11645,7 @@ var BaseSignUpContent2 = ({
           } catch (e) {
           }
         } catch (e) {
-          logger7.error("Error monitoring popup:");
+          logger8.error("Error monitoring popup:");
         }
       }, 1e3);
       return true;
@@ -15960,7 +15989,7 @@ var BaseCreateOrganization_styles_default = useStyles29;
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
 var import_jsx_runtime109 = require("react/jsx-runtime");
-var logger8 = (0, import_browser86.createPackageComponentLogger)(
+var logger9 = (0, import_browser86.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseCreateOrganization"
 );
@@ -16046,7 +16075,7 @@ var BaseCreateOrganization = ({
         onSuccess(payload);
       }
     } catch (submitError) {
-      logger8.error("Form submission error:");
+      logger9.error("Form submission error:");
     }
   };
   const createOrganizationContent = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css64.cx)(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css64.cx)(styles["content"]), children: [
@@ -17573,7 +17602,7 @@ var updateOrganization_default = updateOrganization;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
 var import_jsx_runtime115 = require("react/jsx-runtime");
-var logger9 = (0, import_browser92.createPackageComponentLogger)(
+var logger10 = (0, import_browser92.createPackageComponentLogger)(
   "@asgardeo/react",
   "OrganizationProfile"
 );
@@ -17604,7 +17633,7 @@ var OrganizationProfile = ({
       });
       setOrganization(orgData);
     } catch (err) {
-      logger9.error("Failed to fetch organization:");
+      logger10.error("Failed to fetch organization:");
       setOrganization(null);
     }
   };
@@ -17626,7 +17655,7 @@ var OrganizationProfile = ({
         await onUpdate(payload);
       }
     } catch (err) {
-      logger9.error("Failed to update organization:");
+      logger10.error("Failed to update organization:");
       throw err;
     }
   };