feat: charter signature verification error display (#317)

Author: coodos

platforms/group-charter-manager-api/src/controllers/CharterSigningController.ts

@@ -94,6 +94,10 @@ export class CharterSigningController {
                         res.write(`data: ${JSON.stringify({ type: "expired" })}\n\n`);
                         clearInterval(interval);
                         res.end();
+                    } else if (session.status === "security_violation") {
+                        res.write(`data: ${JSON.stringify({ type: "security_violation" })}\n\n`);
+                        clearInterval(interval);
+                        res.end();
                     }
                 } else {
                     res.write(`data: ${JSON.stringify({ type: "error", message: "Session not found" })}\n\n`);

platforms/group-charter-manager/src/components/charter-signing-interface.tsx

@@ -22,7 +22,7 @@ interface CharterSigningInterfaceProps {
 export function CharterSigningInterface({ groupId, charterData, onSigningComplete, onCancel, onSigningStatusUpdate }: CharterSigningInterfaceProps) {
   const [sessionId, setSessionId] = useState<string | null>(null);
   const [qrData, setQrData] = useState<string | null>(null);
-  const [status, setStatus] = useState<"pending" | "connecting" | "signed" | "expired" | "error">("pending");
+  const [status, setStatus] = useState<"pending" | "connecting" | "signed" | "expired" | "error" | "security_violation">("pending");
   const [timeRemaining, setTimeRemaining] = useState<number>(900); // 15 minutes in seconds
   const [eventSource, setEventSource] = useState<EventSource | null>(null);
   const { toast } = useToast();
@@ -108,6 +108,13 @@ export function CharterSigningInterface({ groupId, charterData, onSigningComplet
             description: "The signing session has expired. Please try again.",
             variant: "destructive",
           });
+        } else if (data.type === "security_violation") {
+          setStatus("security_violation");
+          toast({
+            title: "eName Verification Failed",
+            description: "eName verification failed. Please check your eID.",
+            variant: "destructive",
+          });
         } else {
           console.log("SSE message:", data);
         }
@@ -254,6 +261,31 @@ export function CharterSigningInterface({ groupId, charterData, onSigningComplet
     );
   }
 
+  if (status === "security_violation") {
+    return (
+      <Card className="w-full max-w-md mx-auto">
+        <CardHeader className="text-center">
+          <CardTitle className="flex items-center justify-center gap-2">
+            <AlertTriangle className="h-5 w-5 text-red-500" />
+            eName verification failed
+          </CardTitle>
+          <CardDescription>
+            eName verification failed
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="text-center space-y-4">
+          <div className="bg-red-50 p-4 rounded-lg">
+            <p className="text-red-800 text-sm">
+              eName Mismatch: It appears that you are trying to sign with the wrong eName. 
+              Please make sure you are signing with the right eID linked to this account.
+            </p>
+          </div>
+          <Button onClick={onCancel} variant="secondary">Close</Button>
+        </CardContent>
+      </Card>
+    );
+  }
+
   return (
     <Card className="w-full max-w-md mx-auto">
       <CardHeader className="text-center">