@asgardeo/react 0.5.22 → 0.5.24

package/dist/components/presentation/SignIn/options/SignInOptionFactory.d.ts

@@ -24,7 +24,7 @@ export interface BaseSignInOptionProps extends WithPreferences {
     /**
      * The authenticator configuration.
      */
-    authenticator: EmbeddedSignInFlowAuthenticator;
+    authenticator?: EmbeddedSignInFlowAuthenticator;
     /**
      * Current form values.
      */
@@ -48,7 +48,7 @@ export interface BaseSignInOptionProps extends WithPreferences {
     /**
      * Callback function called when the option is submitted.
      */
-    onSubmit: (authenticator: EmbeddedSignInFlowAuthenticator, formData?: Record<string, string>) => void;
+    onSubmit?: (authenticator: EmbeddedSignInFlowAuthenticator, formData?: Record<string, string>) => void;
     /**
      * Custom CSS class name for form inputs.
      */
@@ -65,7 +65,7 @@ export interface BaseSignInOptionProps extends WithPreferences {
 /**
  * Creates the appropriate sign-in option component based on the authenticator's ID.
  */
-export declare const createSignInOption: (props: BaseSignInOptionProps) => ReactElement;
+export declare const createSignInOption: ({ authenticator, onSubmit, buttonClassName, preferences, ...rest }: BaseSignInOptionProps) => ReactElement;
 /**
  * Convenience function that creates the appropriate sign-in option component from an authenticator.
  */

package/dist/components/presentation/SignUp/options/SignUpOptionFactory.d.ts

@@ -74,7 +74,7 @@ export interface BaseSignUpOptionProps extends WithPreferences {
 /**
  * Creates the appropriate sign-up component based on the component type.
  */
-export declare const createSignUpComponent: (props: BaseSignUpOptionProps) => ReactElement;
+export declare const createSignUpComponent: ({ component, onSubmit, ...rest }: BaseSignUpOptionProps) => ReactElement;
 /**
  * Convenience function that creates the appropriate sign-up component from flow component data.
  */

package/dist/components/presentation/UserProfile/BaseUserProfile.d.ts

@@ -49,14 +49,17 @@ export interface BaseUserProfileProps {
     editable?: boolean;
     fallback?: ReactElement;
     flattenedProfile?: User;
+    hideFields?: string[];
     mode?: 'inline' | 'popup';
     onOpenChange?: (open: boolean) => void;
     onUpdate?: (payload: any) => Promise<void>;
     open?: boolean;
     profile?: User;
     schemas?: Schema[];
+    showFields?: string[];
     title?: string;
     error?: string | null;
+    isLoading?: boolean;
 }
 declare const BaseUserProfile: FC<BaseUserProfileProps>;
 export default BaseUserProfile;

package/dist/components/presentation/UserProfile/UserProfile.d.ts

@@ -43,6 +43,16 @@ export type UserProfileProps = Omit<BaseUserProfileProps, 'user' | 'profile' | '
  *   cardLayout={true}
  *   fallback={<div>Please sign in to view your profile</div>}
  * />
+ *
+ * // With field filtering - only show specific fields
+ * <UserProfile
+ *   showFields={['name.givenName', 'name.familyName', 'emails']}
+ * />
+ *
+ * // With field hiding - hide specific fields
+ * <UserProfile
+ *   hideFields={['phoneNumbers', 'addresses']}
+ * />
  * ```
  */
 declare const UserProfile: FC<UserProfileProps>;

package/dist/components/presentation/{SignIn/options → options}/FacebookButton.d.ts

@@ -15,11 +15,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC } from 'react';
-import { BaseSignInOptionProps } from './SignInOptionFactory';
+import { FC, HTMLAttributes } from 'react';
+import { BaseSignInOptionProps } from '../SignIn/options/SignInOptionFactory';
 /**
  * Facebook Sign-In Button Component.
  * Handles authentication with Facebook identity provider.
  */
-declare const FacebookButton: FC<BaseSignInOptionProps>;
+declare const FacebookButton: FC<BaseSignInOptionProps & HTMLAttributes<HTMLButtonElement>>;
 export default FacebookButton;

package/dist/components/presentation/{SignIn/options → options}/GitHubButton.d.ts

@@ -15,11 +15,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC } from 'react';
-import { BaseSignInOptionProps } from './SignInOptionFactory';
+import { FC, HTMLAttributes } from 'react';
+import { BaseSignInOptionProps } from '../SignIn/options/SignInOptionFactory';
 /**
  * GitHub Sign-In Button Component.
  * Handles authentication with GitHub identity provider.
  */
-declare const GitHubButton: FC<BaseSignInOptionProps>;
+declare const GitHubButton: FC<BaseSignInOptionProps & HTMLAttributes<HTMLButtonElement>>;
 export default GitHubButton;

package/dist/components/presentation/{SignIn/options → options}/GoogleButton.d.ts

@@ -15,11 +15,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC } from 'react';
-import { BaseSignInOptionProps } from './SignInOptionFactory';
+import { FC, HTMLAttributes } from 'react';
+import { BaseSignInOptionProps } from '../SignIn/options/SignInOptionFactory';
 /**
  * Google Sign-In Button Component.
  * Handles authentication with Google identity provider.
  */
-declare const GoogleButton: FC<BaseSignInOptionProps>;
+declare const GoogleButton: FC<BaseSignInOptionProps & HTMLAttributes<HTMLButtonElement>>;
 export default GoogleButton;

package/dist/components/presentation/{SignIn/options → options}/LinkedInButton.d.ts

@@ -15,11 +15,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC } from 'react';
-import { BaseSignInOptionProps } from './SignInOptionFactory';
+import { FC, HTMLAttributes } from 'react';
+import { BaseSignInOptionProps } from '../SignIn/options/SignInOptionFactory';
 /**
  * LinkedIn Sign-In Button Component.
  * Handles authentication with LinkedIn identity provider.
  */
-declare const LinkedInButton: FC<BaseSignInOptionProps>;
+declare const LinkedInButton: FC<BaseSignInOptionProps & HTMLAttributes<HTMLButtonElement>>;
 export default LinkedInButton;

package/dist/components/presentation/{SignIn/options → options}/MicrosoftButton.d.ts

@@ -15,11 +15,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC } from 'react';
-import { BaseSignInOptionProps } from './SignInOptionFactory';
+import { FC, HTMLAttributes } from 'react';
+import { BaseSignInOptionProps } from '../SignIn/options/SignInOptionFactory';
 /**
  * Microsoft Sign-In Button Component.
  * Handles authentication with Microsoft identity provider.
  */
-declare const MicrosoftButton: FC<BaseSignInOptionProps>;
+declare const MicrosoftButton: FC<BaseSignInOptionProps & HTMLAttributes<HTMLButtonElement>>;
 export default MicrosoftButton;

package/dist/components/presentation/{SignIn/options → options}/SignInWithEthereumButton.d.ts

@@ -15,11 +15,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC } from 'react';
-import { BaseSignInOptionProps } from './SignInOptionFactory';
+import { FC, HTMLAttributes } from 'react';
+import { BaseSignInOptionProps } from '../SignIn/options/SignInOptionFactory';
 /**
  * Sign In With Ethereum Button Component.
  * Handles authentication with Sign In With Ethereum identity provider.
  */
-declare const SignInWithEthereumButton: FC<BaseSignInOptionProps>;
+declare const SignInWithEthereumButton: FC<BaseSignInOptionProps & HTMLAttributes<HTMLButtonElement>>;
 export default SignInWithEthereumButton;

package/dist/components/presentation/{SignIn/options → options}/SocialButton.d.ts

@@ -15,11 +15,11 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC } from 'react';
-import { BaseSignInOptionProps } from './SignInOptionFactory';
+import { FC, HTMLAttributes } from 'react';
+import { BaseSignInOptionProps } from '../SignIn/options/SignInOptionFactory';
 /**
  * Social Login Sign-In Option Component.
  * Handles authentication with external identity providers (Google, GitHub, etc.).
  */
-declare const SocialLogin: FC<BaseSignInOptionProps>;
+declare const SocialLogin: FC<BaseSignInOptionProps & HTMLAttributes<HTMLButtonElement>>;
 export default SocialLogin;

package/dist/components/primitives/Avatar/Avatar.d.ts

@@ -50,6 +50,10 @@ export interface AvatarProps {
      * @default 'circular'
      */
     variant?: 'circular' | 'square';
+    /**
+     * Loading state of the avatar
+     */
+    isLoading?: boolean;
 }
 export declare const Avatar: FC<AvatarProps>;
 export default Avatar;

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

@@ -31,5 +31,6 @@ declare const useStyles: (theme: Theme, colorScheme: string, size: number, varia
     variant: string;
     image: string;
     skeleton: string;
+    icon: string;
 };
 export default useStyles;

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

@@ -18,6 +18,7 @@
 import { Context } from 'react';
 import { HttpRequestConfig, HttpResponse, IdToken, Organization, SignInOptions, TokenExchangeRequestConfig, TokenResponse } from '@asgardeo/browser';
 import AsgardeoReactClient from '../../AsgardeoReactClient';
+import { AsgardeoReactConfig } from '../../models/config';
 /**
  * Props interface of {@link AsgardeoContext}
  */
@@ -86,7 +87,7 @@ export type AsgardeoContextProps = {
      * @example
      * signInOptions: { prompt: "login", fidp: "OrganizationSSO" }
      */
-    signInOptions?: SignInOptions;
+    signInOptions: SignInOptions;
     /**
      * Function to retrieve the decoded ID token.
      * This function decodes the ID token and returns its payload.
@@ -94,21 +95,21 @@ export type AsgardeoContextProps = {
      *
      * @returns A promise that resolves to the decoded ID token payload.
      */
-    getDecodedIdToken?: () => Promise<IdToken>;
+    getDecodedIdToken: () => Promise<IdToken>;
     /**
      * 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.
      */
-    getAccessToken?: () => Promise<string>;
+    getAccessToken: () => Promise<string>;
     /**
      * 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.
      */
-    exchangeToken?: (config: TokenExchangeRequestConfig) => Promise<TokenResponse | Response>;
-};
+    exchangeToken: (config: TokenExchangeRequestConfig) => Promise<TokenResponse | Response>;
+} & Pick<AsgardeoReactConfig, 'storage'>;
 /**
  * Context object for managing the Authentication flow builder core context.
  */

package/dist/index.d.ts

@@ -93,16 +93,16 @@ export { default as SignUp } from './components/presentation/SignUp/SignUp';
 export * from './components/presentation/SignUp/SignUp';
 export { default as IdentifierFirst } from './components/presentation/SignIn/options/IdentifierFirst';
 export { default as UsernamePassword } from './components/presentation/SignIn/options/UsernamePassword';
-export { default as GoogleButton } from './components/presentation/SignIn/options/GoogleButton';
-export { default as GitHubButton } from './components/presentation/SignIn/options/GitHubButton';
-export { default as MicrosoftButton } from './components/presentation/SignIn/options/MicrosoftButton';
-export { default as FacebookButton } from './components/presentation/SignIn/options/FacebookButton';
-export { default as LinkedInButton } from './components/presentation/SignIn/options/LinkedInButton';
-export { default as SignInWithEthereumButton } from './components/presentation/SignIn/options/SignInWithEthereumButton';
+export { default as GoogleButton } from './components/presentation/options/GoogleButton';
+export { default as GitHubButton } from './components/presentation/options/GitHubButton';
+export { default as MicrosoftButton } from './components/presentation/options/MicrosoftButton';
+export { default as FacebookButton } from './components/presentation/options/FacebookButton';
+export { default as LinkedInButton } from './components/presentation/options/LinkedInButton';
+export { default as SignInWithEthereumButton } from './components/presentation/options/SignInWithEthereumButton';
 export { default as EmailOtp } from './components/presentation/SignIn/options/EmailOtp';
 export { default as Totp } from './components/presentation/SignIn/options/Totp';
 export { default as SmsOtp } from './components/presentation/SignIn/options/SmsOtp';
-export { default as SocialButton } from './components/presentation/SignIn/options/SocialButton';
+export { default as SocialButton } from './components/presentation/options/SocialButton';
 export { default as MultiOptionButton } from './components/presentation/SignIn/options/MultiOptionButton';
 export * from './components/presentation/SignIn/options/SignInOptionFactory';
 export { default as BaseUser } from './components/presentation/User/BaseUser';
@@ -193,4 +193,4 @@ export { default as getSchemas, GetSchemasConfig } from './api/getSchemas';
 export { default as updateMeProfile, UpdateMeProfileConfig } from './api/updateMeProfile';
 export { default as getMeProfile } from './api/getScim2Me';
 export * from './api/getScim2Me';
-export { AsgardeoRuntimeError, http } from '@asgardeo/browser';
+export { AsgardeoRuntimeError, http, getActiveTheme } from '@asgardeo/browser';