@openfort/react 0.0.3 → 0.0.5

package/README.md

@@ -44,7 +44,7 @@ and much more...
 
 ### New app
 
-Get started with `create` Openfortkit + [wagmi](https://wagmi.sh/) + [viem](https://viem.sh) project by running one of the following in your terminal:
+Get started with `create` Openfort + [wagmi](https://wagmi.sh/) + [viem](https://viem.sh) project by running one of the following in your terminal:
 
 #### npm
 
@@ -99,7 +99,7 @@ There are various runnable examples included in this repository in the [examples
 Clone the project and install the necessary dependencies:
 
 ```sh
-$ git clone git@github.com:openfort-xyz/openfort-kit.git
+$ git clone git@github.com:openfort-xyz/openfort-react.git
 $ cd openfort
 $ yarn install
 ```
@@ -120,8 +120,8 @@ $ yarn dev:cra # Create React App
 
 ## License
 
-See [LICENSE](https://github.com/openfort-xyz/openfort-kit/blob/main/LICENSE) for more information.
+See [LICENSE](https://github.com/openfort-xyz/openfort-react/blob/main/LICENSE) for more information.
 
 ## Credits
 
-OpenfortKit is a fork of [Connectkit](https://github.com/openfort-xyz/openfort-kit) developed by [Family](https://family.co). We're grateful to them for making Connectkit fast, beautiful and open-source.
+Openfort is a fork of [Connectkit](https://github.com/openfort-xyz/openfort-react) developed by [Family](https://family.co). We're grateful to them for making Connectkit fast, beautiful and open-source.

package/build/components/ConnectButton/index.d.ts

@@ -17,7 +17,7 @@ type ConnectButtonRendererProps = {
         ensName?: string;
     }) => React.ReactNode;
 };
-type OpenfortKitButtonProps = {
+type OpenfortButtonProps = {
     label?: string;
     showBalance?: boolean;
     showAvatar?: boolean;
@@ -26,8 +26,8 @@ type OpenfortKitButtonProps = {
     customTheme?: CustomTheme;
     onClick?: (open: () => void) => void;
 };
-export declare function OpenfortKitButton({ label, showBalance, showAvatar, theme, mode, customTheme, onClick, }: OpenfortKitButtonProps): import("react/jsx-runtime").JSX.Element | null;
-export declare namespace OpenfortKitButton {
+export declare function OpenfortButton({ label, showBalance, showAvatar, theme, mode, customTheme, onClick, }: OpenfortButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace OpenfortButton {
     var Custom: React.FC<ConnectButtonRendererProps>;
 }
 export {};

package/build/components/Openfort/{OpenfortKit.d.ts → OpenfortProvider.d.ts}

@@ -1,4 +1,5 @@
 import React from 'react';
+import { SDKOverrides, ThirdPartyAuthConfiguration } from '@openfort/openfort-js';
 import { useConnectCallbackProps } from '../../hooks/useConnectCallback';
 import { ContextValue } from './context';
 import { ConnectUIOptions, OpenfortWalletConfig } from './types';
@@ -8,9 +9,11 @@ type OpenfortProviderProps = {
     publishableKey: string;
     uiConfig?: ConnectUIOptions;
     walletConfig?: OpenfortWalletConfig;
+    overrides?: SDKOverrides;
+    thirdPartyAuth?: ThirdPartyAuthConfiguration;
 } & useConnectCallbackProps;
 /**
- * OpenfortProvider component provides context and configuration for OpenfortKit.
+ * OpenfortProvider component provides context and configuration for Openfort.
  * It must be used within a WagmiProvider.
  *
  * @param {React.ReactNode} children - The child components to be wrapped by the provider.
@@ -24,5 +27,5 @@ type OpenfortProviderProps = {
  * @param {OpenfortOptions} [openfortOptions] - Options for Openfort integration.
  * @throws Will throw an error if used outside of a WagmiProvider or if nested usages are detected.
  */
-export declare const OpenfortProvider: ({ children, uiConfig, onConnect, onDisconnect, debugMode, publishableKey, walletConfig, }: OpenfortProviderProps) => React.FunctionComponentElement<React.ProviderProps<ContextValue | null>>;
+export declare const OpenfortProvider: ({ children, uiConfig, onConnect, onDisconnect, debugMode, publishableKey, walletConfig, overrides, thirdPartyAuth, }: OpenfortProviderProps) => React.FunctionComponentElement<React.ProviderProps<ContextValue | null>>;
 export {};

package/build/components/Openfort/context.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CustomTheme, Languages, Mode, Theme } from '../../types';
-import { OAuthProvider } from '@openfort/openfort-js';
+import { OAuthProvider, SDKOverrides, ThirdPartyAuthConfiguration } from '@openfort/openfort-js';
 import { ValueOf } from 'viem/_types/types/utils';
 import { useConnectCallbackProps } from '../../hooks/useConnectCallback';
 import { OpenfortUIOptionsExtended, OpenfortWalletConfig, routes } from './types';
@@ -33,6 +33,8 @@ export type ContextValue = {
     triggerResize: () => void;
     uiConfig?: OpenfortUIOptionsExtended;
     walletConfig?: OpenfortWalletConfig;
+    overrides?: SDKOverrides;
+    thirdPartyAuth?: ThirdPartyAuthConfiguration;
 } & useConnectCallbackProps;
-export declare const OpenfortKitContext: React.Context<ContextValue | null>;
+export declare const Openfortcontext: React.Context<ContextValue | null>;
 export {};

package/build/components/Openfort/types.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { CustomAvatarProps, CustomTheme, Languages, Mode, Theme } from '../../types';
-import { RecoveryMethod } from '@openfort/openfort-js';
-import { CoreOpenfortProviderProps } from '../../openfort/OpenfortProvider';
+import { AccountTypeEnum, RecoveryMethod } from '@openfort/openfort-js';
+import { CoreOpenfortProviderProps } from '../../openfort/CoreOpenfortProvider';
 export declare const routes: {
     readonly PROVIDERS: "providers";
     readonly SOCIAL_PROVIDERS: "socialProviders";
@@ -35,6 +35,7 @@ type CommonWalletConfig = {
     shieldPublishableKey: string;
     /** Policy ID (pol_...) for the embedded signer */
     ethereumProviderPolicyId?: string;
+    accountType?: AccountTypeEnum;
     debug?: boolean;
 };
 type EncryptionSession = {
@@ -77,14 +78,16 @@ type PasswordRecoveryWalletConfig = {
  * - `getEncryptionSession.` as a function that returns a promise.
  */
 export type OpenfortWalletConfig = CommonWalletConfig & (AutomaticRecoveryWalletConfig | PasswordRecoveryWalletConfig);
-export type OpenfortOptions = {
+export type OpenfortUIOptions = {
     linkWalletOnSignUp?: boolean;
     authProviders?: AuthProvider[];
     skipEmailVerification?: boolean;
     termsOfServiceUrl?: string;
     privacyPolicyUrl?: string;
     logo?: React.ReactNode;
-    openfortUrlOverrides?: CoreOpenfortProviderProps['overrides'];
+};
+export type OpenfortSDKOptions = {
+    overrides?: CoreOpenfortProviderProps['overrides'];
 };
 export type ConnectUIOptions = {
     theme?: Theme;
@@ -106,7 +109,7 @@ export type ConnectUIOptions = {
     initialChainId?: number;
     enforceSupportedChains?: boolean;
     overlayBlur?: number;
-} & OpenfortOptions;
+} & OpenfortUIOptions;
 export type OpenfortUIOptionsExtended = {
     theme: Theme;
     mode: Mode;
@@ -132,5 +135,5 @@ export type OpenfortUIOptionsExtended = {
     walletOnboardingUrl?: string;
     disableSiweRedirect?: boolean;
     overlayBlur?: number;
-} & OpenfortOptions;
+} & OpenfortUIOptions;
 export {};

package/build/components/Openfort/useOpenfort.d.ts

@@ -0,0 +1 @@
+export declare const useOpenfort: () => import("./context").ContextValue;

package/build/hooks/openfort/auth/useAuthCallback.d.ts

@@ -14,7 +14,7 @@ type UseAuthCallbackOptions = {
 export declare const useAuthCallback: ({ enabled, ...hookOptions }?: UseAuthCallbackOptions) => {
     email: string | null;
     provider: AuthProvider | null;
-    verifyEmail: ({ email, state, ...options }: import("./useEmailAuth").VerifyEmailOptions) => Promise<EmailVerificationResult>;
+    verifyEmail: (options: import("./useEmailAuth").VerifyEmailOptions) => Promise<EmailVerificationResult>;
     storeCredentials: ({ player, accessToken, refreshToken, ...options }: import("./useOAuth").StoreCredentialsOptions) => Promise<StoreCredentialsResult>;
     isLoading: boolean;
     isError: boolean;

package/build/hooks/openfort/auth/useEmailAuth.d.ts

@@ -53,7 +53,7 @@ export declare const useEmailAuth: (hookOptions?: UseEmailHookOptions) => {
     error: OpenfortError | null | undefined;
     signInEmail: (options: SignInEmailOptions) => Promise<EmailAuthResult>;
     signUpEmail: (options: SignUpEmailOptions) => Promise<EmailAuthResult>;
-    verifyEmail: ({ email, state, ...options }: VerifyEmailOptions) => Promise<EmailVerificationResult>;
+    verifyEmail: (options: VerifyEmailOptions) => Promise<EmailVerificationResult>;
     linkEmail: (options: LinkEmailOptions) => Promise<EmailAuthResult>;
     requestResetPassword: (options: RequestResetPasswordOptions) => Promise<EmailAuthResult>;
     resetPassword: (options: ResetPasswordOptions) => Promise<EmailAuthResult>;

package/build/hooks/openfort/auth/useGuestAuth.d.ts

@@ -7,7 +7,7 @@ export type GuestHookResult = {
     user?: OpenfortUser;
     wallet?: UserWallet;
 };
-export type GuestHookOptions = OpenfortHookOptions<OpenfortUser> & CreateWalletPostAuthOptions;
+export type GuestHookOptions = OpenfortHookOptions<GuestHookResult> & CreateWalletPostAuthOptions;
 export declare const useGuestAuth: (hookOptions?: GuestHookOptions) => {
     isLoading: boolean;
     isError: boolean;

package/build/hooks/openfort/auth/useOAuth.d.ts

@@ -1,12 +1,12 @@
-import { AuthProvider } from '../../../components/Openfort/types';
+import { OAuthProvider } from '@openfort/openfort-js';
 import { OpenfortHookOptions, OpenfortError } from '../../../types';
 import { CreateWalletPostAuthOptions } from './useCreateWalletPostAuth';
 import { UserWallet } from "../useWallets";
 import { type AuthPlayerResponse as OpenfortUser } from '@openfort/openfort-js';
 export type InitializeOAuthOptions = {
-    provider: AuthProvider;
+    provider: OAuthProvider;
     redirectTo?: string;
-} & OpenfortHookOptions;
+} & OpenfortHookOptions<InitOAuthReturnType>;
 export type InitOAuthReturnType = {
     error?: OpenfortError;
 };
@@ -22,7 +22,7 @@ export type StoreCredentialsOptions = {
 } & OpenfortHookOptions<StoreCredentialsResult> & CreateWalletPostAuthOptions;
 export type AuthHookOptions = {
     redirectTo?: string;
-} & OpenfortHookOptions<StoreCredentialsResult> & CreateWalletPostAuthOptions;
+} & OpenfortHookOptions<StoreCredentialsResult | InitOAuthReturnType> & CreateWalletPostAuthOptions;
 export declare const useOAuth: (hookOptions?: AuthHookOptions) => {
     isLoading: boolean;
     isError: boolean;

package/build/hooks/openfort/auth/useSignOut.d.ts

@@ -1,6 +1,6 @@
 import { OpenfortHookOptions, OpenfortError } from '../../../types';
 export declare function useSignOut(hookOptions?: OpenfortHookOptions): {
-    signOut: (options?: OpenfortHookOptions) => Promise<{} | undefined>;
+    signOut: (options?: OpenfortHookOptions) => Promise<{}>;
     isLoading: boolean;
     isError: boolean;
     isSuccess: boolean;

package/build/hooks/openfort/useStatus.d.ts

@@ -1,4 +1,4 @@
-export declare enum OpenfortKitStatus {
+export declare enum OpenfortStatus {
     DISCONNECTED = 0,
     NEEDS_RECOVERY = 1,
     LOADING = 2,

package/build/hooks/openfort/useWallets.d.ts

@@ -1,9 +1,10 @@
+import { AccountTypeEnum, RecoveryParams } from "@openfort/openfort-js";
 import { Hex } from "viem";
 import { Connector } from "wagmi";
 import { embeddedWalletId } from "../../constants/openfort";
 import { OpenfortError, OpenfortHookOptions } from "../../types";
 export type UserWallet = {
-    address?: `0x${string}`;
+    address: Hex;
     connectorType?: string;
     walletClientType?: string;
     connector?: Connector;
@@ -24,10 +25,18 @@ type SetActiveWalletOptions = ({
 } | {
     connector: typeof embeddedWalletId;
     password?: string;
+} | {
+    connector: Connector;
 })) & OpenfortHookOptions<SetActiveWalletResult>;
 type CreateWalletResult = SetActiveWalletResult;
 type CreateWalletOptions = {
     password?: string;
+    accountType?: AccountTypeEnum;
+} & OpenfortHookOptions<CreateWalletResult>;
+type RecoverEmbeddedWalletResult = SetActiveWalletResult;
+type SetRecoveryOptions = {
+    previousRecovery: RecoveryParams;
+    newRecovery: RecoveryParams;
 } & OpenfortHookOptions<CreateWalletResult>;
 type WalletOptions = OpenfortHookOptions<SetActiveWalletResult | CreateWalletResult>;
 export declare function useWallets(hookOptions?: WalletOptions): {
@@ -37,23 +46,14 @@ export declare function useWallets(hookOptions?: WalletOptions): {
     isSuccess: boolean;
     isCreating: boolean;
     isConnecting: boolean;
-    wallets: {
-        isConnecting: boolean;
-        isActive: boolean;
-        address?: `0x${string}`;
-        connectorType?: string;
-        walletClientType?: string;
-        connector?: Connector;
-        id: string;
-        isAvailable: boolean;
-    }[];
+    hasWallet: boolean;
+    isLoadingWallets: boolean;
+    wallets: UserWallet[];
     availableWallets: import("../../wallets/useWallets").WalletProps[];
     activeWallet: UserWallet | undefined;
+    setRecovery: (params: SetRecoveryOptions) => Promise<RecoverEmbeddedWalletResult>;
+    reset: () => void;
+    createWallet: ({ password, ...options }?: CreateWalletOptions) => Promise<CreateWalletResult>;
     setActiveWallet: (options: SetActiveWalletOptions | string) => Promise<SetActiveWalletResult>;
-    createWallet: ({ password, ...options }?: CreateWalletOptions) => Promise<{
-        error: OpenfortError;
-    } | {
-        wallet: UserWallet;
-    }>;
 };
 export {};

package/build/index.d.ts

@@ -1,17 +1,16 @@
-export { OPENFORTKIT_VERSION } from './version';
+export { OPENFORT_VERSION } from './version';
 export * from './types';
 export { default as getDefaultConfig } from './defaultConfig';
 export { default as getDefaultConnectors } from './defaultConnectors';
 export { wallets } from './wallets';
 export { AuthProvider, } from './components/Openfort/types';
-export { OpenfortKitContext, } from './components/Openfort/context';
-export { OpenfortProvider, } from './components/Openfort/OpenfortKit';
-export { OpenfortKitButton } from './components/ConnectButton';
+export { OpenfortProvider, } from './components/Openfort/OpenfortProvider';
+export { OpenfortButton } from './components/ConnectButton';
 export { default as Avatar } from './components/Common/Avatar';
 export { default as ChainIcon } from './components/Common/Chain';
 export { useChains } from './hooks/useChains';
 export { useChainIsSupported } from './hooks/useChainIsSupported';
-export { useStatus, OpenfortKitStatus } from './hooks/openfort/useStatus';
+export { useStatus, OpenfortStatus } from './hooks/openfort/useStatus';
 export { useUser } from './hooks/openfort/useUser';
 export { useUI } from "./hooks/openfort/useUI";
 export { useWallets, UserWallet } from "./hooks/openfort/useWallets";