B2B-30: adds personal code to account, company admins invites members

packages/features/auth/src/components/password-sign-up-form.tsx

@@ -30,6 +30,7 @@ interface PasswordSignUpFormProps {
   displayTermsCheckbox?: boolean;
 
   onSubmit: (params: {
+    personalCode: string;
     email: string;
     password: string;
     repeatPassword: string;
@@ -48,6 +49,7 @@ export function PasswordSignUpForm({
   const form = useForm({
     resolver: zodResolver(PasswordSignUpSchema),
     defaultValues: {
+      personalCode: '',
       email: defaultValues?.email ?? '',
       password: '',
       repeatPassword: '',
@@ -60,6 +62,29 @@ export function PasswordSignUpForm({
         className={'flex w-full flex-col gap-y-4'}
         onSubmit={form.handleSubmit(onSubmit)}
       >
+        <FormField
+          control={form.control}
+          name={'personalCode'}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>
+                <Trans i18nKey={'common:personalCode'} />
+              </FormLabel>
+
+              <FormControl>
+                <Input
+                  data-test={'personal-code-input'}
+                  required
+                  type="text"
+                  placeholder={t('personalCodePlaceholder')}
+                  {...field}
+                />
+              </FormControl>
+
+              <FormMessage />
+            </FormItem>
+          )}
+        />
         <FormField
           control={form.control}
           name={'email'}

packages/features/auth/src/components/sign-up-methods-container.tsx

@@ -11,6 +11,7 @@ import { Trans } from '@kit/ui/trans';
 import { MagicLinkAuthContainer } from './magic-link-auth-container';
 import { OauthProviders } from './oauth-providers';
 import { EmailPasswordSignUpContainer } from './password-sign-up-container';
+import { redirect } from 'next/navigation';
 
 export function SignUpMethodsContainer(props: {
   paths: {
@@ -41,6 +42,7 @@ export function SignUpMethodsContainer(props: {
           emailRedirectTo={redirectUrl}
           defaultValues={defaultValues}
           displayTermsCheckbox={props.displayTermsCheckbox}
+          onSignUp={() => redirect(redirectUrl)}
         />
       </If>