feat(onboarding): frontend for onboarding users

frontend/src/hooks/api/admin/index.ts

@@ -0,0 +1,2 @@
+export { useCreateAdminUser, useUpdateServerConfig } from "./mutation";
+export { useGetServerConfig } from "./queries";

frontend/src/hooks/api/admin/mutation.ts

@@ -0,0 +1,39 @@
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+
+import { apiRequest } from "@app/config/request";
+
+import { User } from "../users/types";
+import { adminQueryKeys } from "./queries";
+import { TCreateAdminUserDTO, TServerConfig } from "./types";
+
+export const useCreateAdminUser = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<{ user: User; token: string }, {}, TCreateAdminUserDTO>({
+    mutationFn: async (opt) => {
+      const { data } = await apiRequest.post("/api/v1/admin/signup", opt);
+      return data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries(adminQueryKeys.serverConfig());
+    }
+  });
+};
+
+export const useUpdateServerConfig = () => {
+  const queryClient = useQueryClient();
+
+  return useMutation<TServerConfig, {}, Partial<TServerConfig>>({
+    mutationFn: async (opt) => {
+      const { data } = await apiRequest.patch<{ config: TServerConfig }>(
+        "/api/v1/admin/config",
+        opt
+      );
+      return data.config;
+    },
+    onSuccess: (data) => {
+      queryClient.setQueryData(adminQueryKeys.serverConfig(), data);
+      queryClient.invalidateQueries(adminQueryKeys.serverConfig());
+    }
+  });
+};

frontend/src/hooks/api/admin/queries.ts

@@ -0,0 +1,34 @@
+import { useQuery, UseQueryOptions } from "@tanstack/react-query";
+
+import { apiRequest } from "@app/config/request";
+
+import { TServerConfig } from "./types";
+
+export const adminQueryKeys = {
+  serverConfig: () => ["server-config"] as const
+};
+
+const fetchServerConfig = async () => {
+  const { data } = await apiRequest.get<{ config: TServerConfig }>("/api/v1/admin/config");
+  return data.config;
+};
+
+export const useGetServerConfig = ({
+  options = {}
+}: {
+  options?: Omit<
+    UseQueryOptions<
+      TServerConfig,
+      unknown,
+      TServerConfig,
+      ReturnType<typeof adminQueryKeys.serverConfig>
+    >,
+    "queryKey" | "queryFn"
+  >;
+} = {}) =>
+  useQuery({
+    queryKey: adminQueryKeys.serverConfig(),
+    queryFn: fetchServerConfig,
+    ...options,
+    enabled: options?.enabled ?? true
+  });

frontend/src/hooks/api/admin/types.ts

@@ -0,0 +1,19 @@
+export type TServerConfig = {
+  initialized: boolean;
+  allowSignUp: boolean;
+};
+
+export type TCreateAdminUserDTO = {
+  email: string;
+  firstName: string;
+  lastName?: string;
+  protectedKey: string;
+  protectedKeyTag: string;
+  protectedKeyIV: string;
+  encryptedPrivateKey: string;
+  encryptedPrivateKeyIV: string;
+  encryptedPrivateKeyTag: string;
+  publicKey: string;
+  verifier: string;
+  salt: string;
+};

frontend/src/hooks/api/index.tsx

@@ -1,4 +1,5 @@
 export * from "./apiKeys";
+export * from "./admin"
 export * from "./auditLogs";
 export * from "./auth";
 export * from "./bots";

frontend/src/hooks/api/users/types.ts

@@ -14,6 +14,7 @@ export type User = {
   createdAt: Date;
   updatedAt: Date;
   email: string;
+  superAdmin: boolean;
   firstName?: string;
   lastName?: string;
   authProvider?: AuthMethod;