Add components for user onboarding

[thiva-k]

This pull request introduces a new embedded user onboarding flow to both the JavaScript API and React SDKs, enabling admin-initiated user invites and end-user invite acceptance with a modernized, component-based UI. It includes new API methods, React components, styles, and supporting model updates to support the full onboarding lifecycle for invited users.

Develop App Component InviteUser

Gate App Component AcceptInvite

Key changes:

API Layer Enhancements

• Added executeEmbeddedUserOnboardingFlowV2 to the JavaScript API, providing a unified method for both admin (invite) and end-user (accept invite) onboarding flows, with error handling and payload validation. Also exported the response type for type safety. [1] [2]
• Extended the EmbeddedFlowType enum to include UserOnboarding, enabling the new onboarding flow type in the API models.

React SDK: Invite User & Accept Invite Components

• Introduced new v2 React components for both the admin invite flow (InviteUser, BaseInviteUser) and end-user accept invite flow (AcceptInvite, BaseAcceptInvite). These components provide customizable, render-prop-based UIs and handle flow state, error management, and API integration. [1] [2] [3]
• Added dedicated styles for the new components using Emotion and theme tokens, ensuring consistent, modern UI for onboarding cards and headers. [1] [2]

Component Rendering Utilities

• Added renderInviteUserComponents utility to render onboarding form steps dynamically from backend-provided component definitions, supporting both the invite and accept invite flows.

These changes provide a robust foundation for embedded user onboarding, with clear separation of admin and end-user experiences, extensible UI, and improved API ergonomics.

[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.