Continue secret sharing

frontend/src/hooks/api/index.tsx

@@ -29,6 +29,7 @@ export * from "./secretFolders";
 export * from "./secretImports";
 export * from "./secretRotation";
 export * from "./secrets";
+export * from "./secretSharing";
 export * from "./secretSnapshots";
 export * from "./serverDetails";
 export * from "./serviceTokens";

frontend/src/hooks/api/secretSharing/mutations.ts

@@ -2,6 +2,7 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 
 import { apiRequest } from "@app/config/request";
 
+import { secretSharingKeys } from "./queries";
 import { TCreateSharedSecretRequest, TDeleteSharedSecretRequest, TSharedSecret } from "./types";
 
 export const useCreateSharedSecret = () => {
@@ -11,7 +12,7 @@ export const useCreateSharedSecret = () => {
       const { data } = await apiRequest.post<TSharedSecret>("/api/v1/secret-sharing", inputData);
       return data;
     },
-    onSuccess: () => queryClient.invalidateQueries(["sharedSecrets"])
+    onSuccess: () => queryClient.invalidateQueries(secretSharingKeys.allSharedSecrets())
   });
 };
 
@@ -25,7 +26,7 @@ export const useCreatePublicSharedSecret = () => {
       );
       return data;
     },
-    onSuccess: () => queryClient.invalidateQueries(["sharedSecrets"])
+    onSuccess: () => queryClient.invalidateQueries(secretSharingKeys.allSharedSecrets())
   });
 };
 
@@ -38,8 +39,6 @@ export const useDeleteSharedSecret = () => {
       );
       return data;
     },
-    onSuccess: () => {
-      queryClient.invalidateQueries(["sharedSecrets"]);
-    }
+    onSuccess: () => queryClient.invalidateQueries(secretSharingKeys.allSharedSecrets())
   });
 };

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

@@ -2,24 +2,46 @@ import { useQuery } from "@tanstack/react-query";
 
 import { apiRequest } from "@app/config/request";
 
-import { SecretSharingAccessType, TSharedSecret, TViewSharedSecretResponse } from "./types";
+import { TSharedSecret, TViewSharedSecretResponse } from "./types";
 
-export const useGetSharedSecrets = () => {
+export const secretSharingKeys = {
+  allSharedSecrets: () => ["sharedSecrets"] as const,
+  specificSharedSecrets: ({ offset, limit }: { offset: number; limit: number }) =>
+    [...secretSharingKeys.allSharedSecrets(), { offset, limit }] as const
+};
+
+export const useGetSharedSecrets = ({
+  offset = 0,
+  limit = 25
+}: {
+  offset: number;
+  limit: number;
+}) => {
   return useQuery({
-    queryKey: ["sharedSecrets"],
+    queryKey: secretSharingKeys.specificSharedSecrets({ offset, limit }),
     queryFn: async () => {
-      const { data } = await apiRequest.get<TSharedSecret[]>("/api/v1/secret-sharing/");
+      const params = new URLSearchParams({
+        offset: String(offset),
+        limit: String(limit)
+      });
+
+      const { data } = await apiRequest.get<{ secrets: TSharedSecret[]; totalCount: number }>(
+        "/api/v1/secret-sharing/",
+        {
+          params
+        }
+      );
       return data;
     }
   });
 };
 
-export const useGetActiveSharedSecretByIdAndHashedHex = (id: string, hashedHex: string) => {
+export const useGetActiveSharedSecretById = (secretId: string) => {
   return useQuery<TViewSharedSecretResponse, [string]>({
+    enabled: Boolean(secretId),
     queryFn: async () => {
-      if(!id || !hashedHex) return Promise.resolve({ encryptedValue: "", iv: "", tag: "", accessType: SecretSharingAccessType.Organization, orgName: "" });
       const { data } = await apiRequest.get<TViewSharedSecretResponse>(
-        `/api/v1/secret-sharing/public/${id}?hashedHex=${hashedHex}`
+        `/api/v1/secret-sharing/public/${secretId}`
       );
       return {
         encryptedValue: data.encryptedValue,

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

@@ -4,16 +4,23 @@ export type TSharedSecret = {
   orgId: string;
   createdAt: Date;
   updatedAt: Date;
-} & TCreateSharedSecretRequest;
+  name: string | null;
+  lastViewedAt?: Date;
+  expiresAt: Date;
+  expiresAfterViews: number | null;
+  encryptedValue: string;
+  iv: string;
+  tag: string;
+};
 
 export type TCreateSharedSecretRequest = {
+  name?: string;
   encryptedValue: string;
   iv: string;
   tag: string;
-  hashedHex: string;
   expiresAt: Date;
   expiresAfterViews?: number;
-  accessType: SecretSharingAccessType;
+  accessType?: SecretSharingAccessType;
 };
 
 export type TViewSharedSecretResponse = {