Fix UserProfile component in AsgardeoV2 platform

[DonOmalVindula]

Purpose

This pull request addresses issues with the UserProfile component for the AsgardeoV2 platform, enhancing its compatibility and improving the user interface and flexibility. The main changes include a UI redesign for the profile display, support for custom display name attributes, and adjustments to ensure correct behavior when SCIM2 schemas are unavailable.

UserProfile component improvements:

• Redesigned the UI for profiles without schemas: Added a profileSummary section with avatar, display name, and email at the top, followed by user attributes in labeled rows with dividers for better readability. [1] [2]
• Introduced new styles for the updated layout, including profileSummary, sectionRow, sectionLabel, and sectionValue. [1] [2] [3]
• Added support for custom display name attributes via a new displayNameAttributes prop, allowing consumers to specify which user attributes to prioritize for the display name. [1] [2] [3]
• Improved attribute mapping for emails by including the email key in addition to emails.

Platform-specific fixes for AsgardeoV2:

• Updated the AsgardeoV2 provider to set the user profile state with an empty schemas array when SCIM2 is not supported, ensuring the UI renders correctly for this platform.

Other enhancements:

• Added conditional rendering to ensure the avatar header is only shown when schemas are present, preventing duplicate avatar displays. [1] [2]
• Updated the changeset to document the fix for the AsgardeoV2 platform.

Related Issues

• Resolves UserProfile component does not render profile data when using the Thunder (AsgardeoV2) platform #351

Related PRs

• N/A

Checklist

• Followed the CONTRIBUTING guidelines.
• Manual test round performed and verified.
• Documentation provided. (Add links if there are any)
• Unit tests provided. (Add links if there are any)

Security checks

• Followed secure coding standards in http://wso2.com/technical-reports/wso2-secure-engineering-guidelines?
• Confirmed that this PR doesn't commit any keys, passwords, tokens, usernames, or other secrets?

[asgardeo-github-bot]

🦋 Changeset detected

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.