feat(2915): admin front-end for tenant support

packages/frontend/app/components/Sidebar.tsx

@@ -17,6 +17,10 @@ const navigation = [
     name: 'Home',
     href: '/'
   },
+  {
+    name: 'Tenants',
+    href: '/tenants'
+  },
   {
     name: 'Assets',
     href: '/assets'

packages/frontend/app/lib/api/tenant.server.ts

@@ -0,0 +1,184 @@
+import { gql } from '@apollo/client'
+import type {
+  CreateTenantInput,
+  CreateTenantMutation,
+  UpdateTenantMutationVariables,
+  UpdateTenantInput,
+  UpdateTenantMutation,
+  CreateTenantMutationVariables,
+  QueryTenantsArgs,
+  ListTenantsQuery,
+  ListTenantsQueryVariables,
+  DeleteTenantMutationVariables,
+  DeleteTenantMutation,
+  QueryTenantArgs,
+  GetTenantQuery,
+  GetTenantQueryVariables
+} from '~/generated/graphql'
+import { getApolloClient } from '../apollo.server'
+
+export const listTenants = async (request: Request, args: QueryTenantsArgs) => {
+  const apolloClient = await getApolloClient(request)
+  const response = await apolloClient.query<
+    ListTenantsQuery,
+    ListTenantsQueryVariables
+  >({
+    query: gql`
+      query ListTenantsQuery(
+        $after: String
+        $before: String
+        $first: Int
+        $last: Int
+      ) {
+        tenants(after: $after, before: $before, first: $first, last: $last) {
+          edges {
+            node {
+              id
+              email
+              apiSecret
+              idpConsentUrl
+              idpSecret
+              publicName
+              createdAt
+              deletedAt
+            }
+          }
+          pageInfo {
+            startCursor
+            endCursor
+            hasNextPage
+            hasPreviousPage
+          }
+        }
+      }
+    `,
+    variables: args
+  })
+  return response.data.tenants
+}
+
+export const createTenant = async (
+  request: Request,
+  args: CreateTenantInput
+) => {
+  const apolloClient = await getApolloClient(request)
+  const response = await apolloClient.mutate<
+    CreateTenantMutation,
+    CreateTenantMutationVariables
+  >({
+    mutation: gql`
+      mutation CreateTenantMutation($input: CreateTenantInput!) {
+        createTenant(input: $input) {
+          tenant {
+            id
+            publicName
+            email
+            apiSecret
+            idpConsentUrl
+            idpSecret
+          }
+        }
+      }
+    `,
+    variables: {
+      input: args
+    }
+  })
+
+  return response.data?.createTenant
+}
+
+export const updateTenant = async (
+  request: Request,
+  args: UpdateTenantInput
+) => {
+  const apolloClient = await getApolloClient(request)
+  const response = await apolloClient.mutate<
+    UpdateTenantMutation,
+    UpdateTenantMutationVariables
+  >({
+    mutation: gql`
+      mutation UpdateTenantMutation($input: UpdateTenantInput!) {
+        updateTenant(input: $input) {
+          tenant {
+            id
+            email
+            apiSecret
+            idpConsentUrl
+            idpSecret
+            publicName
+          }
+        }
+      }
+    `,
+    variables: {
+      input: args
+    }
+  })
+
+  return response.data?.updateTenant
+}
+
+export const deleteTenant = async (request: Request, args: string) => {
+  const apolloClient = await getApolloClient(request)
+  const response = await apolloClient.mutate<
+    DeleteTenantMutation,
+    DeleteTenantMutationVariables
+  >({
+    mutation: gql`
+      mutation DeleteTenantMutation($id: String!) {
+        deleteTenant(id: $id) {
+          success
+        }
+      }
+    `,
+    variables: {
+      id: args
+    }
+  })
+
+  return response.data?.deleteTenant
+}
+
+export const getTenantInfo = async (
+  request: Request,
+  args: QueryTenantArgs
+) => {
+  const apolloClient = await getApolloClient(request)
+  const response = await apolloClient.query<
+    GetTenantQuery,
+    GetTenantQueryVariables
+  >({
+    query: gql`
+      query GetTenantQuery($id: String!) {
+        tenant(id: $id) {
+          id
+          email
+          apiSecret
+          idpConsentUrl
+          idpSecret
+          publicName
+          createdAt
+          deletedAt
+        }
+      }
+    `,
+    variables: args
+  })
+  return response.data.tenant
+}
+
+export const whoAmI = async (request: Request) => {
+  const apolloClient = await getApolloClient(request)
+  const response = await apolloClient.query({
+    query: gql`
+      query WhoAmIQuery {
+        whoami {
+          id
+          isOperator
+        }
+      }
+    `
+  })
+  return response.data.whoami
+}

packages/frontend/app/lib/validate.server.ts

@@ -94,7 +94,7 @@ export const createAssetSchema = z
   .object({
     code: z
       .string()
-      .min(3, { message: 'Code should be atleast 3 characters long' })
+      .min(3, { message: 'Code should be at least 3 characters long' })
       .max(6, { message: 'Maximum length of Code is 6 characters' })
       .regex(/^[a-zA-Z]+$/, { message: 'Code should only contain letters.' })
       .transform((code) => code.toUpperCase()),
@@ -127,3 +127,21 @@ export const updateWalletAddressSchema = z
     status: z.enum([WalletAddressStatus.Active, WalletAddressStatus.Inactive])
   })
   .merge(uuidSchema)
+
+export const updateTenantSchema = z
+  .object({
+    apiSecret: z
+      .string()
+      .min(10, { message: 'API Secret should be at least 10 characters long' })
+      .max(255, { message: 'Maximum length of API Secret is 255 characters' }),
+    publicName: z.string().optional(),
+    email: z.string().email().or(z.literal('')),
+    idpConsentUrl: z.string().optional(),
+    idpSecret: z.string().optional()
+  })
+  .merge(uuidSchema)
+
+export const createTenantSchema = z
+  .object({})
+  .merge(updateTenantSchema)
+  .omit({ id: true })

packages/frontend/app/routes/peers.$peerId.tsx

@@ -43,7 +43,6 @@ export async function loader({ request, params }: LoaderFunctionArgs) {
   }
 
   const peer = await getPeer(request, { id: result.data })
-
   if (!peer) {
     throw json(null, { status: 400, statusText: 'Peer not found.' })
   }