@asgardeo/react 0.11.2 → 0.11.3

package/dist/components/primitives/Typography/Typography.styles.d.ts

@@ -34,23 +34,5 @@ export type TypographyColor = 'primary' | 'secondary' | 'error' | 'success' | 'w
  * @param lineHeight - Custom line height
  * @returns Object containing CSS class names for component styling
  */
-declare const useStyles: (theme: Theme, colorScheme: string, variant: TypographyVariant, align: TypographyAlign, color: TypographyColor, noWrap: boolean, inline: boolean, gutterBottom: boolean, fontWeight?: "normal" | "medium" | "semibold" | "bold" | number, fontSize?: string | number, lineHeight?: string | number) => {
-    typography: string;
-    typographyNoWrap: string;
-    typographyInline: string;
-    typographyGutterBottom: string;
-    typographyH1: string;
-    typographyH2: string;
-    typographyH3: string;
-    typographyH4: string;
-    typographyH5: string;
-    typographyH6: string;
-    typographySubtitle1: string;
-    typographySubtitle2: string;
-    typographyBody1: string;
-    typographyBody2: string;
-    typographyCaption: string;
-    typographyOverline: string;
-    typographyButton: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string, variant: TypographyVariant, align: TypographyAlign, color: TypographyColor, noWrap: boolean, inline: boolean, gutterBottom: boolean, fontWeight?: "normal" | "medium" | "semibold" | "bold" | number, fontSize?: string | number, lineHeight?: string | number) => Record<string, string>;
 export default useStyles;

package/dist/contexts/Asgardeo/AsgardeoContext.d.ts

@@ -15,53 +15,45 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Context } from 'react';
 import { HttpRequestConfig, HttpResponse, IdToken, Organization, SignInOptions, TokenExchangeRequestConfig, TokenResponse } from '@asgardeo/browser';
+import { Context } from 'react';
 import AsgardeoReactClient from '../../AsgardeoReactClient';
 import { AsgardeoReactConfig } from '../../models/config';
 /**
  * Props interface of {@link AsgardeoContext}
  */
 export type AsgardeoContextProps = {
-    organizationHandle: string | undefined;
-    applicationId: string | undefined;
-    signInUrl: string | undefined;
-    signUpUrl: string | undefined;
     afterSignInUrl: string | undefined;
+    applicationId: string | undefined;
     baseUrl: string | undefined;
-    isInitialized: boolean;
-    /**
-     * Flag indicating whether the SDK is working in the background.
-     */
-    isLoading: boolean;
-    /**
-     * Flag indicating whether the user is signed in or not.
-     */
-    isSignedIn: boolean;
     /**
-     * Sign-in function to initiate the authentication process.
-     * @remark This is the programmatic version of the `SignInButton` component.
-     * TODO: Fix the types.
+     * Swaps the current access token with a new one based on the provided configuration (with a grant type).
+     * @param config - Configuration for the token exchange request.
+     * @returns A promise that resolves to the token response or the raw response.
      */
-    signIn: (...args: any) => Promise<any>;
+    exchangeToken: (config: TokenExchangeRequestConfig) => Promise<TokenResponse | Response>;
     /**
-     * Silent sign-in function to re-authenticate the user without user interaction.
-     * @remark This is the programmatic version of the `SilentSignIn` component.
+     * Retrieves the access token stored in the storage.
+     * This function retrieves the access token and returns it.
+     * @remarks This does not work in the `webWorker` or any other worker environment.
+     * @returns A promise that resolves to the access token.
      */
-    signInSilently: AsgardeoReactClient['signInSilently'];
+    getAccessToken: () => Promise<string>;
     /**
-     * Sign-out function to terminate the authentication session.
-     * @remark This is the programmatic version of the `SignOutButton` component.
-     * FIXME: Fix the types.
+     * Function to retrieve the decoded ID token.
+     * This function decodes the ID token and returns its payload.
+     * It can be used to access user claims and other information contained in the ID token.
+     *
+     * @returns A promise that resolves to the decoded ID token payload.
      */
-    signOut: any;
+    getDecodedIdToken: () => Promise<IdToken>;
     /**
-     * Sign-up function to initiate the registration process.
-     * @remark This is the programmatic version of the `SignUpButton` component.
+     * Function to retrieve the ID token.
+     * This function retrieves the ID token and returns it.
+     *
+     * @returns A promise that resolves to the ID token.
      */
-    signUp: (...args: any[]) => Promise<any>;
-    user: any;
-    organization: Organization;
+    getIdToken: () => Promise<string>;
     /**
      * HTTP request function to make API calls.
      * @param requestConfig - Configuration for the HTTP request.
@@ -81,6 +73,33 @@ export type AsgardeoContextProps = {
          */
         requestAll: (requestConfigs?: HttpRequestConfig[]) => Promise<HttpResponse<any>[]>;
     };
+    isInitialized: boolean;
+    /**
+     * Flag indicating whether the SDK is working in the background.
+     */
+    isLoading: boolean;
+    /**
+     * Flag indicating whether the user is signed in or not.
+     */
+    isSignedIn: boolean;
+    organization: Organization;
+    organizationHandle: string | undefined;
+    /**
+     * Re-initializes the client with a new configuration.
+     *
+     * @remarks
+     * This can be partial configuration to update only specific fields.
+     *
+     * @param config - New configuration to re-initialize the client with.
+     * @returns Promise resolving to boolean indicating success.
+     */
+    reInitialize: (config: Partial<AsgardeoReactConfig>) => Promise<boolean>;
+    /**
+     * Sign-in function to initiate the authentication process.
+     * @remark This is the programmatic version of the `SignInButton` component.
+     * TODO: Fix the types.
+     */
+    signIn: (...args: any) => Promise<any>;
     /**
      * Optional additional parameters to be sent in the sign-in request.
      * This can include custom parameters that your authorization server supports.
@@ -92,43 +111,24 @@ export type AsgardeoContextProps = {
      */
     signInOptions: SignInOptions;
     /**
-     * Function to retrieve the decoded ID token.
-     * This function decodes the ID token and returns its payload.
-     * It can be used to access user claims and other information contained in the ID token.
-     *
-     * @returns A promise that resolves to the decoded ID token payload.
-     */
-    getDecodedIdToken: () => Promise<IdToken>;
-    /**
-     * Function to retrieve the ID token.
-     * This function retrieves the ID token and returns it.
-     *
-     * @returns A promise that resolves to the ID token.
-     */
-    getIdToken: () => Promise<string>;
-    /**
-     * Retrieves the access token stored in the storage.
-     * This function retrieves the access token and returns it.
-     * @remarks This does not work in the `webWorker` or any other worker environment.
-     * @returns A promise that resolves to the access token.
+     * Silent sign-in function to re-authenticate the user without user interaction.
+     * @remark This is the programmatic version of the `SilentSignIn` component.
      */
-    getAccessToken: () => Promise<string>;
+    signInSilently: AsgardeoReactClient['signInSilently'];
+    signInUrl: string | undefined;
     /**
-     * Swaps the current access token with a new one based on the provided configuration (with a grant type).
-     * @param config - Configuration for the token exchange request.
-     * @returns A promise that resolves to the token response or the raw response.
+     * Sign-out function to terminate the authentication session.
+     * @remark This is the programmatic version of the `SignOutButton` component.
+     * FIXME: Fix the types.
      */
-    exchangeToken: (config: TokenExchangeRequestConfig) => Promise<TokenResponse | Response>;
+    signOut: any;
     /**
-     * Re-initializes the client with a new configuration.
-     *
-     * @remarks
-     * This can be partial configuration to update only specific fields.
-     *
-     * @param config - New configuration to re-initialize the client with.
-     * @returns Promise resolving to boolean indicating success.
+     * Sign-up function to initiate the registration process.
+     * @remark This is the programmatic version of the `SignUpButton` component.
      */
-    reInitialize: (config: Partial<AsgardeoReactConfig>) => Promise<boolean>;
+    signUp: (...args: any[]) => Promise<any>;
+    signUpUrl: string | undefined;
+    user: any;
 } & Pick<AsgardeoReactConfig, 'storage' | 'platform'> & Pick<AsgardeoReactClient, 'clearSession' | 'switchOrganization'>;
 /**
  * Context object for managing the Authentication flow builder core context.

package/dist/contexts/Branding/BrandingContext.d.ts

@@ -16,23 +16,16 @@
  * under the License.
  */
 import { BrandingPreference, Theme } from '@asgardeo/browser';
+import { Context } from 'react';
 export interface BrandingContextValue {
-    /**
-     * The raw branding preference data
-     */
-    brandingPreference: BrandingPreference | null;
-    /**
-     * The transformed theme object
-     */
-    theme: Theme | null;
     /**
      * The active theme mode from branding preference ('light' | 'dark')
      */
     activeTheme: 'light' | 'dark' | null;
     /**
-     * Loading state
+     * The raw branding preference data
      */
-    isLoading: boolean;
+    brandingPreference: BrandingPreference | null;
     /**
      * Error state
      */
@@ -41,11 +34,19 @@ export interface BrandingContextValue {
      * Function to manually fetch branding preference
      */
     fetchBranding: () => Promise<void>;
+    /**
+     * Loading state
+     */
+    isLoading: boolean;
     /**
      * Function to refetch branding preference
      * This bypasses the single-call restriction and forces a new API call
      */
     refetch: () => Promise<void>;
+    /**
+     * The transformed theme object
+     */
+    theme: Theme | null;
 }
-declare const BrandingContext: import("react").Context<BrandingContextValue>;
+declare const BrandingContext: Context<BrandingContextValue | null>;
 export default BrandingContext;

package/dist/contexts/Branding/BrandingProvider.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, PropsWithChildren } from 'react';
 import { BrandingPreference } from '@asgardeo/browser';
+import { FC, PropsWithChildren } from 'react';
 /**
  * Configuration options for the BrandingProvider
  */
@@ -25,24 +25,24 @@ export interface BrandingProviderProps {
      * The branding preference data passed from parent (typically AsgardeoProvider)
      */
     brandingPreference?: BrandingPreference | null;
-    /**
-     * Force a specific theme ('light' or 'dark')
-     * If not provided, will use the activeTheme from branding preference
-     */
-    forceTheme?: 'light' | 'dark';
     /**
      * Whether the branding provider is enabled
      * @default true
      */
     enabled?: boolean;
-    /**
-     * Loading state passed from parent
-     */
-    isLoading?: boolean;
     /**
      * Error state passed from parent
      */
     error?: Error | null;
+    /**
+     * Force a specific theme ('light' or 'dark')
+     * If not provided, will use the activeTheme from branding preference
+     */
+    forceTheme?: 'light' | 'dark';
+    /**
+     * Loading state passed from parent
+     */
+    isLoading?: boolean;
     /**
      * Function to refetch branding preference passed from parent
      */

package/dist/contexts/Flow/FlowContext.d.ts

@@ -15,59 +15,60 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import { Context } from 'react';
 /**
  * Types of authentication flows/steps that can be displayed.
  */
 export type FlowStep = {
-    id: string;
-    type: 'signin' | 'signup' | 'organization-signin' | 'forgot-password' | 'reset-password' | 'verify-email' | 'mfa';
-    title: string;
-    subtitle?: string;
     canGoBack?: boolean;
+    id: string;
     metadata?: Record<string, any>;
+    subtitle?: string;
+    title: string;
+    type: 'signin' | 'signup' | 'organization-signin' | 'forgot-password' | 'reset-password' | 'verify-email' | 'mfa';
 } | null;
 /**
  * Message types for displaying in authentication flows.
  */
 export interface FlowMessage {
+    dismissible?: boolean;
     id?: string;
-    type: 'success' | 'error' | 'warning' | 'info';
     message: string;
-    dismissible?: boolean;
+    type: 'success' | 'error' | 'warning' | 'info';
 }
 /**
  * Context value for managing authentication flow UI state.
  */
 export interface FlowContextValue {
-    currentStep: FlowStep;
-    setCurrentStep: (step: FlowStep) => void;
-    title: string;
-    setTitle: (title: string) => void;
-    subtitle?: string;
-    setSubtitle: (subtitle?: string) => void;
-    messages: FlowMessage[];
     addMessage: (message: FlowMessage) => void;
-    removeMessage: (messageId: string) => void;
     clearMessages: () => void;
+    currentStep: FlowStep;
     error: string | null;
-    setError: (error: string | null) => void;
     isLoading: boolean;
-    setIsLoading: (loading: boolean) => void;
-    showBackButton: boolean;
-    setShowBackButton: (show: boolean) => void;
-    onGoBack?: () => void;
-    setOnGoBack: (callback?: () => void) => void;
-    reset: () => void;
+    messages: FlowMessage[];
     navigateToFlow: (flowType: NonNullable<FlowStep>['type'], options?: {
-        title?: string;
-        subtitle?: string;
         metadata?: Record<string, any>;
+        subtitle?: string;
+        title?: string;
     }) => void;
+    onGoBack?: () => void;
+    removeMessage: (messageId: string) => void;
+    reset: () => void;
+    setCurrentStep: (step: FlowStep) => void;
+    setError: (error: string | null) => void;
+    setIsLoading: (loading: boolean) => void;
+    setOnGoBack: (callback?: () => void) => void;
+    setShowBackButton: (show: boolean) => void;
+    setSubtitle: (subtitle?: string) => void;
+    setTitle: (title: string) => void;
+    showBackButton: boolean;
+    subtitle?: string;
+    title: string;
 }
 /**
  * Context for managing authentication flow UI state.
  * This context handles titles, messages, navigation, and loading states
  * for authentication flows like SignIn, SignUp, organization signin, etc.
  */
-declare const FlowContext: import("react").Context<FlowContextValue>;
+declare const FlowContext: Context<FlowContextValue | undefined>;
 export default FlowContext;

package/dist/contexts/Flow/FlowProvider.d.ts

@@ -25,14 +25,14 @@ export interface FlowProviderProps {
      * Initial step to start with.
      */
     initialStep?: FlowStep;
-    /**
-     * Initial title.
-     */
-    initialTitle?: string;
     /**
      * Initial subtitle.
      */
     initialSubtitle?: string;
+    /**
+     * Initial title.
+     */
+    initialTitle?: string;
     /**
      * Callback when flow type changes.
      */

package/dist/contexts/I18n/I18nContext.d.ts

@@ -16,7 +16,12 @@
  * under the License.
  */
 import { I18nBundle } from '@asgardeo/i18n';
+import { Context } from 'react';
 export interface I18nContextValue {
+    /**
+     * All available i18n bundles (default + user provided)
+     */
+    bundles: Record<string, I18nBundle>;
     /**
      * The current language code (e.g., 'en-US', 'fr-FR')
      */
@@ -25,10 +30,6 @@ export interface I18nContextValue {
      * The fallback language code
      */
     fallbackLanguage: string;
-    /**
-     * All available i18n bundles (default + user provided)
-     */
-    bundles: Record<string, I18nBundle>;
     /**
      * Function to change the current language
      */
@@ -38,5 +39,5 @@ export interface I18nContextValue {
      */
     t: (key: string, params?: Record<string, string | number>) => string;
 }
-declare const I18nContext: import("react").Context<I18nContextValue>;
+declare const I18nContext: Context<I18nContextValue | null>;
 export default I18nContext;

package/dist/contexts/I18n/I18nProvider.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, PropsWithChildren } from 'react';
 import { I18nPreferences } from '@asgardeo/browser';
+import { FC, PropsWithChildren } from 'react';
 export interface I18nProviderProps {
     /**
      * The i18n preferences from the AsgardeoProvider

package/dist/contexts/Theme/ThemeContext.d.ts

@@ -16,26 +16,27 @@
  * under the License.
  */
 import { Theme } from '@asgardeo/browser';
+import { Context } from 'react';
 export interface ThemeContextValue {
-    theme: Theme;
+    /**
+     * Error from branding theme fetch, if any
+     */
+    brandingError?: Error | null;
     colorScheme: 'light' | 'dark';
     /**
      * The text direction for the UI.
      */
     direction: 'ltr' | 'rtl';
-    toggleTheme: () => void;
-    /**
-     * Whether branding theme is currently loading
-     */
-    isBrandingLoading?: boolean;
-    /**
-     * Error from branding theme fetch, if any
-     */
-    brandingError?: Error | null;
     /**
      * Whether branding inheritance is enabled
      */
     inheritFromBranding?: boolean;
+    /**
+     * Whether branding theme is currently loading
+     */
+    isBrandingLoading?: boolean;
+    theme: Theme;
+    toggleTheme: () => void;
 }
-declare const ThemeContext: import("react").Context<ThemeContextValue>;
+declare const ThemeContext: Context<ThemeContextValue | null>;
 export default ThemeContext;

package/dist/contexts/Theme/ThemeProvider.d.ts

@@ -15,10 +15,17 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, PropsWithChildren } from 'react';
 import { ThemeConfig, ThemeMode, RecursivePartial, BrowserThemeDetection, ThemePreferences } from '@asgardeo/browser';
+import { FC, PropsWithChildren } from 'react';
 export interface ThemeProviderProps {
-    theme?: RecursivePartial<ThemeConfig>;
+    /**
+     * Configuration for theme detection when using 'class' or 'system' mode
+     */
+    detection?: BrowserThemeDetection;
+    /**
+     * Configuration for branding integration
+     */
+    inheritFromBranding?: ThemePreferences['inheritFromBranding'];
     /**
      * The theme mode to use for automatic detection
      * - 'light': Always use light theme
@@ -28,14 +35,7 @@ export interface ThemeProviderProps {
      * - 'branding': Use active theme from branding preference (requires inheritFromBranding=true)
      */
     mode?: ThemeMode | 'branding';
-    /**
-     * Configuration for theme detection when using 'class' or 'system' mode
-     */
-    detection?: BrowserThemeDetection;
-    /**
-     * Configuration for branding integration
-     */
-    inheritFromBranding?: ThemePreferences['inheritFromBranding'];
+    theme?: RecursivePartial<ThemeConfig>;
 }
 /**
  * ThemeProvider component that manages theme state and provides theme context to child components.

package/dist/contexts/Theme/types.d.ts

@@ -56,6 +56,11 @@ export interface ThemeConfig {
         small: string;
     };
     colors: ThemeColors;
+    /**
+     * The prefix used for CSS variables.
+     * @default 'asgardeo' (from VendorConstants.VENDOR_PREFIX)
+     */
+    cssVarPrefix?: string;
     /**
      * The text direction for the UI.
      * @default 'ltr'
@@ -69,59 +74,54 @@ export interface ThemeConfig {
     spacing: {
         unit: number;
     };
-    /**
-     * The prefix used for CSS variables.
-     * @default 'asgardeo' (from VendorConstants.VENDOR_PREFIX)
-     */
-    cssVarPrefix?: string;
 }
 export interface ThemeVars {
+    borderRadius: {
+        large: string;
+        medium: string;
+        small: string;
+    };
     colors: {
-        primary: {
-            main: string;
-            contrastText: string;
-        };
-        secondary: {
-            main: string;
-            contrastText: string;
-        };
         background: {
-            surface: string;
-            disabled: string;
             body: {
                 main: string;
             };
+            disabled: string;
+            surface: string;
         };
+        border: string;
         error: {
-            main: string;
             contrastText: string;
-        };
-        success: {
             main: string;
+        };
+        primary: {
             contrastText: string;
+            main: string;
         };
-        warning: {
+        secondary: {
+            contrastText: string;
             main: string;
+        };
+        success: {
             contrastText: string;
+            main: string;
         };
         text: {
             primary: string;
             secondary: string;
         };
-        border: string;
-    };
-    spacing: {
-        unit: string;
-    };
-    borderRadius: {
-        small: string;
-        medium: string;
-        large: string;
+        warning: {
+            contrastText: string;
+            main: string;
+        };
     };
     shadows: {
-        small: string;
-        medium: string;
         large: string;
+        medium: string;
+        small: string;
+    };
+    spacing: {
+        unit: string;
     };
 }
 export interface Theme extends ThemeConfig {

package/dist/contexts/User/UserContext.d.ts

@@ -22,17 +22,17 @@ import { Context } from 'react';
  */
 export type UserContextProps = {
     flattenedProfile: User | null;
+    onUpdateProfile: (payload: User) => void;
     profile: User | null;
     revalidateProfile: () => Promise<void>;
     schemas: Schema[] | null;
     updateProfile: (requestConfig: UpdateMeProfileConfig, sessionId?: string) => Promise<{
-        success: boolean;
         data: {
             user: User;
         };
         error: string;
+        success: boolean;
     }>;
-    onUpdateProfile: (payload: User) => void;
 };
 /**
  * Context object for managing user profile data and related operations.

package/dist/contexts/User/UserProvider.d.ts

@@ -21,16 +21,16 @@ import { FC, PropsWithChildren } from 'react';
  * Props interface of {@link UserProvider}
  */
 export interface UserProviderProps {
+    onUpdateProfile?: (payload: User) => void;
     profile: UserProfile;
     revalidateProfile?: () => Promise<void>;
     updateProfile?: (requestConfig: UpdateMeProfileConfig, sessionId?: string) => Promise<{
-        success: boolean;
         data: {
             user: User;
         };
         error: string;
+        success: boolean;
     }>;
-    onUpdateProfile?: (payload: User) => void;
 }
 /**
  * UserProvider component that manages user profile data and provides it through UserContext.