Introduce new changeset

LauraBeatris · LauraBeatris · commit 9497c2c6e383 · 2025-08-06T16:07:33.000-03:00
diff --git a/.changeset/brown-garlics-boil.md b/.changeset/brown-garlics-boil.md
@@ -0,0 +1,13 @@
+---
+'@clerk/tanstack-react-start': patch
+'@clerk/localizations': patch
+'@clerk/react-router': patch
+'@clerk/clerk-js': patch
+'@clerk/testing': patch
+'@clerk/nextjs': patch
+'@clerk/clerk-react': patch
+'@clerk/remix': patch
+'@clerk/types': patch
+---
+
+Introduce `TaskChooseOrganization` component which replaces `TaskSelectOrganization` with a new UI that make the experience similar to the previous `SignIn` and `SignUp` steps
diff --git a/.changeset/five-heads-swim.md b/.changeset/five-heads-swim.md
diff --git a/packages/clerk-js/sandbox/template.html b/packages/clerk-js/sandbox/template.html
@@ -157,9 +157,9 @@
           <li class="relative">
             <a
               class="relative isolate flex w-full rounded-md border border-white px-2 py-[0.4375rem] text-sm hover:bg-gray-50 aria-[current]:bg-gray-50"
-              href="/task-select-organization"
+              href="/task-choose-organization"
             >
-              TaskSelectOrganization
+              TaskChooseOrganization
             </a>
           </li>
           <li class="relative">
diff --git a/packages/clerk-js/src/core/clerk.ts b/packages/clerk-js/src/core/clerk.ts
@@ -30,9 +30,9 @@ import type {
   AuthenticateWithGoogleOneTapParams,
   AuthenticateWithMetamaskParams,
   AuthenticateWithOKXWalletParams,
+  Clerk as ClerkInterface,
   ClerkAPIError,
   ClerkAuthenticateWithWeb3Params,
-  Clerk as ClerkInterface,
   ClerkOptions,
   ClientJSONSnapshot,
   ClientResource,
diff --git a/packages/clerk-js/src/ui/components/SessionTasks/tasks/TaskChooseOrganization/__tests__/TaskChooseOrganization.test.tsx b/packages/clerk-js/src/ui/components/SessionTasks/tasks/TaskChooseOrganization/__tests__/TaskChooseOrganization.test.tsx
@@ -67,7 +67,7 @@ describe('TaskChooseOrganization', () => {
     });
   });
 
-  it('shows select organization screen when user has existing organizations', async () => {
+  it('shows choose organization screen when user has existing organizations', async () => {
     const { wrapper, fixtures } = await createFixtures(f => {
       f.withOrganizations();
       f.withForceOrganizationSelection();
@@ -107,7 +107,7 @@ describe('TaskChooseOrganization', () => {
     });
   });
 
-  it('allows switching between select and create organization screens', async () => {
+  it('allows switching between choose and create organization screens', async () => {
     const { wrapper, fixtures } = await createFixtures(f => {
       f.withOrganizations();
       f.withForceOrganizationSelection();
diff --git a/packages/localizations/src/en-US.ts b/packages/localizations/src/en-US.ts
@@ -15,7 +15,7 @@ export const enUS: LocalizationResource = {
     },
     chooseOrganization: {
       title: 'Choose an organization',
-      subtitle: 'Select the organization with which you wish to continue',
+      subtitle: 'Join an existing organization or create a new one',
       suggestionsAcceptedLabel: 'Pending approval',
       action__createOrganization: 'Create new organization',
       action__suggestionsAccept: 'Request to join',
