chore(clerk-js,localizations): Update TaskChooseOrganization copies for create organization screen (#6584)

Author: iagodahlem

.changeset/curvy-shoes-create.md

@@ -0,0 +1,8 @@
+---
+'@clerk/localizations': patch
+'@clerk/clerk-js': patch
+'@clerk/testing': patch
+'@clerk/types': patch
+---
+
+Update copies for create organization screen on session tasks

packages/clerk-js/src/ui/components/SessionTasks/tasks/TaskChooseOrganization/CreateOrganizationScreen.tsx

@@ -28,13 +28,13 @@ export const CreateOrganizationScreen = (props: CreateOrganizationScreenProps) =
 
   const nameField = useFormControl('name', '', {
     type: 'text',
-    label: localizationKeys('formFieldLabel__organizationName'),
-    placeholder: localizationKeys('formFieldInputPlaceholder__organizationName'),
+    label: localizationKeys('taskChooseOrganization.createOrganization.formFieldLabel__name'),
+    placeholder: localizationKeys('taskChooseOrganization.createOrganization.formFieldInputPlaceholder__name'),
   });
   const slugField = useFormControl('slug', '', {
     type: 'text',
-    label: localizationKeys('formFieldLabel__organizationSlug'),
-    placeholder: localizationKeys('formFieldInputPlaceholder__organizationSlug'),
+    label: localizationKeys('taskChooseOrganization.createOrganization.formFieldLabel__slug'),
+    placeholder: localizationKeys('taskChooseOrganization.createOrganization.formFieldInputPlaceholder__slug'),
   });
 
   const onSubmit = async (e: React.FormEvent) => {

packages/clerk-js/src/ui/components/SessionTasks/tasks/TaskChooseOrganization/__tests__/TaskChooseOrganization.test.tsx

@@ -22,8 +22,8 @@ describe('TaskChooseOrganization', () => {
     const { queryByText, queryByRole } = render(<TaskChooseOrganization />, { wrapper });
 
     await waitFor(() => {
-      expect(queryByText('Setup your account')).not.toBeInTheDocument();
-      expect(queryByText('Tell us a bit about your organization')).not.toBeInTheDocument();
+      expect(queryByText('Setup your organization')).not.toBeInTheDocument();
+      expect(queryByText('Enter your organization details to continue')).not.toBeInTheDocument();
       expect(queryByRole('button', { name: /sign out/i })).not.toBeInTheDocument();
     });
   });
@@ -42,8 +42,8 @@ describe('TaskChooseOrganization', () => {
     const { getByText, getByRole } = render(<TaskChooseOrganization />, { wrapper });
 
     await waitFor(() => {
-      expect(getByText('Setup your account')).toBeInTheDocument();
-      expect(getByText('Tell us a bit about your organization')).toBeInTheDocument();
+      expect(getByText('Setup your organization')).toBeInTheDocument();
+      expect(getByText('Enter your organization details to continue')).toBeInTheDocument();
       expect(getByRole('link', { name: /sign out/i })).toBeInTheDocument();
     });
   });
@@ -63,7 +63,7 @@ describe('TaskChooseOrganization', () => {
 
     await waitFor(() => {
       expect(getByRole('textbox', { name: /name/i })).toBeInTheDocument();
-      expect(getByText('Create new organization')).toBeInTheDocument();
+      expect(getByText('Continue')).toBeInTheDocument();
     });
   });
 
@@ -151,7 +151,7 @@ describe('TaskChooseOrganization', () => {
 
     await waitFor(() => {
       expect(getByRole('textbox', { name: /name/i })).toBeInTheDocument();
-      expect(getByRole('button', { name: /create new organization/i })).toBeInTheDocument();
+      expect(getByRole('button', { name: /continue/i })).toBeInTheDocument();
       expect(getByRole('button', { name: /cancel/i })).toBeInTheDocument();
       expect(queryByText('Existing Org')).not.toBeInTheDocument();
     });

packages/localizations/src/ar-SA.ts

@@ -813,6 +813,10 @@ export const arSA: LocalizationResource = {
     createOrganization: {
       formButtonReset: undefined,
       formButtonSubmit: undefined,
+      formFieldInputPlaceholder__name: undefined,
+      formFieldInputPlaceholder__slug: undefined,
+      formFieldLabel__name: undefined,
+      formFieldLabel__slug: undefined,
       subtitle: undefined,
       title: undefined,
     },

packages/localizations/src/be-BY.ts

@@ -820,6 +820,10 @@ export const beBY: LocalizationResource = {
     createOrganization: {
       formButtonReset: undefined,
       formButtonSubmit: undefined,
+      formFieldInputPlaceholder__name: undefined,
+      formFieldInputPlaceholder__slug: undefined,
+      formFieldLabel__name: undefined,
+      formFieldLabel__slug: undefined,
       subtitle: undefined,
       title: undefined,
     },

packages/localizations/src/bg-BG.ts

@@ -816,6 +816,10 @@ export const bgBG: LocalizationResource = {
     createOrganization: {
       formButtonReset: undefined,
       formButtonSubmit: undefined,
+      formFieldInputPlaceholder__name: undefined,
+      formFieldInputPlaceholder__slug: undefined,
+      formFieldLabel__name: undefined,
+      formFieldLabel__slug: undefined,
       subtitle: undefined,
       title: undefined,
     },

packages/localizations/src/bn-IN.ts

@@ -820,6 +820,10 @@ export const bnIN: LocalizationResource = {
     createOrganization: {
       formButtonReset: undefined,
       formButtonSubmit: undefined,
+      formFieldInputPlaceholder__name: undefined,
+      formFieldInputPlaceholder__slug: undefined,
+      formFieldLabel__name: undefined,
+      formFieldLabel__slug: undefined,
       subtitle: undefined,
       title: undefined,
     },

packages/localizations/src/ca-ES.ts

@@ -815,6 +815,10 @@ export const caES: LocalizationResource = {
     createOrganization: {
       formButtonReset: undefined,
       formButtonSubmit: undefined,
+      formFieldInputPlaceholder__name: undefined,
+      formFieldInputPlaceholder__slug: undefined,
+      formFieldLabel__name: undefined,
+      formFieldLabel__slug: undefined,
       subtitle: undefined,
       title: undefined,
     },

packages/localizations/src/cs-CZ.ts

@@ -826,6 +826,10 @@ export const csCZ: LocalizationResource = {
     createOrganization: {
       formButtonReset: undefined,
       formButtonSubmit: undefined,
+      formFieldInputPlaceholder__name: undefined,
+      formFieldInputPlaceholder__slug: undefined,
+      formFieldLabel__name: undefined,
+      formFieldLabel__slug: undefined,
       subtitle: undefined,
       title: undefined,
     },

packages/localizations/src/da-DK.ts

@@ -813,6 +813,10 @@ export const daDK: LocalizationResource = {
     createOrganization: {
       formButtonReset: undefined,
       formButtonSubmit: undefined,
+      formFieldInputPlaceholder__name: undefined,
+      formFieldInputPlaceholder__slug: undefined,
+      formFieldLabel__name: undefined,
+      formFieldLabel__slug: undefined,
       subtitle: undefined,
       title: undefined,
     },