@magic-ext/wallet-kit 0.4.1 → 0.4.2-canary.1035.22165603003.0

package/dist/es/types/context/OAuthLoginContext.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import { WidgetAction } from '../reducer';
+import { OAuthProvider } from '../extension';
+interface OAuthLoginContextValue {
+    startOAuthLogin: (provider: OAuthProvider) => void;
+    submitMFA: (totp: string) => void;
+    lostDevice: () => void;
+    submitRecoveryCode: (recoveryCode: string) => void;
+    cancelLogin: () => void;
+    isMfaActive: boolean;
+}
+interface OAuthLoginProviderProps {
+    children: ReactNode;
+    dispatch: React.Dispatch<WidgetAction>;
+}
+export declare function OAuthLoginProvider({ children, dispatch }: OAuthLoginProviderProps): React.JSX.Element;
+export declare function useOAuthLogin(): OAuthLoginContextValue;
+export {};

package/dist/es/types/context/index.d.ts

@@ -1,2 +1,3 @@
 export { EmailLoginProvider, useEmailLogin } from './EmailLoginContext';
+export { OAuthLoginProvider, useOAuthLogin } from './OAuthLoginContext';
 export { WidgetConfigProvider, useWidgetConfig } from './WidgetConfigContext';

package/dist/es/types/extension.d.ts

@@ -183,9 +183,31 @@ export declare class WalletKitExtension extends Extension.Internal<'walletKit'>
     login(params: SiweLoginParams): Promise<string>;
     /**
      * Login with OAuth popup.
-     * Opens a popup for the specified OAuth provider and returns the result.
+     * Opens a popup for the specified OAuth provider and returns a PromiEvent handle.
+     * The handle emits MFA events when the user has MFA enabled.
      */
-    loginWithPopup(provider: OAuthProvider): Promise<OAuthRedirectResult>;
+    loginWithPopup(provider: OAuthProvider): import("@magic-sdk/provider").PromiEvent<OAuthRedirectResult, {
+        "popup-event": (eventData: unknown) => void;
+        "popup-url": (event: {
+            popupUrl: string;
+            provider: string;
+        }) => void;
+    } & {
+        cancel: () => void;
+        "verify-mfa-code": (mfa: string) => void;
+        "lost-device": () => void;
+        "verify-recovery-code": (recoveryCode: string) => void;
+        "mfa-sent-handle": () => void;
+        "invalid-mfa-otp": () => void;
+        "recovery-code-sent-handle": () => void;
+        "invalid-recovery-code": () => void;
+        "recovery-code-success": () => void;
+    } & {
+        done: (result: OAuthRedirectResult) => void;
+        error: (reason: any) => void;
+        settled: () => void;
+        "closed-by-user": () => void;
+    }>;
     /**
      * Fetch client configuration via RPC (proxied through embedded-wallet iframe).
      * This avoids CORS issues by having the iframe make the request.

package/dist/es/types/hooks/useMfa.d.ts

@@ -0,0 +1,8 @@
+interface UseMfaResult {
+    submitMFA: (totp: string) => void;
+    lostDevice: () => void;
+    submitRecoveryCode: (recoveryCode: string) => void;
+    cancelLogin: () => void;
+}
+export declare function useMfa(): UseMfaResult;
+export {};

package/dist/es/types/views/OAuthPendingView.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { WidgetAction } from '../reducer';
+import { WidgetAction, WidgetState } from '../reducer';
 import { OAuthProvider } from '../types';
 interface OAuthPendingViewProps {
     provider: OAuthProvider;
+    state: WidgetState;
     dispatch: React.Dispatch<WidgetAction>;
 }
-export declare const OAuthPendingView: ({ provider, dispatch }: OAuthPendingViewProps) => React.JSX.Element;
+export declare const OAuthPendingView: ({ provider, state, dispatch }: OAuthPendingViewProps) => React.JSX.Element;
 export {};

package/dist/types/context/OAuthLoginContext.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import { WidgetAction } from '../reducer';
+import { OAuthProvider } from '../extension';
+interface OAuthLoginContextValue {
+    startOAuthLogin: (provider: OAuthProvider) => void;
+    submitMFA: (totp: string) => void;
+    lostDevice: () => void;
+    submitRecoveryCode: (recoveryCode: string) => void;
+    cancelLogin: () => void;
+    isMfaActive: boolean;
+}
+interface OAuthLoginProviderProps {
+    children: ReactNode;
+    dispatch: React.Dispatch<WidgetAction>;
+}
+export declare function OAuthLoginProvider({ children, dispatch }: OAuthLoginProviderProps): React.JSX.Element;
+export declare function useOAuthLogin(): OAuthLoginContextValue;
+export {};

package/dist/types/context/index.d.ts

@@ -1,2 +1,3 @@
 export { EmailLoginProvider, useEmailLogin } from './EmailLoginContext';
+export { OAuthLoginProvider, useOAuthLogin } from './OAuthLoginContext';
 export { WidgetConfigProvider, useWidgetConfig } from './WidgetConfigContext';

package/dist/types/extension.d.ts

@@ -183,9 +183,31 @@ export declare class WalletKitExtension extends Extension.Internal<'walletKit'>
     login(params: SiweLoginParams): Promise<string>;
     /**
      * Login with OAuth popup.
-     * Opens a popup for the specified OAuth provider and returns the result.
+     * Opens a popup for the specified OAuth provider and returns a PromiEvent handle.
+     * The handle emits MFA events when the user has MFA enabled.
      */
-    loginWithPopup(provider: OAuthProvider): Promise<OAuthRedirectResult>;
+    loginWithPopup(provider: OAuthProvider): import("@magic-sdk/provider").PromiEvent<OAuthRedirectResult, {
+        "popup-event": (eventData: unknown) => void;
+        "popup-url": (event: {
+            popupUrl: string;
+            provider: string;
+        }) => void;
+    } & {
+        cancel: () => void;
+        "verify-mfa-code": (mfa: string) => void;
+        "lost-device": () => void;
+        "verify-recovery-code": (recoveryCode: string) => void;
+        "mfa-sent-handle": () => void;
+        "invalid-mfa-otp": () => void;
+        "recovery-code-sent-handle": () => void;
+        "invalid-recovery-code": () => void;
+        "recovery-code-success": () => void;
+    } & {
+        done: (result: OAuthRedirectResult) => void;
+        error: (reason: any) => void;
+        settled: () => void;
+        "closed-by-user": () => void;
+    }>;
     /**
      * Fetch client configuration via RPC (proxied through embedded-wallet iframe).
      * This avoids CORS issues by having the iframe make the request.

package/dist/types/hooks/useMfa.d.ts

@@ -0,0 +1,8 @@
+interface UseMfaResult {
+    submitMFA: (totp: string) => void;
+    lostDevice: () => void;
+    submitRecoveryCode: (recoveryCode: string) => void;
+    cancelLogin: () => void;
+}
+export declare function useMfa(): UseMfaResult;
+export {};

package/dist/types/views/OAuthPendingView.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { WidgetAction } from '../reducer';
+import { WidgetAction, WidgetState } from '../reducer';
 import { OAuthProvider } from '../types';
 interface OAuthPendingViewProps {
     provider: OAuthProvider;
+    state: WidgetState;
     dispatch: React.Dispatch<WidgetAction>;
 }
-export declare const OAuthPendingView: ({ provider, dispatch }: OAuthPendingViewProps) => React.JSX.Element;
+export declare const OAuthPendingView: ({ provider, state, dispatch }: OAuthPendingViewProps) => React.JSX.Element;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@magic-ext/wallet-kit",
   "useCustomBuild": true,
-  "version": "0.4.1",
+  "version": "0.4.2-canary.1035.22165603003.0",
   "description": "Magic SDK Wallet Kit Extension",
   "author": "Magic <team@magic.link> (https://magic.link/)",
   "license": "MIT",
@@ -62,8 +62,8 @@
     "viem": "^2.0.0"
   },
   "devDependencies": {
-    "@magic-sdk/provider": "^33.4.1",
-    "@magic-sdk/types": "^27.4.0",
+    "@magic-sdk/provider": "33.4.2-canary.1035.22165603003.0",
+    "@magic-sdk/types": "27.4.1-canary.1035.22165603003.0",
     "@pandacss/dev": "^0.35.0",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
@@ -79,5 +79,5 @@
     "tslib": "^2.6.3",
     "viem": "^2.37.9"
   },
-  "gitHead": "6e093d624a0848be10c027dadda30e15fa36cf56"
+  "gitHead": "e905824fe168cef602ef2a079867c3b32c07271e"
 }

package/dist/es/types/hooks/useOAuthLogin.d.ts

@@ -1,9 +0,0 @@
-import { OAuthProvider, OAuthRedirectResult } from '../extension';
-export interface UseOAuthLoginResult {
-    performOAuthLogin: (provider: OAuthProvider) => Promise<OAuthRedirectResult>;
-    isLoading: boolean;
-    error: Error | null;
-    isSuccess: boolean;
-    result: OAuthRedirectResult | null;
-}
-export declare function useOAuthLogin(): UseOAuthLoginResult;

package/dist/types/hooks/useOAuthLogin.d.ts

@@ -1,9 +0,0 @@
-import { OAuthProvider, OAuthRedirectResult } from '../extension';
-export interface UseOAuthLoginResult {
-    performOAuthLogin: (provider: OAuthProvider) => Promise<OAuthRedirectResult>;
-    isLoading: boolean;
-    error: Error | null;
-    isSuccess: boolean;
-    result: OAuthRedirectResult | null;
-}
-export declare function useOAuthLogin(): UseOAuthLoginResult;