@magic-ext/magic-widget 1.0.0-canary.979.21086297627.0 → 1.0.0-canary.979.21261294144.0

package/dist/cjs/types/MagicWidget.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { MagicWidgetProps } from './types';
-export declare function MagicWidget({ displayMode, isOpen, onClose, closeOnSuccess, closeOnClickOutside, wallets, onSuccess, onError, }: MagicWidgetProps): React.JSX.Element | null;
+export declare function MagicWidget({ displayMode, isOpen, onClose, closeOnSuccess, closeOnClickOutside, wallets, onSuccess, onError, onReady, }: MagicWidgetProps): React.JSX.Element | null;

package/dist/cjs/types/reducer.d.ts

@@ -1,10 +1,11 @@
 import { LoginProvider, OAuthProvider, ThirdPartyWallet } from './types';
-export type View = 'login' | 'otp' | 'additional_providers' | 'wallet_pending' | 'oauth_pending' | 'email_otp_pending' | 'device_verification' | 'mfa_pending' | 'recovery_code' | 'lost_recovery_code' | 'login_success';
+export type View = 'login' | 'otp' | 'additional_providers' | 'wallet_pending' | 'walletconnect_pending' | 'oauth_pending' | 'email_otp_pending' | 'device_verification' | 'mfa_pending' | 'recovery_code' | 'lost_recovery_code' | 'login_success';
 export type EmailLoginStatus = 'idle' | 'sending' | 'otp_sent' | 'verifying_otp' | 'invalid_otp' | 'expired_otp' | 'max_attempts_reached' | 'device_needs_approval' | 'device_verification_sent' | 'device_verification_expired' | 'device_approved' | 'mfa_required' | 'recovery_code' | 'success' | 'mfa_verifying' | 'mfa_invalid' | 'recovery_code_verifying' | 'lost_recovery_code' | 'error';
 export interface WidgetState {
     view: View;
     email?: string;
     selectedProvider?: LoginProvider;
+    walletAddress?: string;
     error?: string;
     emailLoginStatus?: EmailLoginStatus;
 }
@@ -60,6 +61,9 @@ export type WidgetAction = {
 } | {
     type: 'SELECT_WALLET';
     provider: ThirdPartyWallet;
+} | {
+    type: 'WALLETCONNECT_CONNECTED';
+    address: string;
 };
 export declare const initialState: WidgetState;
 export declare function widgetReducer(state: WidgetState, action: WidgetAction): WidgetState;

package/dist/cjs/types/types/client-config.d.ts

@@ -6,7 +6,10 @@ export interface ClientTheme {
     buttonRadius: string | undefined;
     containerRadius: string | undefined;
     backgroundColor: `#${string}` | undefined;
+    neutralColor: `#${string}` | undefined;
     themeColor: 'auto' | 'dark' | 'light';
+    customBrandingType: 1 | 2;
+    isDefaultAsset?: boolean;
 }
 export interface ClientConfig {
     clientId: string;

package/dist/cjs/types/types.d.ts

@@ -1,4 +1,5 @@
 import { ComponentType } from 'react';
+import { OAuthRedirectResult } from './extension';
 /**
  * Available third-party wallet providers.
  * Use these constants or pass string literals directly: 'metamask', 'coinbase', etc.
@@ -72,10 +73,10 @@ export interface EmailLoginResult {
  */
 export interface OAuthLoginResult {
     method: 'oauth';
-    /** The DID token for authentication */
-    didToken: string;
     /** OAuth provider information */
-    oauth: OAuthUserInfo;
+    oauth: OAuthRedirectResult['oauth'];
+    /** Magic user metadata */
+    magic: OAuthRedirectResult['magic'];
 }
 /**
  * Result returned on successful wallet login
@@ -158,4 +159,10 @@ export interface MagicWidgetProps {
      * @example onError={(error) => console.error(error.message)}
      */
     onError?: (error: Error) => void;
+    /**
+     * Callback fired when the widget has finished initializing and is ready to display.
+     * Use this to hide your custom loading UI.
+     * @example onReady={() => setIsLoading(false)}
+     */
+    onReady?: () => void;
 }

package/dist/cjs/types/utils/device.d.ts

@@ -0,0 +1,5 @@
+export declare function isAndroid(): boolean;
+export declare function isSmallIOS(): boolean;
+export declare function isLargeIOS(): boolean;
+export declare function isIOS(): boolean;
+export declare function isMobile(): boolean;

package/dist/cjs/types/views/WalletConnectView.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { WidgetAction } from '../reducer';
+interface WalletConnectViewProps {
+    dispatch: React.Dispatch<WidgetAction>;
+}
+export declare const WalletConnectView: ({ dispatch }: WalletConnectViewProps) => React.JSX.Element;
+export {};

package/dist/cjs/types/views/WalletPendingView.d.ts

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

package/dist/cjs/types/wagmi/walletconnect-provider.d.ts

@@ -0,0 +1,3 @@
+import type { EthereumProvider } from '@walletconnect/ethereum-provider';
+export declare function setWalletConnectProvider(provider: Awaited<ReturnType<typeof EthereumProvider.init>> | null): void;
+export declare function getWalletConnectProvider(): Awaited<ReturnType<typeof EthereumProvider.init>> | null;