From b5bd353f431c945bcc0f38b7d94e71faba823fd3 Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Wed, 19 Feb 2025 00:26:40 +0100
Subject: [PATCH] NORY-46: add temporary form items for OAuth2 flows

---
 .../src/components/forms/client-form.tsx      | 38 ++++++++++++++++++-
 dashboard/src/lib/forms/client-form.ts        |  3 ++
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/components/forms/client-form.tsx b/dashboard/src/components/forms/client-form.tsx
index 88a34b7..054023e 100644
--- a/dashboard/src/components/forms/client-form.tsx
+++ b/dashboard/src/components/forms/client-form.tsx
@@ -302,8 +302,42 @@ export function CreateClientForm({ action }: CreateClientFormProps) {
                                 Configure allowed grant types and response types for this OAuth2 Client.
                             </CardDescription>
                         </CardHeader>
-                        <CardContent>
-
+                        <CardContent className="space-y-4">
+                            <FormField
+                                control={form.control}
+                                name="grant_types"
+                                render={({ field }) => (
+                                    <FormItem>
+                                        <FormLabel>Grant types</FormLabel>
+                                        <FormControl>
+                                            {/* TODO: add multiselect component */}
+                                            <Input value="TODO: add multiselect component" readOnly disabled/>
+                                        </FormControl>
+                                        <FormMessage/>
+                                    </FormItem>
+                                )}
+                            />
+                            <FormField
+                                control={form.control}
+                                name="response_types"
+                                render={({ field }) => (
+                                    <FormItem>
+                                        <FormLabel>Response types</FormLabel>
+                                        <FormControl>
+                                            {/* TODO: add multiselect component */}
+                                            <Input value="TODO: add multiselect component" readOnly disabled/>
+                                        </FormControl>
+                                        <FormMessage/>
+                                    </FormItem>
+                                )}
+                            />
+                            <FormItem>
+                                <FormLabel>Access token type</FormLabel>
+                                <FormControl>
+                                    <Input value="opaque" readOnly disabled/>
+                                </FormControl>
+                                <FormMessage/>
+                            </FormItem>
                         </CardContent>
                     </Card>
 
diff --git a/dashboard/src/lib/forms/client-form.ts b/dashboard/src/lib/forms/client-form.ts
index b60b862..5e9b1bc 100644
--- a/dashboard/src/lib/forms/client-form.ts
+++ b/dashboard/src/lib/forms/client-form.ts
@@ -10,4 +10,7 @@ export const clientFormSchema = z.object({
     tos_uri: z.string().url(),
     policy_uri: z.string().url(),
     owner: z.string().min(1, 'Owner is required'),
+    grant_types: z.array(z.string()),
+    response_types: z.array(z.string()),
+    token_endpoint_auth_method: z.string(),
 });