@asgardeo/react 0.5.3 → 0.5.5

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

@@ -64,7 +64,62 @@ export interface ThemeConfig {
     spacing: {
         unit: number;
     };
+    /**
+     * The prefix used for CSS variables.
+     * @default 'asgardeo' (from VendorConstants.VENDOR_PREFIX)
+     */
+    cssVarPrefix?: string;
+}
+export interface ThemeVars {
+    colors: {
+        primary: {
+            main: string;
+            contrastText: string;
+        };
+        secondary: {
+            main: string;
+            contrastText: string;
+        };
+        background: {
+            surface: string;
+            disabled: string;
+            body: {
+                main: string;
+            };
+        };
+        error: {
+            main: string;
+            contrastText: string;
+        };
+        success: {
+            main: string;
+            contrastText: string;
+        };
+        warning: {
+            main: string;
+            contrastText: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+        };
+        border: string;
+    };
+    spacing: {
+        unit: string;
+    };
+    borderRadius: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+    };
 }
 export interface Theme extends ThemeConfig {
     cssVariables: Record<string, string>;
+    vars: ThemeVars;
 }

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

@@ -15,7 +15,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { User, Schema } from '@asgardeo/browser';
+import { User, Schema, UpdateMeProfileConfig } from '@asgardeo/browser';
 import { Context } from 'react';
 /**
  * Props interface of {@link UserContext}
@@ -25,6 +25,14 @@ export type UserContextProps = {
     profile: User | null;
     revalidateProfile: () => Promise<void>;
     schemas: Schema[] | null;
+    updateProfile: (requestConfig: UpdateMeProfileConfig, sessionId?: string) => Promise<{
+        success: boolean;
+        data: {
+            user: User;
+        };
+        error: string;
+    }>;
+    onUpdateProfile: (payload: User) => void;
 };
 /**
  * Context object for managing user profile data and related operations.

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

@@ -15,7 +15,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { UserProfile } from '@asgardeo/browser';
+import { UpdateMeProfileConfig, User, UserProfile } from '@asgardeo/browser';
 import { FC, PropsWithChildren } from 'react';
 /**
  * Props interface of {@link UserProvider}
@@ -23,6 +23,14 @@ import { FC, PropsWithChildren } from 'react';
 export interface UserProviderProps {
     profile: UserProfile;
     revalidateProfile?: () => Promise<void>;
+    updateProfile?: (requestConfig: UpdateMeProfileConfig, sessionId?: string) => Promise<{
+        success: boolean;
+        data: {
+            user: User;
+        };
+        error: string;
+    }>;
+    onUpdateProfile?: (payload: User) => void;
 }
 /**
  * UserProvider component that manages user profile data and provides it through UserContext.

package/dist/hooks/useBranding.d.ts

@@ -0,0 +1,127 @@
+/**
+ * Copyright (c) 2025, 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
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { BrandingPreference, Theme } from '@asgardeo/browser';
+/**
+ * Configuration options for the useBranding hook
+ * @deprecated Use BrandingProvider instead for better performance and consistency
+ */
+export interface UseBrandingConfig {
+    /**
+     * @deprecated This configuration is now handled by BrandingProvider
+     */
+    locale?: string;
+    /**
+     * @deprecated This configuration is now handled by BrandingProvider
+     */
+    name?: string;
+    /**
+     * @deprecated This configuration is now handled by BrandingProvider
+     */
+    type?: string;
+    /**
+     * @deprecated This configuration is now handled by BrandingProvider
+     */
+    forceTheme?: 'light' | 'dark';
+    /**
+     * @deprecated This configuration is now handled by BrandingProvider
+     */
+    autoFetch?: boolean;
+    /**
+     * @deprecated This configuration is now handled by BrandingProvider
+     */
+    fetcher?: (url: string, config: RequestInit) => Promise<Response>;
+}
+/**
+ * Return type of the useBranding hook
+ */
+export interface UseBrandingReturn {
+    /**
+     * 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
+     */
+    isLoading: boolean;
+    /**
+     * Error state
+     */
+    error: Error | null;
+    /**
+     * Function to manually fetch branding preference
+     */
+    fetchBranding: () => Promise<void>;
+    /**
+     * Function to refetch branding preference
+     * This bypasses the single-call restriction and forces a new API call
+     */
+    refetch: () => Promise<void>;
+}
+/**
+ * React hook for accessing branding preferences from the BrandingProvider context.
+ * This hook provides access to branding preferences, theme data, and loading states.
+ *
+ * @deprecated Consider using useBrandingContext directly for better performance.
+ * This hook is maintained for backward compatibility.
+ *
+ * @param config - Configuration options (deprecated, use BrandingProvider props instead)
+ * @returns Object containing branding preference data, theme, loading state, error, and refetch function
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * function MyComponent() {
+ *   const { theme, activeTheme, isLoading, error } = useBranding();
+ *
+ *   if (isLoading) return <div>Loading branding...</div>;
+ *   if (error) return <div>Error: {error.message}</div>;
+ *
+ *   return (
+ *     <div style={{ color: theme?.colors?.primary?.main }}>
+ *       <p>Active theme mode: {activeTheme}</p>
+ *       <p>Styled with Asgardeo branding</p>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * For new implementations, use BrandingProvider with useBrandingContext:
+ * ```tsx
+ * // In your root component
+ * <BrandingProvider baseUrl="https://api.asgardeo.io/t/your-org">
+ *   <App />
+ * </BrandingProvider>
+ *
+ * // In your component
+ * function MyComponent() {
+ *   const { theme, activeTheme, isLoading, error } = useBrandingContext();
+ *   // ... rest of your component
+ * }
+ * ```
+ */
+export declare const useBranding: (config?: UseBrandingConfig) => UseBrandingReturn;
+export default useBranding;

package/dist/index.d.ts

@@ -51,12 +51,20 @@ export { default as ThemeProvider } from './contexts/Theme/ThemeProvider';
 export * from './contexts/Theme/ThemeProvider';
 export { default as useTheme } from './contexts/Theme/useTheme';
 export * from './contexts/Theme/useTheme';
+export { default as BrandingContext } from './contexts/Branding/BrandingContext';
+export * from './contexts/Branding/BrandingContext';
+export { default as BrandingProvider } from './contexts/Branding/BrandingProvider';
+export * from './contexts/Branding/BrandingProvider';
+export { default as useBrandingContext } from './contexts/Branding/useBrandingContext';
+export * from './contexts/Branding/useBrandingContext';
 export { default as useBrowserUrl } from './hooks/useBrowserUrl';
 export * from './hooks/useBrowserUrl';
 export { default as useTranslation } from './hooks/useTranslation';
 export * from './hooks/useTranslation';
 export { default as useForm } from './hooks/useForm';
 export * from './hooks/useForm';
+export { default as useBranding } from './hooks/useBranding';
+export * from './hooks/useBranding';
 export { default as BaseSignInButton } from './components/actions/SignInButton/BaseSignInButton';
 export * from './components/actions/SignInButton/BaseSignInButton';
 export { default as SignInButton } from './components/actions/SignInButton/SignInButton';
@@ -139,6 +147,8 @@ export { default as OtpField } from './components/primitives/OtpField/OtpField';
 export * from './components/primitives/OtpField/OtpField';
 export { default as TextField } from './components/primitives/TextField/TextField';
 export * from './components/primitives/TextField/TextField';
+export { default as MultiInput } from './components/primitives/MultiInput/MultiInput';
+export * from './components/primitives/MultiInput/MultiInput';
 export { default as PasswordField } from './components/primitives/PasswordField/PasswordField';
 export * from './components/primitives/PasswordField/PasswordField';
 export { default as Select } from './components/primitives/Select/Select';
@@ -157,6 +167,8 @@ export { default as Typography } from './components/primitives/Typography/Typogr
 export * from './components/primitives/Typography/Typography';
 export { default as Divider } from './components/primitives/Divider/Divider';
 export * from './components/primitives/Divider/Divider';
+export { default as Logo } from './components/primitives/Logo/Logo';
+export * from './components/primitives/Logo/Logo';
 export { default as Spinner } from './components/primitives/Spinner/Spinner';
 export * from './components/primitives/Spinner/Spinner';
 export { default as Eye } from './components/primitives/Icons/Eye';
@@ -169,6 +181,7 @@ export { default as UserIcon } from './components/primitives/Icons/User';
 export { default as LogOut } from './components/primitives/Icons/LogOut';
 export { createField, FieldFactory, validateFieldValue } from './components/factories/FieldFactory';
 export * from './components/factories/FieldFactory';
+export { default as BuildingAlt } from './components/primitives/Icons/BuildingAlt';
 export type { FlowStep, FlowMessage, FlowContextValue } from './contexts/Flow/FlowContext';
 export type { FlowProviderProps } from './contexts/Flow/FlowProvider';
 export { default as getAllOrganizations, GetAllOrganizationsConfig } from './api/getAllOrganizations';