@asgardeo/react 0.11.1 → 0.11.3

package/dist/components/adapters/FacebookButton.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, HTMLAttributes } from 'react';
 import { WithPreferences } from '@asgardeo/browser';
+import { FC, HTMLAttributes } from 'react';
 export interface FacebookButtonProps extends WithPreferences {
     /**
      * Whether the component is in loading state.

package/dist/components/adapters/GitHubButton.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, HTMLAttributes } from 'react';
 import { WithPreferences } from '@asgardeo/browser';
+import { FC, HTMLAttributes } from 'react';
 export interface GithubButtonProps extends WithPreferences {
     /**
      * Whether the component is in loading state.

package/dist/components/adapters/GoogleButton.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, HTMLAttributes } from 'react';
 import { WithPreferences } from '@asgardeo/browser';
+import { FC, HTMLAttributes } from 'react';
 export interface GoogleButtonProps extends WithPreferences {
     /**
      * Whether the component is in loading state.

package/dist/components/adapters/LinkedInButton.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, HTMLAttributes } from 'react';
 import { WithPreferences } from '@asgardeo/browser';
+import { FC, HTMLAttributes } from 'react';
 export interface LinkedInButtonProps extends WithPreferences {
     /**
      * Whether the component is in loading state.

package/dist/components/adapters/MicrosoftButton.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, HTMLAttributes } from 'react';
 import { WithPreferences } from '@asgardeo/browser';
+import { FC, HTMLAttributes } from 'react';
 export interface MicrosoftButtonProps extends WithPreferences {
     /**
      * Whether the component is in loading state.

package/dist/components/adapters/SignInWithEthereumButton.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, HTMLAttributes } from 'react';
 import { WithPreferences } from '@asgardeo/browser';
+import { FC, HTMLAttributes } from 'react';
 export interface SignInWithEthereumButtonProps extends WithPreferences {
     /**
      * Whether the component is in loading state.

package/dist/components/adapters/SmsOtpButton.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, HTMLAttributes } from 'react';
 import { WithPreferences } from '@asgardeo/browser';
+import { FC, HTMLAttributes } from 'react';
 export interface SmsOtpButtonProps extends WithPreferences {
     /**
      * Whether the component is in loading state.

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

@@ -15,65 +15,65 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import { FieldType } from '@asgardeo/browser';
 import { FC, ReactElement } from 'react';
 import { SelectOption } from '../primitives/Select/Select';
-import { FieldType } from '@asgardeo/browser';
 /**
  * Interface for field configuration.
  */
 export interface FieldConfig {
     /**
-     * The name of the field.
-     */
-    name: string;
-    /**
-     * The field type.
+     * Additional CSS class name.
      */
-    type: FieldType;
+    className?: string;
     /**
-     * Display name for the field.
+     * Whether the field is disabled.
      */
-    label: string;
+    disabled?: boolean;
     /**
-     * Whether the field is required.
+     * Error message to display.
      */
-    required: boolean;
+    error?: string;
     /**
-     * Current value of the field.
+     * Display name for the field.
      */
-    value: string;
+    label: string;
     /**
-     * Callback function when the field value changes.
+     * The name of the field.
      */
-    onChange: (value: string) => void;
+    name: string;
     /**
      * Callback function when the field loses focus.
      */
     onBlur?: () => void;
     /**
-     * Whether the field is disabled.
+     * Callback function when the field value changes.
      */
-    disabled?: boolean;
+    onChange: (value: string) => void;
     /**
-     * Error message to display.
+     * Additional options for multi-valued fields.
      */
-    error?: string;
+    options?: SelectOption[];
     /**
-     * Additional CSS class name.
+     * Placeholder text for the field.
      */
-    className?: string;
+    placeholder?: string;
     /**
-     * Additional options for multi-valued fields.
+     * Whether the field is required.
      */
-    options?: SelectOption[];
+    required: boolean;
     /**
      * Whether the field has been touched/interacted with by the user.
      */
     touched?: boolean;
     /**
-     * Placeholder text for the field.
+     * The field type.
      */
-    placeholder?: string;
+    type: FieldType;
+    /**
+     * Current value of the field.
+     */
+    value: string;
 }
 /**
  * Utility function to validate field values based on type

package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.styles.d.ts

@@ -22,22 +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) => {
-    root: string;
-    card: string;
-    content: string;
-    form: string;
-    header: string;
-    field: string;
-    fieldGroup: string;
-    textarea: string;
-    textareaError: string;
-    input: string;
-    avatarContainer: string;
-    actions: string;
-    infoContainer: string;
-    value: string;
-    popup: string;
-    errorAlert: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
 export default useStyles;

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

@@ -15,9 +15,9 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import { CreateOrganizationPayload } from '@asgardeo/browser';
 import { FC, ReactElement } from 'react';
 import { BaseCreateOrganizationProps } from './BaseCreateOrganization';
-import { CreateOrganizationPayload } from '@asgardeo/browser';
 /**
  * Props interface for the CreateOrganization component.
  */

package/dist/components/presentation/OrganizationList/BaseOrganizationList.d.ts

@@ -16,7 +16,7 @@
  * under the License.
  */
 import { AllOrganizationsApiResponse, Organization } from '@asgardeo/browser';
-import { FC, ReactNode } from 'react';
+import { CSSProperties, FC, ReactNode } from 'react';
 export interface OrganizationWithSwitchAccess extends Organization {
     canSwitch: boolean;
 }
@@ -24,18 +24,14 @@ export interface OrganizationWithSwitchAccess extends Organization {
  * Props interface for the BaseOrganizationList component.
  */
 export interface BaseOrganizationListProps {
-    /**
-     * Additional CSS class names to apply to the container
-     */
-    className?: string;
     /**
      * List of organizations discoverable to the signed-in user.
      */
     allOrganizations: AllOrganizationsApiResponse;
     /**
-     * List of organizations associated to the signed-in user.
+     * Additional CSS class names to apply to the container
      */
-    myOrganizations: Organization[];
+    className?: string;
     /**
      * Error message to display
      */
@@ -56,10 +52,30 @@ export interface BaseOrganizationListProps {
      * Whether more data is being loaded
      */
     isLoadingMore?: boolean;
+    /**
+     * Display mode: 'inline' for normal display, 'popup' for modal dialog
+     */
+    mode?: 'inline' | 'popup';
+    /**
+     * List of organizations associated to the signed-in user.
+     */
+    myOrganizations: Organization[];
+    /**
+     * Function called when popup open state changes (only used in popup mode)
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Function called when an organization is selected/clicked
+     */
+    onOrganizationSelect?: (organization: OrganizationWithSwitchAccess) => void;
     /**
      * Function called when refresh is requested
      */
     onRefresh?: () => Promise<void>;
+    /**
+     * Whether the popup is open (only used in popup mode)
+     */
+    open?: boolean;
     /**
      * Custom renderer for when no organizations are found
      */
@@ -81,33 +97,17 @@ export interface BaseOrganizationListProps {
      */
     renderOrganization?: (organization: OrganizationWithSwitchAccess, index: number) => ReactNode;
     /**
-     * Function called when an organization is selected/clicked
+     * Whether to show the organization status in the list
      */
-    onOrganizationSelect?: (organization: OrganizationWithSwitchAccess) => void;
+    showStatus?: boolean;
     /**
      * Inline styles to apply to the container
      */
-    style?: React.CSSProperties;
-    /**
-     * Display mode: 'inline' for normal display, 'popup' for modal dialog
-     */
-    mode?: 'inline' | 'popup';
-    /**
-     * Function called when popup open state changes (only used in popup mode)
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Whether the popup is open (only used in popup mode)
-     */
-    open?: boolean;
+    style?: CSSProperties;
     /**
      * Title for the popup dialog (only used in popup mode)
      */
     title?: string;
-    /**
-     * Whether to show the organization status in the list
-     */
-    showStatus?: boolean;
 }
 /**
  * BaseOrganizationList component displays a list of organizations with pagination support.

package/dist/components/presentation/OrganizationList/BaseOrganizationList.styles.d.ts

@@ -22,35 +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) => {
-    root: string;
-    header: string;
-    headerInfo: string;
-    title: string;
-    subtitle: string;
-    refreshButton: string;
-    listContainer: string;
-    organizationItem: string;
-    organizationContent: string;
-    organizationInfo: string;
-    organizationName: string;
-    organizationHandle: string;
-    organizationStatus: string;
-    statusText: string;
-    statusTextActive: string;
-    statusTextInactive: string;
-    organizationActions: string;
-    badge: string;
-    badgeSuccess: string;
-    badgeError: string;
-    loadingContainer: string;
-    loadingText: string;
-    errorContainer: string;
-    emptyContainer: string;
-    emptyText: string;
-    loadMoreButton: string;
-    errorMargin: string;
-    loadMoreMargin: string;
-    popupContent: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
 export default useStyles;

package/dist/components/presentation/OrganizationList/OrganizationList.styles.d.ts

@@ -22,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) => {
-    root: string;
-    container: string;
-    errorState: string;
-    loadingOverlay: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
 export default useStyles;

package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.d.ts

@@ -16,7 +16,7 @@
  * under the License.
  */
 import { OrganizationDetails } from '@asgardeo/browser';
-import { FC, ReactElement } from 'react';
+import { FC, ReactElement, ReactNode } from 'react';
 export interface BaseOrganizationProfileProps {
     /**
      * Callback fired when the cancel button is clicked (only used in editable mode).
@@ -42,10 +42,10 @@ export interface BaseOrganizationProfileProps {
      * Array of field configurations to display. Each field specifies what organization data to show.
      */
     fields?: Array<{
+        editable?: boolean;
         key: keyof OrganizationDetails | 'attributes';
         label: string;
-        editable?: boolean;
-        render?: (value: any, organization: OrganizationDetails) => React.ReactNode;
+        render?: (value: any, organization: OrganizationDetails) => ReactNode;
     }>;
     /**
      * Display mode for the component.

package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.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) => {
-    root: string;
-    card: string;
-    header: string;
-    orgInfo: string;
-    name: string;
-    handle: string;
-    infoContainer: string;
-    field: string;
-    fieldLast: string;
-    fieldContent: string;
-    fieldActions: string;
-    label: string;
-    value: string;
-    valueEmpty: string;
-    statusBadge: string;
-    permissionsList: string;
-    permissionBadge: string;
-    attributesList: string;
-    attributeItem: string;
-    attributeKey: string;
-    attributeValue: string;
-    popup: string;
-    editButton: string;
-    placeholderButton: string;
-    fieldInput: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
 export default useStyles;

package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.d.ts

@@ -15,7 +15,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, ReactElement, ReactNode } from 'react';
+import { CSSProperties, FC, ReactElement, ReactNode } from 'react';
 interface MenuItem {
     href?: string;
     icon?: ReactNode;
@@ -87,14 +87,14 @@ export interface BaseOrganizationSwitcherProps {
      * Additional menu items to display at the bottom of the dropdown.
      */
     menuItems?: MenuItem[];
-    /**
-     * Handler for when an organization is selected.
-     */
-    onOrganizationSwitch: (organization: Organization) => void;
     /**
      * Handler for when the manage profile button is clicked.
      */
     onManageProfile?: () => void;
+    /**
+     * Handler for when an organization is selected.
+     */
+    onOrganizationSwitch: (organization: Organization) => void;
     /**
      * List of available organizations.
      */
@@ -130,7 +130,7 @@ export interface BaseOrganizationSwitcherProps {
     /**
      * Custom styles for the component.
      */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
 }
 /**
  * BaseOrganizationSwitcher component displays an organization selector with a dropdown menu.

package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.d.ts

@@ -22,29 +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) => {
-    root: string;
-    trigger: string;
-    triggerLabel: string;
-    content: string;
-    header: string;
-    headerInfo: string;
-    headerName: string;
-    headerMeta: string;
-    headerRole: string;
-    manageButton: string;
-    menu: string;
-    menuItem: string;
-    menuDivider: string;
-    organizationInfo: string;
-    organizationName: string;
-    organizationMeta: string;
-    loadingContainer: string;
-    loadingText: string;
-    errorContainer: string;
-    errorText: string;
-    sectionHeader: string;
-    sectionHeaderContainer: string;
-    roleCapitalized: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
 export default useStyles;

package/dist/components/presentation/User/BaseUser.d.ts

@@ -21,10 +21,6 @@ import { FC, ReactNode } from 'react';
  * Props for the BaseUser component.
  */
 export interface BaseUserProps {
-    /**
-     * The user object to display. If not provided, the component will render the fallback.
-     */
-    user: IUser | null;
     /**
      * Render prop that takes the user object and returns a ReactNode.
      * @param user - The authenticated user object from Asgardeo.
@@ -35,6 +31,10 @@ export interface BaseUserProps {
      * Optional element to render when no user is provided.
      */
     fallback?: ReactNode;
+    /**
+     * The user object to display. If not provided, the component will render the fallback.
+     */
+    user: IUser | null;
 }
 /**
  * Base User component that provides the core functionality for displaying user information.

package/dist/components/presentation/UserDropdown/BaseUserDropdown.styles.d.ts

@@ -22,19 +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) => {
-    trigger: string;
-    userName: string;
-    dropdownContent: string;
-    dropdownMenu: string;
-    menuItem: string;
-    menuItemAnchor: string;
-    divider: string;
-    dropdownHeader: string;
-    headerInfo: string;
-    headerName: string;
-    headerEmail: string;
-    loadingContainer: string;
-    loadingText: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
 export default useStyles;

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

@@ -46,10 +46,13 @@ export interface BaseUserProfileProps {
     };
     cardLayout?: boolean;
     className?: string;
+    displayNameAttributes?: string[];
     editable?: boolean;
+    error?: string | null;
     fallback?: ReactElement;
     flattenedProfile?: User;
     hideFields?: string[];
+    isLoading?: boolean;
     mode?: 'inline' | 'popup';
     onOpenChange?: (open: boolean) => void;
     onUpdate?: (payload: any) => Promise<void>;
@@ -58,9 +61,6 @@ export interface BaseUserProfileProps {
     schemas?: Schema[];
     showFields?: string[];
     title?: string;
-    error?: string | null;
-    isLoading?: boolean;
-    displayNameAttributes?: string[];
 }
 declare const BaseUserProfile: FC<BaseUserProfileProps>;
 export default BaseUserProfile;

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

@@ -22,30 +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) => {
-    root: string;
-    alert: string;
-    card: string;
-    header: string;
-    profileInfo: string;
-    profileSummary: string;
-    name: string;
-    infoContainer: string;
-    info: string;
-    field: string;
-    lastField: string;
-    label: string;
-    value: string;
-    popup: string;
-    valuePlaceholder: string;
-    editButton: string;
-    fieldInner: string;
-    fieldActions: string;
-    complexTextarea: string;
-    objectKey: string;
-    objectValue: string;
-    sectionRow: string;
-    sectionLabel: string;
-    sectionValue: string;
-};
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
 export default useStyles;

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

@@ -18,4 +18,4 @@
 export { default as AcceptInvite } from './v2/AcceptInvite';
 export type { AcceptInviteProps, AcceptInviteRenderProps } from './v2/AcceptInvite';
 export { default as BaseAcceptInvite } from './v2/BaseAcceptInvite';
-export type { BaseAcceptInviteProps, BaseAcceptInviteRenderProps, AcceptInviteFlowResponse, } from './v2/BaseAcceptInvite';
+export type { BaseAcceptInviteProps, BaseAcceptInviteRenderProps, AcceptInviteFlowResponse } from './v2/BaseAcceptInvite';

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.