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

packages/backend/src/graphql/resolvers/tenant.ts

@@ -10,6 +10,7 @@ import { GraphQLErrorCode } from '../errors'
 import { Tenant } from '../../tenants/model'
 import { Pagination, SortOrder } from '../../shared/baseModel'
 import { getPageInfo } from '../../shared/pagination'
+import { Config } from '../../config/app'
 
 export const whoami: QueryResolvers<TenantedApolloContext>['whoami'] = async (
   parent,
@@ -174,6 +175,7 @@ export function tenantToGraphQl(tenant: Tenant): SchemaTenant {
     createdAt: new Date(+tenant.createdAt).toISOString(),
     deletedAt: tenant.deletedAt
       ? new Date(+tenant.deletedAt).toISOString()
-      : null
+      : null,
+    isOperator: tenant.apiSecret === Config.adminApiSecret
   }
 }

packages/backend/src/graphql/schema.graphql

@@ -1551,6 +1551,8 @@ type Tenant implements Model {
   createdAt: String!
   "The date and time that this tenant was deleted."
   deletedAt: String
+  "Is the tenant an Operator tenant."
+  isOperator: Boolean!
 }
 
 type TenantsConnection {

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,171 @@
+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
+              isOperator
+            }
+          }
+          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
+          isOperator
+        }
+      }
+    `,
+    variables: args
+  })
+  return response.data.tenant
+}

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,31 @@ export const updateWalletAddressSchema = z
     status: z.enum([WalletAddressStatus.Active, WalletAddressStatus.Inactive])
   })
   .merge(uuidSchema)
+
+export const updateTenantSchema = z
+  .object({
+    publicName: z.string().optional(),
+    email: z
+      .string()
+      .regex(/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, {
+        message: 'Invalid email address.'
+      })
+      .optional(),
+    idpConsentUrl: z.string().optional(),
+    idpSecret: z.string().optional()
+  })
+  .merge(uuidSchema)
+
+export const createTenantSchema = z
+  .object({
+    apiSecret: z
+      .string()
+      .min(10, { message: 'API Secret should be at least 3 characters long' })
+      .max(255, { message: 'Maximum length of API Secret is 255 characters' })
+      .regex(
+        /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/,
+        { message: 'API Secret should be Base64 encoded.' }
+      )
+  })
+  .merge(updateTenantSchema)
+  .omit({ id: true })