chore: bump version to 2.23.2 and enhance team account creation (#440)

* chore: bump version to 2.23.2 and enhance team account creation

- Updated application version from 2.23.1 to 2.23.2 in package.json.
- Enhanced team account creation to support slugs for non-Latin names, including validation and UI updates.
- Updated localization files to reflect new slug requirements and error messages.
- Refactored related schemas and server actions to accommodate slug handling in team account creation and updates.

* refactor: remove old trigger and function for adding current user to new account

- Dropped the trigger "add_current_user_to_new_account" and the associated function from the database schema.
- Updated permissions for the function public.create_team_account to ensure proper access control.

packages/features/team-accounts/src/components/create-team-account-dialog.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import { useState, useTransition } from 'react';
+import { useMemo, useState, useTransition } from 'react';
 
 import { isRedirectError } from 'next/dist/client/components/redirect-error';
 
 import { zodResolver } from '@hookform/resolvers/zod';
-import { useForm } from 'react-hook-form';
+import { useForm, useWatch } from 'react-hook-form';
 
 import { Alert, AlertDescription, AlertTitle } from '@kit/ui/alert';
 import { Button } from '@kit/ui/button';
@@ -29,7 +29,10 @@ import { If } from '@kit/ui/if';
 import { Input } from '@kit/ui/input';
 import { Trans } from '@kit/ui/trans';
 
-import { CreateTeamSchema } from '../schema/create-team.schema';
+import {
+  CreateTeamSchema,
+  NON_LATIN_REGEX,
+} from '../schema/create-team.schema';
 import { createTeamAccountAction } from '../server/actions/create-team-account-server-actions';
 
 export function CreateTeamAccountDialog(
@@ -67,10 +70,18 @@ function CreateOrganizationAccountForm(props: { onClose: () => void }) {
   const form = useForm({
     defaultValues: {
       name: '',
+      slug: '',
     },
     resolver: zodResolver(CreateTeamSchema),
   });
 
+  const nameValue = useWatch({ control: form.control, name: 'name' });
+
+  const showSlugField = useMemo(
+    () => NON_LATIN_REGEX.test(nameValue ?? ''),
+    [nameValue],
+  );
+
   return (
     <Form {...form}>
       <form
@@ -107,7 +118,7 @@ function CreateOrganizationAccountForm(props: { onClose: () => void }) {
 
                   <FormControl>
                     <Input
-                      data-test={'create-team-name-input'}
+                      data-test={'team-name-input'}
                       required
                       minLength={2}
                       maxLength={50}
@@ -126,6 +137,38 @@ function CreateOrganizationAccountForm(props: { onClose: () => void }) {
             }}
           />
 
+          <If condition={showSlugField}>
+            <FormField
+              name={'slug'}
+              render={({ field }) => {
+                return (
+                  <FormItem>
+                    <FormLabel>
+                      <Trans i18nKey={'teams:teamSlugLabel'} />
+                    </FormLabel>
+
+                    <FormControl>
+                      <Input
+                        data-test={'team-slug-input'}
+                        required
+                        minLength={2}
+                        maxLength={50}
+                        placeholder={'my-team'}
+                        {...field}
+                      />
+                    </FormControl>
+
+                    <FormDescription>
+                      <Trans i18nKey={'teams:teamSlugDescription'} />
+                    </FormDescription>
+
+                    <FormMessage />
+                  </FormItem>
+                );
+              }}
+            />
+          </If>
+
           <div className={'flex justify-end space-x-2'}>
             <Button
               variant={'outline'}

packages/features/team-accounts/src/components/settings/update-team-account-name-form.tsx

@@ -5,18 +5,21 @@ import { useTransition } from 'react';
 import { isRedirectError } from 'next/dist/client/components/redirect-error';
 
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Building } from 'lucide-react';
-import { useForm } from 'react-hook-form';
+import { Building, Link } from 'lucide-react';
+import { useForm, useWatch } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 
 import { Button } from '@kit/ui/button';
 import {
   Form,
   FormControl,
+  FormDescription,
   FormField,
   FormItem,
+  FormLabel,
   FormMessage,
 } from '@kit/ui/form';
+import { If } from '@kit/ui/if';
 import {
   InputGroup,
   InputGroupAddon,
@@ -25,6 +28,7 @@ import {
 import { toast } from '@kit/ui/sonner';
 import { Trans } from '@kit/ui/trans';
 
+import { containsNonLatinCharacters } from '../../schema/create-team.schema';
 import { TeamNameFormSchema } from '../../schema/update-team-name.schema';
 import { updateTeamAccountName } from '../../server/actions/team-details-server-actions';
 
@@ -43,9 +47,13 @@ export const UpdateTeamAccountNameForm = (props: {
     resolver: zodResolver(TeamNameFormSchema),
     defaultValues: {
       name: props.account.name,
+      newSlug: '',
     },
   });
 
+  const nameValue = useWatch({ control: form.control, name: 'name' });
+  const showSlugField = containsNonLatinCharacters(nameValue || '');
+
   return (
     <div className={'space-y-8'}>
       <Form {...form}>
@@ -60,6 +68,7 @@ export const UpdateTeamAccountNameForm = (props: {
                 const result = await updateTeamAccountName({
                   slug: props.account.slug,
                   name: data.name,
+                  newSlug: data.newSlug || undefined,
                   path: props.path,
                 });
 
@@ -67,6 +76,10 @@ export const UpdateTeamAccountNameForm = (props: {
                   toast.success(t('updateTeamSuccessMessage'), {
                     id: toastId,
                   });
+                } else if (result.error) {
+                  toast.error(t(result.error), {
+                    id: toastId,
+                  });
                 } else {
                   toast.error(t('updateTeamErrorMessage'), {
                     id: toastId,
@@ -91,6 +104,10 @@ export const UpdateTeamAccountNameForm = (props: {
             render={({ field }) => {
               return (
                 <FormItem>
+                  <FormLabel>
+                    <Trans i18nKey={'teams:teamNameLabel'} />
+                  </FormLabel>
+
                   <FormControl>
                     <InputGroup className="dark:bg-background">
                       <InputGroupAddon align="inline-start">
@@ -112,6 +129,42 @@ export const UpdateTeamAccountNameForm = (props: {
             }}
           />
 
+          <If condition={showSlugField}>
+            <FormField
+              name={'newSlug'}
+              render={({ field }) => {
+                return (
+                  <FormItem>
+                    <FormLabel>
+                      <Trans i18nKey={'teams:teamSlugLabel'} />
+                    </FormLabel>
+
+                    <FormControl>
+                      <InputGroup className="dark:bg-background">
+                        <InputGroupAddon align="inline-start">
+                          <Link className="h-4 w-4" />
+                        </InputGroupAddon>
+
+                        <InputGroupInput
+                          data-test={'team-slug-input'}
+                          required
+                          placeholder={'my-team'}
+                          {...field}
+                        />
+                      </InputGroup>
+                    </FormControl>
+
+                    <FormDescription>
+                      <Trans i18nKey={'teams:teamSlugDescription'} />
+                    </FormDescription>
+
+                    <FormMessage />
+                  </FormItem>
+                );
+              }}
+            />
+          </If>
+
           <div>
             <Button
               className={'w-full md:w-auto'}