feat: implement OAuth login with Popup

packages/@magic-ext/oauth2/src/index.ts

@@ -8,6 +8,7 @@ import {
   OAuthRedirectConfiguration,
   OAuthPayloadMethods,
   OAuthRedirectStartResult,
+  OAuthPopupConfiguration,
 } from './types';
 
 export class OAuthExtension extends Extension.Internal<'oauth2'> {
@@ -64,6 +65,18 @@ export class OAuthExtension extends Extension.Internal<'oauth2'> {
 
     return getResult.call(this, queryString, lifespan);
   }
+
+  public loginWithPopup(configuration: OAuthPopupConfiguration) {
+    const requestPayload = this.utils.createJsonRpcRequestPayload(OAuthPayloadMethods.Popup, [
+      {
+        ...configuration,
+        apiKey: this.sdk.apiKey,
+        platform: 'web',
+      },
+    ]);
+
+    return this.request<OAuthRedirectResult | OAuthRedirectError>(requestPayload);
+  }
 }
 
 function getResult(this: OAuthExtension, queryString: string, lifespan?: number) {

packages/@magic-ext/oauth2/src/types.ts

@@ -3,6 +3,7 @@ import { MagicUserMetadata } from '@magic-sdk/types';
 export enum OAuthPayloadMethods {
   Start = 'magic_oauth_login_with_redirect_start',
   Verify = 'magic_oauth_login_with_redirect_verify',
+  Popup = 'magic_oauth_login_with_popup',
 }
 
 export type OAuthProvider =
@@ -98,6 +99,12 @@ export interface OAuthRedirectConfiguration {
   loginHint?: string;
 }
 
+export interface OAuthPopupConfiguration {
+  provider: OAuthProvider;
+  scope?: string[];
+  loginHint?: string;
+}
+
 export enum OAuthErrorCode {
   InvalidRequest = 'invalid_request',
   InvalidClient = 'invalid_client',

packages/@magic-sdk/types/src/core/message-types.ts

@@ -9,6 +9,8 @@ export enum MagicIncomingWindowMessage {
   MAGIC_MG_BOX_SEND_RECEIPT = 'MAGIC_MG_BOX_SEND_RECEIPT',
   MAGIC_SEND_PRODUCT_ANNOUNCEMENT = 'MAGIC_SEND_PRODUCT_ANNOUNCEMENT',
   MAGIC_PONG = 'MAGIC_PONG',
+  MAGIC_POPUP_RESPONSE = 'MAGIC_POPUP_RESPONSE',
+  MAGIC_POPUP_OAUTH_VERIFY_RESPONSE = 'MAGIC_POPUP_OAUTH_VERIFY_RESPONSE',
 }
 
 export enum MagicOutgoingWindowMessage {