feat: ui removed all private key except secret rotation to raw endpoints version

frontend/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestChangeItem.tsx

@@ -13,16 +13,11 @@ import {
   Tooltip,
   Tr
 } from "@app/components/v2";
-import {
-  CommitType,
-  SecretV3RawSanitized,
-  TSecretApprovalSecChange,
-  WsTag
-} from "@app/hooks/api/types";
+import { CommitType, SecretV3Raw, TSecretApprovalSecChange, WsTag } from "@app/hooks/api/types";
 
 export type Props = {
   op: CommitType;
-  secretVersion?: SecretV3RawSanitized;
+  secretVersion?: SecretV3Raw;
   newVersion?: Omit<TSecretApprovalSecChange, "tags"> & { tags?: WsTag[] };
   presentSecretVersionNumber: number;
   hasMerged?: Boolean;
@@ -96,11 +91,11 @@ export const SecretApprovalRequestChangeItem = ({
             <TBody>
               <Tr>
                 <Td className="text-red-600">OLD</Td>
-                <Td>{secretVersion?.key}</Td>
+                <Td>{secretVersion?.secretKey}</Td>
                 <Td>
-                  <SecretInput isReadOnly value={secretVersion?.value} />
+                  <SecretInput isReadOnly value={secretVersion?.secretValue} />
                 </Td>
-                <Td>{secretVersion?.comment}</Td>
+                <Td>{secretVersion?.secretComment}</Td>
                 <Td>
                   {secretVersion?.tags?.map(({ name, id: tagId, color }) => (
                     <Tag
@@ -142,17 +137,23 @@ export const SecretApprovalRequestChangeItem = ({
           ) : (
             <TBody>
               <Tr>
-                <Td>{op === CommitType.CREATE ? newVersion?.secretKey : secretVersion?.key}</Td>
+                <Td>
+                  {op === CommitType.CREATE ? newVersion?.secretKey : secretVersion?.secretKey}
+                </Td>
                 <Td>
                   <SecretInput
                     isReadOnly
                     value={
-                      op === CommitType.CREATE ? newVersion?.secretValue : secretVersion?.value
+                      op === CommitType.CREATE
+                        ? newVersion?.secretValue
+                        : secretVersion?.secretValue
                     }
                   />
                 </Td>
                 <Td>
-                  {op === CommitType.CREATE ? newVersion?.secretComment : secretVersion?.comment}
+                  {op === CommitType.CREATE
+                    ? newVersion?.secretComment
+                    : secretVersion?.secretComment}
                 </Td>
                 <Td>
                   {(op === CommitType.CREATE ? newVersion?.tags : secretVersion?.tags)?.map(

frontend/src/views/SecretApprovalPage/components/SecretApprovalRequest/components/SecretApprovalRequestChanges.tsx

@@ -230,7 +230,7 @@ export const SecretApprovalRequestChanges = ({
         </div>
         <div className="flex flex-col space-y-4">
           {secretApprovalRequestDetails.commits.map(
-            ({ op, secretVersion, secret, newVersion }, index) => (
+            ({ op, secretVersion, secret, ...newVersion }, index) => (
               <SecretApprovalRequestChangeItem
                 op={op}
                 conflicts={secretApprovalRequestDetails.conflicts}
@@ -269,8 +269,9 @@ export const SecretApprovalRequestChanges = ({
               >
                 <div className="flex-grow text-sm">
                   <Tooltip
-                    content={`${requiredApprover.firstName || ""} ${requiredApprover.lastName || ""
-                      }`}
+                    content={`${requiredApprover.firstName || ""} ${
+                      requiredApprover.lastName || ""
+                    }`}
                   >
                     <span>{requiredApprover?.email} </span>
                   </Tooltip>

frontend/src/views/SecretMainPage/SecretMainPage.tsx

@@ -23,13 +23,11 @@ import {
   useGetProjectSecrets,
   useGetSecretApprovalPolicyOfABoard,
   useGetSecretImports,
-  useGetUserWsKey,
   useGetWorkspaceSnapshotList,
   useGetWsSnapshotCount,
   useGetWsTags
 } from "@app/hooks/api";
 
-import { ProjectIndexSecretsSection } from "../SecretOverviewPage/components/ProjectIndexSecretsSection";
 import { ActionBar } from "./components/ActionBar";
 import { CreateSecretForm } from "./components/CreateSecretForm";
 import { DynamicSecretListView } from "./components/DynamicSecretListView";
@@ -93,8 +91,6 @@ export const SecretMainPage = () => {
     }
   }, [isWorkspaceLoading, currentWorkspace, environment, router.isReady]);
 
-  const { data: decryptFileKey } = useGetUserWsKey(workspaceId);
-
   // fetch secrets
   const { data: secrets, isLoading: isSecretsLoading } = useGetProjectSecrets({
     environment,
@@ -248,7 +244,6 @@ export const SecretMainPage = () => {
             protectionPolicyName={boardPolicy?.name}
           />
         </div>
-        <ProjectIndexSecretsSection decryptFileKey={decryptFileKey!} />
         {!isRollbackMode ? (
           <>
             <ActionBar
@@ -330,7 +325,6 @@ export const SecretMainPage = () => {
                     environment={environment}
                     workspaceId={workspaceId}
                     secretPath={secretPath}
-                    decryptFileKey={decryptFileKey!}
                     isProtectedBranch={isProtectedBranch}
                   />
                 )}
@@ -367,7 +361,6 @@ export const SecretMainPage = () => {
         ) : (
           <SnapshotView
             snapshotId={snapshotId || ""}
-            decryptFileKey={decryptFileKey!}
             environment={environment}
             workspaceId={workspaceId}
             secretPath={secretPath}

frontend/src/views/SecretMainPage/components/SecretListView/SecretDetaiSidebar.tsx

@@ -37,7 +37,7 @@ import { InfisicalSecretInput } from "@app/components/v2/InfisicalSecretInput";
 import { ProjectPermissionActions, ProjectPermissionSub, useProjectPermission } from "@app/context";
 import { useToggle } from "@app/hooks";
 import { useGetSecretVersion } from "@app/hooks/api";
-import { SecretV3RawSanitized, UserWsKeyPair, WsTag } from "@app/hooks/api/types";
+import { SecretV3RawSanitized, WsTag } from "@app/hooks/api/types";
 
 import { CreateReminderForm } from "./CreateReminderForm";
 import { formSchema, SecretActionType, TFormSchema } from "./SecretListView.utils";
@@ -49,7 +49,6 @@ type Props = {
   onToggle: (isOpen: boolean) => void;
   onClose: () => void;
   secret: SecretV3RawSanitized;
-  decryptFileKey: UserWsKeyPair;
   onDeleteSecret: () => void;
   onSaveSecret: (
     orgSec: SecretV3RawSanitized,
@@ -64,7 +63,6 @@ type Props = {
 export const SecretDetailSidebar = ({
   isOpen,
   onToggle,
-  decryptFileKey,
   secret,
   onDeleteSecret,
   onSaveSecret,
@@ -114,8 +112,7 @@ export const SecretDetailSidebar = ({
   const { data: secretVersion } = useGetSecretVersion({
     limit: 10,
     offset: 0,
-    secretId: secret?.id,
-    decryptFileKey
+    secretId: secret?.id
   });
 
   const handleOverrideClick = () => {
@@ -428,7 +425,7 @@ export const SecretDetailSidebar = ({
               <div className="dark mt-4 mb-4 flex-grow text-sm text-bunker-300">
                 <div className="mb-2">Version History</div>
                 <div className="flex h-48 flex-col space-y-2 overflow-y-auto overflow-x-hidden rounded-md border border-mineshaft-600 bg-bunker-800 p-2 dark:[color-scheme:dark]">
-                  {secretVersion?.map(({ createdAt, value, id }, i) => (
+                  {secretVersion?.map(({ createdAt, secretValue, id }, i) => (
                     <div key={id} className="flex flex-col space-y-1">
                       <div className="flex items-center space-x-2">
                         <div>
@@ -438,7 +435,7 @@ export const SecretDetailSidebar = ({
                       </div>
                       <div className="ml-1.5 flex items-center space-x-2 border-l border-bunker-300 pl-4">
                         <div className="self-start rounded-sm bg-primary-500/30 px-1">Value:</div>
-                        <div className="break-all font-mono">{value}</div>
+                        <div className="break-all font-mono">{secretValue}</div>
                       </div>
                     </div>
                   ))}

frontend/src/views/SecretMainPage/components/SecretListView/SecretListView.tsx

@@ -10,9 +10,9 @@ import { usePopUp } from "@app/hooks";
 import { useCreateSecretV3, useDeleteSecretV3, useUpdateSecretV3 } from "@app/hooks/api";
 import { secretApprovalRequestKeys } from "@app/hooks/api/secretApprovalRequest/queries";
 import { secretKeys } from "@app/hooks/api/secrets/queries";
-import { SecretType,SecretV3RawSanitized } from "@app/hooks/api/secrets/types";
+import { SecretType, SecretV3RawSanitized } from "@app/hooks/api/secrets/types";
 import { secretSnapshotKeys } from "@app/hooks/api/secretSnapshots/queries";
-import { UserWsKeyPair, WsTag } from "@app/hooks/api/types";
+import { WsTag } from "@app/hooks/api/types";
 import { AddShareSecretModal } from "@app/views/ShareSecretPage/components/AddShareSecretModal";
 
 import { useSelectedSecretActions, useSelectedSecrets } from "../../SecretMainPage.store";
@@ -25,7 +25,6 @@ type Props = {
   secrets?: SecretV3RawSanitized[];
   environment: string;
   workspaceId: string;
-  decryptFileKey: UserWsKeyPair;
   secretPath?: string;
   filter: Filter;
   sortDir?: SortDir;
@@ -88,7 +87,6 @@ export const SecretListView = ({
   secrets = [],
   environment,
   workspaceId,
-  decryptFileKey,
   secretPath = "/",
   filter,
   sortDir = SortDir.ASC,
@@ -392,7 +390,6 @@ export const SecretListView = ({
         secretPath={secretPath}
         isOpen={popUp.secretDetail.isOpen}
         onToggle={(isOpen) => handlePopUpToggle("secretDetail", isOpen)}
-        decryptFileKey={decryptFileKey}
         secret={popUp.secretDetail.data as SecretV3RawSanitized}
         onDeleteSecret={() => handlePopUpOpen("deleteSecret", popUp.secretDetail.data)}
         onClose={() => handlePopUpClose("secretDetail")}

frontend/src/views/SecretMainPage/components/SnapshotView/SnapshotView.tsx

@@ -14,7 +14,7 @@ import { ProjectPermissionCan } from "@app/components/permissions";
 import { Button, ContentLoader, Input, Tag, Tooltip } from "@app/components/v2";
 import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
 import { useGetSnapshotSecrets, usePerformSecretRollback } from "@app/hooks/api";
-import { SecretV3RawSanitized, TSecretFolder, UserWsKeyPair } from "@app/hooks/api/types";
+import { SecretV3RawSanitized, TSecretFolder } from "@app/hooks/api/types";
 
 import { renderIcon, SecretItem, TDiffModes, TDiffView } from "./SecretItem";
 
@@ -23,7 +23,6 @@ type Props = {
   environment: string;
   workspaceId: string;
   secretPath?: string;
-  decryptFileKey: UserWsKeyPair;
   secrets?: SecretV3RawSanitized[];
   folders?: TSecretFolder[];
   snapshotCount?: number;
@@ -45,7 +44,6 @@ export const SnapshotView = ({
   environment,
   workspaceId,
   secretPath,
-  decryptFileKey,
   secrets = [],
   folders = [],
   onGoBack,
@@ -57,8 +55,7 @@ export const SnapshotView = ({
 
   const { data: snapshotData, isLoading: isSnapshotLoading } = useGetSnapshotSecrets({
     snapshotId,
-    env: environment,
-    decryptFileKey
+    env: environment
   });
 
   const rollingFolder = snapshotData?.folders || [];