Pass sessionAddress/nonce when authenticating (#10)

package.json

@@ -17,7 +17,7 @@
     "@0xsequence/design-system": "^1.0.13",
     "@0xsequence/indexer": "^1.4.0",
     "@0xsequence/network": "^1.1.3",
-    "@0xsequence/waas": "0.0.0-20240119113726",
+    "@0xsequence/waas": "0.0.0-20240215172023",
     "@react-oauth/google": "^0.11.1",
     "@vanilla-extract/css": "^1.12.0",
     "axios": "^1.6.0",

src/Login.tsx

@@ -9,8 +9,10 @@ import { CredentialResponse, GoogleLogin } from '@react-oauth/google'
 import AppleSignin from 'react-apple-signin-auth'
 import { randomName } from './utils/indexer'
 import { useEmailAuth } from "./utils/useEmailAuth.ts";
+import {useSessionHash} from "./utils/useSessionHash.ts";
 
 function Login() {
+  const { sessionHash } = useSessionHash()
   const [email, setEmail] = useState('')
   const inputRef = useRef<HTMLInputElement | null>(null)
   const isEmailValid = inputRef.current?.validity.valid
@@ -145,14 +147,14 @@ function Login() {
 
       <hr/>
 
-      {!emailAuthInProgress && (<>
+      {!emailAuthInProgress && !!sessionHash && (<>
         <Box>
           <Text variant="large" color="text100" fontWeight="bold">
             Social Login
           </Text>
         </Box>
         {import.meta.env.VITE_GOOGLE_CLIENT_ID && (
-          <GoogleLogin onSuccess={handleGoogleLogin} shape="circle" width={230} />
+          <GoogleLogin onSuccess={handleGoogleLogin} shape="circle" width={230} nonce={sessionHash} />
         )}
         {import.meta.env.VITE_APPLE_CLIENT_ID && (
           <AppleSignin
@@ -161,6 +163,7 @@ function Login() {
               scope: 'openid email',
               redirectURI: 'https://' + window.location.host,
               usePopup: true,
+              nonce: sessionHash,
             }}
             onError={(error: any) => console.error(error)}
             onSuccess={handleAppleLogin}

src/components/views/ListSessionsView.tsx

@@ -27,7 +27,7 @@ export function ListSessionsView() {
   useEffect(() => {
     Promise.all([
       sequence.listSessions(),
-      sequence.getSessionID()
+      sequence.getSessionId()
     ]).then(([s, t]) => {
       setSessions(s)
       setThisSession(t)

src/main.tsx

@@ -6,7 +6,7 @@ import {createHashRouter, RouterProvider} from 'react-router-dom'
 
 import Login from './Login.tsx'
 import { GoogleOAuthProvider } from '@react-oauth/google'
-import { Sequence } from '@0xsequence/waas'
+import { SequenceWaaS } from '@0xsequence/waas'
 import App from './App.tsx'
 import { ethers } from 'ethers'
 import { defaults, ExtendedSequenceConfig } from '@0xsequence/waas'
@@ -19,9 +19,9 @@ const SEQUENCE_WAAS_CONFIG_KEY = import.meta.env.VITE_SEQUENCE_WAAS_CONFIG_KEY
 export const node = new ethers.providers.JsonRpcProvider('https://nodes.sequence.app/polygon')
 
 const urlParams = new URLSearchParams(window.location.search)
-let projectAccessKey = urlParams.get('projectAccessKey') ?? SEQUENCE_PROJECT_ACCESS_KEY
-let waasConfigKey = urlParams.get('waasConfigKey') ?? SEQUENCE_WAAS_CONFIG_KEY
-let preset = extendedSequenceConfigFromBase64(urlParams.get('preset') ?? "") ?? defaults.TEST
+const projectAccessKey = urlParams.get('projectAccessKey') ?? SEQUENCE_PROJECT_ACCESS_KEY
+const waasConfigKey = urlParams.get('waasConfigKey') ?? SEQUENCE_WAAS_CONFIG_KEY
+const preset = extendedSequenceConfigFromBase64(urlParams.get('preset') ?? "") ?? defaults.TEST
 
 function extendedSequenceConfigFromBase64(config: string): ExtendedSequenceConfig | undefined {
   if (config === "") {
@@ -30,7 +30,7 @@ function extendedSequenceConfigFromBase64(config: string): ExtendedSequenceConfi
   return JSON.parse(new TextDecoder().decode(base64.decode(config))) as unknown as ExtendedSequenceConfig
 }
 
-export const sequence = new Sequence({
+export const sequence = new SequenceWaaS({
   network: 'polygon',
   projectAccessKey: projectAccessKey,
   waasConfigKey: waasConfigKey,

src/utils/useEmailAuth.ts

@@ -26,7 +26,8 @@ export function useEmailAuth({ onSuccess }: { onSuccess: (idToken: string) => vo
     setLoading(true)
 
     try {
-      const { idToken } = await sequence.email.finalizeAuth({ instance, answer, email })
+      const sessionHash = await sequence.getSessionHash()
+      const { idToken } = await sequence.email.finalizeAuth({ instance, answer, email, sessionHash })
       onSuccess(idToken)
     } catch (e: any) {
       setError(e.message || "Unknown error")