@asgardeo/react 0.11.2 → 0.12.0

package/dist/components/presentation/auth/AcceptInvite/v2/AcceptInvite.d.ts

@@ -30,6 +30,15 @@ export interface AcceptInviteProps {
      * If not provided, will try to read from window location.
      */
     baseUrl?: string;
+    /**
+     * Render props function for custom UI.
+     * If not provided, default UI will be rendered by the SDK.
+     */
+    children?: (props: AcceptInviteRenderProps) => ReactNode;
+    /**
+     * Custom CSS class name.
+     */
+    className?: string;
     /**
      * Flow ID from the invite link.
      * If not provided, will be extracted from URL query parameters.
@@ -57,14 +66,13 @@ export interface AcceptInviteProps {
      */
     onGoToSignIn?: () => void;
     /**
-     * Custom CSS class name.
+     * Whether to show the subtitle.
      */
-    className?: string;
+    showSubtitle?: boolean;
     /**
-     * Render props function for custom UI.
-     * If not provided, default UI will be rendered by the SDK.
+     * Whether to show the title.
      */
-    children?: (props: AcceptInviteRenderProps) => ReactNode;
+    showTitle?: boolean;
     /**
      * Size variant for the component.
      */
@@ -73,14 +81,6 @@ export interface AcceptInviteProps {
      * Theme variant for the component card.
      */
     variant?: 'outlined' | 'elevated';
-    /**
-     * Whether to show the title.
-     */
-    showTitle?: boolean;
-    /**
-     * Whether to show the subtitle.
-     */
-    showSubtitle?: boolean;
 }
 /**
  * AcceptInvite component for end-users to accept an invite and set their password.

package/dist/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.d.ts

@@ -21,103 +21,113 @@ import { CardProps } from '../../../../primitives/Card/Card';
  * Flow response structure from the backend.
  */
 export interface AcceptInviteFlowResponse {
-    flowId: string;
-    flowStatus: 'INCOMPLETE' | 'COMPLETE' | 'ERROR';
-    type?: 'VIEW' | 'REDIRECTION';
     data?: {
+        additionalData?: Record<string, string>;
         components?: any[];
         meta?: {
             components?: any[];
         };
-        additionalData?: Record<string, string>;
+        redirectURL?: string;
     };
     failureReason?: string;
+    flowId: string;
+    flowStatus: 'INCOMPLETE' | 'COMPLETE' | 'ERROR';
+    type?: 'VIEW' | 'REDIRECTION';
 }
 /**
  * Render props for custom UI rendering of AcceptInvite.
  */
 export interface BaseAcceptInviteRenderProps {
     /**
-     * Form values for the current step.
+     * Title from the password screen (for use in completion screen).
      */
-    values: Record<string, string>;
+    completionTitle?: string;
     /**
-     * Field validation errors.
+     * Flow components from the current step.
      */
-    fieldErrors: Record<string, string>;
+    components: any[];
     /**
      * API error (if any).
      */
     error?: Error | null;
     /**
-     * Touched fields.
-     */
-    touched: Record<string, boolean>;
-    /**
-     * Loading state.
-     */
-    isLoading: boolean;
-    /**
-     * Flow components from the current step.
+     * Field validation errors.
      */
-    components: any[];
+    fieldErrors: Record<string, string>;
     /**
      * Current flow ID from URL.
      */
     flowId?: string;
     /**
-     * Invite token from URL.
-     */
-    inviteToken?: string;
-    /**
-     * Function to handle input changes.
+     * Navigate to sign in page.
      */
-    handleInputChange: (name: string, value: string) => void;
+    goToSignIn?: () => void;
     /**
      * Function to handle input blur.
      */
     handleInputBlur: (name: string) => void;
+    /**
+     * Function to handle input changes.
+     */
+    handleInputChange: (name: string, value: string) => void;
     /**
      * Function to handle form submission.
      */
     handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;
+    /**
+     * Invite token from URL.
+     */
+    inviteToken?: string;
     /**
      * Whether the flow has completed successfully.
      */
     isComplete: boolean;
     /**
-     * Whether the invite token is being validated.
+     * Loading state.
      */
-    isValidatingToken: boolean;
+    isLoading: boolean;
     /**
      * Whether the token validation failed.
      */
     isTokenInvalid: boolean;
     /**
-     * Title for the current step.
+     * Whether the form is valid.
      */
-    title?: string;
+    isValid: boolean;
+    /**
+     * Whether the invite token is being validated.
+     */
+    isValidatingToken: boolean;
     /**
      * Subtitle for the current step.
      */
     subtitle?: string;
     /**
-     * Whether the form is valid.
+     * Title for the current step.
      */
-    isValid: boolean;
+    title?: string;
     /**
-     * Navigate to sign in page.
+     * Touched fields.
      */
-    goToSignIn?: () => void;
+    touched: Record<string, boolean>;
     /**
-     * Title from the password screen (for use in completion screen).
+     * Form values for the current step.
      */
-    completionTitle?: string;
+    values: Record<string, string>;
 }
 /**
  * Props for the BaseAcceptInvite component.
  */
 export interface BaseAcceptInviteProps {
+    /**
+     * Render props function for custom UI.
+     * If not provided, default UI will be rendered.
+     */
+    children?: (props: BaseAcceptInviteRenderProps) => ReactNode;
+    /**
+     * Custom CSS class name.
+     */
+    className?: string;
     /**
      * Flow ID from the invite link URL.
      */
@@ -138,24 +148,23 @@ export interface BaseAcceptInviteProps {
      * Callback when the flow state changes.
      */
     onFlowChange?: (response: AcceptInviteFlowResponse) => void;
+    /**
+     * Callback to navigate to sign in page.
+     */
+    onGoToSignIn?: () => void;
     /**
      * Function to submit flow step data.
      * This makes a request to the flow/execute endpoint.
      */
     onSubmit: (payload: Record<string, any>) => Promise<AcceptInviteFlowResponse>;
     /**
-     * Callback to navigate to sign in page.
-     */
-    onGoToSignIn?: () => void;
-    /**
-     * Custom CSS class name.
+     * Whether to show the subtitle.
      */
-    className?: string;
+    showSubtitle?: boolean;
     /**
-     * Render props function for custom UI.
-     * If not provided, default UI will be rendered.
+     * Whether to show the title.
      */
-    children?: (props: BaseAcceptInviteRenderProps) => ReactNode;
+    showTitle?: boolean;
     /**
      * Size variant for the component.
      */
@@ -164,14 +173,6 @@ export interface BaseAcceptInviteProps {
      * Theme variant for the component.
      */
     variant?: CardProps['variant'];
-    /**
-     * Whether to show the title.
-     */
-    showTitle?: boolean;
-    /**
-     * Whether to show the subtitle.
-     */
-    showSubtitle?: boolean;
 }
 /**
  * Base component for accept invite flow (end-user).

package/dist/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.styles.d.ts

@@ -9,10 +9,11 @@
  *     http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing,
- * software distributed under 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.
+ * 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 { Theme } from '@asgardeo/browser';
 /**
@@ -21,10 +22,5 @@ import { Theme } from '@asgardeo/browser';
  * @param colorScheme - The current color scheme (used for memoization)
  * @returns Object containing CSS class names for component styling
  */
-declare const useStyles: (theme: Theme, colorScheme: string) => {
-    card: string;
-    header: string;
-    title: string;
-    subtitle: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
 export default useStyles;

package/dist/components/presentation/auth/AuthOptionFactory.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { ReactElement } from 'react';
 import { EmbeddedFlowComponentV2 as EmbeddedFlowComponent } from '@asgardeo/browser';
+import { ReactElement } from 'react';
 export type AuthType = 'signin' | 'signup';
 /**
  * Processes an array of components and renders them as React elements for sign-in.

package/dist/components/presentation/auth/InviteUser/index.d.ts

@@ -18,4 +18,4 @@
 export { default as InviteUser } from './v2/InviteUser';
 export type { InviteUserProps, InviteUserRenderProps } from './v2/InviteUser';
 export { default as BaseInviteUser } from './v2/BaseInviteUser';
-export type { BaseInviteUserProps, BaseInviteUserRenderProps, InviteUserFlowResponse, } from './v2/BaseInviteUser';
+export type { BaseInviteUserProps, BaseInviteUserRenderProps, InviteUserFlowResponse } from './v2/BaseInviteUser';

package/dist/components/presentation/auth/InviteUser/v2/BaseInviteUser.d.ts

@@ -21,103 +21,112 @@ import { CardProps } from '../../../../primitives/Card/Card';
  * Flow response structure from the backend.
  */
 export interface InviteUserFlowResponse {
-    flowId: string;
-    flowStatus: 'INCOMPLETE' | 'COMPLETE' | 'ERROR';
-    type?: 'VIEW' | 'REDIRECTION';
     data?: {
+        additionalData?: Record<string, string>;
         components?: any[];
         meta?: {
             components?: any[];
         };
-        additionalData?: Record<string, string>;
     };
     failureReason?: string;
+    flowId: string;
+    flowStatus: 'INCOMPLETE' | 'COMPLETE' | 'ERROR';
+    type?: 'VIEW' | 'REDIRECTION';
 }
 /**
  * Render props for custom UI rendering of InviteUser.
  */
 export interface BaseInviteUserRenderProps {
     /**
-     * Form values for the current step.
+     * Flow components from the current step.
      */
-    values: Record<string, string>;
+    components: any[];
     /**
-     * Field validation errors.
+     * Copy invite link to clipboard.
      */
-    fieldErrors: Record<string, string>;
+    copyInviteLink: () => Promise<void>;
     /**
      * API error (if any).
      */
     error?: Error | null;
     /**
-     * Touched fields.
-     */
-    touched: Record<string, boolean>;
-    /**
-     * Loading state.
-     */
-    isLoading: boolean;
-    /**
-     * Flow components from the current step.
-     */
-    components: any[];
-    /**
-     * Generated invite link (available after user provisioning).
+     * Field validation errors.
      */
-    inviteLink?: string;
+    fieldErrors: Record<string, string>;
     /**
      * Current flow ID.
      */
     flowId?: string;
-    /**
-     * Function to handle input changes.
-     */
-    handleInputChange: (name: string, value: string) => void;
     /**
      * Function to handle input blur.
      */
     handleInputBlur: (name: string) => void;
+    /**
+     * Function to handle input changes.
+     */
+    handleInputChange: (name: string, value: string) => void;
     /**
      * Function to handle form submission.
      */
     handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;
     /**
-     * Whether the invite link has been generated (admin flow complete).
+     * Generated invite link (available after user provisioning).
      */
-    isInviteGenerated: boolean;
+    inviteLink?: string;
     /**
-     * Title for the current step.
+     * Whether the invite link was copied.
      */
-    title?: string;
+    inviteLinkCopied: boolean;
     /**
-     * Subtitle for the current step.
+     * Whether the invite link has been generated (admin flow complete).
      */
-    subtitle?: string;
+    isInviteGenerated: boolean;
+    /**
+     * Loading state.
+     */
+    isLoading: boolean;
     /**
      * Whether the form is valid.
      */
     isValid: boolean;
     /**
-     * Copy invite link to clipboard.
+     * Reset the flow to invite another user.
      */
-    copyInviteLink: () => Promise<void>;
+    resetFlow: () => void;
     /**
-     * Whether the invite link was copied.
+     * Subtitle for the current step.
      */
-    inviteLinkCopied: boolean;
+    subtitle?: string;
     /**
-     * Reset the flow to invite another user.
+     * Title for the current step.
      */
-    resetFlow: () => void;
+    title?: string;
+    /**
+     * Touched fields.
+     */
+    touched: Record<string, boolean>;
+    /**
+     * Form values for the current step.
+     */
+    values: Record<string, string>;
 }
 /**
  * Props for the BaseInviteUser component.
  */
 export interface BaseInviteUserProps {
     /**
-     * Callback when the invite link is generated successfully.
+     * Render props function for custom UI.
+     * If not provided, default UI will be rendered.
      */
-    onInviteLinkGenerated?: (inviteLink: string, flowId: string) => void;
+    children?: (props: BaseInviteUserRenderProps) => ReactNode;
+    /**
+     * Custom CSS class name.
+     */
+    className?: string;
+    /**
+     * Whether the SDK is initialized.
+     */
+    isInitialized?: boolean;
     /**
      * Callback when an error occurs.
      */
@@ -131,24 +140,23 @@ export interface BaseInviteUserProps {
      * This should make an authenticated request to the flow/execute endpoint.
      */
     onInitialize: (payload: Record<string, any>) => Promise<InviteUserFlowResponse>;
+    /**
+     * Callback when the invite link is generated successfully.
+     */
+    onInviteLinkGenerated?: (inviteLink: string, flowId: string) => void;
     /**
      * Function to submit flow step data.
      * This should make an authenticated request to the flow/execute endpoint.
      */
     onSubmit: (payload: Record<string, any>) => Promise<InviteUserFlowResponse>;
     /**
-     * Custom CSS class name.
-     */
-    className?: string;
-    /**
-     * Render props function for custom UI.
-     * If not provided, default UI will be rendered.
+     * Whether to show the subtitle.
      */
-    children?: (props: BaseInviteUserRenderProps) => ReactNode;
+    showSubtitle?: boolean;
     /**
-     * Whether the SDK is initialized.
+     * Whether to show the title.
      */
-    isInitialized?: boolean;
+    showTitle?: boolean;
     /**
      * Size variant for the component.
      */
@@ -157,14 +165,6 @@ export interface BaseInviteUserProps {
      * Theme variant for the component.
      */
     variant?: CardProps['variant'];
-    /**
-     * Whether to show the title.
-     */
-    showTitle?: boolean;
-    /**
-     * Whether to show the subtitle.
-     */
-    showSubtitle?: boolean;
 }
 /**
  * Base component for invite user flow.

package/dist/components/presentation/auth/InviteUser/v2/BaseInviteUser.styles.d.ts

@@ -9,10 +9,11 @@
  *     http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing,
- * software distributed under 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.
+ * 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 { Theme } from '@asgardeo/browser';
 /**
@@ -21,10 +22,5 @@ import { Theme } from '@asgardeo/browser';
  * @param colorScheme - The current color scheme (used for memoization)
  * @returns Object containing CSS class names for component styling
  */
-declare const useStyles: (theme: Theme, colorScheme: string) => {
-    card: string;
-    header: string;
-    title: string;
-    subtitle: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
 export default useStyles;

package/dist/components/presentation/auth/InviteUser/v2/InviteUser.d.ts

@@ -26,9 +26,14 @@ export type InviteUserRenderProps = BaseInviteUserRenderProps;
  */
 export interface InviteUserProps {
     /**
-     * Callback when the invite link is generated successfully.
+     * Render props function for custom UI.
+     * If not provided, default UI will be rendered by the SDK.
      */
-    onInviteLinkGenerated?: (inviteLink: string, flowId: string) => void;
+    children?: (props: InviteUserRenderProps) => ReactNode;
+    /**
+     * Custom CSS class name.
+     */
+    className?: string;
     /**
      * Callback when an error occurs.
      */
@@ -38,14 +43,17 @@ export interface InviteUserProps {
      */
     onFlowChange?: (response: InviteUserFlowResponse) => void;
     /**
-     * Custom CSS class name.
+     * Callback when the invite link is generated successfully.
      */
-    className?: string;
+    onInviteLinkGenerated?: (inviteLink: string, flowId: string) => void;
     /**
-     * Render props function for custom UI.
-     * If not provided, default UI will be rendered by the SDK.
+     * Whether to show the subtitle.
      */
-    children?: (props: InviteUserRenderProps) => ReactNode;
+    showSubtitle?: boolean;
+    /**
+     * Whether to show the title.
+     */
+    showTitle?: boolean;
     /**
      * Size variant for the component.
      */
@@ -54,14 +62,6 @@ export interface InviteUserProps {
      * Theme variant for the component card.
      */
     variant?: 'outlined' | 'elevated';
-    /**
-     * Whether to show the title.
-     */
-    showTitle?: boolean;
-    /**
-     * Whether to show the subtitle.
-     */
-    showSubtitle?: boolean;
 }
 /**
  * InviteUser component for initiating invite user flow.

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

@@ -22,31 +22,5 @@ import { Theme } from '@asgardeo/browser';
  * @param colorScheme - The current color scheme (used for memoization)
  * @returns Object containing CSS class names for component styling
  */
-declare const useStyles: (theme: Theme, colorScheme: string) => {
-    signIn: string;
-    card: string;
-    logoContainer: string;
-    header: string;
-    title: string;
-    subtitle: string;
-    messagesContainer: string;
-    messageItem: string;
-    errorContainer: string;
-    contentContainer: string;
-    loadingContainer: string;
-    loadingText: string;
-    divider: string;
-    centeredContainer: string;
-    passkeyContainer: string;
-    passkeyText: string;
-    form: string;
-    formDivider: string;
-    authenticatorSection: string;
-    authenticatorItem: string;
-    noAuthenticatorCard: string;
-    errorAlert: string;
-    messagesAlert: string;
-    flowMessagesContainer: string;
-    flowMessageItem: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
 export default useStyles;

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

@@ -16,8 +16,8 @@
  * under the License.
  */
 import { FC, ReactElement } from 'react';
-import { SignInRenderProps } from './v2/SignIn';
 import { BaseSignInProps } from './BaseSignIn';
+import { SignInRenderProps } from './v2/SignIn';
 /**
  * Props for the SignIn component.
  * Extends BaseSignInProps for full compatibility with the React BaseSignIn component

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

@@ -39,6 +39,10 @@ export interface BaseSignInProps {
      * Custom CSS class name for form inputs.
      */
     inputClassName?: string;
+    /**
+     * Flag to determine the component is ready to be rendered.
+     */
+    isLoading?: boolean;
     /**
      * Custom CSS class name for info messages.
      */
@@ -53,10 +57,6 @@ export interface BaseSignInProps {
      * @param response - The current authentication response.
      */
     onFlowChange?: (response: EmbeddedSignInFlowInitiateResponse | EmbeddedSignInFlowHandleResponse) => void;
-    /**
-     * Flag to determine the component is ready to be rendered.
-     */
-    isLoading?: boolean;
     /**
      * Function to initialize authentication flow.
      * @returns Promise resolving to the initial authentication response.
@@ -74,25 +74,25 @@ export interface BaseSignInProps {
      */
     onSuccess?: (authData: Record<string, any>) => void;
     /**
-     * Size variant for the component.
+     * Whether to show the logo.
      */
-    size?: 'small' | 'medium' | 'large';
+    showLogo?: boolean;
     /**
-     * Theme variant for the component.
+     * Whether to show the subtitle.
      */
-    variant?: CardProps['variant'];
+    showSubtitle?: boolean;
     /**
      * Whether to show the title.
      */
     showTitle?: boolean;
     /**
-     * Whether to show the subtitle.
+     * Size variant for the component.
      */
-    showSubtitle?: boolean;
+    size?: 'small' | 'medium' | 'large';
     /**
-     * Whether to show the logo.
+     * Theme variant for the component.
      */
-    showLogo?: boolean;
+    variant?: CardProps['variant'];
 }
 /**
  * Base SignIn component that provides native authentication flow.