Adds captcha to email passwordless

Author: arch1995

packages/modal/src/ui/components/Login/Login.tsx

@@ -186,14 +186,11 @@ function Login(props: LoginProps) {
         authBuildEnv,
       });
 
-      let token = "";
-      if (authConnection === AUTH_CONNECTION.SMS_PASSWORDLESS) {
-        const res = await captchaRef.current?.execute({ async: true });
-        if (!res) {
-          throw WalletLoginError.connectionError("Captcha token is required");
-        }
-        token = res.response;
+      const res = await captchaRef.current?.execute({ async: true });
+      if (!res) {
+        throw WalletLoginError.connectionError("Captcha token is required");
       }
+      const token = res.response;
 
       const result = await handler.sendVerificationCode({ captchaToken: token });
       if (result?.error) {

packages/modal/src/ui/handlers/AbstractHandler.ts

@@ -120,7 +120,7 @@ export abstract class PasswordlessHandler {
     };
   }
 
-  abstract sendVerificationCode(params?: { captchaToken: string }): Promise<IStartResponse>;
+  abstract sendVerificationCode(params: { captchaToken: string }): Promise<IStartResponse>;
 
   abstract verifyCode(code: string): Promise<IVerifyResponse>;
 }

packages/modal/src/ui/handlers/EmailPasswordlessHandler.ts

@@ -14,7 +14,7 @@ export default class EmailPasswordlessHandler extends PasswordlessHandler {
     if (this.sessionStorageAvailable) this.trackingId = window.sessionStorage.getItem("trackingId") ?? undefined;
   }
 
-  async sendVerificationCode() {
+  async sendVerificationCode({ captchaToken }: { captchaToken?: string }) {
     const { loginHint, network, web3authClientId } = this.passwordlessParams;
 
     const finalParams: CodeInitiateRequestBodyParams = {
@@ -27,6 +27,7 @@ export default class EmailPasswordlessHandler extends PasswordlessHandler {
       version: "",
       network,
       flow_type: EMAIL_FLOW.code,
+      captcha_token: captchaToken,
     };
 
     return super.start(finalParams);