@openfort/react 0.2.5 → 0.2.6

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

@@ -1,8 +1,9 @@
-export declare function OtpInputStandalone({ length, onChange, onComplete, isLoading, isError, isSuccess, }: {
+export declare function OtpInputStandalone({ length, onChange, onComplete, isLoading, isError, isSuccess, scale, }: {
     length?: number;
     onChange?: (value: string) => void;
     onComplete?: (value: string) => void;
     isLoading?: boolean;
     isError?: boolean;
     isSuccess?: boolean;
+    scale?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/build/components/Common/OTPInput/styles.d.ts

@@ -1,5 +1,6 @@
 export declare const OtpContainer: import("styled-components").StyledComponent<"div", any, {
     showBorder: boolean;
+    scale?: string;
 }, never>;
 export declare const OTPGroup: import("styled-components").StyledComponent<"div", any, {
     isError?: boolean;

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

@@ -111,15 +111,34 @@ type CommonWalletConfig = {
         [chainId: number]: Hex[];
     };
 };
+export type GetEncryptionSessionParams = {
+    accessToken: string;
+    otpCode?: string;
+    userId: string;
+};
 type EncryptionSession = {
     /** Function to retrieve an encryption session using a session ID. */
-    getEncryptionSession?: (accessToken: string) => Promise<string>;
+    getEncryptionSession?: ({ accessToken, otpCode, userId }: GetEncryptionSessionParams) => Promise<string>;
     createEncryptedSessionEndpoint?: never;
 } | {
     /** API endpoint for creating an encrypted session. */
     getEncryptionSession?: never;
     createEncryptedSessionEndpoint?: string;
 };
+type RecoverWithOTP = {
+    /** Function to recover a wallet with otp. */
+    requestWalletRecoverOTP?: ({ accessToken, userId, email, phone, }: {
+        accessToken: string;
+        userId: string;
+        email?: string;
+        phone?: string;
+    }) => Promise<void>;
+    requestWalletRecoverOTPEndpoint?: never;
+} | {
+    /** API endpoint for recovering a wallet with otp. */
+    requestWalletRecoverOTP?: never;
+    requestWalletRecoverOTPEndpoint?: string;
+};
 export type DebugModeOptions = {
     openfortReactDebugMode?: boolean;
     openfortCoreDebugMode?: boolean;
@@ -133,7 +152,7 @@ export type DebugModeOptions = {
  * the `createEncryptedSessionEndpoint` endpoint or the `getEncryptionSession` callback.
  * Password-based and passkey-based recovery methods do not require encryption sessions.
  */
-export type OpenfortWalletConfig = CommonWalletConfig & EncryptionSession;
+export type OpenfortWalletConfig = CommonWalletConfig & EncryptionSession & RecoverWithOTP;
 type OpenfortUIOptions = {
     linkWalletOnSignUp?: LinkWalletOnSignUpOption;
     authProviders: UIAuthProvider[];
@@ -238,11 +257,15 @@ export type ConnectUIOptions = {
     buyFromExchangeUrl?: string;
     buyTroubleshootingUrl?: string;
     phoneConfig?: PhoneConfig;
+    customPageComponents?: {
+        [key in CustomizableRoutes]?: React.ReactElement;
+    };
 } & Partial<OpenfortUIOptions>;
 type WalletRecoveryOptionsExtended = {
     allowedMethods: RecoveryMethod[];
     defaultMethod: RecoveryMethod;
 };
+export type CustomizableRoutes = typeof routes.CONNECTED;
 export type OpenfortUIOptionsExtended = {
     theme: Theme;
     mode: Mode;
@@ -277,6 +300,9 @@ export type OpenfortUIOptionsExtended = {
     buyTroubleshootingUrl?: string;
     walletRecovery: WalletRecoveryOptionsExtended;
     phoneConfig?: PhoneConfig;
+    customPageComponents?: {
+        [key in CustomizableRoutes]?: React.ReactElement;
+    };
 } & OpenfortUIOptions;
 export type Asset = {
     type: 'native';

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

@@ -5,6 +5,7 @@ type PageContentProps = {
     width?: number | string;
     onBack?: SetOnBackFunction;
     logoutOnBack?: boolean;
+    header?: string;
 };
-export declare const PageContent: ({ children, width, onBack, logoutOnBack }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageContent: ({ children, width, onBack, logoutOnBack, header }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,6 @@
+export type PageLayoutProps = {
+    children?: React.ReactNode;
+    width?: number | string;
+    header?: string;
+};
+export declare const PageLayout: ({ children, width, header }: PageLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/Pages/BuyProviderSelect/styles.d.ts

@@ -1,8 +1,9 @@
-export declare const ProviderSelectContent: import("styled-components").StyledComponent<({ children, width, onBack, logoutOnBack }: {
+export declare const ProviderSelectContent: import("styled-components").StyledComponent<({ children, width, onBack, logoutOnBack, header }: {
     children?: React.ReactNode;
     width?: number | string;
     onBack?: import("../../PageContent").SetOnBackFunction;
     logoutOnBack?: boolean;
+    header?: string;
 }) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const ProviderList: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ProviderButton: import("styled-components").StyledComponent<"button", any, {

package/build/components/Pages/SelectToken/styles.d.ts

@@ -1,8 +1,9 @@
-export declare const SelectTokenContent: import("styled-components").StyledComponent<({ children, width, onBack, logoutOnBack }: {
+export declare const SelectTokenContent: import("styled-components").StyledComponent<({ children, width, onBack, logoutOnBack, header }: {
     children?: React.ReactNode;
     width?: number | string;
     onBack?: import("../../PageContent").SetOnBackFunction;
     logoutOnBack?: boolean;
+    header?: string;
 }) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const TokenList: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TokenButton: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -28,10 +28,18 @@ export type UserWallet = {
 type WalletRecovery = {
     recoveryMethod: RecoveryMethod;
     password?: string;
+    otpCode?: string;
+};
+export type RequestWalletRecoverOTPResponse = {
+    error?: OpenfortError;
+    sentTo?: 'email' | 'phone';
+    email?: string;
+    phone?: string;
 };
 type SetActiveWalletResult = {
     error?: OpenfortError;
     wallet?: UserWallet;
+    isOTPRequired?: boolean;
 };
 type SetActiveWalletOptions = {
     walletId: string;
@@ -120,5 +128,7 @@ export declare function useWallets(hookOptions?: WalletOptions): {
     reset: () => void;
     createWallet: ({ recovery, ...options }?: CreateWalletOptions) => Promise<CreateWalletResult>;
     setActiveWallet: (options: SetActiveWalletOptions | string) => Promise<SetActiveWalletResult>;
+    requestWalletRecoverOTP: () => Promise<RequestWalletRecoverOTPResponse>;
+    isWalletRecoveryOTPEnabled: boolean;
 };
 export {};

package/build/index.d.ts

@@ -4,6 +4,7 @@ export { default as ChainIcon } from './components/Common/Chain';
 export { OpenfortButton } from './components/ConnectButton';
 export { OpenfortProvider } from './components/Openfort/OpenfortProvider';
 export { LinkWalletOnSignUpOption, UIAuthProvider as AuthProvider } from './components/Openfort/types';
+export { PageLayout, type PageLayoutProps } from './components/PageLayout';
 export { embeddedWalletId } from './constants/openfort';
 export { default as getDefaultConfig } from './defaultConfig';
 export { default as getDefaultConnectors } from './defaultConnectors';
@@ -27,7 +28,7 @@ export { useChainIsSupported } from './hooks/useChainIsSupported';
 export { useChains } from './hooks/useChains';
 export { useOpenfortCore as useOpenfort } from './openfort/useOpenfort';
 export type { CustomTheme } from './styles/customTheme';
-export type { CustomAvatarProps, Languages, Mode, OpenfortHookOptions, OpenfortOptions, OpenfortWalletConfig, PhoneConfig, Theme, } from './types';
+export type { CustomAvatarProps, CustomizableRoutes, Languages, Mode, OpenfortHookOptions, OpenfortOptions, OpenfortWalletConfig, PhoneConfig, Theme, } from './types';
 export { OAuthProvider, OpenfortError, OpenfortReactErrorType as OpenfortErrorType, SDKOverrides, ThirdPartyOAuthProvider, } from './types';
 export { OPENFORT_VERSION } from './version';
 export { wallets } from './wallets';