chore: API key types (#4610)

Co-authored-by: pandeymangg <anshuman.pandey9999@gmail.com>

apps/web/modules/projects/settings/api-keys/actions.ts

@@ -8,10 +8,10 @@ import {
   getProjectIdFromApiKeyId,
   getProjectIdFromEnvironmentId,
 } from "@/lib/utils/helper";
-import { createApiKey, deleteApiKey } from "@/modules/projects/settings/lib/api-key";
+import { createApiKey, deleteApiKey } from "@/modules/projects/settings/api-keys/lib/api-key";
 import { z } from "zod";
-import { ZApiKeyCreateInput } from "@formbricks/types/api-keys";
 import { ZId } from "@formbricks/types/common";
+import { ZApiKeyCreateInput } from "./types/api-keys";
 
 const ZDeleteApiKeyAction = z.object({
   id: ZId,

apps/web/modules/projects/settings/api-keys/components/api-key-list.tsx

@@ -1,5 +1,5 @@
+import { getApiKeys } from "@/modules/projects/settings/api-keys/lib/api-key";
 import { getTranslations } from "next-intl/server";
-import { getApiKeys } from "@formbricks/lib/apiKey/service";
 import { getEnvironments } from "@formbricks/lib/environment/service";
 import { getProjectByEnvironmentId } from "@formbricks/lib/project/service";
 import { TUserLocale } from "@formbricks/types/user";

apps/web/modules/projects/settings/api-keys/components/edit-api-keys.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { getFormattedErrorMessage } from "@/lib/utils/helper";
+import { TApiKey } from "@/modules/projects/settings/api-keys/types/api-keys";
 import { Button } from "@/modules/ui/components/button";
 import { DeleteDialog } from "@/modules/ui/components/delete-dialog";
 import { FilesIcon, TrashIcon } from "lucide-react";
@@ -8,7 +9,6 @@ import { useTranslations } from "next-intl";
 import { useState } from "react";
 import toast from "react-hot-toast";
 import { timeSince } from "@formbricks/lib/time";
-import { TApiKey } from "@formbricks/types/api-keys";
 import { TUserLocale } from "@formbricks/types/user";
 import { createApiKeyAction, deleteApiKeyAction } from "../actions";
 import { AddApiKeyModal } from "./add-api-key-modal";
@@ -60,7 +60,6 @@ export const EditAPIKeys = ({
       environmentId: environmentTypeId,
       apiKeyData: { label: data.label },
     });
-    console.log("createApiKeyResponse", createApiKeyResponse);
     if (createApiKeyResponse?.data) {
       const updatedApiKeys = [...apiKeysLocal!, createApiKeyResponse.data];
       setApiKeysLocal(updatedApiKeys);

apps/web/modules/projects/settings/api-keys/lib/api-key.ts

@@ -1,14 +1,48 @@
 import "server-only";
-import { Prisma } from "@prisma/client";
+import { apiKeyCache } from "@/lib/cache/api-key";
+import { TApiKeyCreateInput, ZApiKeyCreateInput } from "@/modules/projects/settings/api-keys/types/api-keys";
+import { TApiKey } from "@/modules/projects/settings/api-keys/types/api-keys";
+import { ApiKey, Prisma } from "@prisma/client";
 import { createHash, randomBytes } from "crypto";
+import { cache as reactCache } from "react";
 import { prisma } from "@formbricks/database";
-import { apiKeyCache } from "@formbricks/lib/apiKey/cache";
+import { cache } from "@formbricks/lib/cache";
+import { ITEMS_PER_PAGE } from "@formbricks/lib/constants";
 import { validateInputs } from "@formbricks/lib/utils/validate";
-import { TApiKey, TApiKeyCreateInput, ZApiKeyCreateInput } from "@formbricks/types/api-keys";
-import { ZId } from "@formbricks/types/common";
+import { ZId, ZOptionalNumber } from "@formbricks/types/common";
 import { DatabaseError } from "@formbricks/types/errors";
 
-export const deleteApiKey = async (id: string): Promise<TApiKey | null> => {
+export const getApiKeys = reactCache(
+  async (environmentId: string, page?: number): Promise<ApiKey[]> =>
+    cache(
+      async () => {
+        validateInputs([environmentId, ZId], [page, ZOptionalNumber]);
+
+        try {
+          const apiKeys = await prisma.apiKey.findMany({
+            where: {
+              environmentId,
+            },
+            take: page ? ITEMS_PER_PAGE : undefined,
+            skip: page ? ITEMS_PER_PAGE * (page - 1) : undefined,
+          });
+
+          return apiKeys;
+        } catch (error) {
+          if (error instanceof Prisma.PrismaClientKnownRequestError) {
+            throw new DatabaseError(error.message);
+          }
+          throw error;
+        }
+      },
+      [`getApiKeys-${environmentId}-${page}`],
+      {
+        tags: [apiKeyCache.tag.byEnvironmentId(environmentId)],
+      }
+    )()
+);
+
+export const deleteApiKey = async (id: string): Promise<ApiKey | null> => {
   validateInputs([id, ZId]);
 
   try {

apps/web/modules/projects/settings/api-keys/types/api-keys.ts

@@ -0,0 +1,15 @@
+import { ApiKey } from "@prisma/client";
+import { z } from "zod";
+import { ZApiKey } from "@formbricks/database/zod/api-keys";
+
+export const ZApiKeyCreateInput = ZApiKey.required({
+  label: true,
+}).pick({
+  label: true,
+});
+
+export type TApiKeyCreateInput = z.infer<typeof ZApiKeyCreateInput>;
+
+export interface TApiKey extends ApiKey {
+  apiKey?: string;
+}