feat: Add button to send orphaned password confirmation email

src/components/auth/PasswordVerificationDialog.tsx

@@ -1,159 +0,0 @@
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { reverifyPasswordAuth } from "@/lib/identityService";
-import { toast } from "sonner";
-import { Loader2, AlertCircle } from "lucide-react";
-import { Alert, AlertDescription } from "@/components/ui/alert";
-
-interface PasswordVerificationDialogProps {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  onSuccess: () => void;
-  defaultEmail?: string;
-}
-
-export function PasswordVerificationDialog({
-  open,
-  onOpenChange,
-  onSuccess,
-  defaultEmail = "",
-}: PasswordVerificationDialogProps) {
-  const [email, setEmail] = useState(defaultEmail);
-  const [password, setPassword] = useState("");
-  const [isVerifying, setIsVerifying] = useState(false);
-  const [showResetOption, setShowResetOption] = useState(false);
-
-  const handleVerify = async (e: React.FormEvent) => {
-    e.preventDefault();
-    
-    if (!email || !password) {
-      toast.error("Please enter both email and password");
-      return;
-    }
-
-    setIsVerifying(true);
-    setShowResetOption(false);
-
-    try {
-      const result = await reverifyPasswordAuth(email, password);
-
-      if (result.success) {
-        if (result.needsEmailConfirmation) {
-          toast.success("Password Verified!", {
-            description: "Check your email for a confirmation link to complete activation.",
-            duration: 8000,
-          });
-        } else {
-          toast.success("Password Verified!", {
-            description: "Your password authentication has been activated.",
-          });
-        }
-        onOpenChange(false);
-        onSuccess();
-      } else {
-        setShowResetOption(true);
-        toast.error("Verification Failed", {
-          description: result.error || "Unable to verify password. Try the password reset option below.",
-        });
-      }
-    } catch (error: any) {
-      setShowResetOption(true);
-      toast.error("Verification Error", {
-        description: error.message || "An unexpected error occurred.",
-      });
-    } finally {
-      setIsVerifying(false);
-    }
-  };
-
-  const handlePasswordReset = () => {
-    onOpenChange(false);
-    // Navigate or trigger password reset flow
-    window.location.href = `/auth?email=${encodeURIComponent(email)}&message=reset-password`;
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-md">
-        <DialogHeader>
-          <DialogTitle>Verify Password Access</DialogTitle>
-          <DialogDescription>
-            Enter your email and password to activate password authentication for your account.
-          </DialogDescription>
-        </DialogHeader>
-
-        <form onSubmit={handleVerify}>
-          <div className="space-y-4 py-4">
-            <div className="space-y-2">
-              <Label htmlFor="verify-email">Email</Label>
-              <Input
-                id="verify-email"
-                type="email"
-                value={email}
-                onChange={(e) => setEmail(e.target.value)}
-                placeholder="your@email.com"
-                disabled={isVerifying}
-                required
-              />
-            </div>
-
-            <div className="space-y-2">
-              <Label htmlFor="verify-password">Password</Label>
-              <Input
-                id="verify-password"
-                type="password"
-                value={password}
-                onChange={(e) => setPassword(e.target.value)}
-                placeholder="Enter your password"
-                disabled={isVerifying}
-                required
-              />
-            </div>
-
-            {showResetOption && (
-              <Alert>
-                <AlertCircle className="h-4 w-4" />
-                <AlertDescription>
-                  Can't remember your password?{" "}
-                  <Button
-                    type="button"
-                    variant="link"
-                    className="h-auto p-0 text-sm"
-                    onClick={handlePasswordReset}
-                  >
-                    Reset it here
-                  </Button>
-                </AlertDescription>
-              </Alert>
-            )}
-          </div>
-
-          <DialogFooter>
-            <Button
-              type="button"
-              variant="outline"
-              onClick={() => onOpenChange(false)}
-              disabled={isVerifying}
-            >
-              Cancel
-            </Button>
-            <Button type="submit" disabled={isVerifying}>
-              {isVerifying && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
-              Verify Password
-            </Button>
-          </DialogFooter>
-        </form>
-      </DialogContent>
-    </Dialog>
-  );
-}