feat(clerk-js): Add OAuthConsent component #6021

alexcarpenter · 2025-05-28T14:13:28Z

Description

Introduced the OAuthConsent component with mounting and unmounting methods in Clerk.
Updated the sandbox app to include OAuthConsent in the available components and routing.
Enhanced types to support OAuthConsent properties and appearance.
Added corresponding links in the sandbox template for navigation.

Screen.Recording.2025-05-30.at.9.21.28.AM.mov

Checklist

pnpm test runs as expected.
pnpm build runs as expected.
(If applicable) JSDoc comments have been added or updated for any package exports
(If applicable) Documentation has been updated

Type of change

- Introduced the OAuthConsent component with mounting and unmounting methods in Clerk. - Updated the sandbox app to include OAuthConsent in the available components and routing. - Enhanced types to support OAuthConsent properties and appearance. - Added corresponding links in the sandbox template for navigation.

changeset-bot · 2025-05-28T14:13:33Z

🦋 Changeset detected

Latest commit: 9b84e46

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

This PR includes changesets to release 22 packages

Name	Type
@clerk/clerk-js	Patch
@clerk/clerk-react	Patch
@clerk/types	Patch
@clerk/chrome-extension	Patch
@clerk/clerk-expo	Patch
@clerk/elements	Patch
@clerk/nextjs	Patch
@clerk/react-router	Patch
@clerk/remix	Patch
@clerk/tanstack-react-start	Patch
@clerk/agent-toolkit	Patch
@clerk/astro	Patch
@clerk/backend	Patch
@clerk/expo-passkeys	Patch
@clerk/express	Patch
@clerk/fastify	Patch
@clerk/localizations	Patch
@clerk/nuxt	Patch
@clerk/shared	Patch
@clerk/testing	Patch
@clerk/themes	Patch
@clerk/vue	Patch

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

Click here if you're a maintainer who wants to add another changeset to this PR

vercel · 2025-05-28T14:13:34Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
clerk-js-sandbox	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 3, 2025 8:39pm

wobsoriano · 2025-05-29T17:15:58Z

!snapshot

clerk-cookie · 2025-05-29T17:18:32Z

Hey @wobsoriano - the snapshot version command generated the following package versions:

Package	Version
@clerk/agent-toolkit	0.0.40-snapshot.v20250529171639
@clerk/astro	2.8.2-snapshot.v20250529171639
@clerk/backend	1.33.2-snapshot.v20250529171639
@clerk/chrome-extension	2.4.10-snapshot.v20250529171639
@clerk/clerk-js	5.67.5-snapshot.v20250529171639
@clerk/elements	0.23.31-snapshot.v20250529171639
@clerk/clerk-expo	2.11.10-snapshot.v20250529171639
@clerk/expo-passkeys	0.3.8-snapshot.v20250529171639
@clerk/express	1.5.2-snapshot.v20250529171639
@clerk/fastify	2.2.23-snapshot.v20250529171639
@clerk/localizations	3.16.3-snapshot.v20250529171639
@clerk/nextjs	6.20.2-snapshot.v20250529171639
@clerk/nuxt	1.6.9-snapshot.v20250529171639
@clerk/clerk-react	5.31.8-snapshot.v20250529171639
@clerk/react-router	1.4.8-snapshot.v20250529171639
@clerk/remix	4.7.8-snapshot.v20250529171639
@clerk/shared	3.9.5-snapshot.v20250529171639
@clerk/tanstack-react-start	0.15.8-snapshot.v20250529171639
@clerk/testing	1.7.5-snapshot.v20250529171639
@clerk/themes	2.2.48-snapshot.v20250529171639
@clerk/types	4.59.3-snapshot.v20250529171639
@clerk/vue	1.8.6-snapshot.v20250529171639

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/[email protected] --save-exact

@clerk/astro

npm i @clerk/[email protected] --save-exact

@clerk/backend

npm i @clerk/[email protected] --save-exact

@clerk/chrome-extension

npm i @clerk/[email protected] --save-exact

@clerk/clerk-js

npm i @clerk/[email protected] --save-exact

@clerk/elements

npm i @clerk/[email protected] --save-exact

@clerk/clerk-expo

npm i @clerk/[email protected] --save-exact

@clerk/expo-passkeys

npm i @clerk/[email protected] --save-exact

@clerk/express

npm i @clerk/[email protected] --save-exact

@clerk/fastify

npm i @clerk/[email protected] --save-exact

@clerk/localizations

npm i @clerk/[email protected] --save-exact

@clerk/nextjs

npm i @clerk/[email protected] --save-exact

@clerk/nuxt

npm i @clerk/[email protected] --save-exact

@clerk/clerk-react

npm i @clerk/[email protected] --save-exact

@clerk/react-router

npm i @clerk/[email protected] --save-exact

@clerk/remix

npm i @clerk/[email protected] --save-exact

@clerk/shared

npm i @clerk/[email protected] --save-exact

@clerk/tanstack-react-start

npm i @clerk/[email protected] --save-exact

@clerk/testing

npm i @clerk/[email protected] --save-exact

@clerk/themes

npm i @clerk/[email protected] --save-exact

@clerk/types

npm i @clerk/[email protected] --save-exact

@clerk/vue

npm i @clerk/[email protected] --save-exact

Co-authored-by: Lennart <[email protected]>

Co-authored-by: panteliselef <[email protected]>

wobsoriano · 2025-06-03T17:04:13Z

!snapshot

clerk-cookie · 2025-06-03T17:06:48Z

Hey @wobsoriano - the snapshot version command generated the following package versions:

Package	Version
@clerk/agent-toolkit	0.1.0-snapshot.v20250603170454
@clerk/astro	2.9.0-snapshot.v20250603170454
@clerk/backend	2.0.0-snapshot.v20250603170454
@clerk/chrome-extension	2.4.11-snapshot.v20250603170454
@clerk/clerk-js	5.68.0-snapshot.v20250603170454
@clerk/elements	0.23.32-snapshot.v20250603170454
@clerk/clerk-expo	2.13.0-snapshot.v20250603170454
@clerk/expo-passkeys	0.3.9-snapshot.v20250603170454
@clerk/express	1.6.0-snapshot.v20250603170454
@clerk/fastify	2.3.0-snapshot.v20250603170454
@clerk/localizations	3.16.4-snapshot.v20250603170454
@clerk/nextjs	6.21.0-snapshot.v20250603170454
@clerk/nuxt	1.7.0-snapshot.v20250603170454
@clerk/clerk-react	5.31.9-snapshot.v20250603170454
@clerk/react-router	1.5.0-snapshot.v20250603170454
@clerk/remix	4.8.0-snapshot.v20250603170454
@clerk/shared	3.9.6-snapshot.v20250603170454
@clerk/tanstack-react-start	0.16.0-snapshot.v20250603170454
@clerk/testing	1.8.0-snapshot.v20250603170454
@clerk/themes	2.2.49-snapshot.v20250603170454
@clerk/types	4.60.0-snapshot.v20250603170454
@clerk/vue	1.8.7-snapshot.v20250603170454

Tip: Use the snippet copy button below to quickly install the required packages.
@clerk/agent-toolkit

npm i @clerk/[email protected] --save-exact

@clerk/astro

npm i @clerk/[email protected] --save-exact

@clerk/backend

npm i @clerk/[email protected] --save-exact

@clerk/chrome-extension

npm i @clerk/[email protected] --save-exact

@clerk/clerk-js

npm i @clerk/[email protected] --save-exact

@clerk/elements

npm i @clerk/[email protected] --save-exact

@clerk/clerk-expo

npm i @clerk/[email protected] --save-exact

@clerk/expo-passkeys

npm i @clerk/[email protected] --save-exact

@clerk/express

npm i @clerk/[email protected] --save-exact

@clerk/fastify

npm i @clerk/[email protected] --save-exact

@clerk/localizations

npm i @clerk/[email protected] --save-exact

@clerk/nextjs

npm i @clerk/[email protected] --save-exact

@clerk/nuxt

npm i @clerk/[email protected] --save-exact

@clerk/clerk-react

npm i @clerk/[email protected] --save-exact

@clerk/react-router

npm i @clerk/[email protected] --save-exact

@clerk/remix

npm i @clerk/[email protected] --save-exact

@clerk/shared

npm i @clerk/[email protected] --save-exact

@clerk/tanstack-react-start

npm i @clerk/[email protected] --save-exact

@clerk/testing

npm i @clerk/[email protected] --save-exact

@clerk/themes

npm i @clerk/[email protected] --save-exact

@clerk/types

npm i @clerk/[email protected] --save-exact

@clerk/vue

npm i @clerk/[email protected] --save-exact

wobsoriano · 2025-06-03T17:16:01Z

.changeset/six-crabs-carry.md

@@ -0,0 +1,7 @@
+---
+'@clerk/clerk-js': patch


I think patch is good since this is internal only

panteliselef · 2025-06-03T20:09:29Z

packages/types/src/appearance.ts

+    /**
+     * Theme overrides that only apply to the `<OAuthConsent />` component
+     */
+    oauthConsent?: T;


Since this will always be internal should we maybe prefix it __internal_oauthConsent ?

good catch, updating...

Updated 🫡

alexcarpenter added 3 commits May 28, 2025 09:27

init

884cd8d

wip

e888567

clerk-cookie added types clerk-js react labels May 28, 2025

wip

deaf773

vercel bot deployed to Preview May 28, 2025 14:54 View deployment

wip

8e0475b

vercel bot deployed to Preview May 28, 2025 15:02 View deployment

wip

5aad8a2

vercel bot deployed to Preview May 28, 2025 15:41 View deployment

types

f4ad497

vercel bot deployed to Preview May 28, 2025 17:34 View deployment

add initial props

a989671

vercel bot deployed to Preview May 28, 2025 23:45 View deployment

add oauth logo url prop and make avatars functional

af16405

vercel bot deployed to Preview May 29, 2025 17:05 View deployment

use oauth context for props

0c5867c

vercel bot deployed to Preview May 29, 2025 17:32 View deployment

use correct logo for oauth app

b01a50b

vercel bot deployed to Preview May 29, 2025 19:52 View deployment

render url with tooltip

c5b4990

vercel bot deployed to Preview May 29, 2025 21:27 View deployment

Merge branch 'main' into alexcarpenter/oauth-consent-component

0ee9566

vercel bot deployed to Preview May 29, 2025 21:37 View deployment

wobsoriano and others added 2 commits June 3, 2025 08:23

Apply suggestions from code review

2fbdc4d

Co-authored-by: Lennart <[email protected]>

Update packages/clerk-js/src/ui/icons/lock-dotted-circle.svg

1020e87

Co-authored-by: panteliselef <[email protected]>

vercel bot deployed to Preview June 3, 2025 15:25 View deployment

wobsoriano added 2 commits June 3, 2025 09:00

chore: remove barrel files

41d2153

Merge branch 'main' into alexcarpenter/oauth-consent-component

f8db087

vercel bot had a problem deploying to Preview June 3, 2025 16:02 Failure

fix new imports

60b30d9

vercel bot deployed to Preview June 3, 2025 16:24 View deployment

update all imports to use new prefix

c55f85c

vercel bot deployed to Preview June 3, 2025 16:27 View deployment

remove unused icon

c03affb

vercel bot deployed to Preview June 3, 2025 17:00 View deployment

fix bundle size

50599b7

vercel bot deployed to Preview June 3, 2025 17:04 View deployment

wobsoriano added 2 commits June 3, 2025 10:15

chore: update changeset

4e714c5

chore: remove extra changeset

4d3e1ee

wobsoriano reviewed Jun 3, 2025

View reviewed changes

.changeset/six-crabs-carry.md

@@ -0,0 +1,7 @@

---

'@clerk/clerk-js': patch

Copy link

Member

wobsoriano Jun 3, 2025

Choose a reason for hiding this comment

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

I think patch is good since this is internal only

vercel bot deployed to Preview June 3, 2025 17:17 View deployment

panteliselef reviewed Jun 3, 2025

View reviewed changes

chore: make appearance type internal

54c1a0e

vercel bot deployed to Preview June 3, 2025 20:25 View deployment

Merge branch 'main' into alexcarpenter/oauth-consent-component

9b84e46

vercel bot deployed to Preview June 3, 2025 20:39 View deployment

panteliselef approved these changes Jun 3, 2025

View reviewed changes

wobsoriano enabled auto-merge (squash) June 3, 2025 20:42

wobsoriano merged commit b578225 into main Jun 3, 2025
36 checks passed

wobsoriano deleted the alexcarpenter/oauth-consent-component branch June 3, 2025 20:47

clerk-cookie mentioned this pull request Jun 3, 2025

ci(repo): Version packages #6031

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(clerk-js): Add OAuthConsent component #6021

feat(clerk-js): Add OAuthConsent component #6021

Uh oh!

alexcarpenter commented May 28, 2025 •

edited by wobsoriano

Loading

Uh oh!

changeset-bot bot commented May 28, 2025 •

edited

Loading

Uh oh!

vercel bot commented May 28, 2025 •

edited

Loading

Uh oh!

wobsoriano commented May 29, 2025

Uh oh!

clerk-cookie commented May 29, 2025

Uh oh!

wobsoriano commented Jun 3, 2025

Uh oh!

clerk-cookie commented Jun 3, 2025

Uh oh!

wobsoriano Jun 3, 2025

Uh oh!

panteliselef Jun 3, 2025

Uh oh!

wobsoriano Jun 3, 2025

Uh oh!

wobsoriano Jun 3, 2025

Uh oh!

Uh oh!

Uh oh!

feat(clerk-js): Add OAuthConsent component #6021

feat(clerk-js): Add OAuthConsent component #6021

Uh oh!

Conversation

alexcarpenter commented May 28, 2025 • edited by wobsoriano Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Checklist

Type of change

Uh oh!

changeset-bot bot commented May 28, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

vercel bot commented May 28, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

wobsoriano commented May 29, 2025

Uh oh!

clerk-cookie commented May 29, 2025

Uh oh!

wobsoriano commented Jun 3, 2025

Uh oh!

clerk-cookie commented Jun 3, 2025

Uh oh!

wobsoriano Jun 3, 2025

Choose a reason for hiding this comment

Uh oh!

panteliselef Jun 3, 2025

Choose a reason for hiding this comment

Uh oh!

wobsoriano Jun 3, 2025

Choose a reason for hiding this comment

Uh oh!

wobsoriano Jun 3, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

alexcarpenter commented May 28, 2025 •

edited by wobsoriano

Loading

changeset-bot bot commented May 28, 2025 •

edited

Loading

vercel bot commented May 28, 2025 •

edited

Loading