feat(core, react): add service types and invitation components

[rax7389]

Changes

Summary: Adds MyOrg-dependent service types (@auth0/myorganization-js type aliases), React types/utilities that depend on MemberInvitation, and all presentational invitation components — details modal, revoke modal, table with actions, create modal with multi-email input, and search filter. All components are prop-driven and fully translatable.

Why: This PR bridges types to the actual @auth0/myorganization-js SDK and provides the complete set of presentational UI components needed for the invitation management flow. React types that depend on MemberInvitation are co-located here with the core type definitions. Separating components (this PR) from the orchestrating hook (PR 4) keeps the review focused.

What:

Core Service Types (member-management-types.ts)

Type aliases mapping internal types to @auth0/myorganization-js SDK types for members and invitations.

export type OrgMember = MyOrganization.OrgMember;
export type MemberInvitation = MyOrganization.MemberInvitation;
export type ListMemberInvitationsRequestParameters = MyOrganization.ListMemberInvitationsRequestParameters;
export type CreateMemberInvitationRequestContent = MyOrganization.CreateMemberInvitationRequestContent;

React Types (moved from PR 2)

• organization-invitation-table-types.ts — Core entity and component prop types:

interface Invitation { id: string; invitee: { email: string }; status?: InvitationStatus; ... }
interface InvitationPaginationState { pageSize: number; currentPage: number; hasNextPage: boolean; ... }
interface InvitationSortConfig { key: string | null; direction: 'asc' | 'desc'; }
interface OrganizationInvitationTableProps { invitations: Invitation[]; pagination: ...; sortConfig?: ...; }

• organization-member-management-types.ts — Top-level management types including service layer types:

interface UseMemberManagementServiceOptions { activeTab: ActiveTab; invitationParams: TableQueryParams<...>; ... }
interface MemberManagementServiceResult { invitationsQuery: UseQueryResult<...>; createInvitationMutation: ...; }
interface OrganizationMemberManagementProps extends SharedComponentProps<...> { ... }

Utilities (react)

• member-management-utils.ts — getInvitationStatus() helper that computes status from expires_at when no explicit status is set.

getInvitationStatus({ expires_at: "2024-01-01T00:00:00Z" }); // "expired"
getInvitationStatus({ status: "pending" });                    // "pending"

Presentational Components

1. InvitationDetailsModal — Read-only modal displaying all invitation fields (email, status, dates, roles, invitation URL with copy, identity provider) with inline revoke/resend action buttons.

2. InvitationRevokeModal — Reusable confirmation dialog that handles both revoke and revoke-and-resend flows via the isRevokeAndResend prop.

3. InvitationTableActionsColumn — Dropdown menu with context-aware actions: "View Details" (always), "Copy URL" (pending only), "Revoke and Resend", and "Revoke" (hidden in read-only mode).

4. InvitationTable — Data table with sortable columns (email, status, created_at, expires_at, inviter), checkpoint-based pagination via DataPagination, role filtering via SearchFilter, and the actions column above.

5. InvitationCreateModal — Form modal with multi-email input (TextFieldGroup with chips), multi-role selection (Combobox), identity provider dropdown (Select), and Zod-powered validation.

6. SearchFilter — Role filter dropdown with reset button, shown above the invitation table when roles are available.

<SearchFilter
  filters={{ roleId: "role_admin" }}
  availableRoles={roles}
  onRoleFilterChange={handleFilterChange}
/>

Other

• package.json: Updated @auth0/myorganization-js dependency
• pnpm-lock.yaml: Lock file updates

References

Part of the member management invitations feature.

Testing

• This change adds unit test coverage

Component tests are in PR 5. These are presentational components receiving all data via props.

• This change has been tested on the latest version of the platform/language

Checklist

• I have read the Auth0 general contribution guidelines
• I have read the Auth0 Code of Conduct
• All existing and new tests complete without errors

[NaveenChand755]

aria-label here would improve accessibility

[rax7389]

done

[NaveenChand755]

shouldnt this be defined in core ?

[rax7389]

yes

[NaveenChand755]

we previously did replace all org to organization, should we apply the same here

[rax7389]

good observation let me raise this with API/SDK

[NaveenChand755]

can we simplify this

// 2. UI State is now a single source of truth
  activeModal: 'create' | 'details' | 'revoke' | 'resend' | null;
  selectedInvitation: MemberInvitation | null;

  // 3. Consolidated Handlers
  setActiveTab: (tab: ActiveTab) => void;

  /** Opens any modal and optionally sets the target invitation */
  openModal: (type: 'create' | 'details' | 'revoke' | 'resend', invitation?: MemberInvitation) => void;
  
  /** Clears activeModal and selectedInvitation in one go */
  closeModal: () => void;

  /** Unified submission for create/revoke/resend based on activeModal */
  onConfirm: (data?: CreateInvitationInput) => void;

[rax7389]

done

[NaveenChand755]

bulk invite is not supported ?

[rax7389]

it is there but API is still in development, but let me check sdk signature once

[NaveenChand755]

can we do

const finalEmails = [...new Set([
      ...emailChips.map((chip) => chip.value),
      ...(trimmedInput ? [trimmedInput] : []),
    ])];

    // 3. Early Exit
    if (finalEmails.length === 0) {
      setEmailError(t('invitation.create.email_required_error'));
      return;
    }

    // 4. Construct Base Data once 
    // Using conditional spread keeps the object definition atomic and clean.
    const baseInvitation = {
      roles: selectedRoles.length > 0 ? selectedRoles : undefined,
      identity_provider_id: selectedProvider,
      ...(inviterName && { inviter: { name: inviterName } }),
    };

[rax7389]

did some updates

[NaveenChand755]

i feel this function can be simplified further

[rax7389]

updated