@openfort/react 0.0.6 → 0.0.8

package/README.md

@@ -6,7 +6,7 @@
       Website
     </a>
     <span> | </span>
-    <a href="https://www.openfort.io/docs/products/embedded-wallet/react/kit">
+    <a href="https://www.openfort.io/docs/products/embedded-wallet/react/">
       Documentation
     </a>
     <span> | </span>
@@ -25,11 +25,11 @@
 
 [![Downloads](https://img.shields.io/npm/dm/@openfort/react.svg)](https://www.npmjs.com/package/@openfort/react)
 [![License](https://img.shields.io/badge/license-MIT-green.svg)](LICENSE)
-[![Documentation](https://img.shields.io/badge/docs-openfort.io-blue)](https://www.openfort.io/docs/products/embedded-wallet/react/kit)
+[![Documentation](https://img.shields.io/badge/docs-openfort.io-blue)](https://www.openfort.io/docs/products/embedded-wallet/react/)
 [![Version](https://img.shields.io/npm/v/@openfort/react.svg)](https://www.npmjs.org/package/@openfort/react)
 
 
-The easiest way to use embedded wallets, with built-in authentication and payments capabilities.
+The easiest way to use embedded wallets, with built-in authentication and payments capabilities in React.
 
 ## Features
 

package/build/assets/icons.d.ts

@@ -49,3 +49,6 @@ export declare const LockIcon: ({ ...props }: {
 export declare const ShieldIcon: ({ ...props }: {
     [x: string]: any;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const FingerPrintIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/components/Common/Loading/index.d.ts

@@ -1,6 +1,11 @@
-declare const Loader: ({ reason, isLoading, icon }: {
-    reason: string;
+type LoaderProps = {
+    header: string;
+    description?: string | undefined;
     isLoading?: boolean;
     icon?: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+    isError?: boolean;
+    isSuccess?: boolean;
+    onRetry?: () => void;
+};
+declare const Loader: ({ header, description, icon, isError, isSuccess, isLoading, onRetry, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Loader;

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

@@ -0,0 +1,15 @@
+import React from "react";
+type LogoGraphicProps = {
+    size?: string;
+    logo: React.ReactNode;
+};
+export declare const LogoGraphic: ({ size, logo }: LogoGraphicProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FloatingGraphic: ({ height, logoCenter, logoTopRight, logoTopLeft, logoBottomRight, logoBottomLeft }: {
+    height?: string;
+    logoCenter: LogoGraphicProps;
+    logoTopRight?: LogoGraphicProps;
+    logoTopLeft?: LogoGraphicProps;
+    logoBottomRight?: LogoGraphicProps;
+    logoBottomLeft?: LogoGraphicProps;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -21,7 +21,7 @@ export declare const routes: {
     readonly PROFILE: "profile";
     readonly SWITCHNETWORKS: "switchNetworks";
 };
-export declare enum AuthProvider {
+export declare enum UIAuthProvider {
     GOOGLE = "google",
     TWITTER = "twitter",
     FACEBOOK = "facebook",
@@ -29,7 +29,7 @@ export declare enum AuthProvider {
     WALLET = "wallet",
     GUEST = "guest"
 }
-export declare const socialProviders: AuthProvider[];
+export declare const socialProviders: UIAuthProvider[];
 type PolicyConfig = string | Record<number, string>;
 type CommonWalletConfig = {
     /** Publishable key for the Shield API */
@@ -41,7 +41,7 @@ type CommonWalletConfig = {
 };
 type EncryptionSession = {
     /** Function to retrieve an encryption session using a session ID */
-    getEncryptionSession?: () => Promise<string>;
+    getEncryptionSession?: (accessToken: string) => Promise<string>;
     createEncryptedSessionEndpoint?: never;
 } | {
     /** API endpoint for creating an encrypted session */
@@ -63,7 +63,7 @@ type EncryptionSession = {
 export type OpenfortWalletConfig = CommonWalletConfig & EncryptionSession;
 export type OpenfortUIOptions = {
     linkWalletOnSignUp?: boolean;
-    authProviders: AuthProvider[];
+    authProviders: UIAuthProvider[];
     skipEmailVerification?: boolean;
     termsOfServiceUrl?: string;
     privacyPolicyUrl?: string;

package/build/components/Pages/Providers/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { AuthProvider } from "../../Openfort/types";
+import { UIAuthProvider } from "../../Openfort/types";
 export declare const ProviderButtonSwitch: React.FC<{
-    provider: AuthProvider;
+    provider: UIAuthProvider;
 }>;
 declare const Providers: React.FC;
 export default Providers;

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

@@ -1,5 +1,5 @@
 import { OpenfortHookOptions, OpenfortError } from "../../../types";
-import { AuthProvider } from "../../../components/Openfort/types";
+import { UIAuthProvider } from "../../../components/Openfort/types";
 import { CreateWalletPostAuthOptions } from "./useConnectToWalletPostAuth";
 import { EmailVerificationResult } from "./useEmailAuth";
 import { StoreCredentialsResult } from "./useOAuth";
@@ -13,7 +13,7 @@ type UseAuthCallbackOptions = {
 } & OpenfortHookOptions<CallbackResult> & CreateWalletPostAuthOptions;
 export declare const useAuthCallback: ({ enabled, ...hookOptions }?: UseAuthCallbackOptions) => {
     email: string | null;
-    provider: AuthProvider | null;
+    provider: UIAuthProvider | null;
     verifyEmail: (options: import("./useEmailAuth").VerifyEmailOptions) => Promise<EmailVerificationResult>;
     storeCredentials: ({ player, accessToken, refreshToken, ...options }: import("./useOAuth").StoreCredentialsOptions) => Promise<StoreCredentialsResult>;
     isLoading: boolean;

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

@@ -9,10 +9,10 @@ export type CreateWalletPostAuthOptions = {
      * @default true
      * It will automatically try to recover the first wallet with automatic recovery.
      */
-    automaticRecovery?: boolean;
+    recoverWalletAutomatically?: boolean;
 };
 export declare const useConnectToWalletPostAuth: () => {
-    tryUseWallet: ({ logoutOnError: signOutOnError, automaticRecovery }: CreateWalletPostAuthOptions) => Promise<{
+    tryUseWallet: ({ logoutOnError: signOutOnError, recoverWalletAutomatically }: CreateWalletPostAuthOptions) => Promise<{
         wallet?: UserWallet;
     }>;
 };

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

@@ -1,6 +1,6 @@
-import { AuthProvider } from "../../components/Openfort/types";
+import { UIAuthProvider } from "../../components/Openfort/types";
 export declare function useProviders(): {
-    availableProviders: AuthProvider[];
-    linkedProviders: AuthProvider[];
-    allProviders: AuthProvider[];
+    availableProviders: UIAuthProvider[];
+    linkedProviders: UIAuthProvider[];
+    allProviders: UIAuthProvider[];
 };

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

@@ -1,7 +1,6 @@
 import { AccountTypeEnum, RecoveryMethod, 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: Hex;
@@ -13,25 +12,30 @@ export type UserWallet = {
     isActive?: boolean;
     isConnecting?: boolean;
     recoveryMethod?: RecoveryMethod;
+    accountId?: string;
+    accountType?: AccountTypeEnum;
+    ownerAddress?: Hex;
+    implementationType?: string;
+    createdAt?: number;
+    salt?: string;
+};
+export type WalletRecovery = {
+    recoveryMethod: RecoveryMethod;
+    password?: string;
 };
 type SetActiveWalletResult = {
     error?: OpenfortError;
     wallet?: UserWallet;
 };
 type SetActiveWalletOptions = ({
-    showUI?: boolean;
+    walletId: string;
+    recovery?: WalletRecovery;
     address?: Hex | undefined;
-} & ({
-    connector: string;
-} | {
-    connector: typeof embeddedWalletId;
-    password?: string;
-} | {
-    connector: Connector;
-})) & OpenfortHookOptions<SetActiveWalletResult>;
+    showUI?: boolean;
+}) & OpenfortHookOptions<SetActiveWalletResult>;
 type CreateWalletResult = SetActiveWalletResult;
 type CreateWalletOptions = {
-    password?: string;
+    recovery?: WalletRecovery;
     accountType?: AccountTypeEnum;
 } & OpenfortHookOptions<CreateWalletResult>;
 type RecoverEmbeddedWalletResult = SetActiveWalletResult;
@@ -54,7 +58,7 @@ export declare function useWallets(hookOptions?: WalletOptions): {
     activeWallet: UserWallet | undefined;
     setRecovery: (params: SetRecoveryOptions) => Promise<RecoverEmbeddedWalletResult>;
     reset: () => void;
-    createWallet: ({ password, ...options }?: CreateWalletOptions) => Promise<CreateWalletResult>;
+    createWallet: ({ recovery, ...options }?: CreateWalletOptions) => Promise<CreateWalletResult>;
     setActiveWallet: (options: SetActiveWalletOptions | string) => Promise<SetActiveWalletResult>;
 };
 export {};

package/build/index.d.ts

@@ -3,7 +3,7 @@ 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 { UIAuthProvider as AuthProvider, } from './components/Openfort/types';
 export { OpenfortProvider, } from './components/Openfort/OpenfortProvider';
 export { OpenfortButton } from './components/ConnectButton';
 export { default as Avatar } from './components/Common/Avatar';
@@ -15,7 +15,7 @@ export { useUser } from './hooks/openfort/useUser';
 export { useUI } from "./hooks/openfort/useUI";
 export { useWallets, UserWallet } from "./hooks/openfort/useWallets";
 export { useWallet } from "./hooks/openfort/useWallet";
-export { RecoveryMethod, AuthPlayerResponse } from "@openfort/openfort-js";
+export { RecoveryMethod, AuthPlayerResponse, RecoveryParams } from "@openfort/openfort-js";
 export { useOpenfortCore as useOpenfort } from './openfort/useOpenfort';
 export { useConnectWithSiwe } from './hooks/openfort/useConnectWithSiwe';
 export { embeddedWalletId } from './constants/openfort';