From 9484b38248bc3b91e68b899cb09a9cc284a2940f Mon Sep 17 00:00:00 2001
From: Christy Jacob <christyjacob4@gmail.com>
Date: Tue, 23 Jul 2024 23:48:18 +0400
Subject: [PATCH] feat: initial commit

---
 .../createMember.svelte                       | 33 +++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/organization-[organization]/createMember.svelte b/src/routes/console/organization-[organization]/createMember.svelte
index a0c4ff0dc..6441800c5 100644
--- a/src/routes/console/organization-[organization]/createMember.svelte
+++ b/src/routes/console/organization-[organization]/createMember.svelte
@@ -12,6 +12,7 @@
     import { isCloud } from '$lib/system';
     import { plansInfo } from '$lib/stores/billing';
     import { formatCurrency } from '$lib/helpers/numbers';
+    import InputSelect from '$lib/elements/forms/inputSelect.svelte';
 
     export let showCreate = false;
 
@@ -20,13 +21,36 @@
     const url = `${$page.url.origin}/invite`;
     $: plan = $plansInfo?.get($organization?.billingPlan);
 
-    let email: string, name: string, error: string;
+    let email: string, name: string, error: string, role: string = 'owner';
+
+    const roles = [
+        {
+            label: 'Owner',
+            value: 'owner'
+        },
+        {
+            label: 'Developer',
+            value: 'developer'
+        },
+        {
+            label: 'Editor',
+            value: 'editor'
+        },
+        {
+            label: 'Analyst',
+            value: 'analyst'
+        },
+        {
+            label: 'Billing',
+            value: 'billing'
+        }
+    ];
 
     async function create() {
         try {
             const team = await sdk.forConsole.teams.createMembership(
                 $organization.$id,
-                ['owner'],
+                [role],
                 email,
                 undefined,
                 undefined,
@@ -81,6 +105,11 @@
             label="Name (optional)"
             placeholder="Enter name"
             bind:value={name} />
+        <InputSelect
+            id="role"
+            label="Role"
+            options={roles}
+            bind:value={role} />
     </FormList>
     <svelte:fragment slot="footer">
         <Button secondary on:click={() => (showCreate = false)}>Cancel</Button>