@@ -477,6 +489,80 @@ function SendEth() {
);
}
+function SignIn() {
+ const [signingIn, setSigningIn] = useState(false);
+ const [signingOut, setSigningOut] = useState(false);
+ const [signInResult, setSignInResult] = useState();
+ const { data: session, status } = useSession()
+
+ const getNonce = useCallback(async () => {
+ const nonce = await getCsrfToken();
+ if (!nonce) throw new Error("Unable to generate nonce");
+ return nonce;
+ }, []);
+
+ const handleSignIn = useCallback(async () => {
+ try {
+ setSigningIn(true);
+ const nonce = await getNonce();
+ const result = await sdk.actions.signIn({ nonce });
+ setSignInResult(result);
+
+ await signIn("credentials", {
+ message: result.message,
+ signature: result.signature,
+ redirect: false,
+ });
+ } finally {
+ setSigningIn(false);
+ }
+ }, [getNonce]);
+
+ const handleSignOut = useCallback(async () => {
+ try {
+ setSigningOut(true);
+ await signOut({ redirect: false })
+ setSignInResult(undefined);
+ } finally {
+ setSigningOut(false);
+ }
+ }, []);
+
+ return (
+ <>
+ {status !== "authenticated" &&
+
+ }
+ {status === "authenticated" &&
+
+ }
+ {session &&
+
+
Session
+
{JSON.stringify(session, null, 2)}
+
+
SIWF Result
+
{JSON.stringify(signInResult, null, 2)}
+