Skip to content

[react] Update profile data edit API endpoints to use PUT /users/me#9

Open
janithjay wants to merge 1 commit into
thunder-id:mainfrom
janithjay:feat/profile-edit-put
Open

[react] Update profile data edit API endpoints to use PUT /users/me#9
janithjay wants to merge 1 commit into
thunder-id:mainfrom
janithjay:feat/profile-edit-put

Conversation

@janithjay

@janithjay janithjay commented Jun 26, 2026

Copy link
Copy Markdown

Purpose

Currently, the <UserProfile />component attempts to save changes by making a PATCH request using the SCIM2 format to a non-existent /scim2/Me endpoint. This prevents self-service profile updates from persisting.

This PR resolves this limitation by migrating the self-service profile read and update path on the React & Javascript SDKs from SCIM-based PATCH (/scim2/Me) to standard JSON-based PUT (/users/me), aligning with the existing endpoint supported by the backend (GET & PUT on /users/me). This enables profile updates to work end-to-end.

Approach

Endpoint & Method Realignment

  • Updated the base URL in updateMeProfile.ts (JS SDK) and getScim2Me.ts (JS SDK) to target ${baseUrl}/users/me instead of ${baseUrl}/scim2/Me.
  • Updated the HTTP method for profile updates to PUT and request headers to Content-Type: application/json.
  • Updated updateMeProfile.ts (React SDK) HTTP wrapper configuration to default to PUT.

Payload Structure Formatting

  • Wrapped the attributes inside an attributes wrapper object (e.g. { attributes: payload }) to match the backend UpdateSelfUserRequest payload contract.
  • Stripped out any nullor undefined properties from the attributes payload inside UserProfile.tsx before dispatching the request.

Response Handling

  • Backend returns attributes nested under the attributes field of the User object. Flattened these nested attributes back to the top-level User object inside updateMeProfile.ts and getScim2Me.ts to preserve backward compatibility for downstream React UI component attributes resolution.

React State Syncing

Added an useEffect hook in BaseUserProfile.tsx to listen to updates on profile or flattenedProfile and automatically reset/sync the local input states, resolving any stale UI rendering after a successful profile update.

Test Assertions:

Updated the unit tests inside updateMeProfile.test.ts and getScim2Me.test.ts to validate the new PUT/GET behavior, URL paths, content-type headers, and payload attributes structure.

Related Issues

Related PRs

  • N/A

Checklist

  • Followed the contribution guidelines.
  • Manual test round performed and verified.
  • Documentation provided. (Add links if there are any)
  • Tests provided. (Add links if there are any)
    • Unit Tests
    • Integration Tests
  • Breaking changes. (Fill if applicable)
    • Breaking changes section filled.
    • breaking change label added.

Security checks

  • Followed secure coding standards in WSO2 Secure Coding Guidelines
  • Confirmed that this PR doesn't commit any keys, passwords, tokens, usernames, or other secrets.

Summary by CodeRabbit

  • New Features

    • Profile data is now loaded and updated through the standard /users/me endpoint.
    • User profile updates now support editable fields without relying on schema data.
    • Theme CSS variables now use the --thunderid-* naming pattern.
  • Bug Fixes

    • Request headers now consistently use JSON for profile operations.
    • Authorization requests no longer include an empty scope when none is provided.
    • Profile data merging preserves existing values while applying updates.

@coderabbitai

coderabbitai Bot commented Jun 26, 2026

Copy link
Copy Markdown

Review Change Stack

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

  • @coderabbitai resume to resume automatic reviews.
  • @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

  • ▶️ Resume reviews
  • 🔍 Trigger review
📝 Walkthrough

Walkthrough

The PR migrates profile read/write operations from SCIM2 endpoints (/scim2/Me, /scim2/Schemas) to /users/me across javascript, react, nextjs, nuxt, and vue packages. getScim2Me/getSchemas are replaced with getUsersMe; updateMeProfile switches from SCIM PATCH to JSON PUT with an attributes wrapper. Schema types and props are removed throughout, and error codes, docs, and tests are updated accordingly.

Changes

Users me profile migration (core + React)

Layer / File(s) Summary
Read profile from /users/me
packages/javascript/src/api/getUsersMe.ts, packages/javascript/src/api/__tests__/getUsersMe.test.ts, packages/javascript/src/index.ts, packages/javascript/src/models/user.ts, packages/javascript/src/models/config.ts, packages/javascript/src/utils/processUsername.ts, packages/javascript/src/constants/ScopeConstants.ts, packages/javascript/src/utils/generateFlattenedUserProfile.ts
getUsersMe (renamed from getScim2Me) defaults to /users/me, uses JSON headers, merges attributes into the returned user, updates error codes/exports, and generateFlattenedUserProfile is simplified to a shallow copy without schema processing.
PUT profile updates via /users/me
packages/javascript/src/api/updateMeProfile.ts, packages/javascript/src/api/__tests__/updateMeProfile.test.ts, packages/react/src/api/updateMeProfile.ts, packages/react/src/api/getUsersMe.ts, packages/react/src/index.ts
updateMeProfile sends { attributes: payload } via PUT to /users/me, forces JSON headers, and merges response attributes; React wraps getUsersMe/updateMeProfile and re-exports accordingly.
React profile editor
packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx, packages/react/src/components/presentation/UserProfile/UserProfile.tsx
BaseUserProfile drops the schemas prop, resyncs edited fields via useEffect, and simplifies save logic; UserProfile deep-merges attributes and gates edit ability before calling updateMeProfile.
Session hydration and user context
packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx, packages/react/src/contexts/ThunderID/ThunderIDContext.ts, packages/react/src/contexts/User/UserContext.ts, packages/react/src/contexts/User/UserProvider.tsx, packages/react/src/contexts/User/useUser.ts
ThunderIDProvider fetches /users/me during session updates, exposes preferences, and UserContext/UserProvider drop schemas from typing and defaults.

Cross-framework users-me adoption and schema removal

Layer / File(s) Summary
Next.js client and provider
packages/nextjs/src/ThunderIDNextClient.ts, packages/nextjs/src/client/components/presentation/UserProfile/UserProfile.tsx, packages/nextjs/src/client/contexts/ThunderID/ThunderIDProvider.tsx, packages/nextjs/src/server/ThunderIDProvider.tsx, packages/nextjs/src/server/actions/getUserProfileAction.ts
Switches to getUsersMe/generateFlattenedUserProfile, removes schemas from props/state, and updates logging.
Nuxt runtime and SSR
packages/nuxt/src/runtime/components/ThunderIDRoot.ts, packages/nuxt/src/runtime/server/ThunderIDNuxtClient.ts, packages/nuxt/src/runtime/errors/error-codes.ts, packages/nuxt/src/runtime/server/plugins/thunderid-ssr.ts, packages/nuxt/src/runtime/server/routes/auth/user/profile.*, packages/nuxt/src/runtime/types.ts, packages/nuxt/tests/unit/*
Removes schemas from profile state/props, renames scim2/* error codes to user-profile/*, and updates docs/tests accordingly.
Vue client, components, and providers
packages/vue/src/ThunderIDVueClient.ts, packages/vue/src/api/getUsersMe.ts, packages/vue/src/components/presentation/user-profile/*, packages/vue/src/models/contexts.ts, packages/vue/src/providers/*
Switches to getUsersMe/generateFlattenedUserProfile, replaces buildScimPatchValue with buildPatchValue, and removes schemas from types/props/context.

Auth request params and callback tests

Layer / File(s) Summary
Authorize scope parameter
packages/javascript/src/utils/getAuthorizeRequestUrlParams.ts
scope is added only when options.scopes is explicitly provided.
Callback test cleanup and context wiring
packages/react/src/components/auth/Callback/__tests__/Callback.test.tsx, packages/react/src/components/auth/Callback/__tests__/TokenCallback.test.tsx, packages/react/package.json
Tests call cleanup() after each case; TokenCallback tests render via ThunderIDContext.Provider instead of mocking useThunderID; adds @vitest/browser-playwright dev dependency.

Shared regression expectations

Layer / File(s) Summary
Structured error and theme test fixtures
packages/javascript/src/errors/__tests__/ThunderIDAPIError.test.ts, packages/javascript/src/theme/createTheme.test.ts
Structured error fixture drops message.defaultValue; theme tests expect --thunderid-* CSS variables instead of --thunder-*.

Estimated code review effort: 4 (Complex) | ~75 minutes

Sequence Diagram(s)

sequenceDiagram
  participant UI as UserProfile
  participant updateMeProfile
  participant UsersMeAPI as "/users/me"
  UI->>updateMeProfile: PUT with { attributes: payload }
  updateMeProfile->>UsersMeAPI: send JSON PUT request
  UsersMeAPI-->>updateMeProfile: updated user with attributes
  updateMeProfile->>updateMeProfile: merge attributes into user
  updateMeProfile-->>UI: processed User
Loading
sequenceDiagram
  participant App
  participant ThunderIDProvider
  participant Client
  participant UsersMeAPI as "/users/me"
  App->>ThunderIDProvider: updateSession()
  ThunderIDProvider->>Client: isSignedIn()
  Client-->>ThunderIDProvider: signed-in status
  alt signed in and fetchUserProfile enabled
    ThunderIDProvider->>UsersMeAPI: getUsersMe(baseUrl, instanceId)
    UsersMeAPI-->>ThunderIDProvider: profile data
    ThunderIDProvider->>ThunderIDProvider: merge profile into claims
  end
  ThunderIDProvider-->>App: user, userProfile, flattenedProfile
Loading

Possibly related issues

Suggested reviewers: JayaShakthi97

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed The title is concise and clearly summarizes the main change: switching profile edit requests to PUT /users/me.
Description check ✅ Passed The PR description includes the required sections and gives sufficient detail on purpose, approach, related issue, checklist, and security checks.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 11

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
packages/react/src/components/auth/Callback/__tests__/TokenCallback.test.tsx (1)

23-47: 📐 Maintainability & Code Quality | 🟡 Minor

Type thunderIDContext as ThunderIDContext

The thunderIDContext fixture is currently declared with : any. This forces TypeScript to treat the entire context object as unsafe, triggering @typescript-eslint/no-unsafe-assignment errors when its properties are accessed in the test assertions and render calls.

Change the declaration to const thunderIDContext: ThunderIDContext = ... (or a compatible shape) to satisfy the type checker and ensure the tests validate the actual context contract.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@packages/react/src/components/auth/Callback/__tests__/TokenCallback.test.tsx`
around lines 23 - 47, The TokenCallback test fixture is using an unsafe
any-typed context object, which causes type-checking issues in the assertions
and render setup. Update the thunderIDContext declaration to use
ThunderIDContext (or a compatible typed shape) and keep the existing mocked
methods like getStorageManager, signIn, and signUp typed accordingly so the test
exercises the real context contract without unsafe assignments.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@packages/javascript/src/api/__tests__/getScim2Me.test.ts`:
- Around line 24-37: The test fixture for getScim2Me uses a broad Record<string,
unknown> shape, which leaves mockUserResponse.attributes typed as unknown and
triggers the unsafe spread in mockUser. Update the mock definitions in
getScim2Me.test.ts so mockUserResponse has an explicit attributes type (or use
satisfies with a precise interface), and keep mockUser built from that strongly
typed attributes object to satisfy the lint rule.

In `@packages/javascript/src/api/__tests__/updateMeProfile.test.ts`:
- Around line 54-62: The test assertions are reading mocked fetch calls through
an untyped/any path, which is triggering ESLint. In the updateMeProfile test
cases, cast the first entry from Mock.mock.calls to a typed tuple like [string,
RequestInit] before destructuring, and use the typed RequestInit/body access for
JSON.parse instead of going through any. Apply the same cleanup in the other
affected assertions as well, using the existing fetch mock and RequestInit
references to keep the types explicit.

In `@packages/javascript/src/api/getScim2Me.ts`:
- Around line 137-142: The normalization block in getScim2Me currently spreads
user['attributes'] directly, which lets the index signature collapse
processedUser and the return value to any. Narrow or cast attributes to a
concrete object type before flattening inside getScim2Me, then build
processedUser from that typed value and pass the typed result into
processUserUsername so the new path stays lint-clean.

In `@packages/javascript/src/api/updateMeProfile.ts`:
- Around line 144-149: The update path in updateMeProfile currently spreads
user['attributes'] directly, which leaves the merged result unsafe and triggers
no-unsafe-assignment/no-unsafe-return. Narrow or type attributes as an object
before constructing processedUser, then return the typed flattened user through
processUserUsername so the helper stays type-safe like the read path.
- Around line 113-116: The request setup in updateMeProfile should not allow
callers to override the new PUT contract. In the requestInit object used by
updateMeProfile, ensure the spread of requestConfig happens before the method
assignment, or explicitly reassign method after spreading, so a caller cannot
pass a different HTTP verb and bypass the /users/me PUT migration.

In `@packages/react/package.json`:
- Around line 54-58: The devDependencies block in package.json has a duplicated
`@vitest/browser-playwright` entry, which creates an invalid/ambiguous manifest.
Remove one of the duplicate entries from the package manifest and keep only a
single `@vitest/browser-playwright` key alongside the other devDependencies.

In `@packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx`:
- Around line 145-147: The useEffect in BaseUserProfile is overwriting the
entire editedUser state whenever flattenedProfile or profile changes, which
clobbers other in-flight edits tracked by editingFields. Update this sync logic
so it only merges in refreshed values for fields that are not currently being
edited, or skip resetting editedUser while any field is dirty. Keep the fix
localized to the BaseUserProfile state synchronization path around setEditedUser
and editingFields.

In `@packages/react/src/components/presentation/UserProfile/UserProfile.tsx`:
- Around line 78-87: The `updatedAttributes` merge in `UserProfile` is shallow,
so nested patches from `BaseUserProfile` (for example `name.givenName`)
overwrite sibling fields in `attributes`. Update the merge logic to deep-merge
`payload` into the existing `profile['attributes']` document instead of using a
top-level spread, and keep the existing cleanup that removes `undefined`/`null`
values before the `PUT`.

In `@packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx`:
- Around line 21-29: The ThunderIDProvider import list includes an unused
HttpResponse symbol, which keeps the lint error active. Remove HttpResponse from
the imports in ThunderIDProvider so the remaining symbols like
ThunderIDRuntimeError, generateFlattenedUserProfile, and UserProfile are the
only referenced imports.
- Around line 59-109: The hardcoded DEFAULT_USER_PROFILE_SCHEMAS in
ThunderIDProvider is causing BaseUserProfile to render only the six built-in
fields and hide any custom or extension profile attributes. Update the schemas
flow so it comes from the authoritative profile metadata when available, or keep
schemas empty when using the flattened object from
generateFlattenedUserProfile(), ensuring BaseUserProfile can still surface all
non-default fields.
- Around line 214-227: In ThunderIDProvider’s user-profile load flow, the
/users/me failure path is leaving profileData populated from claims only, which
makes the profile editable without a full attributes snapshot. Update the logic
around getScim2Me and the subsequent setUser/setUserProfile so that, when the
fetch fails, you either keep the previously fetched profile.attributes state or
mark the profile as read-only instead of falling back to a claims-only editable
profile. Make sure the downstream PUT /users/me merge path still has a complete
attributes object, using the existing profileData, generateFlattenedUserProfile,
and DEFAULT_USER_PROFILE_SCHEMAS flow as the key points to adjust.

---

Outside diff comments:
In
`@packages/react/src/components/auth/Callback/__tests__/TokenCallback.test.tsx`:
- Around line 23-47: The TokenCallback test fixture is using an unsafe any-typed
context object, which causes type-checking issues in the assertions and render
setup. Update the thunderIDContext declaration to use ThunderIDContext (or a
compatible typed shape) and keep the existing mocked methods like
getStorageManager, signIn, and signUp typed accordingly so the test exercises
the real context contract without unsafe assignments.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: cce87ffa-d726-4f5b-b942-01afbf49a26f

📥 Commits

Reviewing files that changed from the base of the PR and between a4f4283 and 3071aa8.

⛔ Files ignored due to path filters (1)
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (18)
  • packages/browser/package.json
  • packages/javascript/package.json
  • packages/javascript/src/api/__tests__/getScim2Me.test.ts
  • packages/javascript/src/api/__tests__/updateMeProfile.test.ts
  • packages/javascript/src/api/getScim2Me.ts
  • packages/javascript/src/api/updateMeProfile.ts
  • packages/javascript/src/errors/__tests__/ThunderIDAPIError.test.ts
  • packages/javascript/src/theme/createTheme.test.ts
  • packages/javascript/src/utils/getAuthorizeRequestUrlParams.ts
  • packages/react-router/package.json
  • packages/react/package.json
  • packages/react/src/api/updateMeProfile.ts
  • packages/react/src/components/auth/Callback/__tests__/Callback.test.tsx
  • packages/react/src/components/auth/Callback/__tests__/TokenCallback.test.tsx
  • packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx
  • packages/react/src/components/presentation/UserProfile/UserProfile.tsx
  • packages/react/src/contexts/ThunderID/ThunderIDContext.ts
  • packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx
💤 Files with no reviewable changes (1)
  • packages/javascript/src/errors/tests/ThunderIDAPIError.test.ts

Comment thread packages/javascript/src/api/__tests__/getUsersMe.test.ts
Comment thread packages/javascript/src/api/__tests__/updateMeProfile.test.ts
Comment thread packages/javascript/src/api/getScim2Me.ts Outdated
Comment thread packages/javascript/src/api/updateMeProfile.ts
Comment thread packages/javascript/src/api/updateMeProfile.ts
Comment thread packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx Outdated
Comment thread packages/react/src/components/presentation/UserProfile/UserProfile.tsx Outdated
Comment thread packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx Outdated
Comment thread packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx Outdated
Comment thread packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx Outdated
@janithjay janithjay force-pushed the feat/profile-edit-put branch from 3071aa8 to 50bf8a9 Compare June 26, 2026 09:06

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx`:
- Around line 59-107: The default user profile schema in ThunderIDProvider is
still using snake_case keys, which no longer match the /users/me contract.
Update DEFAULT_USER_PROFILE_SCHEMAS to use the camelCase attribute names
expected by the read/write flow and tests, and make sure the corresponding
schema entries in ThunderIDProvider stay consistent with the values used when
hydrating and saving the profile.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 9ed55479-ef81-47dd-945d-14055369fa96

📥 Commits

Reviewing files that changed from the base of the PR and between 3071aa8 and 50bf8a9.

📒 Files selected for processing (14)
  • packages/javascript/src/api/__tests__/getScim2Me.test.ts
  • packages/javascript/src/api/__tests__/updateMeProfile.test.ts
  • packages/javascript/src/api/getScim2Me.ts
  • packages/javascript/src/api/updateMeProfile.ts
  • packages/javascript/src/errors/__tests__/ThunderIDAPIError.test.ts
  • packages/javascript/src/theme/createTheme.test.ts
  • packages/javascript/src/utils/getAuthorizeRequestUrlParams.ts
  • packages/react/src/api/updateMeProfile.ts
  • packages/react/src/components/auth/Callback/__tests__/Callback.test.tsx
  • packages/react/src/components/auth/Callback/__tests__/TokenCallback.test.tsx
  • packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx
  • packages/react/src/components/presentation/UserProfile/UserProfile.tsx
  • packages/react/src/contexts/ThunderID/ThunderIDContext.ts
  • packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx
💤 Files with no reviewable changes (1)
  • packages/javascript/src/errors/tests/ThunderIDAPIError.test.ts
✅ Files skipped from review due to trivial changes (1)
  • packages/react/src/contexts/ThunderID/ThunderIDContext.ts
🚧 Files skipped from review as they are similar to previous changes (4)
  • packages/react/src/components/auth/Callback/tests/Callback.test.tsx
  • packages/javascript/src/utils/getAuthorizeRequestUrlParams.ts
  • packages/javascript/src/theme/createTheme.test.ts
  • packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx

Comment thread packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx Outdated
@janithjay janithjay force-pushed the feat/profile-edit-put branch from 50bf8a9 to fbaff18 Compare June 26, 2026 09:53
@janithjay janithjay marked this pull request as draft June 30, 2026 04:34
@janithjay janithjay force-pushed the feat/profile-edit-put branch from fbaff18 to 1f7e1f5 Compare June 30, 2026 08:17
@janithjay janithjay marked this pull request as ready for review June 30, 2026 08:26
@JayaShakthi97 JayaShakthi97 changed the title Update profile data edit API endpoints to /users/me and switch from PATCH to PUT (React package) [react] Update profile data edit API endpoints to use PUT /users/me Jun 30, 2026
@janithjay janithjay marked this pull request as draft June 30, 2026 11:11
@janithjay janithjay force-pushed the feat/profile-edit-put branch 2 times, most recently from 0bfd8b3 to 8199b64 Compare June 30, 2026 13:29
@janithjay janithjay marked this pull request as ready for review June 30, 2026 16:40

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 4

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@packages/javascript/src/api/updateMeProfile.ts`:
- Around line 106-108: The updateMeProfile helper is still wrapping any runtime
payload directly into attributes, so non-object values can slip through. Add a
guard in updateMeProfile before building the data object to reject null, arrays,
and primitives, and only proceed when payload is a plain object. Use the
updateMeProfile payload handling around the attributes assignment to locate the
change and make the validation happen before the request body is constructed.
- Around line 113-120: The updateMeProfile request setup is merging
requestConfig.headers with object spread, which loses values when headers is a
Headers instance or header tuples. In updateMeProfile, normalize
requestConfig.headers with new Headers(...) before adding Accept and
Content-Type so existing auth/routing headers are preserved in the RequestInit
headers.

In
`@packages/react/src/components/auth/Callback/__tests__/TokenCallback.test.tsx`:
- Around line 73-77: The shared test fixtures in TokenCallback.test.tsx are
still typed as any, which keeps the unsafe-assignment warnings around the render
setup. Update the reusable ThunderIDContext fixture and the onNavigate/onError
callback mocks to use real types inferred from TokenCallback and
ThunderIDContext, then reuse those typed fixtures across all test cases so the
render calls no longer rely on any.

In `@packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx`:
- Around line 145-159: The sync logic in BaseUserProfile’s useEffect and
setEditedUser currently starts from prev, so keys that disappear from nextUser
remain in editedUser. Update the merge in this effect to rebuild the edited
state from the refreshed profile and remove any non-editing fields that are no
longer present in nextUser, while still preserving fields currently being edited
via editingFields.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: bf8c426c-d3cc-4435-b789-632dd98ac63f

📥 Commits

Reviewing files that changed from the base of the PR and between 1f7e1f5 and 8199b64.

⛔ Files ignored due to path filters (1)
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (15)
  • packages/javascript/src/api/__tests__/getScim2Me.test.ts
  • packages/javascript/src/api/__tests__/updateMeProfile.test.ts
  • packages/javascript/src/api/getScim2Me.ts
  • packages/javascript/src/api/updateMeProfile.ts
  • packages/javascript/src/errors/__tests__/ThunderIDAPIError.test.ts
  • packages/javascript/src/models/config.ts
  • packages/javascript/src/theme/createTheme.test.ts
  • packages/javascript/src/utils/getAuthorizeRequestUrlParams.ts
  • packages/react/package.json
  • packages/react/src/api/updateMeProfile.ts
  • packages/react/src/components/auth/Callback/__tests__/Callback.test.tsx
  • packages/react/src/components/auth/Callback/__tests__/TokenCallback.test.tsx
  • packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx
  • packages/react/src/components/presentation/UserProfile/UserProfile.tsx
  • packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx
💤 Files with no reviewable changes (1)
  • packages/javascript/src/errors/tests/ThunderIDAPIError.test.ts
🚧 Files skipped from review as they are similar to previous changes (7)
  • packages/react/src/components/presentation/UserProfile/UserProfile.tsx
  • packages/javascript/src/utils/getAuthorizeRequestUrlParams.ts
  • packages/javascript/src/api/getScim2Me.ts
  • packages/react/src/components/auth/Callback/tests/Callback.test.tsx
  • packages/javascript/src/theme/createTheme.test.ts
  • packages/react/package.json
  • packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx

Comment thread packages/javascript/src/api/updateMeProfile.ts
Comment thread packages/javascript/src/api/updateMeProfile.ts
Comment thread packages/javascript/src/api/getUsersMe.ts
Comment thread packages/javascript/src/models/config.ts Outdated
@janithjay janithjay marked this pull request as draft July 2, 2026 04:04
@janithjay janithjay force-pushed the feat/profile-edit-put branch 3 times, most recently from 12a27f2 to 8ad53f9 Compare July 3, 2026 12:42
@janithjay janithjay marked this pull request as ready for review July 3, 2026 12:48
Copilot AI review requested due to automatic review settings July 3, 2026 12:48

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
packages/vue/src/ThunderIDVueClient.ts (1)

98-113: 🎯 Functional Correctness | 🟠 Major | ⚡ Quick win

Pass instanceId to getUsersMe
getUsersMe defaults to instanceId = 0, so non-zero Vue clients will read through the wrong HTTP client here. Match getUserProfile() and forward this.getInstanceId().

🐛 Proposed fix
-      const profile: User = await getUsersMe({baseUrl});
+      const profile: User = await getUsersMe({baseUrl, instanceId: this.getInstanceId()});
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@packages/vue/src/ThunderIDVueClient.ts` around lines 98 - 113, The getUser
flow in ThunderIDVueClient currently calls getUsersMe with only baseUrl, so it
falls back to instanceId = 0 and can use the wrong HTTP client. Update the
getUser method to forward this.getInstanceId() to getUsersMe, matching the
behavior used by getUserProfile and preserving the correct client context for
non-zero Vue instances.
🧹 Nitpick comments (3)
packages/vue/src/ThunderIDVueClient.ts (1)

141-146: 🚀 Performance & Scalability | 🔵 Trivial | 💤 Low value

Avoid decoding the ID token twice in the error fallback.

getDecodedIdToken() is awaited twice to build identical claims. Decode once and reuse.

♻️ Proposed refactor
       } catch (error) {
+        const claims: User = extractUserClaimsFromIdToken(await this.getDecodedIdToken());
         return {
-          flattenedProfile: extractUserClaimsFromIdToken(await this.getDecodedIdToken()),
-          profile: extractUserClaimsFromIdToken(await this.getDecodedIdToken()),
+          flattenedProfile: claims,
+          profile: claims,
         };
       }
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@packages/vue/src/ThunderIDVueClient.ts` around lines 141 - 146, The error
fallback in ThunderIDVueClient.getProfile is decoding the ID token twice by
calling getDecodedIdToken() separately for flattenedProfile and profile. Update
the catch block to await getDecodedIdToken() once, store the decoded token in a
local variable, and reuse that value for both extractUserClaimsFromIdToken calls
so the fallback builds identical claims from a single decode.
packages/react/src/api/getUsersMe.ts (1)

80-102: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

Drop unnecessary async and prefer ??.

The arrow function is marked async but never uses await — it just returns the promise from baseGetUsersMe, which triggers the require-await lint error. Also prefer ?? over || for fetcher.

🧹 Proposed fix
-const getUsersMe = async ({fetcher, instanceId = 0, ...requestConfig}: GetUsersMeConfig): Promise<User> => {
+const getUsersMe = ({fetcher, instanceId = 0, ...requestConfig}: GetUsersMeConfig): Promise<User> => {
   const defaultFetcher = async (url: string, config: RequestInit): Promise<Response> => {
     ...
   };

   return baseGetUsersMe({
     ...requestConfig,
-    fetcher: fetcher || defaultFetcher,
+    fetcher: fetcher ?? defaultFetcher,
   });
 };
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@packages/react/src/api/getUsersMe.ts` around lines 80 - 102, The getUsersMe
helper is using an unnecessary async wrapper and a fallback check that should
preserve valid falsy values. Update getUsersMe and its defaultFetcher so the
outer function is no longer marked async if it only returns baseGetUsersMe, and
replace fetcher || defaultFetcher with fetcher ?? defaultFetcher. Keep the
FetchHttpClient.getInstance and baseGetUsersMe wiring intact while adjusting
only the async handling and nullish fallback.

Source: Linters/SAST tools

packages/javascript/src/api/getUsersMe.ts (1)

93-107: 📐 Maintainability & Code Quality | 🔵 Trivial | 💤 Low value

Tighten catch typing and prefer ??.

Static analysis flags error?.toString() as an unsafe call/member access on an implicitly-any catch binding, and fetcher || fetch should use ?? since fetcher is a function reference (never a legitimate falsy-but-defined value).

🧹 Proposed fix
-  } catch (error) {
+  } catch (error: unknown) {
     throw new ThunderIDAPIError(
-      `Invalid URL provided. ${error?.toString()}`,
+      `Invalid URL provided. ${error instanceof Error ? error.message : String(error)}`,
       'getUsersMe-ValidationError-001',
...
-  const fetchFn: typeof fetch = fetcher || fetch;
+  const fetchFn: typeof fetch = fetcher ?? fetch;
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@packages/javascript/src/api/getUsersMe.ts` around lines 93 - 107, The
`getUsersMe` validation catch block uses an implicitly-typed `error` and unsafe
`error?.toString()`, so update the `try/catch` in `getUsersMe` to type the catch
binding properly and safely derive the message before constructing
`ThunderIDAPIError`. Also change the `fetchFn` assignment in `getUsersMe` to use
`fetcher ?? fetch` instead of `fetcher || fetch`, since `fetcher` is a function
reference and should only fall back when it is nullish.

Source: Linters/SAST tools

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx`:
- Around line 660-669: The profile entry rendering in BaseUserProfile is forcing
every synthesized field schema to READ_WRITE, which makes immutable attributes
appear editable. Update the profileEntries map logic to preserve each field’s
original mutability from the source schema (or explicitly mark non-editable
attributes as read-only) before passing schemaWithValue to renderUserInfo, and
align the readonlyFields/fieldsToSkip handling so IDs, timestamps, and other
immutable fields are not exposed as editable.

In `@packages/react/src/components/presentation/UserProfile/UserProfile.tsx`:
- Line 24: The UserProfile component has an unused getUsersMe import that
triggers lint failures; remove the getUsersMe import from UserProfile.tsx and
keep the rest of the component unchanged. Use the UserProfile component and the
getUsersMe import statement as the symbols to locate the unused reference.

---

Outside diff comments:
In `@packages/vue/src/ThunderIDVueClient.ts`:
- Around line 98-113: The getUser flow in ThunderIDVueClient currently calls
getUsersMe with only baseUrl, so it falls back to instanceId = 0 and can use the
wrong HTTP client. Update the getUser method to forward this.getInstanceId() to
getUsersMe, matching the behavior used by getUserProfile and preserving the
correct client context for non-zero Vue instances.

---

Nitpick comments:
In `@packages/javascript/src/api/getUsersMe.ts`:
- Around line 93-107: The `getUsersMe` validation catch block uses an
implicitly-typed `error` and unsafe `error?.toString()`, so update the
`try/catch` in `getUsersMe` to type the catch binding properly and safely derive
the message before constructing `ThunderIDAPIError`. Also change the `fetchFn`
assignment in `getUsersMe` to use `fetcher ?? fetch` instead of `fetcher ||
fetch`, since `fetcher` is a function reference and should only fall back when
it is nullish.

In `@packages/react/src/api/getUsersMe.ts`:
- Around line 80-102: The getUsersMe helper is using an unnecessary async
wrapper and a fallback check that should preserve valid falsy values. Update
getUsersMe and its defaultFetcher so the outer function is no longer marked
async if it only returns baseGetUsersMe, and replace fetcher || defaultFetcher
with fetcher ?? defaultFetcher. Keep the FetchHttpClient.getInstance and
baseGetUsersMe wiring intact while adjusting only the async handling and nullish
fallback.

In `@packages/vue/src/ThunderIDVueClient.ts`:
- Around line 141-146: The error fallback in ThunderIDVueClient.getProfile is
decoding the ID token twice by calling getDecodedIdToken() separately for
flattenedProfile and profile. Update the catch block to await
getDecodedIdToken() once, store the decoded token in a local variable, and reuse
that value for both extractUserClaimsFromIdToken calls so the fallback builds
identical claims from a single decode.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 86bfd088-6dc1-4fe9-a1b9-78029701d208

📥 Commits

Reviewing files that changed from the base of the PR and between 8199b64 and 8ad53f9.

⛔ Files ignored due to path filters (1)
  • pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml
📒 Files selected for processing (55)
  • packages/javascript/src/api/__tests__/getSchemas.test.ts
  • packages/javascript/src/api/__tests__/getUsersMe.test.ts
  • packages/javascript/src/api/__tests__/updateMeProfile.test.ts
  • packages/javascript/src/api/getSchemas.ts
  • packages/javascript/src/api/getUsersMe.ts
  • packages/javascript/src/api/updateMeProfile.ts
  • packages/javascript/src/constants/ScopeConstants.ts
  • packages/javascript/src/errors/__tests__/ThunderIDAPIError.test.ts
  • packages/javascript/src/index.ts
  • packages/javascript/src/models/config.ts
  • packages/javascript/src/models/scim2-schema.ts
  • packages/javascript/src/models/user.ts
  • packages/javascript/src/theme/createTheme.test.ts
  • packages/javascript/src/utils/__tests__/flattenUserSchema.test.ts
  • packages/javascript/src/utils/__tests__/generateUserProfile.test.ts
  • packages/javascript/src/utils/flattenUserSchema.ts
  • packages/javascript/src/utils/generateFlattenedUserProfile.ts
  • packages/javascript/src/utils/generateUserProfile.ts
  • packages/javascript/src/utils/getAuthorizeRequestUrlParams.ts
  • packages/javascript/src/utils/processUsername.ts
  • packages/nextjs/src/ThunderIDNextClient.ts
  • packages/nextjs/src/client/components/presentation/UserProfile/UserProfile.tsx
  • packages/nextjs/src/client/contexts/ThunderID/ThunderIDProvider.tsx
  • packages/nextjs/src/server/ThunderIDProvider.tsx
  • packages/nextjs/src/server/actions/getUserProfileAction.ts
  • packages/nuxt/src/runtime/components/ThunderIDRoot.ts
  • packages/nuxt/src/runtime/errors/error-codes.ts
  • packages/nuxt/src/runtime/server/ThunderIDNuxtClient.ts
  • packages/nuxt/src/runtime/server/plugins/thunderid-ssr.ts
  • packages/nuxt/src/runtime/server/routes/auth/user/profile.get.ts
  • packages/nuxt/src/runtime/server/routes/auth/user/profile.patch.ts
  • packages/nuxt/src/runtime/types.ts
  • packages/nuxt/tests/unit/thunderid-root.test.ts
  • packages/nuxt/tests/unit/thunderid-ssr.test.ts
  • packages/react/package.json
  • packages/react/src/api/getUsersMe.ts
  • packages/react/src/api/updateMeProfile.ts
  • packages/react/src/components/auth/Callback/__tests__/Callback.test.tsx
  • packages/react/src/components/auth/Callback/__tests__/TokenCallback.test.tsx
  • packages/react/src/components/presentation/UserProfile/BaseUserProfile.tsx
  • packages/react/src/components/presentation/UserProfile/UserProfile.tsx
  • packages/react/src/contexts/ThunderID/ThunderIDContext.ts
  • packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx
  • packages/react/src/contexts/User/UserContext.ts
  • packages/react/src/contexts/User/UserProvider.tsx
  • packages/react/src/contexts/User/useUser.ts
  • packages/react/src/index.ts
  • packages/vue/src/ThunderIDVueClient.ts
  • packages/vue/src/api/getSchemas.ts
  • packages/vue/src/api/getUsersMe.ts
  • packages/vue/src/components/presentation/user-profile/BaseUserProfile.ts
  • packages/vue/src/components/presentation/user-profile/UserProfile.ts
  • packages/vue/src/models/contexts.ts
  • packages/vue/src/providers/ThunderIDProvider.ts
  • packages/vue/src/providers/UserProvider.ts
💤 Files with no reviewable changes (13)
  • packages/react/src/contexts/User/useUser.ts
  • packages/javascript/src/api/tests/getSchemas.test.ts
  • packages/javascript/src/utils/flattenUserSchema.ts
  • packages/javascript/src/models/scim2-schema.ts
  • packages/vue/src/api/getSchemas.ts
  • packages/javascript/src/api/getSchemas.ts
  • packages/javascript/src/utils/tests/generateUserProfile.test.ts
  • packages/javascript/src/utils/generateUserProfile.ts
  • packages/javascript/src/models/user.ts
  • packages/javascript/src/utils/tests/flattenUserSchema.test.ts
  • packages/nextjs/src/server/actions/getUserProfileAction.ts
  • packages/react/src/contexts/User/UserProvider.tsx
  • packages/javascript/src/errors/tests/ThunderIDAPIError.test.ts
✅ Files skipped from review due to trivial changes (7)
  • packages/nuxt/src/runtime/server/routes/auth/user/profile.patch.ts
  • packages/nuxt/src/runtime/server/routes/auth/user/profile.get.ts
  • packages/javascript/src/constants/ScopeConstants.ts
  • packages/javascript/src/utils/processUsername.ts
  • packages/nuxt/src/runtime/types.ts
  • packages/nuxt/tests/unit/thunderid-ssr.test.ts
  • packages/javascript/src/models/config.ts
🚧 Files skipped from review as they are similar to previous changes (5)
  • packages/react/package.json
  • packages/javascript/src/theme/createTheme.test.ts
  • packages/react/src/components/auth/Callback/tests/Callback.test.tsx
  • packages/javascript/src/utils/getAuthorizeRequestUrlParams.ts
  • packages/react/src/contexts/ThunderID/ThunderIDProvider.tsx

Comment thread packages/react/src/components/presentation/UserProfile/UserProfile.tsx Outdated
@janithjay janithjay force-pushed the feat/profile-edit-put branch 5 times, most recently from dfc72f8 to 9320188 Compare July 5, 2026 18:48
@janithjay janithjay force-pushed the feat/profile-edit-put branch from 9320188 to 5bed80c Compare July 6, 2026 07:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants