email waas

0xsequence · May 6, 2024 · d5fc3ab · d5fc3ab
1 parent 7dea834
commit d5fc3ab
Show file tree

Hide file tree

Showing 6 changed files with 280 additions and 267 deletions.
diff --git a/examples/react-waas/package.json b/examples/react-waas/package.json
@@ -11,6 +11,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@0xsequence/design-system": "^1.5.0",
     "0xsequence": "^1.9.26",
     "@0xsequence/kit": "workspace:*",
     "@tanstack/react-query": "^5.32.0",

diff --git a/examples/react-waas/tsconfig.node.json b/examples/react-waas/tsconfig.node.json
@@ -7,5 +7,5 @@
     "allowSyntheticDefaultImports": true,
     "strict": true
   },
-  "include": ["vite.config.ts"]
+  "include": ["vite.config.js"]
 }
diff --git a/examples/react-waas/vite.config.ts → examples/react-waas/vite.config.js b/examples/react-waas/vite.config.ts → examples/react-waas/vite.config.js
diff --git a/packages/connectors/src/defaultConnectors.ts b/packages/connectors/src/defaultConnectors.ts
@@ -95,7 +95,7 @@ export const getDefaultWaasConnectors = ({
   enableConfirmationModal
 }: GetDefaultWaasConnectors): CreateConnectorFn[] => {
   const wallets: any[] = [
-    // emailWaas({ projectAccessKey, waasConfigKey, enableConfirmationModal, network: defaultChainId }),
+    emailWaas({ projectAccessKey, waasConfigKey, enableConfirmationModal, network: defaultChainId }),
     coinbaseWallet({
       appName
     }),

diff --git a/packages/kit/src/components/KitProvider/ConnectWalletContent/index.tsx b/packages/kit/src/components/KitProvider/ConnectWalletContent/index.tsx
@@ -234,8 +234,16 @@ export const ConnectWalletContent = (props: ConnectWalletContentProps) => {
 
       <Box marginTop="6">
         {emailConnector && showEmailInput && (
-          <form onSubmit={onConnectInlineEmail}>
-            <TextInput onChange={onChangeEmail} value={email} name="email" placeholder="Enter email" data-1p-ignore />
+          <Box as="form" onSubmit={onConnectInlineEmail}>
+            <Box width="full">
+              <TextInput
+                onChange={onChangeEmail}
+                value={email}
+                name="email"
+                placeholder="Enter email"
+                data-1p-ignore
+              />
+            </Box>
             <Box alignItems="center" justifyContent="center" marginTop="4">
               {!emailAuthInProgress && (
                 <Button
@@ -248,7 +256,7 @@ export const ConnectWalletContent = (props: ConnectWalletContentProps) => {
               )}
               {emailAuthInProgress && <Spinner />}
             </Box>
-          </form>
+          </Box>
         )}
 
         {socialAuthConnectors.length > 0 && (