Added useSignInEmail hook and store universal email (#181)

* Added useSignInEmail hook and store universal email

* Deprecate useWaasSignInEmail in favor of useSignInEmail

* Removing console.log

packages/kit/src/connectors/wagmiConnectors/sequenceConnector.ts

@@ -52,6 +52,7 @@ export function sequenceWallet(params: BaseSequenceConnectorOptions) {
     [LocalStorageKey.EthAuthProof]: ETHAuthProof
     [LocalStorageKey.Theme]: string
     [LocalStorageKey.EthAuthSettings]: EthAuthSettings
+    [LocalStorageKey.WaasSignInEmail]: string | null
   }
 
   return createConnector<Provider, Properties, StorageItem>(config => ({
@@ -86,6 +87,7 @@ export function sequenceWallet(params: BaseSequenceConnectorOptions) {
 
         const connectOptionsWithTheme = {
           authorize: true,
+          askForEmail: true,
           ...ethAuthSettings,
           ...connect,
           settings: {
@@ -112,6 +114,9 @@ export function sequenceWallet(params: BaseSequenceConnectorOptions) {
 
           await config.storage?.setItem(LocalStorageKey.EthAuthProof, jsonEthAuthProof)
         }
+
+        // Save the email used to sign in
+        await config.storage?.setItem(LocalStorageKey.WaasSignInEmail, e.email || null)
       }
 
       const accounts = await this.getAccounts()
@@ -126,6 +131,8 @@ export function sequenceWallet(params: BaseSequenceConnectorOptions) {
       const provider = await this.getProvider()
 
       provider.disconnect()
+
+      await config.storage?.removeItem(LocalStorageKey.WaasSignInEmail)
     },
 
     async getAccounts() {

packages/kit/src/hooks/useSignInEmail.ts

@@ -0,0 +1,28 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+import { useConfig, useAccount } from 'wagmi'
+
+import { LocalStorageKey } from '../constants/localStorage'
+
+export const useSignInEmail = () => {
+  const { storage } = useConfig()
+  const { isConnected } = useAccount()
+  const [email, setEmail] = useState<null | string>(null)
+
+  const storeEmail = async () => {
+    const storedEmail = await storage?.getItem(LocalStorageKey.WaasSignInEmail)
+
+    setEmail(storedEmail as string)
+  }
+
+  useEffect(() => {
+    if (isConnected) {
+      storeEmail()
+    } else {
+      setEmail(null)
+    }
+  }, [isConnected])
+
+  return email
+}

packages/kit/src/hooks/useWaasSignInEmail.ts

@@ -5,6 +5,9 @@ import { useConfig, useAccount } from 'wagmi'
 
 import { LocalStorageKey } from '../constants/localStorage'
 
+/**
+ * @deprecated use useSignInEmail instead
+ */
 export const useWaasSignInEmail = () => {
   const { storage } = useConfig()
   const { isConnected } = useAccount()

packages/kit/src/index.ts

@@ -34,7 +34,12 @@ export { getDefaultChains } from './config/defaultChains'
 export { getDefaultTransports } from './config/defaultTransports'
 
 // Constants
-export { LocalStorageKey, DEFAULT_SESSION_EXPIRATION, TRANSACTION_CONFIRMATIONS_DEFAULT, NATIVE_TOKEN_ADDRESS_0X } from './constants'
+export {
+  LocalStorageKey,
+  DEFAULT_SESSION_EXPIRATION,
+  TRANSACTION_CONFIRMATIONS_DEFAULT,
+  NATIVE_TOKEN_ADDRESS_0X
+} from './constants'
 
 // Utils
 export { getKitConnectWallets } from './utils/getKitConnectWallets'
@@ -80,6 +85,7 @@ export { useTheme } from './hooks/useTheme'
 export { useWalletSettings } from './hooks/useWalletSettings'
 export { useWaasFeeOptions } from './hooks/useWaasFeeOptions'
 export { useWaasSignInEmail } from './hooks/useWaasSignInEmail'
+export { useSignInEmail } from './hooks/useSignInEmail'
 export { useProjectAccessKey } from './hooks/useProjectAccessKey'
 export { useAPIClient } from './hooks/useAPIClient'
 export { useMetadataClient } from './hooks/useMetadataClient'