feat: srp removal

frontend/src/pages/user/PersonalSettingsPage/components/ChangePasswordSection/ChangePasswordSection.tsx

@@ -8,7 +8,6 @@ import { useNavigate } from "@tanstack/react-router";
 import { z } from "zod";
 
 import { createNotification } from "@app/components/notifications";
-import attemptChangePassword from "@app/components/utilities/attemptChangePassword";
 import checkPassword from "@app/components/utilities/checks/password/checkPassword";
 import { Button, FormControl, Input } from "@app/components/v2";
 import { useUser } from "@app/context";
@@ -68,10 +67,9 @@ export const ChangePasswordSection = () => {
           newPassword
         });
       } else {
-        await attemptChangePassword({
-          email: user.username,
-          currentPassword: oldPassword,
-          newPassword
+        createNotification({
+          text: "Legacy encryption scheme not supported for changing password. Please log out and log back in before changing your password.",
+          type: "error"
         });
       }
 

frontend/src/pages/user/PersonalSettingsPage/components/EmergencyKitSection/EmergencyKitSection.tsx

@@ -1,80 +0,0 @@
-import { Controller, useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { z } from "zod";
-
-import { createNotification } from "@app/components/notifications";
-import issueBackupKey from "@app/components/utilities/cryptography/issueBackupKey";
-import { Button, FormControl, Input } from "@app/components/v2";
-import { useUser } from "@app/context";
-
-const schema = z
-  .object({
-    password: z.string().describe("Password is required")
-  })
-  .required();
-
-export type FormData = z.infer<typeof schema>;
-
-export const EmergencyKitSection = () => {
-  const { user } = useUser();
-  const { reset, control, handleSubmit } = useForm({
-    defaultValues: {
-      password: ""
-    },
-    resolver: zodResolver(schema)
-  });
-
-  const onFormSubmit = ({ password }: FormData) => {
-    try {
-      if (!user?.email) return;
-
-      issueBackupKey({
-        email: user.email,
-        password,
-        personalName: `${user.firstName} ${user.lastName}`,
-        setBackupKeyError: () => {},
-        setBackupKeyIssued: () => {}
-      });
-
-      reset();
-    } catch (err) {
-      console.error(err);
-      createNotification({
-        text: "Failed to download emergency kit",
-        type: "error"
-      });
-    }
-  };
-
-  return (
-    <form
-      onSubmit={handleSubmit(onFormSubmit)}
-      className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4"
-    >
-      <h2 className="flex-1 text-xl font-semibold text-mineshaft-100">Emergency Kit</h2>
-      <p className="mb-8 text-gray-400">
-        The kit contains information you can use to recover your account.
-      </p>
-      <div className="max-w-md">
-        <Controller
-          defaultValue=""
-          render={({ field, fieldState: { error } }) => (
-            <FormControl isError={Boolean(error)} errorText={error?.message}>
-              <Input
-                placeholder="Password"
-                type="password"
-                {...field}
-                className="bg-mineshaft-800"
-              />
-            </FormControl>
-          )}
-          control={control}
-          name="password"
-        />
-      </div>
-      <Button type="submit" colorSchema="secondary" isLoading={false}>
-        Save
-      </Button>
-    </form>
-  );
-};

frontend/src/pages/user/PersonalSettingsPage/components/EmergencyKitSection/index.tsx

@@ -1 +0,0 @@
-export { EmergencyKitSection } from "./EmergencyKitSection";

frontend/src/pages/user/PersonalSettingsPage/components/PersonalGeneralTab/PersonalGeneralTab.tsx

@@ -1,20 +1,12 @@
-import { useUser } from "@app/context";
-import { UserEncryptionVersion } from "@app/hooks/api/auth/types";
-
 import { DeleteAccountSection } from "../DeleteAccountSection";
-import { EmergencyKitSection } from "../EmergencyKitSection";
 import { SessionsSection } from "../SessionsSection";
 import { UserNameSection } from "../UserNameSection";
 
 export const PersonalGeneralTab = () => {
-  const { user } = useUser();
-  const encryptionVersion = user?.encryptionVersion ?? UserEncryptionVersion.V2;
-
   return (
     <div>
       <UserNameSection />
       <SessionsSection />
-      {encryptionVersion === UserEncryptionVersion.V1 && <EmergencyKitSection />}
       <DeleteAccountSection />
     </div>
   );