@asgardeo/react 0.20.1 → 0.21.1

package/dist/contexts/Asgardeo/AsgardeoProvider.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

package/dist/index.js

@@ -9,7 +9,8 @@ import {
   getBrandingPreference,
   getActiveTheme,
   Platform as Platform4,
-  extractUserClaimsFromIdToken as extractUserClaimsFromIdToken2
+  extractUserClaimsFromIdToken as extractUserClaimsFromIdToken2,
+  createPackageComponentLogger as createPackageComponentLogger3
 } from "@asgardeo/browser";
 import { useEffect as useEffect6, useMemo as useMemo7, useRef as useRef2, useState as useState8, useCallback as useCallback8 } from "react";
 
@@ -283,7 +284,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();
@@ -361,6 +362,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.
    *
@@ -616,7 +620,11 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
       resolvedOrganizationHandle = 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);
     });
   }
@@ -787,6 +795,9 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
   async isSignedIn() {
     return this.asgardeo.isSignedIn();
   }
+  async startAutoRefreshToken() {
+    return this.asgardeo.startAutoRefreshToken();
+  }
   getConfiguration() {
     return this.asgardeo.getConfigData();
   }
@@ -1997,6 +2008,10 @@ var UserProvider_default = UserProvider;
 
 // src/contexts/Asgardeo/AsgardeoProvider.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
+var logger3 = createPackageComponentLogger3(
+  "@asgardeo/react",
+  "AsgardeoProvider"
+);
 var AsgardeoProvider = ({
   afterSignInUrl = window.location.origin,
   afterSignOutUrl = window.location.origin,
@@ -2154,8 +2169,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);
@@ -2810,8 +2840,8 @@ var useForm = (config = {}) => {
 var useForm_default = useForm;
 
 // src/hooks/useBranding.ts
-import { createPackageComponentLogger as createPackageComponentLogger3 } from "@asgardeo/browser";
-var logger3 = createPackageComponentLogger3(
+import { createPackageComponentLogger as createPackageComponentLogger4 } from "@asgardeo/browser";
+var logger4 = createPackageComponentLogger4(
   "@asgardeo/react",
   "useBranding"
 );
@@ -2819,7 +2849,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 {
@@ -3698,7 +3728,7 @@ import {
   AsgardeoAPIError,
   withVendorCSSClassPrefix as withVendorCSSClassPrefix19,
   handleWebAuthnAuthentication,
-  createPackageComponentLogger as createPackageComponentLogger4
+  createPackageComponentLogger as createPackageComponentLogger5
 } from "@asgardeo/browser";
 import { cx as cx19 } from "@emotion/css";
 import { useEffect as useEffect14, useState as useState15, useCallback as useCallback10, useRef as useRef5 } from "react";
@@ -6918,7 +6948,7 @@ var BaseSignIn_styles_default = useStyles16;
 
 // src/components/presentation/auth/SignIn/v1/BaseSignIn.tsx
 import { jsx as jsx58, jsxs as jsxs26 } from "react/jsx-runtime";
-var logger4 = createPackageComponentLogger4(
+var logger5 = createPackageComponentLogger5(
   "@asgardeo/react",
   "BaseSignIn"
 );
@@ -7005,7 +7035,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;
@@ -7067,7 +7097,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;
@@ -7097,7 +7127,7 @@ var BaseSignInContent = ({
             } catch (e) {
             }
           } catch (e) {
-            logger4.error("Error monitoring popup:");
+            logger5.error("Error monitoring popup:");
           }
         }, 1e3);
         return true;
@@ -7236,7 +7266,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.";
@@ -7806,7 +7836,7 @@ import {
   FieldType as FieldType7,
   EmbeddedFlowComponentTypeV2 as EmbeddedFlowComponentType,
   EmbeddedFlowEventTypeV2 as EmbeddedFlowEventType,
-  createPackageComponentLogger as createPackageComponentLogger5,
+  createPackageComponentLogger as createPackageComponentLogger6,
   resolveFlowTemplateLiterals as resolveFlowTemplateLiterals3,
   resolveEmojiUrisInHtml
 } from "@asgardeo/browser";
@@ -8638,7 +8668,7 @@ var flowIconRegistry_default = flowIconRegistry;
 
 // src/components/presentation/auth/AuthOptionFactory.tsx
 import { jsx as jsx68 } from "react/jsx-runtime";
-var logger5 = createPackageComponentLogger5(
+var logger6 = createPackageComponentLogger6(
   "@asgardeo/react",
   "AuthOptionFactory"
 );
@@ -8881,7 +8911,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__ */ jsx68(
@@ -8962,7 +8992,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__ */ jsx68(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
@@ -9018,7 +9048,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       return /* @__PURE__ */ jsx68(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;
   }
 };
@@ -10119,7 +10149,7 @@ import {
   EmbeddedFlowComponentType as EmbeddedFlowComponentType3,
   EmbeddedFlowResponseType,
   withVendorCSSClassPrefix as withVendorCSSClassPrefix23,
-  createPackageComponentLogger as createPackageComponentLogger6
+  createPackageComponentLogger as createPackageComponentLogger7
 } from "@asgardeo/browser";
 import { cx as cx24 } from "@emotion/css";
 import { useEffect as useEffect19, useState as useState20, useCallback as useCallback13, useRef as useRef8 } from "react";
@@ -10777,7 +10807,7 @@ var BaseSignUp_styles_default = useStyles20;
 
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
 import { jsx as jsx79, jsxs as jsxs34 } from "react/jsx-runtime";
-var logger6 = createPackageComponentLogger6(
+var logger7 = createPackageComponentLogger7(
   "@asgardeo/react",
   "BaseSignUp"
 );
@@ -10918,7 +10948,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;
@@ -10987,7 +11017,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;
@@ -11022,7 +11052,7 @@ var BaseSignUpContent = ({
           } catch (e) {
           }
         } catch (e) {
-          logger6.error("Error monitoring popup:");
+          logger7.error("Error monitoring popup:");
         }
       }, 1e3);
       return true;
@@ -11225,7 +11255,7 @@ import {
   EmbeddedFlowResponseType as EmbeddedFlowResponseType2,
   withVendorCSSClassPrefix as withVendorCSSClassPrefix24,
   EmbeddedFlowComponentTypeV2 as EmbeddedFlowComponentType4,
-  createPackageComponentLogger as createPackageComponentLogger7
+  createPackageComponentLogger as createPackageComponentLogger8
 } from "@asgardeo/browser";
 import { cx as cx25 } from "@emotion/css";
 import { useEffect as useEffect20, useState as useState21, useCallback as useCallback14, useRef as useRef9 } from "react";
@@ -11292,7 +11322,7 @@ var getAuthComponentHeadings_default = getAuthComponentHeadings;
 
 // src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx
 import { jsx as jsx80, jsxs as jsxs35 } from "react/jsx-runtime";
-var logger7 = createPackageComponentLogger7(
+var logger8 = createPackageComponentLogger8(
   "@asgardeo/react",
   "BaseSignUp"
 );
@@ -11449,7 +11479,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;
@@ -11520,7 +11550,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;
@@ -11555,7 +11585,7 @@ var BaseSignUpContent2 = ({
           } catch (e) {
           }
         } catch (e) {
-          logger7.error("Error monitoring popup:");
+          logger8.error("Error monitoring popup:");
         }
       }, 1e3);
       return true;
@@ -15808,7 +15838,7 @@ var BuildingAlt_default = BuildingAlt;
 import { useState as useState32 } from "react";
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
-import { createPackageComponentLogger as createPackageComponentLogger8 } from "@asgardeo/browser";
+import { createPackageComponentLogger as createPackageComponentLogger9 } from "@asgardeo/browser";
 import { cx as cx34 } from "@emotion/css";
 import { useState as useState31 } from "react";
 
@@ -15952,7 +15982,7 @@ var BaseCreateOrganization_styles_default = useStyles29;
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
 import { jsx as jsx109, jsxs as jsxs50 } from "react/jsx-runtime";
-var logger8 = createPackageComponentLogger8(
+var logger9 = createPackageComponentLogger9(
   "@asgardeo/react",
   "BaseCreateOrganization"
 );
@@ -16038,7 +16068,7 @@ var BaseCreateOrganization = ({
         onSuccess(payload);
       }
     } catch (submitError) {
-      logger8.error("Form submission error:");
+      logger9.error("Form submission error:");
     }
   };
   const createOrganizationContent = /* @__PURE__ */ jsx109("div", { className: cx34(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ jsxs50("div", { className: cx34(styles["content"]), children: [
@@ -16687,7 +16717,7 @@ var OrganizationList = (props) => {
 var OrganizationList_default = OrganizationList;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
-import { createPackageComponentLogger as createPackageComponentLogger9 } from "@asgardeo/browser";
+import { createPackageComponentLogger as createPackageComponentLogger10 } from "@asgardeo/browser";
 import { useEffect as useEffect25, useState as useState36 } from "react";
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
@@ -17575,7 +17605,7 @@ var updateOrganization_default = updateOrganization;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
 import { jsx as jsx115 } from "react/jsx-runtime";
-var logger9 = createPackageComponentLogger9(
+var logger10 = createPackageComponentLogger10(
   "@asgardeo/react",
   "OrganizationProfile"
 );
@@ -17606,7 +17636,7 @@ var OrganizationProfile = ({
       });
       setOrganization(orgData);
     } catch (err) {
-      logger9.error("Failed to fetch organization:");
+      logger10.error("Failed to fetch organization:");
       setOrganization(null);
     }
   };
@@ -17628,7 +17658,7 @@ var OrganizationProfile = ({
         await onUpdate(payload);
       }
     } catch (err) {
-      logger9.error("Failed to update organization:");
+      logger10.error("Failed to update organization:");
       throw err;
     }
   };