@openfort/react 0.0.3 → 0.0.5

package/build/index.es.js

@@ -1,12 +1,12 @@
+import { Openfort as Openfort$1, RecoveryMethod, EmbeddedState, AuthActionRequiredActions, OAuthProvider, MissingRecoveryPasswordError, AccountTypeEnum, ChainTypeEnum } from '@openfort/openfort-js';
+export { RecoveryMethod, ThirdPartyOAuthProvider } from '@openfort/openfort-js';
 import { http, useConfig, useConnectors as useConnectors$1, useConnect as useConnect$1, useAccount, useDisconnect, useSwitchChain, createConfig, useEnsAddress, useEnsName, useEnsAvatar, useBalance, useChainId, WagmiContext, useBlockNumber } from 'wagmi';
 import { mainnet, polygon, optimism, arbitrum, sepolia } from 'wagmi/chains';
 import { safe, injected, coinbaseWallet, walletConnect } from '@wagmi/connectors';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React, { createContext, useEffect, useState, useMemo, useRef, useCallback, createElement, useLayoutEffect } from 'react';
+import React, { useEffect, createContext, useState, useMemo, useRef, useCallback, createElement, useLayoutEffect } from 'react';
 import { detect } from 'detect-browser';
 import { Buffer } from 'buffer';
-import { Openfort as Openfort$1, RecoveryMethod, EmbeddedState, AuthActionRequiredActions, OAuthProvider, ShieldAuthType, MissingRecoveryPasswordError, AccountTypeEnum, ChainTypeEnum } from '@openfort/openfort-js';
-export { RecoveryMethod } from '@openfort/openfort-js';
 import { polygonAmoy } from 'viem/chains';
 import { motion, AnimatePresence, MotionConfig } from 'framer-motion';
 import styled$1, { css, keyframes } from 'styled-components';
@@ -22,12 +22,13 @@ import { createSiweMessage } from 'viem/siwe';
 import { signMessage } from '@wagmi/core';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 
-const OPENFORTKIT_VERSION = '0.0.3';
+const OPENFORT_VERSION = '0.0.5';
 
 var OpenfortErrorType;
 (function (OpenfortErrorType) {
     OpenfortErrorType["AUTHENTICATION_ERROR"] = "AUTHENTICATION_ERROR";
     OpenfortErrorType["WALLET_ERROR"] = "WALLET_ERROR";
+    OpenfortErrorType["CONFIGURATION_ERROR"] = "CONFIGURATION_ERROR";
 })(OpenfortErrorType || (OpenfortErrorType = {}));
 class OpenfortError extends Error {
     constructor(message, type, data) {
@@ -94,7 +95,7 @@ const defaultConnectors = ({ app, walletConnectProjectId, coinbaseWalletPreferen
 // OLD_TODO: Move these to a provider rather than global variable
 let globalAppName;
 const getAppName = () => globalAppName;
-const defaultConfig = ({ appName = 'OpenfortKit', appIcon, appDescription, appUrl, walletConnectProjectId, coinbaseWalletPreference, chains = [mainnet, polygon, optimism, arbitrum], client, ...props }) => {
+const defaultConfig = ({ appName = 'Openfort', appIcon, appDescription, appUrl, walletConnectProjectId, coinbaseWalletPreference, chains = [mainnet, polygon, optimism, arbitrum], client, ...props }) => {
     var _a, _b;
     globalAppName = appName;
     // OLD_TODO: nice to have, automate transports based on chains, but for now just provide public if not provided
@@ -109,7 +110,7 @@ const defaultConfig = ({ appName = 'OpenfortKit', appIcon, appDescription, appUr
         walletConnectProjectId,
         coinbaseWalletPreference,
     });
-    // console.log("OPENFORTKIT CHAINS", chains, transports);
+    // console.log("OPENFORT CHAINS", chains, transports);
     const config = {
         ...props,
         chains,
@@ -788,8 +789,6 @@ const socialProviders = [
     AuthProvider.FACEBOOK,
 ];
 
-const OpenfortKitContext = createContext(null);
-
 function useChainIsSupported(chainId) {
     const { chains } = useConfig();
     if (!chainId)
@@ -868,10 +867,12 @@ function useThemeFont(theme) {
     useGoogleFont(font !== null && font !== void 0 ? font : '');
 }
 
-const useOpenfortKit = () => {
-    const context = React.useContext(OpenfortKitContext);
+const Openfortcontext = createContext(null);
+
+const useOpenfort = () => {
+    const context = React.useContext(Openfortcontext);
     if (!context)
-        throw Error('OpenfortKit Hook must be inside a Provider.');
+        throw Error('Openfort Hook must be inside a Provider.');
     return context;
 };
 
@@ -880,7 +881,7 @@ const useOpenfortKit = () => {
  * additional functionality.
  */
 function useConnect({ ...props } = {}) {
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const { connect, connectAsync, connectors, ...rest } = useConnect$1({
         ...props,
         mutation: {
@@ -974,14 +975,8 @@ const useConnectCallback = ({ onConnect, onDisconnect, }) => {
  *
  * const token = await client.getAccessToken();
  */
-function createOpenfortClient({ baseConfiguration, overrides, shieldConfiguration, }) {
-    return new Openfort$1({
-        baseConfiguration,
-        overrides: {
-            ...overrides,
-        },
-        shieldConfiguration
-    });
+function createOpenfortClient(config) {
+    return new Openfort$1(config);
 }
 
 const ConnectCallback = ({ onConnect, onDisconnect }) => {
@@ -997,11 +992,11 @@ const CoreOpenfortProvider = ({ children, debugMode, onConnect, onDisconnect, ..
     const { address } = useAccount();
     const [user, setUser] = useState(null);
     const { disconnect } = useDisconnect();
-    const { walletConfig } = useOpenfortKit();
+    const { walletConfig } = useOpenfort();
     const automaticRecovery = walletConfig && walletConfig.recoveryMethod === RecoveryMethod.AUTOMATIC;
     // ---- Openfort instance ----
     const openfort = useMemo(() => {
-        log('Creating Openfort instance.');
+        log('Creating Openfort instance.', openfortProps);
         if (!openfortProps.baseConfiguration.publishableKey)
             throw Error('CoreOpenfortProvider requires a publishableKey to be set in the baseConfiguration.');
         const newClient = createOpenfortClient(openfortProps);
@@ -1054,6 +1049,7 @@ const CoreOpenfortProvider = ({ children, debugMode, onConnect, onDisconnect, ..
         var _a, _b;
         if (!openfort)
             return null;
+        log("Updating user", { user, logoutOnError });
         if (user) {
             setUser(user);
             return user;
@@ -1113,11 +1109,20 @@ const CoreOpenfortProvider = ({ children, debugMode, onConnect, onDisconnect, ..
                 setIsConnectedWithEmbeddedSigner(false);
                 break;
             case EmbeddedState.READY:
-                if (!user)
-                    updateUser(undefined, true);
-                // We cannot stop polling here because there is a bug on openfort-js
-                // that makes the embedded state to be stuck on CREATING_ACCOUNT
-                // stopPollingEmbeddedState();
+                (async () => {
+                    for (let i = 0; i < 5; i++) {
+                        log("Trying to update user...", i);
+                        try {
+                            const user = await updateUser(undefined, true);
+                            if (user)
+                                break;
+                        }
+                        catch (err) {
+                            console.error("Error updating user, retrying...", err);
+                        }
+                        await new Promise((resolve) => setTimeout(resolve, 250));
+                    }
+                })();
                 break;
             default:
                 throw new Error(`Unknown embedded state: ${embeddedState}`);
@@ -1207,7 +1212,7 @@ const CoreOpenfortProvider = ({ children, debugMode, onConnect, onDisconnect, ..
  * When using rollup with styled-components to build into an ES module, styled components decides to move all of it’s DOM elements into "styled.default" rather than just within "styled"
  *
  * We're unsure as to why this issue occurs, if you have any ideas or a better solution please let us know by opening a discussion on our GitHub repo:
- * https://github.com/openfort-xyz/openfort-kit/discussions/new
+ * https://github.com/openfort-xyz/openfort-react/discussions/new
  *
  */
 var styled = typeof styled$1.div === 'function' ? styled$1 : styled$1['default'];
@@ -2343,7 +2348,7 @@ const ResetContainer = styled(motion.div) `
 
 const Portal = (props) => {
     props = {
-        selector: '__CONNECTKIT__',
+        selector: '__OPENFORT__',
         ...props,
     };
     const { selector, children } = props;
@@ -2355,7 +2360,7 @@ const Portal = (props) => {
         if (!ref.current) {
             const div = document.createElement('div');
             div.setAttribute('id', selector);
-            div.setAttribute('data-openfortkit', `${OPENFORTKIT_VERSION}`);
+            div.setAttribute('data-openfort-react', `${OPENFORT_VERSION}`);
             document.body.appendChild(div);
             ref.current = div;
         }
@@ -3026,7 +3031,7 @@ styled(motion.div) `
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 function useLockBodyScroll(initialLocked) {
     const [locked, setLocked] = useState(initialLocked);
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     useIsomorphicLayoutEffect(() => {
         var _a;
         if (!locked)
@@ -4410,7 +4415,7 @@ export const keys = {
 
 function useLocales(replacements) {
     var _a, _b;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const language = (_b = (_a = context.uiConfig) === null || _a === void 0 ? void 0 : _a.language) !== null && _b !== void 0 ? _b : 'en-US';
     const translations = useMemo(() => {
         return getLocale(language);
@@ -4487,7 +4492,7 @@ const useWallet$1 = (id) => {
 };
 const useWallets$1 = () => {
     const connectors = useConnectors();
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const wallets = connectors.map((connector) => {
         var _a, _b;
         // use overrides
@@ -4772,7 +4777,7 @@ const contentVariants$2 = {
 };
 const Modal = ({ open, pages, pageId, positionInside, inline, demo, onClose, onBack, onInfo, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const themeContext = useThemeContext();
     const mobile = isMobile();
     const wallet = useWallet$1((_a = context.connector) === null || _a === void 0 ? void 0 : _a.id);
@@ -5681,7 +5686,7 @@ const About = () => {
     const locales = useLocales({
     //CONNECTORNAME: connector.name,
     });
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const ctaUrl = (_b = (_a = context.uiConfig) === null || _a === void 0 ? void 0 : _a.ethereumOnboardingUrl) !== null && _b !== void 0 ? _b : locales.aboutScreen_ctaUrl;
     const [ready, setReady] = useState(true);
     const [slider, setSlider] = useState(0);
@@ -6376,7 +6381,7 @@ const ConnectorsContainer = styled.div `
 function useWalletConnectUri({ enabled } = {
     enabled: true,
 }) {
-    const { log } = useOpenfortKit();
+    const { log } = useOpenfort();
     const [uri, setUri] = useState(undefined);
     const connector = useWalletConnectConnector();
     const { isConnected } = useAccount();
@@ -6790,7 +6795,7 @@ const useLastConnector = () => {
 
 const ConnectorList = () => {
     var _a;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const isMobile = useIsMobile();
     const wallets = useWallets$1();
     const { lastConnectorId } = useLastConnector();
@@ -6802,14 +6807,14 @@ const ConnectorList = () => {
             ...wallets.filter((wallet) => lastConnectorId === wallet.connector.id && wallet.id !== embeddedWalletId),
             ...wallets.filter((wallet) => lastConnectorId !== wallet.connector.id && wallet.id !== embeddedWalletId),
         ];
-    return (jsxs(ScrollArea, { mobileDirection: 'horizontal', children: [walletsToDisplay.length === 0 && (jsx(Alert, { error: true, children: "No connectors found in OpenfortKit config." })), walletsToDisplay.length > 0 && (jsx(ConnectorsContainer, { "$mobile": isMobile, "$totalResults": walletsToDisplay.length, children: walletsToDisplay.map((wallet) => jsx(ConnectorItem, { wallet: wallet, isRecent: wallet.id === lastConnectorId }, wallet.id)) }))] }));
+    return (jsxs(ScrollArea, { mobileDirection: 'horizontal', children: [walletsToDisplay.length === 0 && (jsx(Alert, { error: true, children: "No connectors found in Openfort config." })), walletsToDisplay.length > 0 && (jsx(ConnectorsContainer, { "$mobile": isMobile, "$totalResults": walletsToDisplay.length, children: walletsToDisplay.map((wallet) => jsx(ConnectorItem, { wallet: wallet, isRecent: wallet.id === lastConnectorId }, wallet.id)) }))] }));
 };
 const ConnectorItem = ({ wallet, isRecent, }) => {
     var _a, _b, _c, _d;
     const { connect: { getUri }, } = useWeb3();
     const uri = getUri();
     const isMobile = useIsMobile();
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const { connect } = useConnect();
     /*
     const [ready, setReady] = useState(false);
@@ -6851,7 +6856,7 @@ const ConnectorItem = ({ wallet, isRecent, }) => {
 
 const Wallets = () => {
     var _a, _b;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const locales = useLocales({});
     const isMobile = useIsMobile();
     return (jsxs(PageContent, { style: { width: 312 }, children: [jsx(ConnectorList, {}), isMobile ? (jsx(Fragment, { children: jsxs(InfoBox, { children: [jsxs(ModalContent, { style: { padding: 0, textAlign: 'left' }, children: [jsx(ModalH1, { "$small": true, children: locales.connectorsScreen_h1 }), jsx(ModalBody, { children: locales.connectorsScreen_p })] }), jsxs(InfoBoxButtons, { children: [!((_a = context.uiConfig) === null || _a === void 0 ? void 0 : _a.hideQuestionMarkCTA) && (jsx(Button, { variant: 'tertiary', onClick: () => context.setRoute(routes.ABOUT), children: locales.learnMore })), !((_b = context.uiConfig) === null || _b === void 0 ? void 0 : _b.hideNoWalletCTA) && (jsx(Button, { variant: 'tertiary', onClick: () => context.setRoute(routes.ONBOARDING), children: locales.getWallet }))] })] }) })) : (jsx(Fragment, {}))] }));
@@ -7084,7 +7089,7 @@ const TooltipTail = styled(motion.div) `
 
 const Tooltip = ({ children, message, open, xOffset = 0, yOffset = 0, delay, }) => {
     var _a;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const themeContext = useThemeContext();
     if ((_a = context.uiConfig) === null || _a === void 0 ? void 0 : _a.hideTooltips)
         return jsx(Fragment, { children: children });
@@ -7265,7 +7270,7 @@ CustomQRCode.displayName = 'CustomQRCode';
 
 const DownloadApp = () => {
     var _a, _b, _c;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const wallet = useWallet$1(context.connector.id);
     const locales = useLocales({
         CONNECTORNAME: wallet === null || wallet === void 0 ? void 0 : wallet.name,
@@ -7346,7 +7351,7 @@ const WalletList = styled.div `
 const Container$6 = styled.div ``;
 
 function useWalletConnectModal() {
-    const { log } = useOpenfortKit();
+    const { log } = useOpenfort();
     const { connectAsync, connectors } = useConnect();
     const [isOpen, setIsOpen] = useState(false);
     return {
@@ -7506,7 +7511,7 @@ const CopyToClipboard = ({ string, children, variant }) => {
 const MoreIcon = (jsx("svg", { width: "60", height: "60", viewBox: "0 0 60 60", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M30 42V19M19 30.5H42", stroke: "var(--ck-body-color-muted)", strokeWidth: "3", strokeLinecap: "round" }) }));
 const MobileConnectors = () => {
     var _a, _b;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const locales = useLocales();
     const { connect: { getUri }, } = useWeb3();
     const wcUri = getUri();
@@ -7733,7 +7738,7 @@ var wave = (jsxs("svg", { "aria-hidden": "true", width: "298", height: "188", vi
 
 const Introduction = () => {
     var _a, _b;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const locales = useLocales({});
     const ctaUrl = (_b = (_a = context.uiConfig) === null || _a === void 0 ? void 0 : _a.walletOnboardingUrl) !== null && _b !== void 0 ? _b : locales.onboardingScreen_ctaUrl;
     return (jsxs(PageContent, { children: [jsxs(Graphic, { children: [jsxs(LogoGroup, { children: [jsx(Logo$2, { children: jsx(LogoPosition, { children: jsx(LogoInner, { children: jsx(FloatWrapper, { children: jsx(RotateWrapper, { children: jsx(LogoGraphic, { children: jsx(Logos.Coinbase, { background: true }) }) }) }) }) }) }), jsx(Logo$2, { children: jsx(LogoPosition, { children: jsx(LogoInner, { children: jsx(FloatWrapper, { children: jsx(RotateWrapper, { children: jsx(LogoGraphic, { children: jsx(Logos.MetaMask, { background: true }) }) }) }) }) }) }), jsx(Logo$2, { children: jsx(LogoPosition, { children: jsx(LogoInner, { children: jsx(FloatWrapper, { children: jsx(RotateWrapper, { children: jsx(LogoGraphic, { children: jsx(Logos.Trust, {}) }) }) }) }) }) }), jsx(Logo$2, { children: jsx(LogoPosition, { children: jsx(LogoInner, { children: jsx(FloatWrapper, { children: jsx(RotateWrapper, { children: jsx(LogoGraphic, { children: jsx(Logos.Argent, {}) }) }) }) }) }) }), jsx(Logo$2, { children: jsx(LogoPosition, { children: jsx(LogoInner, { children: jsx(FloatWrapper, { children: jsx(RotateWrapper, { children: jsx(LogoGraphic, { children: jsx(Logos.ImToken, {}) }) }) }) }) }) })] }), jsx(GraphicBackground, { children: wave })] }), jsxs(ModalContent, { style: { paddingBottom: 18 }, children: [jsx(ModalH1, { "$small": true, children: locales.onboardingScreen_h1 }), jsx(ModalBody, { children: locales.onboardingScreen_p })] }), jsx(Button, { href: ctaUrl, arrow: true, children: locales.onboardingScreen_ctaText })] }));
@@ -7885,7 +7890,7 @@ function useEnsFallbackConfig() {
 const Avatar = ({ address, name, size = 96, radius = 96 }) => {
     var _a, _b, _c;
     const isMounted = useIsMounted();
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const imageRef = useRef(null);
     const [loaded, setLoaded] = useState(true);
     const ensFallbackConfig = useEnsFallbackConfig();
@@ -8708,7 +8713,7 @@ const ChainSelectList = ({ variant, }) => {
             switchChain({ chainId });
         }
     };
-    const { triggerResize } = useOpenfortKit();
+    const { triggerResize } = useOpenfort();
     return (jsxs(SwitchNetworksContainer, { style: { marginBottom: switchChain !== undefined ? -8 : 0 }, children: [jsx(ChainButtonContainer, { children: jsx(ChainButtons, { children: chains.map((x) => {
                         var _a;
                         const c = chainConfigs.find((ch) => ch.id === x.id);
@@ -8831,7 +8836,7 @@ const DropdownHeading = styled(motion.div) `
 
 const ChainSelectDropdown = ({ children, open, onClose, offsetX = 0, offsetY = 8 }) => {
     var _a, _b, _c, _d;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const themeContext = useThemeContext();
     const locales = useLocales();
     const [offset, setOffset] = useState({ x: 0, y: 0 });
@@ -9077,7 +9082,7 @@ const SwitchChainButton = styled(motion.button) `
 `;
 const ChevronDown = ({ ...props }) => (jsx("svg", { "aria-hidden": "true", width: "11", height: "6", viewBox: "0 0 11 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: jsx("path", { d: "M1.5 1L5.5 5L9.5 1", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 const ChainSelector = () => {
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const [isOpen, setIsOpen] = useState(false);
     const { chain } = useAccount();
     const { chains } = useSwitchChain();
@@ -9102,7 +9107,7 @@ const ChainSelector = () => {
 
 const PoweredByFooter = ({ showDisclaimer }) => {
     var _a, _b;
-    const { uiConfig: options } = useOpenfortKit();
+    const { uiConfig: options } = useOpenfort();
     return (jsxs(Container$3, { children: [showDisclaimer && (jsx(Disclaimer, { children: (options === null || options === void 0 ? void 0 : options.disclaimer) ? (jsx(Fragment, { children: options.disclaimer })) : (jsxs("div", { children: ["By logging in, you agree to our ", jsx("a", { href: (_a = options === null || options === void 0 ? void 0 : options.termsOfServiceUrl) !== null && _a !== void 0 ? _a : "https://www.openfort.xyz/terms", target: "_blank", rel: "noopener noreferrer", children: "Terms of Service" }), " & ", jsx("a", { href: (_b = options === null || options === void 0 ? void 0 : options.privacyPolicyUrl) !== null && _b !== void 0 ? _b : "https://www.openfort.xyz/privacy", target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }), "."] })) })), jsxs(TextButton, { onClick: () => {
                     window.open("https://www.openfort.xyz/", "_blank");
                 }, children: [jsx("span", { children: "Powered by" }), jsx(IconContainer$2, { children: jsx(Logos.Openfort, {}) }), jsx("span", { children: "Openfort" })] })] }));
@@ -9201,7 +9206,7 @@ var Wallet = ({ ...props }) => {
 
 function useProviders() {
     const { user } = useOpenfortCore();
-    const { uiConfig: options } = useOpenfortKit();
+    const { uiConfig: options, thirdPartyAuth, setOpen } = useOpenfort();
     const allProviders = (options === null || options === void 0 ? void 0 : options.authProviders) || [];
     const providers = allProviders.filter(p => p !== AuthProvider.GUEST) || [];
     const linkedProviders = user ? providers.filter(p => { var _a; return (_a = user.linkedAccounts) === null || _a === void 0 ? void 0 : _a.find(a => a.provider === p); }) : [];
@@ -9213,6 +9218,12 @@ function useProviders() {
             return !((_a = user.linkedAccounts) === null || _a === void 0 ? void 0 : _a.find(a => a.provider === provider));
         })
         : providers;
+    useEffect(() => {
+        if (thirdPartyAuth) {
+            setOpen(false);
+            console.error(new OpenfortError('When using external third party auth providers, openfort Auth providers are not available. Either remove the `thirdPartyAuth` or authenticate your users using Auth hooks.', OpenfortErrorType.CONFIGURATION_ERROR));
+        }
+    }, []);
     return {
         availableProviders,
         linkedProviders,
@@ -9310,7 +9321,7 @@ const LinkedProvider = ({ provider }) => {
     return (jsx(LinkedProviderButton, { disabled: true, children: jsx(ProviderIcon$1, { children: jsx(ProviderIcon, { provider: provider }) }) }));
 };
 const AddLinkedProviderButton = () => {
-    const { setRoute } = useOpenfortKit();
+    const { setRoute } = useOpenfort();
     const { availableProviders: unlinkedProviders } = useProviders();
     return (jsx(LinkedProviderButton, { disabled: unlinkedProviders.length === 0, onClick: () => setRoute(routes.PROVIDERS), children: "+" }));
 };
@@ -9324,7 +9335,7 @@ const LinkedProviders = () => {
 
 const Profile = ({ closeModal }) => {
     var _a, _b, _c, _d;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const themeContext = useThemeContext();
     const locales = useLocales();
     const { address, isConnected, connector, chain } = useAccount();
@@ -9749,11 +9760,10 @@ const createSIWEMessage = (address, nonce, chainId) => createSiweMessage({
 
 function useConnectWithSiwe() {
     const { client, user, updateUser } = useOpenfortCore();
-    const { log } = useOpenfortKit();
-    const { address } = useAccount();
+    const { log } = useOpenfort();
+    const { address, connector } = useAccount();
     const chainId = useChainId();
     const config = useConfig();
-    const { connector } = useAccount();
     const connectWithSiwe = useCallback(async ({ onError, onConnect, }) => {
         const connectorType = connector === null || connector === void 0 ? void 0 : connector.type;
         const walletClientType = connector === null || connector === void 0 ? void 0 : connector.id;
@@ -9843,7 +9853,7 @@ const contentVariants$1 = {
 const ConnectWithInjector = ({ switchConnectMethod, forceState }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const openfort = useOpenfortCore();
-    const { log, setOpen } = useOpenfortKit();
+    const { log, setOpen } = useOpenfort();
     const { isConnected } = useAccount();
     const { disconnect } = useDisconnect();
     const connectWithSiwe = useConnectWithSiwe();
@@ -9926,7 +9936,7 @@ const ConnectWithInjector = ({ switchConnectMethod, forceState }) => {
             },
         },
     });
-    const { triggerResize, connector: c } = useOpenfortKit();
+    const { triggerResize, connector: c } = useOpenfort();
     const id = c.id;
     const wallet = useWallet$1(id);
     const walletInfo = {
@@ -10054,7 +10064,7 @@ const ScanIconWithLogos = ({ logo }) => {
 
 const ConnectWithQRCode = ({ switchConnectMethod }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const id = context.connector.id;
     const wallet = useWallet$1(context.connector.id);
     const { open: openW3M, isOpen: isOpenW3M } = useWalletConnectModal();
@@ -10080,7 +10090,7 @@ const ConnectWithQRCode = ({ switchConnectMethod }) => {
     const hasApps = downloads && Object.keys(downloads).length !== 0;
     const connectWithSiwe = useConnectWithSiwe();
     const { isConnected } = useAccount();
-    const { log, setOpen } = useOpenfortKit();
+    const { log, setOpen } = useOpenfort();
     const { disconnect } = useDisconnect();
     const [isFirstFrame, setIsFirstFrame] = React.useState(true);
     useEffect(() => {
@@ -10175,8 +10185,8 @@ const ConnectingAnimation = styled(motion.div) `
   `}
 `;
 const Loader = ({ reason, isLoading = true, icon }) => {
-    const { uiConfig: options } = useOpenfortKit();
-    const { triggerResize } = useOpenfortKit();
+    const { uiConfig: options } = useOpenfort();
+    const { triggerResize } = useOpenfort();
     useEffect(() => {
         return () => triggerResize();
     }, []);
@@ -10205,7 +10215,7 @@ const states$1 = {
     CONNECTING: "connecting",
 };
 const ConnectWithOAuth = ({}) => {
-    const { connector, setRoute, log } = useOpenfortKit();
+    const { connector, setRoute, log } = useOpenfort();
     const { client, user } = useOpenfortCore();
     const [status, setStatus] = useState(states$1.INIT);
     useEffect(() => {
@@ -10302,7 +10312,7 @@ const states = {
     INJECTOR: 'injector',
 };
 const ConnectUsing = () => {
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const wallet = useWallet$1(context.connector.id);
     // If cannot be scanned, display injector flow, which if extension is not installed will show CTA to install it
     const isQrCode = !(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalled) && (wallet === null || wallet === void 0 ? void 0 : wallet.getWalletConnectDeeplink);
@@ -10467,7 +10477,7 @@ const textVariants$2 = {
 const EmailLogin = () => {
     const [email, setEmail] = React.useState("");
     const [password, setPassword] = React.useState("");
-    const { setRoute, log } = useOpenfortKit();
+    const { setRoute, log } = useOpenfort();
     const { client } = useOpenfortCore();
     const [loginLoading, setLoginLoading] = React.useState(false);
     const [loginError, setLoginError] = React.useState(false);
@@ -10481,14 +10491,14 @@ const EmailLogin = () => {
             setLoginLoading(false);
             setLoginError("Invalid email or password.");
         }).then((user) => {
-            // console.log("User", user);
+            // log("User", user);
             if (!user) {
                 setLoginLoading(false);
                 setLoginError("Invalid email or password.");
                 return;
             }
             if ("action" in user && user.action === AuthActionRequiredActions.ACTION_VERIFY_EMAIL) {
-                console.log("User needs to verify email");
+                log("User needs to verify email");
                 localStorage.setItem(emailToVerifyLocalStorageKey, email);
                 setRoute(routes.EMAIL_VERIFICATION);
             }
@@ -10510,7 +10520,7 @@ const EmailSignup = () => {
     const [email, setEmail] = React.useState("");
     const [password, setPassword] = React.useState("");
     const [username, setUsername] = React.useState("");
-    const { setRoute, triggerResize, log, uiConfig: options } = useOpenfortKit();
+    const { setRoute, triggerResize, log, uiConfig: options } = useOpenfort();
     const { client } = useOpenfortCore();
     const [signupLoading, setSignupLoading] = React.useState(false);
     const [signupError, setSignupError] = React.useState(false);
@@ -10558,7 +10568,7 @@ const EmailSignup = () => {
 
 const EmailVerification = () => {
     const { client } = useOpenfortCore();
-    const { setRoute, log } = useOpenfortKit();
+    const { setRoute, log } = useOpenfort();
     const [loading, setLoading] = useState(true);
     const [shouldSendEmailVerification, setShouldSendEmailVerification] = useState(false);
     const emailInStorage = useMemo(() => localStorage.getItem(emailToVerifyLocalStorageKey), []);
@@ -10649,7 +10659,7 @@ const EmailVerification = () => {
 // TODO: Localize
 const RequestEmail = () => {
     const [email, setEmail] = React.useState("");
-    const { log, triggerResize } = useOpenfortKit();
+    const { log, triggerResize } = useOpenfort();
     const { client } = useOpenfortCore();
     const [loading, setLoading] = React.useState(false);
     const [message, setMessage] = React.useState("");
@@ -10706,7 +10716,7 @@ const ResetPassword = () => {
     const fixedUrl = window.location.href.replace("?state=", "&state="); // redirectUrl is not working with query params
     const url = new URL(fixedUrl);
     const [password, setPassword] = React.useState("");
-    const { setRoute, triggerResize, log } = useOpenfortKit();
+    const { setRoute, triggerResize, log } = useOpenfort();
     const { client, updateUser } = useOpenfortCore();
     const [loading, setLoading] = React.useState(false);
     const email = url.searchParams.get("email");
@@ -10781,7 +10791,7 @@ const textVariants$1 = {
 const LinkEmail = () => {
     const [email, setEmail] = React.useState("");
     const [password, setPassword] = React.useState("");
-    const { setRoute, triggerResize, log } = useOpenfortKit();
+    const { setRoute, triggerResize, log } = useOpenfort();
     const { client, updateUser } = useOpenfortCore();
     const [loginLoading, setLoginLoading] = React.useState(false);
     const [loginError, setLoginError] = React.useState(false);
@@ -10819,7 +10829,7 @@ const LinkEmail = () => {
 };
 
 const Loading = () => {
-    const { setRoute, walletConfig } = useOpenfortKit();
+    const { setRoute, walletConfig } = useOpenfort();
     const { isLoading, user, needsRecovery } = useOpenfortCore();
     const { address } = useAccount();
     const [isFirstFrame, setIsFirstFrame] = React.useState(true);
@@ -10865,7 +10875,7 @@ const ProviderButton = ({ children, icon, onClick }) => {
 };
 const GuestButton = () => {
     const { signUpGuest } = useOpenfortCore();
-    const { setRoute } = useOpenfortKit();
+    const { setRoute } = useOpenfort();
     const handleClick = () => {
         signUpGuest();
         setRoute(routes.RECOVER);
@@ -10873,16 +10883,16 @@ const GuestButton = () => {
     return (jsx(ProviderButton, { onClick: handleClick, icon: jsx(GuestIcon, {}), children: "Guest" }));
 };
 const WalletButton = () => {
-    const { setRoute } = useOpenfortKit();
+    const { setRoute } = useOpenfort();
     return jsx(ProviderButton, { onClick: () => setRoute(routes.CONNECTORS), icon: jsx(Logos.OtherWallets, {}), children: "Wallet" });
 };
 const EmailButton = () => {
-    const { setRoute } = useOpenfortKit();
+    const { setRoute } = useOpenfort();
     const { user } = useOpenfortCore();
     return jsx(ProviderButton, { onClick: () => setRoute(user ? routes.LINK_EMAIL : routes.EMAIL_LOGIN), icon: jsx(EmailIcon, {}), children: "Email" });
 };
 const AuthProviderButton = ({ provider, title = provider + " login", icon }) => {
-    const { setRoute, setConnector } = useOpenfortKit();
+    const { setRoute, setConnector } = useOpenfort();
     const handleClick = () => {
         setRoute(routes.CONNECT);
         setConnector({ id: provider, type: "oauth" });
@@ -10924,7 +10934,7 @@ const AddressButNoUserCase = () => {
     return (jsx(PageContent, { children: jsx(Loader, { reason: "Updating user" }) }));
 };
 const SocialProvidersButton = () => {
-    const { setRoute } = useOpenfortKit();
+    const { setRoute } = useOpenfort();
     return (jsx(ProviderButton, { onClick: () => setRoute(routes.SOCIAL_PROVIDERS), icon: jsx(OtherSocials, {}), children: "Other socials" }));
 };
 const Providers = () => {
@@ -10960,6 +10970,56 @@ const onError = ({ hookOptions, options, error, }) => {
     return { error };
 };
 
+var OpenfortStatus;
+(function (OpenfortStatus) {
+    OpenfortStatus[OpenfortStatus["DISCONNECTED"] = 0] = "DISCONNECTED";
+    OpenfortStatus[OpenfortStatus["NEEDS_RECOVERY"] = 1] = "NEEDS_RECOVERY";
+    OpenfortStatus[OpenfortStatus["LOADING"] = 2] = "LOADING";
+    OpenfortStatus[OpenfortStatus["CONNECTED"] = 3] = "CONNECTED";
+})(OpenfortStatus || (OpenfortStatus = {}));
+function useStatus() {
+    const { embeddedState } = useOpenfortCore();
+    const { isConnected, isConnecting } = useAccount();
+    const getStatus = () => {
+        if (embeddedState === EmbeddedState.READY)
+            return OpenfortStatus.CONNECTED;
+        if (embeddedState === EmbeddedState.NONE)
+            return OpenfortStatus.LOADING;
+        // if (needsRecovery) return OpenfortStatus.NEEDS_RECOVERY;
+        if (embeddedState === EmbeddedState.EMBEDDED_SIGNER_NOT_CONFIGURED) {
+            if (isConnected)
+                return OpenfortStatus.CONNECTED;
+            else
+                return OpenfortStatus.NEEDS_RECOVERY;
+        }
+        return OpenfortStatus.DISCONNECTED;
+    };
+    const status = getStatus();
+    return {
+        isLoading: status === OpenfortStatus.LOADING,
+        isConnected: status === OpenfortStatus.CONNECTED,
+        isDisconnected: status === OpenfortStatus.DISCONNECTED,
+        isConnecting: isConnecting || embeddedState === EmbeddedState.CREATING_ACCOUNT,
+        isAuthenticated: embeddedState !== EmbeddedState.NONE && embeddedState !== EmbeddedState.UNAUTHENTICATED,
+    };
+}
+
+function useUser() {
+    const { user, client } = useOpenfortCore();
+    const { isAuthenticated } = useStatus();
+    const getAccessTokenAndUpdate = useCallback(async () => {
+        await client.validateAndRefreshToken();
+        const token = await client.getAccessToken();
+        return token;
+    }, [client]);
+    return {
+        user,
+        isAuthenticated,
+        getAccessToken: getAccessTokenAndUpdate,
+        validateAndRefreshToken: async () => await client.validateAndRefreshToken(),
+    };
+}
+
 const createOpenfortWallet = ({ address, }) => ({
     connectorType: "embedded",
     walletClientType: "openfort",
@@ -10967,7 +11027,7 @@ const createOpenfortWallet = ({ address, }) => ({
     id: embeddedWalletId,
     isAvailable: true,
 });
-const mapStatus$1 = (status) => {
+const mapWalletStatus = (status) => {
     return {
         error: status.error,
         isError: status.status === 'error',
@@ -10977,12 +11037,13 @@ const mapStatus$1 = (status) => {
     };
 };
 function useWallets(hookOptions = {}) {
-    const { user, embeddedState, client } = useOpenfortCore();
-    const { walletConfig, log, setOpen, setRoute, setConnector, uiConfig } = useOpenfortKit();
+    const { client } = useOpenfortCore();
+    const { user } = useUser();
+    const { walletConfig, log, setOpen, setRoute, setConnector, uiConfig } = useOpenfort();
     const { connector, isConnected, address } = useAccount();
     const chainId = useChainId();
     const deviceWallets = useWallets$1(); // TODO: Map wallets object to be the same as wallets
-    const { disconnect } = useDisconnect();
+    const { disconnect, disconnectAsync } = useDisconnect();
     const [status, setStatus] = useState({
         status: "idle",
     });
@@ -11018,16 +11079,16 @@ function useWallets(hookOptions = {}) {
             }
         }
     });
-    const usesEmbeddedWallet = user && walletConfig;
-    const isEmbedded = embeddedState === EmbeddedState.READY;
-    const { data: embeddedWallets, refetch } = useQuery({
+    // will reset on logout
+    const { data: embeddedWallets, refetch, isPending: isLoadingWallets } = useQuery({
         queryKey: ['openfortEmbeddedWalletList'],
-        queryFn: () => !!user ? client.embeddedWallet.list() : Promise.resolve([]),
+        queryFn: () => client.embeddedWallet.list(),
+        refetchOnMount: false,
+        refetchOnWindowFocus: false,
     });
-    useEffect(() => {
-        log("Refetching embedded wallets");
-        refetch();
-    }, [!!user, refetch]);
+    // useEffect(() => {
+    //   queryClient.resetQueries({ queryKey: ['openfortEmbeddedWalletList'] })
+    // }, [!!user, refetch]);
     const getEncryptionSession = useCallback(async () => {
         if (!walletConfig || !walletConfig.createEncryptedSessionEndpoint) {
             throw new Error("No createEncryptedSessionEndpoint set in walletConfig");
@@ -11044,7 +11105,7 @@ function useWallets(hookOptions = {}) {
         const respJSON = await resp.json();
         return respJSON.session;
     }, [walletConfig]);
-    const wallets = useMemo(() => {
+    const rawWallets = useMemo(() => {
         const userWallets = user ? user.linkedAccounts
             .filter((a) => a.provider === AuthProvider.WALLET)
             .map((a) => {
@@ -11067,6 +11128,15 @@ function useWallets(hookOptions = {}) {
         });
         return userWallets;
     }, [user === null || user === void 0 ? void 0 : user.linkedAccounts, embeddedWallets]);
+    const wallets = useMemo(() => {
+        // if (!isConnected || !address) return rawWallets;
+        log("Mapping wallets", { rawWallets, status, address, isConnected, connector });
+        return rawWallets.map((w) => ({
+            ...w,
+            isConnecting: status.status === 'connecting' && status.address === w.address,
+            isActive: w.address === address && isConnected && (connector === null || connector === void 0 ? void 0 : connector.id) === w.id,
+        }));
+    }, [rawWallets, status, address, isConnected, connector]);
     const activeWallet = isConnected && connector ? wallets.find((w) => w.isActive) : undefined;
     useEffect(() => {
         if (connectToConnector)
@@ -11087,7 +11157,7 @@ function useWallets(hookOptions = {}) {
             connector = wallet.connector;
         }
         else {
-            connector = connector;
+            connector = optionsObject.connector;
         }
         if (!connector) {
             log("Connector not found", deviceWallets, optionsObject.connector);
@@ -11097,22 +11167,7 @@ function useWallets(hookOptions = {}) {
             log(`Already connected to ${connector.id} with address ${address}, skipping connection`);
             return { wallet: activeWallet };
         }
-        const hasDisconnected = new Promise((resolve) => {
-            disconnect(undefined, {
-                onSuccess: () => {
-                    resolve();
-                },
-                onError: (error) => {
-                    console.error("Error disconnecting", error);
-                    // setStatus({
-                    //   status: 'error',
-                    //   error: new Error("Failed to disconnect: " + error),
-                    // });
-                    resolve();
-                },
-            });
-        });
-        await hasDisconnected;
+        await disconnectAsync();
         if (showUI) {
             const walletToConnect = wallets.find((w) => w.id == connector.id);
             if (!walletToConnect) {
@@ -11156,31 +11211,22 @@ function useWallets(hookOptions = {}) {
             }
             log(`Handling recovery with Openfort: ${password ? "with password" : "without password"}, chainId=${chainId}`);
             try {
-                const accessToken = await client.getAccessToken();
-                if (!accessToken) {
-                    throw new Error("Openfort access token not found");
-                }
-                log("Access token");
-                const shieldAuthentication = password ? {
-                    auth: ShieldAuthType.OPENFORT,
-                    token: accessToken,
-                } : {
-                    auth: ShieldAuthType.OPENFORT,
-                    token: accessToken,
-                    encryptionSession: walletConfig.getEncryptionSession ?
-                        await walletConfig.getEncryptionSession() :
-                        await getEncryptionSession(),
-                };
-                log("Shield authentication");
                 const recoveryParams = password ? {
                     recoveryMethod: RecoveryMethod.PASSWORD,
                     password,
                 } : {
                     recoveryMethod: RecoveryMethod.AUTOMATIC,
+                    encryptionSession: walletConfig.getEncryptionSession ?
+                        await walletConfig.getEncryptionSession() :
+                        await getEncryptionSession()
                 };
+                // Ensure that the embedded wallet is listed
+                const embeddedWallets = await client.embeddedWallet.list();
                 log("Recovery params", optionsObject.address);
-                if (optionsObject.address) {
-                    const walletId = (_a = embeddedWallets === null || embeddedWallets === void 0 ? void 0 : embeddedWallets.find((w) => w.address === optionsObject.address && w.chainId === chainId)) === null || _a === void 0 ? void 0 : _a.id;
+                log("Embedded wallets", embeddedWallets, chainId);
+                let walletAddress = optionsObject.address;
+                if (walletAddress) {
+                    const walletId = (_a = embeddedWallets === null || embeddedWallets === void 0 ? void 0 : embeddedWallets.find((w) => w.address === walletAddress && w.chainId === chainId)) === null || _a === void 0 ? void 0 : _a.id;
                     if (!walletId) {
                         return onError({
                             error: new OpenfortError("Embedded wallet not found for address", OpenfortErrorType.WALLET_ERROR),
@@ -11190,22 +11236,27 @@ function useWallets(hookOptions = {}) {
                     }
                     await client.embeddedWallet.recover({
                         account: walletId,
-                        shieldAuthentication,
                         recoveryParams,
                     });
                 }
                 else {
-                    if (!embeddedWallets || embeddedWallets.length === 0) {
-                        await createWallet({
-                            password,
+                    // Check if the embedded wallet is already created in the current chain
+                    if (embeddedWallets.some((w) => w.chainId === chainId)) {
+                        const walletToRecover = embeddedWallets.find((w) => w.chainId === chainId);
+                        await client.embeddedWallet.recover({
+                            account: walletToRecover.id,
+                            recoveryParams,
                         });
+                        walletAddress = walletToRecover.address;
                     }
                     else {
-                        await client.embeddedWallet.recover({
-                            account: embeddedWallets[0].id,
-                            shieldAuthentication,
-                            recoveryParams,
+                        const wallet = await createWallet({
+                            password,
                         });
+                        if (!wallet.wallet) {
+                            return { error: wallet.error || new OpenfortError("Failed to create embedded wallet", OpenfortErrorType.WALLET_ERROR) };
+                        }
+                        walletAddress = wallet.wallet.address;
                     }
                 }
                 setStatus({
@@ -11214,7 +11265,7 @@ function useWallets(hookOptions = {}) {
                 return onSuccess({
                     data: {
                         wallet: createOpenfortWallet({
-                            address: optionsObject.address,
+                            address: walletAddress,
                         }),
                     },
                     options: optionsObject,
@@ -11224,25 +11275,36 @@ function useWallets(hookOptions = {}) {
             catch (err) {
                 log('Error handling recovery with Openfort:', err);
                 if (err instanceof MissingRecoveryPasswordError) {
+                    const error = new OpenfortError("Missing recovery password", OpenfortErrorType.WALLET_ERROR);
+                    setStatus({
+                        status: 'error',
+                        error,
+                    });
                     return onError({
-                        error: new OpenfortError("Missing recovery password", OpenfortErrorType.WALLET_ERROR),
+                        error,
                         options: optionsObject,
                         hookOptions
                     });
                 }
                 if (typeof err === 'string') {
+                    const error = new OpenfortError(err, OpenfortErrorType.WALLET_ERROR);
+                    setStatus({
+                        status: 'error',
+                        error,
+                    });
                     return onError({
-                        error: new OpenfortError(err, OpenfortErrorType.WALLET_ERROR),
+                        error,
                         options: optionsObject,
                         hookOptions
                     });
                 }
-                // setStatus({
-                //   status: 'error',
-                //   error: new Error("Failed to connect with embedded wallet: " + err),
-                // });
+                const error = new OpenfortError("The recovery phrase you entered is incorrect.", OpenfortErrorType.WALLET_ERROR);
+                setStatus({
+                    status: 'error',
+                    error,
+                });
                 return onError({
-                    error: new OpenfortError("The recovery phrase you entered is incorrect.", OpenfortErrorType.WALLET_ERROR),
+                    error,
                     options: optionsObject,
                     hookOptions
                 });
@@ -11259,71 +11321,110 @@ function useWallets(hookOptions = {}) {
             });
         }
         return {};
-    }, [wallets, setOpen, setRoute, setConnector, disconnect, log, isConnected, address, usesEmbeddedWallet, isEmbedded]);
+    }, [wallets, setOpen, setRoute, setConnector, disconnectAsync, log, address, client, walletConfig, chainId, refetch, hookOptions]);
     const createWallet = useCallback(async ({ password, ...options } = {}) => {
         var _a;
         setStatus({
             status: 'creating',
         });
         log("Creating wallet", { password: !!password, options });
-        const accessToken = await client.getAccessToken();
-        if (!accessToken) {
+        try {
+            const accessToken = await client.getAccessToken();
+            if (!accessToken) {
+                return onError({
+                    error: new OpenfortError("Openfort access token not found", OpenfortErrorType.WALLET_ERROR),
+                    hookOptions,
+                    options,
+                });
+            }
+            if (!walletConfig) {
+                return onError({
+                    error: new OpenfortError("Embedded signer not enabled", OpenfortErrorType.WALLET_ERROR),
+                    hookOptions,
+                    options,
+                });
+            }
+            const recoveryParams = password ? {
+                recoveryMethod: RecoveryMethod.PASSWORD,
+                password,
+            } : {
+                recoveryMethod: RecoveryMethod.AUTOMATIC,
+                encryptionSession: walletConfig.getEncryptionSession ?
+                    await walletConfig.getEncryptionSession() :
+                    await getEncryptionSession()
+            };
+            const wallet = await client.embeddedWallet.create({
+                chainId: (_a = uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.initialChainId) !== null && _a !== void 0 ? _a : chainId,
+                accountType: (options === null || options === void 0 ? void 0 : options.accountType) || (walletConfig === null || walletConfig === void 0 ? void 0 : walletConfig.accountType) || AccountTypeEnum.SMART_ACCOUNT,
+                chainType: ChainTypeEnum.EVM,
+                recoveryParams,
+            });
+            setStatus({
+                status: 'success',
+            });
+            refetch();
+            return onSuccess({
+                data: {
+                    wallet: createOpenfortWallet({
+                        address: wallet.address,
+                    })
+                }
+            });
+        }
+        catch (e) {
+            const errorObj = e instanceof Error ? e : new Error('Failed to create wallet');
+            const error = new OpenfortError('Failed to create wallet', OpenfortErrorType.WALLET_ERROR, { error: errorObj });
+            setStatus({
+                status: 'error',
+                error,
+            });
             return onError({
-                error: new OpenfortError("Openfort access token not found", OpenfortErrorType.WALLET_ERROR),
+                error,
                 hookOptions,
                 options,
             });
         }
-        if (!walletConfig) {
+    }, [refetch, client, uiConfig, chainId]);
+    const setRecovery = useCallback(async (params) => {
+        try {
+            setStatus({
+                status: 'loading',
+            });
+            // Set embedded wallet recovery method
+            await client.embeddedWallet.setRecoveryMethod(params.previousRecovery, params.newRecovery);
+            // Get the updated embedded account
+            const embeddedAccount = await client.embeddedWallet.get();
+            setStatus({ status: 'success' });
+            return onSuccess({
+                hookOptions,
+                options: params,
+                data: {
+                    wallet: createOpenfortWallet({
+                        address: embeddedAccount.address,
+                    }),
+                }
+            });
+        }
+        catch (error) {
+            const errorObj = error instanceof Error ? error : new Error('Failed to set wallet recovery');
             return onError({
-                error: new OpenfortError("Embedded signer not enabled", OpenfortErrorType.WALLET_ERROR),
                 hookOptions,
-                options,
+                options: params,
+                error: new OpenfortError('Failed to set wallet recovery', OpenfortErrorType.WALLET_ERROR, { error: errorObj }),
             });
         }
-        const shieldAuthentication = {
-            auth: ShieldAuthType.OPENFORT,
-            token: accessToken,
-            encryptionSession: walletConfig.getEncryptionSession ?
-                await walletConfig.getEncryptionSession() :
-                await getEncryptionSession(),
-        };
-        const recoveryParams = password ? {
-            recoveryMethod: RecoveryMethod.PASSWORD,
-            password,
-        } : {
-            recoveryMethod: RecoveryMethod.AUTOMATIC,
-        };
-        const wallet = await client.embeddedWallet.create({
-            chainId: (_a = uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.initialChainId) !== null && _a !== void 0 ? _a : chainId,
-            accountType: AccountTypeEnum.SMART_ACCOUNT,
-            chainType: ChainTypeEnum.EVM,
-            recoveryParams,
-            shieldAuthentication
-        });
-        setStatus({
-            status: 'success',
-        });
-        refetch();
-        return onSuccess({
-            data: {
-                wallet: createOpenfortWallet({
-                    address: wallet.address,
-                })
-            }
-        });
-    }, [refetch, client, uiConfig, chainId]);
+    }, [client, setStatus, hookOptions]);
     return {
-        wallets: wallets.map((w) => ({
-            ...w,
-            isConnecting: status.status === 'connecting' && status.address === w.address,
-            isActive: w.address === address && isConnected && (connector === null || connector === void 0 ? void 0 : connector.id) === w.id,
-        })),
+        hasWallet: wallets.length > 0,
+        isLoadingWallets,
+        wallets,
         availableWallets: deviceWallets,
         activeWallet,
-        setActiveWallet,
+        setRecovery,
+        reset: () => setStatus({ status: 'idle' }),
         createWallet,
-        ...mapStatus$1(status),
+        setActiveWallet,
+        ...mapWalletStatus(status),
         exportPrivateKey: client.embeddedWallet.exportPrivateKey,
     };
 }
@@ -11332,7 +11433,7 @@ function useWallets(hookOptions = {}) {
 const Recover = () => {
     const [recoveryPhrase, setRecoveryPhrase] = React.useState("");
     const [recoveryError, setRecoveryError] = React.useState(false);
-    const { triggerResize, uiConfig: options, log } = useOpenfortKit();
+    const { triggerResize, uiConfig: options, log } = useOpenfort();
     useChainId();
     const [loading, setLoading] = React.useState(false);
     const { setActiveWallet } = useWallets();
@@ -11362,7 +11463,7 @@ const Recover = () => {
 const AutomaticRecovery = () => {
     const { needsRecovery } = useOpenfortCore();
     const { setActiveWallet } = useWallets();
-    const { log } = useOpenfortKit();
+    const { log } = useOpenfort();
     const [hasRecoveryMethod, setHasRecoveryMethod] = React.useState(false);
     useEffect(() => {
         (async () => {
@@ -11384,7 +11485,7 @@ const AutomaticRecovery = () => {
     return (jsx(PageContent, { children: jsx(Loader, { reason: "Setting up signer" }) }));
 };
 const Connected = () => {
-    const { setOpen } = useOpenfortKit();
+    const { setOpen } = useOpenfort();
     // hide on connect
     useEffect(() => {
         setTimeout(() => {
@@ -11395,7 +11496,7 @@ const Connected = () => {
 };
 const CreateEmbeddedSigner = () => {
     const { needsRecovery, user } = useOpenfortCore();
-    const { triggerResize, uiConfig, walletConfig, setRoute } = useOpenfortKit();
+    const { triggerResize, uiConfig, walletConfig, setRoute } = useOpenfort();
     const [loading, setLoading] = React.useState(true);
     const [embeddedSignerLoading, setEmbeddedSignerLoading] = React.useState(true);
     const { isConnected } = useAccount();
@@ -11447,7 +11548,7 @@ const SocialProviders = () => {
 const customThemeDefault = {};
 const ConnectModal = ({ mode = 'auto', theme = 'auto', customTheme = customThemeDefault, lang = 'en-US' }) => {
     var _a;
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const { logout, user } = useOpenfortCore();
     const { isConnected, chain } = useAccount();
     const chainIsSupported = useChainIsSupported(chain === null || chain === void 0 ? void 0 : chain.id);
@@ -11577,7 +11678,7 @@ const ConnectModal = ({ mode = 'auto', theme = 'auto', customTheme = customTheme
 };
 
 /**
- * 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.
@@ -11591,15 +11692,15 @@ const ConnectModal = ({ mode = 'auto', theme = 'auto', customTheme = customTheme
  * @param {OpenfortOptions} [openfortOptions] - Options for Openfort integration.
  * @throws Will throw an error if used outside of a WagmiProvider or if nested usages are detected.
  */
-const OpenfortProvider = ({ children, uiConfig, onConnect, onDisconnect, debugMode = false, publishableKey, walletConfig, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+const OpenfortProvider = ({ children, uiConfig, onConnect, onDisconnect, debugMode = false, publishableKey, walletConfig, overrides, thirdPartyAuth, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     // OpenfortProvider must be within a WagmiProvider
     if (!React.useContext(WagmiContext)) {
         throw Error('OpenfortProvider must be within a WagmiProvider');
     }
     // Only allow for mounting OpenfortProvider once, so we avoid weird global
     // state collisions.
-    if (React.useContext(OpenfortKitContext)) {
+    if (React.useContext(Openfortcontext)) {
         throw new Error('Multiple, nested usages of OpenfortProvider detected. Please use only one.');
     }
     const chains = useChains();
@@ -11632,7 +11733,7 @@ const OpenfortProvider = ({ children, uiConfig, onConnect, onDisconnect, debugMo
         authProviders: [],
     };
     const opts = Object.assign({}, defaultOptions, uiConfig);
-    if (((_b = opts.authProviders) === null || _b === void 0 ? void 0 : _b.length) === 0) {
+    if (!opts.authProviders || opts.authProviders.length === 0) {
         opts.authProviders = [
             AuthProvider.GUEST,
             AuthProvider.EMAIL,
@@ -11642,7 +11743,7 @@ const OpenfortProvider = ({ children, uiConfig, onConnect, onDisconnect, debugMo
     if (typeof window !== 'undefined') {
         // Buffer Polyfill, needed for bundlers that don't provide Node polyfills (e.g CRA, Vite, etc.)
         if (opts.bufferPolyfill)
-            window.Buffer = (_c = window.Buffer) !== null && _c !== void 0 ? _c : Buffer;
+            window.Buffer = (_b = window.Buffer) !== null && _b !== void 0 ? _b : Buffer;
         // Some bundlers may need `global` and `process.env` polyfills as well
         // Not implemented here to avoid unexpected behaviors, but leaving example here for future reference
         /*
@@ -11650,9 +11751,9 @@ const OpenfortProvider = ({ children, uiConfig, onConnect, onDisconnect, debugMo
          * window.process = window.process ?? { env: {} };
          */
     }
-    const [ckTheme, setTheme] = useState((_e = (_d = uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.theme) !== null && _d !== void 0 ? _d : defaultOptions.theme) !== null && _e !== void 0 ? _e : "auto");
-    const [ckMode, setMode] = useState((_g = (_f = uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.mode) !== null && _f !== void 0 ? _f : defaultOptions.mode) !== null && _g !== void 0 ? _g : 'auto');
-    const [ckCustomTheme, setCustomTheme] = useState((_h = uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.customTheme) !== null && _h !== void 0 ? _h : {});
+    const [ckTheme, setTheme] = useState((_d = (_c = uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.theme) !== null && _c !== void 0 ? _c : defaultOptions.theme) !== null && _d !== void 0 ? _d : "auto");
+    const [ckMode, setMode] = useState((_f = (_e = uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.mode) !== null && _e !== void 0 ? _e : defaultOptions.mode) !== null && _f !== void 0 ? _f : 'auto');
+    const [ckCustomTheme, setCustomTheme] = useState((_g = uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.customTheme) !== null && _g !== void 0 ? _g : {});
     const [ckLang, setLang] = useState('en-US');
     const [open, setOpen] = useState(false);
     const [connector, setConnector] = useState({
@@ -11701,6 +11802,7 @@ const OpenfortProvider = ({ children, uiConfig, onConnect, onDisconnect, debugMo
         connector,
         setConnector,
         onConnect,
+        onDisconnect,
         // Other configuration
         uiConfig: opts,
         errorMessage,
@@ -11717,14 +11819,16 @@ const OpenfortProvider = ({ children, uiConfig, onConnect, onDisconnect, debugMo
         resize,
         triggerResize: () => onResize((prev) => prev + 1),
         walletConfig,
+        overrides,
+        thirdPartyAuth,
     };
-    return createElement(OpenfortKitContext.Provider, { value }, jsx(Fragment, { children: jsx(Web3ContextProvider, { enabled: open, children: jsxs(CoreOpenfortProvider, { baseConfiguration: {
+    return createElement(Openfortcontext.Provider, { value }, jsx(Fragment, { children: jsx(Web3ContextProvider, { enabled: open, children: jsxs(CoreOpenfortProvider, { baseConfiguration: {
                     publishableKey,
                 }, shieldConfiguration: walletConfig ? {
                     shieldPublishableKey: walletConfig.shieldPublishableKey,
                     shieldEncryptionKey: walletConfig.recoveryMethod === RecoveryMethod.PASSWORD ? walletConfig.shieldEncryptionKey : undefined,
                     debug: debugMode,
-                } : undefined, overrides: opts.openfortUrlOverrides, debugMode: debugMode, onConnect: onConnect, onDisconnect: onDisconnect, children: [children, jsx(ConnectModal, { lang: ckLang, theme: ckTheme, mode: (_j = uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.mode) !== null && _j !== void 0 ? _j : ckMode, customTheme: ckCustomTheme })] }) }) }));
+                } : undefined, overrides: overrides, thirdPartyAuth: thirdPartyAuth, debugMode: debugMode, onConnect: onConnect, onDisconnect: onDisconnect, children: [children, jsx(ConnectModal, { lang: ckLang, theme: ckTheme, mode: (_h = uiConfig === null || uiConfig === void 0 ? void 0 : uiConfig.mode) !== null && _h !== void 0 ? _h : ckMode, customTheme: ckCustomTheme })] }) }) }));
 };
 
 const Container$1 = styled(motion.div) `
@@ -11977,7 +12081,7 @@ const allRoutes = [
     ...safeRoutes.disconnected,
 ];
 function useUI() {
-    const { open, setOpen, setRoute, log } = useOpenfortKit();
+    const { open, setOpen, setRoute, log } = useOpenfort();
     const { isLoading, user, needsRecovery } = useOpenfortCore();
     const { isConnected } = useAccount();
     function defaultOpen() {
@@ -12102,7 +12206,7 @@ const textVariants = {
 };
 const ConnectButtonRenderer = ({ children, }) => {
     const isMounted = useIsMounted();
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const { open, close, isOpen } = useUI();
     const { address, isConnected, chain } = useAccount();
     const isChainSupported = useChainIsSupported(chain === null || chain === void 0 ? void 0 : chain.id);
@@ -12135,7 +12239,7 @@ const ConnectButtonRenderer = ({ children, }) => {
             ensName: ensName === null || ensName === void 0 ? void 0 : ensName.toString(),
         }) }));
 };
-ConnectButtonRenderer.displayName = 'OpenfortKitButton.Custom';
+ConnectButtonRenderer.displayName = 'OpenfortButton.Custom';
 const ConnectedLabel = ({ separator }) => {
     const { user, isLoading } = useOpenfortCore();
     const { address } = useAccount();
@@ -12147,7 +12251,7 @@ const ConnectedLabel = ({ separator }) => {
         return truncateUserId(user.id, separator);
     return "Loading...";
 };
-function OpenfortKitButtonInner({ label, showAvatar, separator, }) {
+function OpenfortButtonInner({ label, showAvatar, separator, }) {
     const locales = useLocales({});
     const { user } = useOpenfortCore();
     const { address, chain } = useAccount();
@@ -12172,7 +12276,7 @@ function OpenfortKitButtonInner({ label, showAvatar, separator, }) {
                 //padding: '0 5px',
             }, children: label ? label : defaultLabel }, "connectWalletText")) }));
 }
-function OpenfortKitButton({ 
+function OpenfortButton({ 
 // Options
 label, showBalance = false, showAvatar = true, 
 // Theming
@@ -12181,7 +12285,7 @@ theme, mode, customTheme,
 onClick, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const isMounted = useIsMounted();
-    const context = useOpenfortKit();
+    const context = useOpenfort();
     const { address, chain } = useAccount();
     const chainIsSupported = useChainIsSupported(chain === null || chain === void 0 ? void 0 : chain.id);
     const { open } = useUI();
@@ -12234,59 +12338,9 @@ onClick, }) {
                         }
                         : {
                             overflow: 'hidden',
-                        }, children: jsx(OpenfortKitButtonInner, { separator: separator, showAvatar: showAvatar, label: label }) })] }) }));
-}
-OpenfortKitButton.Custom = ConnectButtonRenderer;
-
-var OpenfortKitStatus;
-(function (OpenfortKitStatus) {
-    OpenfortKitStatus[OpenfortKitStatus["DISCONNECTED"] = 0] = "DISCONNECTED";
-    OpenfortKitStatus[OpenfortKitStatus["NEEDS_RECOVERY"] = 1] = "NEEDS_RECOVERY";
-    OpenfortKitStatus[OpenfortKitStatus["LOADING"] = 2] = "LOADING";
-    OpenfortKitStatus[OpenfortKitStatus["CONNECTED"] = 3] = "CONNECTED";
-})(OpenfortKitStatus || (OpenfortKitStatus = {}));
-function useStatus() {
-    const { embeddedState } = useOpenfortCore();
-    const { isConnected, isConnecting } = useAccount();
-    const getStatus = () => {
-        if (embeddedState === EmbeddedState.READY)
-            return OpenfortKitStatus.CONNECTED;
-        if (embeddedState === EmbeddedState.NONE)
-            return OpenfortKitStatus.LOADING;
-        // if (needsRecovery) return OpenfortKitStatus.NEEDS_RECOVERY;
-        if (embeddedState === EmbeddedState.EMBEDDED_SIGNER_NOT_CONFIGURED) {
-            if (isConnected)
-                return OpenfortKitStatus.CONNECTED;
-            else
-                return OpenfortKitStatus.NEEDS_RECOVERY;
-        }
-        return OpenfortKitStatus.DISCONNECTED;
-    };
-    const status = getStatus();
-    return {
-        isLoading: status === OpenfortKitStatus.LOADING,
-        isConnected: status === OpenfortKitStatus.CONNECTED,
-        isDisconnected: status === OpenfortKitStatus.DISCONNECTED,
-        isConnecting: isConnecting || embeddedState === EmbeddedState.CREATING_ACCOUNT,
-        isAuthenticated: embeddedState !== EmbeddedState.NONE && embeddedState !== EmbeddedState.UNAUTHENTICATED,
-    };
-}
-
-function useUser() {
-    const { user, client } = useOpenfortCore();
-    const { isAuthenticated } = useStatus();
-    const getAccessTokenAndUpdate = useCallback(async () => {
-        await client.validateAndRefreshToken();
-        const token = await client.getAccessToken();
-        return token;
-    }, [client]);
-    return {
-        user,
-        isAuthenticated,
-        getAccessToken: getAccessTokenAndUpdate,
-        validateAndRefreshToken: async () => await client.validateAndRefreshToken(),
-    };
+                        }, children: jsx(OpenfortButtonInner, { separator: separator, showAvatar: showAvatar, label: label }) })] }) }));
 }
+OpenfortButton.Custom = ConnectButtonRenderer;
 
 function useWallet() {
     const { activeWallet } = useWallets();
@@ -12320,14 +12374,14 @@ function useSignOut(hookOptions = {}) {
         status: "idle",
     });
     const { disconnect } = useDisconnect();
+    const queryClient = useQueryClient();
     const signOut = useCallback(async (options = {}) => {
-        if (!user)
-            return;
         setStatus({
             status: 'loading',
         });
         try {
             await client.auth.logout();
+            queryClient.resetQueries({ queryKey: ['openfortEmbeddedWalletList'] });
             disconnect();
             updateUser();
             setStatus({
@@ -12339,12 +12393,17 @@ function useSignOut(hookOptions = {}) {
                 data: {},
             });
         }
-        catch (error) {
+        catch (e) {
+            const error = new OpenfortError('Failed to sign out', OpenfortErrorType.AUTHENTICATION_ERROR, { error: e });
             setStatus({
                 status: 'error',
-                error: new OpenfortError('Failed to sign out', OpenfortErrorType.AUTHENTICATION_ERROR, { error }),
+                error,
+            });
+            return onError({
+                hookOptions,
+                options,
+                error,
             });
-            throw error;
         }
     }, [client, user, disconnect, updateUser, setStatus, hookOptions]);
     return {
@@ -12356,7 +12415,7 @@ function useSignOut(hookOptions = {}) {
 // this hook is used to create a wallet after the user has authenticated
 const useCreateWalletPostAuth = () => {
     const { setActiveWallet } = useWallets();
-    const { walletConfig } = useOpenfortKit();
+    const { walletConfig } = useOpenfort();
     const { signOut } = useSignOut();
     const tryUseWallet = useCallback(async ({ logoutOnError: signOutOnError = true, automaticRecovery = true }) => {
         if (!walletConfig || walletConfig.recoveryMethod !== RecoveryMethod.AUTOMATIC || !automaticRecovery) {
@@ -12377,7 +12436,7 @@ const useCreateWalletPostAuth = () => {
 };
 
 const useEmailAuth = (hookOptions = {}) => {
-    const { log } = useOpenfortKit();
+    const { log } = useOpenfort();
     const { client, updateUser } = useOpenfortCore();
     const [requiresEmailVerification, setRequiresEmailVerification] = useState(false);
     const [status, setStatus] = useState({
@@ -12648,14 +12707,14 @@ const useEmailAuth = (hookOptions = {}) => {
             });
         }
     }, [client, setStatus, updateUser, log, hookOptions]);
-    const verifyEmail = useCallback(async ({ email, state, ...options }) => {
+    const verifyEmail = useCallback(async (options) => {
         setStatus({
             status: 'loading',
         });
         try {
             await client.auth.verifyEmail({
-                email,
-                state,
+                email: options.email,
+                state: options.state,
             });
             setStatus({
                 status: 'success',
@@ -12664,7 +12723,7 @@ const useEmailAuth = (hookOptions = {}) => {
                 hookOptions,
                 options,
                 data: {
-                    email,
+                    email: options.email,
                 },
             });
         }
@@ -12696,7 +12755,7 @@ const useEmailAuth = (hookOptions = {}) => {
     };
 };
 
-const providerToAuthProvider = {
+({
     // [OAuthProvider.APPLE]: AuthProvider.,
     // [OAuthProvider.DISCORD]: AuthProvider.,
     // [OAuthProvider.EPIC_GAMES]: AuthProvider.,
@@ -12704,13 +12763,7 @@ const providerToAuthProvider = {
     [AuthProvider.GOOGLE]: OAuthProvider.GOOGLE,
     // [OAuthProvider.LINE]: AuthProvider.,
     [AuthProvider.TWITTER]: OAuthProvider.TWITTER,
-};
-function getOAuthProvider(provider) {
-    if (!providerToAuthProvider[provider]) {
-        throw new Error(`Unsupported OAuth provider: ${provider}`);
-    }
-    return providerToAuthProvider[provider];
-}
+});
 const useOAuth = (hookOptions = {}) => {
     const { client, updateUser } = useOpenfortCore();
     const [status, setStatus] = useState({
@@ -12762,7 +12815,7 @@ const useOAuth = (hookOptions = {}) => {
                 status: 'loading',
             });
             await client.auth.initOAuth({
-                provider: getOAuthProvider(authProvider),
+                provider: authProvider,
                 options: {
                     redirectTo: buildCallbackUrl({
                         provider: authProvider,
@@ -12802,7 +12855,7 @@ const useOAuth = (hookOptions = {}) => {
             }
             await client.auth.initLinkOAuth({
                 authToken,
-                provider: getOAuthProvider(authProvider),
+                provider: authProvider,
                 options: {
                     redirectTo: buildCallbackUrl({
                         provider: authProvider,
@@ -12839,7 +12892,7 @@ const useOAuth = (hookOptions = {}) => {
 
 const useAuthCallback = ({ enabled = true, // Automatically handle OAuth and email callback
 ...hookOptions } = {}) => {
-    const { log } = useOpenfortKit();
+    const { log } = useOpenfort();
     const [provider, setProvider] = useState(null);
     const [email, setEmail] = useState(null);
     const { verifyEmail, isSuccess: isEmailSuccess, isLoading: isEmailLoading, isError: isEmailError, error: emailError, } = useEmailAuth();
@@ -12980,12 +13033,11 @@ const useGuestAuth = (hookOptions = {}) => {
             setStatus({
                 status: 'success',
             });
-            onSuccess({
+            return onSuccess({
                 hookOptions,
                 options,
-                data: user,
+                data: { user, wallet },
             });
-            return { user, wallet };
         }
         catch (error) {
             const openfortError = new OpenfortError("Failed to signup guest", OpenfortErrorType.AUTHENTICATION_ERROR, { error });
@@ -13008,13 +13060,12 @@ const useGuestAuth = (hookOptions = {}) => {
 
 const useWalletAuth = (hookOptions = {}) => {
     const { updateUser } = useOpenfortCore();
-    const { log } = useOpenfortKit();
+    const { log } = useOpenfort();
     const siwe = useConnectWithSiwe();
     const availableWallets = useWallets$1(); // TODO: Use this to get the wallet client type
     const { disconnect } = useDisconnect();
     const [walletConnectingTo, setWalletConnectingTo] = useState(null);
     const [shouldConnectWithSiwe, setShouldConnectWithSiwe] = useState(false);
-    useAccount();
     const [status, setStatus] = useState({
         status: "idle",
     });
@@ -13189,5 +13240,5 @@ const useWalletAuth = (hookOptions = {}) => {
     };
 };
 
-export { AuthProvider, Avatar, Chain as ChainIcon, OPENFORTKIT_VERSION, OpenfortError, OpenfortErrorType, OpenfortKitButton, OpenfortKitContext, OpenfortKitStatus, OpenfortProvider, embeddedWalletId, defaultConfig as getDefaultConfig, defaultConnectors as getDefaultConnectors, useAuthCallback, useChainIsSupported, useChains, useConnectWithSiwe, useEmailAuth, useGuestAuth, useOAuth, useOpenfortCore as useOpenfort, useSignOut, useStatus, useUI, useUser, useWallet, useWalletAuth, useWallets, wallets };
+export { AuthProvider, Avatar, Chain as ChainIcon, OPENFORT_VERSION, OpenfortButton, OpenfortError, OpenfortErrorType, OpenfortProvider, OpenfortStatus, embeddedWalletId, defaultConfig as getDefaultConfig, defaultConnectors as getDefaultConnectors, useAuthCallback, useChainIsSupported, useChains, useConnectWithSiwe, useEmailAuth, useGuestAuth, useOAuth, useOpenfortCore as useOpenfort, useSignOut, useStatus, useUI, useUser, useWallet, useWalletAuth, useWallets, wallets };
 //# sourceMappingURL=index.es.js.map