email prompt for dapp mode

packages/core/src/components/KitConnectProvider/DappWallet/ExtendedWalletList.tsx

@@ -10,10 +10,12 @@ import * as styles from '../../styles.css'
 
 interface ExtendedWalletListProps {
   theme: Theme
+  onConnect: (connector: ExtendedConnector) => void
 }
 
 export const ExtendedWalletList = ({
-  theme
+  theme,
+  onConnect,
 }: ExtendedWalletListProps) => {
   const { connectors: baseConnectors, connect, isLoading } = useConnect()
   const connectors = baseConnectors as ExtendedConnector[]
@@ -45,7 +47,7 @@ export const ExtendedWalletList = ({
               height: '60px',
             }}
             className={styles.networkButton}
-            onClick={() => connect({ connector })}
+            onClick={() => onConnect(connector)}
           >
             <Text variant="medium">
               {walletName}

packages/core/src/components/KitConnectProvider/DappWallet/WalletList.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react'
 
+import { EMAIL_CONNECTOR_LOCAL_STORAGE_KEY } from '@0xsequence/kit-connectors'
 import { Box, Image, Text, vars, ChevronLeftIcon, ChevronRightIcon } from '@0xsequence/design-system'
 import { useConnect } from 'wagmi'
 
@@ -24,6 +25,14 @@ export const WalletList = ({
   const connectors = baseConnectors as ExtendedConnector[]
   const displayExtendedListButton = connectors.length > 6
 
+  const onConnect = (connector: ExtendedConnector) => {
+    if (connector._wallet.id === 'email') {
+      const email = prompt('Auto-email login, please specify the email address:')
+      localStorage.setItem(EMAIL_CONNECTOR_LOCAL_STORAGE_KEY, email || '')
+    }
+    connect({ connector })
+  }
+
   if (showExtendedList) {
     return (
       <>
@@ -36,7 +45,7 @@ export const WalletList = ({
         >
           <ChevronLeftIcon />
         </Box>
-        <ExtendedWalletList theme={theme} />
+        <ExtendedWalletList onConnect={onConnect} theme={theme} />
       </>
     )
   }
@@ -82,7 +91,7 @@ export const WalletList = ({
                   width: `calc(50% - ${vars.space[2]})`
                 }}
                 className={styles.networkButton}
-                onClick={() => connect({ connector })}
+                onClick={() => onConnect(connector)}
               >
                 <Box
                   marginTop="3"