@asgardeo/react 0.3.0 → 0.4.0

package/dist/components/actions/SignInButton/BaseSignInButton.d.ts

@@ -16,6 +16,7 @@
  * under the License.
  */
 import { ButtonHTMLAttributes, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+import { WithPreferences } from '@asgardeo/browser';
 /**
  * Common props shared by all {@link BaseSignInButton} components.
  */
@@ -23,7 +24,7 @@ export interface CommonBaseSignInButtonProps {
     /**
      * Function to initiate the sign-in process
      */
-    signIn?: () => Promise<void>;
+    signIn: () => Promise<void>;
     /**
      * Loading state during sign-in process
      */
@@ -36,7 +37,7 @@ export type BaseSignInButtonRenderProps = CommonBaseSignInButtonProps;
 /**
  * Props interface of {@link BaseSignInButton}
  */
-export interface BaseSignInButtonProps extends CommonBaseSignInButtonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+export interface BaseSignInButtonProps extends Partial<CommonBaseSignInButtonProps>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, WithPreferences {
     /**
      * Render prop function that receives sign-in props, or traditional ReactNode children
      */
@@ -48,7 +49,7 @@ export interface BaseSignInButtonProps extends CommonBaseSignInButtonProps, Omit
  * @example Using render props
  * ```tsx
  * <BaseSignInButton>
- *   {({ signIn, isLoading }) => (
+ *   {({signIn, isLoading}) => (
  *     <button onClick={signIn} disabled={isLoading}>
  *       {isLoading ? 'Signing in...' : 'Sign In'}
  *     </button>

package/dist/components/actions/SignInButton/SignInButton.d.ts

@@ -29,8 +29,8 @@ export type SignInButtonProps = BaseSignInButtonProps;
  * @example Using render props
  * ```tsx
  * <SignInButton>
- *   {({ handleSignIn, isLoading }) => (
- *     <button onClick={handleSignIn} disabled={isLoading}>
+ *   {({signIn, isLoading}) => (
+ *     <button onClick={signIn} disabled={isLoading}>
  *       {isLoading ? 'Signing in...' : 'Sign In'}
  *     </button>
  *   )}
@@ -41,6 +41,25 @@ export type SignInButtonProps = BaseSignInButtonProps;
  * ```tsx
  * <SignInButton className="custom-button">Sign In</SignInButton>
  * ```
+ *
+ * @example Using component-level preferences
+ * ```tsx
+ * <SignInButton
+ *   preferences={{
+ *     i18n: {
+ *       bundles: {
+ *         'en-US': {
+ *           translations: {
+ *             'buttons.signIn': 'Custom Sign In Text'
+ *           }
+ *         }
+ *       }
+ *     }
+ *   }}
+ * >
+ *   Custom Sign In
+ * </SignInButton>
+ * ```
  */
 declare const SignInButton: ForwardRefExoticComponent<SignInButtonProps & RefAttributes<HTMLButtonElement>>;
 export default SignInButton;

package/dist/components/actions/SignOutButton/BaseSignOutButton.d.ts

@@ -16,6 +16,7 @@
  * under the License.
  */
 import { ForwardRefExoticComponent, ButtonHTMLAttributes, ReactNode, RefAttributes } from 'react';
+import { WithPreferences } from '@asgardeo/browser';
 /**
  * Common props shared by all {@link BaseSignOutButton} components.
  */
@@ -23,7 +24,7 @@ export interface CommonBaseSignOutButtonProps {
     /**
      * Function to initiate the sign-out process
      */
-    signOut?: () => Promise<void>;
+    signOut: () => Promise<void>;
     /**
      * Loading state during sign-out process
      */
@@ -36,7 +37,7 @@ export type BaseSignOutButtonRenderProps = CommonBaseSignOutButtonProps;
 /**
  * Props interface of {@link BaseSignOutButton}
  */
-export interface BaseSignOutButtonProps extends CommonBaseSignOutButtonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+export interface BaseSignOutButtonProps extends Partial<CommonBaseSignOutButtonProps>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, WithPreferences {
     /**
      * Render prop function that receives sign-out props, or traditional ReactNode children
      */
@@ -48,7 +49,7 @@ export interface BaseSignOutButtonProps extends CommonBaseSignOutButtonProps, Om
  * @example Using render props
  * ```tsx
  * <BaseSignOutButton>
- *   {({ signOut, isLoading }) => (
+ *   {({signOut, isLoading}) => (
  *     <button onClick={signOut} disabled={isLoading}>
  *       {isLoading ? 'Signing out...' : 'Sign Out'}
  *     </button>

package/dist/components/actions/SignOutButton/SignOutButton.d.ts

@@ -24,10 +24,12 @@ export type SignOutButtonProps = BaseSignOutButtonProps;
 /**
  * SignOutButton component that supports both render props and traditional props patterns.
  *
+ * @remarks This component is only supported in browser based React applications (CSR).
+ *
  * @example Using render props pattern
  * ```tsx
  * <SignOutButton>
- *   {({ signOut, isLoading }) => (
+ *   {({signOut, isLoading}) => (
  *     <button onClick={signOut} disabled={isLoading}>
  *       {isLoading ? 'Signing out...' : 'Sign Out'}
  *     </button>
@@ -39,6 +41,25 @@ export type SignOutButtonProps = BaseSignOutButtonProps;
  * ```tsx
  * <SignOutButton className="custom-button">Sign Out</SignOutButton>
  * ```
+ *
+ * @example Using component-level preferences
+ * ```tsx
+ * <SignOutButton
+ *   preferences={{
+ *     i18n: {
+ *       bundles: {
+ *         'en-US': {
+ *           translations: {
+ *             'buttons.signOut': 'Custom Sign Out Text'
+ *           }
+ *         }
+ *       }
+ *     }
+ *   }}
+ * >
+ *   Custom Sign Out
+ * </SignOutButton>
+ * ```
  */
 declare const SignOutButton: ForwardRefExoticComponent<SignOutButtonProps & RefAttributes<HTMLButtonElement>>;
 export default SignOutButton;

package/dist/components/actions/SignUpButton/BaseSignUpButton.d.ts

@@ -16,6 +16,7 @@
  * under the License.
  */
 import { ForwardRefExoticComponent, ButtonHTMLAttributes, ReactNode, RefAttributes } from 'react';
+import { WithPreferences } from '@asgardeo/browser';
 /**
  * Common props shared by all {@link BaseSignUpButton} components.
  */
@@ -36,7 +37,7 @@ export type BaseSignUpButtonRenderProps = CommonBaseSignUpButtonProps;
 /**
  * Props interface of {@link BaseSignUpButton}
  */
-export interface BaseSignUpButtonProps extends CommonBaseSignUpButtonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+export interface BaseSignUpButtonProps extends CommonBaseSignUpButtonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, WithPreferences {
     /**
      * Render prop function that receives sign-up props, or traditional ReactNode children
      */

package/dist/components/actions/SignUpButton/SignUpButton.d.ts

@@ -25,6 +25,8 @@ export type SignUpButtonProps = BaseSignUpButtonProps;
  * SignUpButton component that supports both render props and traditional props patterns.
  * It redirects the user to the Asgardeo sign-up page configured for the application.
  *
+ * @remarks This component is only supported in browser based React applications (CSR).
+ *
  * @example Using render props pattern
  * ```tsx
  * <SignUpButton>
@@ -40,6 +42,25 @@ export type SignUpButtonProps = BaseSignUpButtonProps;
  * ```tsx
  * <SignUpButton className="custom-button">Create Account</SignUpButton>
  * ```
+ *
+ * @example Using component-level preferences
+ * ```tsx
+ * <SignUpButton
+ *   preferences={{
+ *     i18n: {
+ *       bundles: {
+ *         'en-US': {
+ *           translations: {
+ *             'buttons.signUp': 'Custom Sign Up Text'
+ *           }
+ *         }
+ *       }
+ *     }
+ *   }}
+ * >
+ *   Custom Sign Up
+ * </SignUpButton>
+ * ```
  */
 declare const SignUpButton: ForwardRefExoticComponent<SignUpButtonProps & RefAttributes<HTMLButtonElement>>;
 export default SignUpButton;

package/dist/components/factories/FieldFactory.d.ts

@@ -0,0 +1,107 @@
+/**
+ * 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 { FC, ReactElement } from 'react';
+import { SelectOption } from '../primitives/Select/Select';
+import { FieldType } from '@asgardeo/browser';
+/**
+ * Interface for field configuration.
+ */
+export interface FieldConfig {
+    name: string;
+    /**
+     * The field type based on ApplicationNativeAuthenticationAuthenticatorParamType.
+     */
+    type: FieldType;
+    /**
+     * Display name for the field.
+     */
+    label: string;
+    /**
+     * Whether the field is required.
+     */
+    required: boolean;
+    /**
+     * Current value of the field.
+     */
+    value: string;
+    /**
+     * Callback function when the field value changes.
+     */
+    onChange: (value: string) => void;
+    /**
+     * Whether the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Error message to display.
+     */
+    error?: string;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+    /**
+     * Additional options for multi-valued fields.
+     */
+    options?: SelectOption[];
+    /**
+     * Whether the field has been touched/interacted with by the user.
+     */
+    touched?: boolean;
+    /**
+     * Placeholder text for the field.
+     */
+    placeholder?: string;
+}
+/**
+ * Utility function to parse multi-valued string into array
+ */
+export declare const parseMultiValuedString: (value: string) => string[];
+/**
+ * Utility function to format array into multi-valued string
+ */
+export declare const formatMultiValuedString: (values: string[]) => string;
+/**
+ * Utility function to validate field values based on type
+ */
+export declare const validateFieldValue: (value: string, type: FieldType, required?: boolean, touched?: boolean) => string | null;
+/**
+ * Factory function to create form fields based on the ApplicationNativeAuthenticationAuthenticatorParamType.
+ *
+ * @param config - The field configuration
+ * @returns The appropriate React component for the field type
+ *
+ * @example
+ * ```tsx
+ * const field = createField({
+ *   param: 'username',
+ *   type: ApplicationNativeAuthenticationAuthenticatorParamType.String,
+ *   label: 'Username',
+ *   confidential: false,
+ *   required: true,
+ *   value: '',
+ *   onChange: (value) => console.log(value)
+ * });
+ * ```
+ */
+export declare const createField: (config: FieldConfig) => ReactElement;
+/**
+ * React component wrapper for the field factory.
+ */
+export declare const FieldFactory: FC<FieldConfig>;
+export default FieldFactory;

package/dist/components/presentation/SignIn/BaseSignIn.d.ts

@@ -0,0 +1,125 @@
+/**
+ * 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 { ApplicationNativeAuthenticationInitiateResponse, ApplicationNativeAuthenticationHandleResponse } from '@asgardeo/browser';
+import { FC } from 'react';
+/**
+ * Props for the BaseSignIn component.
+ */
+export interface BaseSignInProps {
+    /**
+     * Function to initialize authentication flow.
+     * @returns Promise resolving to the initial authentication response.
+     */
+    onInitialize: () => Promise<ApplicationNativeAuthenticationInitiateResponse>;
+    /**
+     * Function to handle authentication steps.
+     * @param payload - The authentication payload.
+     * @returns Promise resolving to the authentication response.
+     */
+    onSubmit: (flow: {
+        requestConfig?: {
+            method: string;
+            url: string;
+        };
+        payload: {
+            flowId: string;
+            selectedAuthenticator: {
+                authenticatorId: string;
+                params: Record<string, string>;
+            };
+        };
+    }) => Promise<ApplicationNativeAuthenticationHandleResponse>;
+    /**
+     * Callback function called when authentication is successful.
+     * @param authData - The authentication data returned upon successful completion.
+     */
+    onSuccess?: (authData: Record<string, any>) => void;
+    /**
+     * Callback function called when authentication fails.
+     * @param error - The error that occurred during authentication.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Callback function called when authentication flow status changes.
+     * @param response - The current authentication response.
+     */
+    onFlowChange?: (response: ApplicationNativeAuthenticationInitiateResponse | ApplicationNativeAuthenticationHandleResponse) => void;
+    /**
+     * Custom CSS class name for the form container.
+     */
+    className?: string;
+    /**
+     * Custom CSS class name for form inputs.
+     */
+    inputClassName?: string;
+    /**
+     * Custom CSS class name for the submit button.
+     */
+    buttonClassName?: string;
+    /**
+     * Custom CSS class name for error messages.
+     */
+    errorClassName?: string;
+    /**
+     * Custom CSS class name for info messages.
+     */
+    messageClassName?: string;
+    /**
+     * Size variant for the component.
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Theme variant for the component.
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+    afterSignInUrl?: string;
+}
+/**
+ * Base SignIn component that provides native authentication flow.
+ * This component handles both the presentation layer and authentication flow logic.
+ * It accepts API functions as props to maintain framework independence.
+ *
+ * @example
+ * ```tsx
+ * import { BaseSignIn } from '@asgardeo/react';
+ *
+ * const MySignIn = () => {
+ *   return (
+ *     <BaseSignIn
+ *       onInitialize={async () => {
+ *         // Your API call to initialize authentication
+ *         return await initializeAuth();
+ *       }}
+ *       onSubmit={async (payload) => {
+ *         // Your API call to handle authentication
+ *         return await handleAuth(payload);
+ *       }}
+ *       onSuccess={(authData) => {
+ *         console.log('Success:', authData);
+ *       }}
+ *       onError={(error) => {
+ *         console.error('Error:', error);
+ *       }}
+ *       className="max-w-md mx-auto"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const BaseSignIn: FC<BaseSignInProps>;
+export default BaseSignIn;

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

@@ -0,0 +1,62 @@
+/**
+ * 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 { FC } from 'react';
+/**
+ * Props for the SignIn component.
+ */
+export interface SignInProps {
+    /**
+     * Additional CSS class names for customization.
+     */
+    className?: string;
+    /**
+     * Size variant for the component.
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Theme variant for the component.
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * A styled SignIn component that provides native authentication flow with pre-built styling.
+ * This component handles the API calls for authentication and delegates UI logic to BaseSignIn.
+ *
+ * @example
+ * ```tsx
+ * import { SignIn } from '@asgardeo/react';
+ *
+ * const App = () => {
+ *   return (
+ *     <SignIn
+ *       onSuccess={(authData) => {
+ *         console.log('Authentication successful:', authData);
+ *         // Handle successful authentication (e.g., redirect, store tokens)
+ *       }}
+ *       onError={(error) => {
+ *         console.error('Authentication failed:', error);
+ *       }}
+ *       size="medium"
+ *       variant="outlined"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const SignIn: FC<SignInProps>;
+export default SignIn;

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

@@ -0,0 +1,25 @@
+/**
+ * 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 { FC } from 'react';
+import { BaseSignInOptionProps } from './SignInOptionFactory';
+/**
+ * Email OTP Sign-In Option Component.
+ * Handles email-based OTP authentication.
+ */
+declare const EmailOtp: FC<BaseSignInOptionProps>;
+export default EmailOtp;

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

@@ -0,0 +1,25 @@
+/**
+ * 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 { FC } from 'react';
+import { BaseSignInOptionProps } from './SignInOptionFactory';
+/**
+ * Facebook Sign-In Button Component.
+ * Handles authentication with Facebook identity provider.
+ */
+declare const FacebookButton: FC<BaseSignInOptionProps>;
+export default FacebookButton;

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

@@ -0,0 +1,25 @@
+/**
+ * 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 { FC } from 'react';
+import { BaseSignInOptionProps } from './SignInOptionFactory';
+/**
+ * GitHub Sign-In Button Component.
+ * Handles authentication with GitHub identity provider.
+ */
+declare const GitHubButton: FC<BaseSignInOptionProps>;
+export default GitHubButton;

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

@@ -0,0 +1,25 @@
+/**
+ * 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 { FC } from 'react';
+import { BaseSignInOptionProps } from './SignInOptionFactory';
+/**
+ * Google Sign-In Button Component.
+ * Handles authentication with Google identity provider.
+ */
+declare const GoogleButton: FC<BaseSignInOptionProps>;
+export default GoogleButton;

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

@@ -0,0 +1,25 @@
+/**
+ * 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 { FC } from 'react';
+import { BaseSignInOptionProps } from './SignInOptionFactory';
+/**
+ * Identifier First Sign-In Option Component.
+ * Handles identifier-first authentication flow (username first, then password).
+ */
+declare const IdentifierFirst: FC<BaseSignInOptionProps>;
+export default IdentifierFirst;

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

@@ -0,0 +1,25 @@
+/**
+ * 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 { FC } from 'react';
+import { BaseSignInOptionProps } from './SignInOptionFactory';
+/**
+ * LinkedIn Sign-In Button Component.
+ * Handles authentication with LinkedIn identity provider.
+ */
+declare const LinkedInButton: FC<BaseSignInOptionProps>;
+export default LinkedInButton;

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

@@ -0,0 +1,25 @@
+/**
+ * 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 { FC } from 'react';
+import { BaseSignInOptionProps } from './SignInOptionFactory';
+/**
+ * Microsoft Sign-In Button Component.
+ * Handles authentication with Microsoft identity provider.
+ */
+declare const MicrosoftButton: FC<BaseSignInOptionProps>;
+export default MicrosoftButton;