@oasisprotocol/privana-sdk 0.2.0 → 0.3.0

package/dist/index.cjs

@@ -3,13 +3,13 @@
 
 var react = require('react');
 var viem = require('viem');
+var siwe = require('viem/siwe');
+var wagmi = require('wagmi');
+var actions = require('wagmi/actions');
 var jsxRuntime = require('react/jsx-runtime');
 var reactQuery = require('@tanstack/react-query');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var siwe = require('viem/siwe');
-var wagmi = require('wagmi');
-var actions = require('wagmi/actions');
 var actions$1 = require('viem/actions');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
@@ -51,7 +51,7 @@ var config_default = {
       chainId: 23295,
       name: "Sapphire Testnet",
       accountingContract: "0xaF8e5de153A584528B57DD4B9B0195956BBDF571",
-      apiUrl: "https://flexvaults-staging.rofl.build"
+      apiUrl: "https://testnet.privana.finance"
     },
     mainnet: {
       chainId: 23294,
@@ -791,6 +791,235 @@ async function signWithdrawFromLockMessage({
   });
   return signature;
 }
+var defaultResult = {
+  address: void 0,
+  isConnected: false,
+  status: "disconnected"
+};
+function useSafeAccount() {
+  const context = react.useContext(wagmi.WagmiContext);
+  const cacheRef = react.useRef(defaultResult);
+  const subscribe = react.useCallback(
+    (onChange) => {
+      if (!context) return () => {
+      };
+      return actions.watchAccount(context, { onChange });
+    },
+    [context]
+  );
+  const getSnapshot = react.useCallback(() => {
+    if (!context) return defaultResult;
+    const account = actions.getAccount(context);
+    if (cacheRef.current.address !== account.address || cacheRef.current.isConnected !== account.isConnected || cacheRef.current.status !== account.status) {
+      cacheRef.current = {
+        address: account.address,
+        isConnected: account.isConnected,
+        status: account.status
+      };
+    }
+    return cacheRef.current;
+  }, [context]);
+  const getServerSnapshot = react.useCallback(() => defaultResult, []);
+  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+// src/sdk/hooks/private-read-token-store.ts
+var AUTH_CLOCK_SKEW_MS = 3e4;
+var cache = /* @__PURE__ */ new Map();
+function createScopeKey(apiUrl, chainId, address) {
+  return `${apiUrl.replace(/\/$/, "")}:${chainId}:${address.toLowerCase()}`;
+}
+function getCachedPrivateReadToken(scopeKey) {
+  const cached = cache.get(scopeKey);
+  if (!cached) return null;
+  if (cached.expiresAt <= Date.now() + AUTH_CLOCK_SKEW_MS) {
+    cache.delete(scopeKey);
+    return null;
+  }
+  return cached.token;
+}
+function setCachedPrivateReadToken(scopeKey, token, expiresAt) {
+  cache.set(scopeKey, { token, expiresAt });
+}
+function deleteCachedPrivateReadToken(scopeKey) {
+  cache.delete(scopeKey);
+}
+var DEFAULT_SIWE_VALIDITY_MS = 24 * 60 * 60 * 1e3;
+var DEFAULT_STATEMENT = "Sign in to access your private account data.";
+var AUTH_REFRESH_SKEW_MS = 3e4;
+var SiweAuthContext = react.createContext(null);
+function SiweAuthProvider({
+  children,
+  client,
+  networkConfig,
+  autoLogin = true,
+  statement
+}) {
+  const wagmiContext = react.useContext(wagmi.WagmiContext);
+  const { address, isConnected, status } = useSafeAccount();
+  const [session, setSession] = react.useState(null);
+  const [tokens, setTokens] = react.useState(null);
+  const [isLoading, setIsLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [accessTokenExpiresAt, setAccessTokenExpiresAt] = react.useState(null);
+  const loginInFlight = react.useRef(false);
+  const autoAttemptedAddress = react.useRef(null);
+  const refreshInFlight = react.useRef(false);
+  const refreshDataRef = react.useRef(null);
+  const clearSession = react.useCallback(() => {
+    refreshDataRef.current = null;
+    setAccessTokenExpiresAt(null);
+    client.clearPrivateReadToken();
+    client.clearBearerToken();
+    setSession(null);
+    setTokens(null);
+    setError(null);
+    autoAttemptedAddress.current = null;
+  }, [client]);
+  const logout = react.useCallback(async () => {
+    setError(null);
+    const refreshToken = refreshDataRef.current?.refreshToken;
+    try {
+      if (refreshToken) {
+        await client.logoutJwtSession({ refresh_token: refreshToken });
+      }
+    } finally {
+      clearSession();
+      autoAttemptedAddress.current = address ?? null;
+    }
+  }, [clearSession, client, address]);
+  const login = react.useCallback(async () => {
+    if (!wagmiContext) throw new Error("WagmiProvider is required for SIWE auth");
+    if (!address) throw new Error("No wallet connected");
+    if (loginInFlight.current) return;
+    loginInFlight.current = true;
+    setIsLoading(true);
+    setError(null);
+    try {
+      const walletClient = await actions.getWalletClient(wagmiContext);
+      if (!walletClient) throw new Error("No wallet client available");
+      const [{ domain }, nonceRes] = await Promise.all([
+        client.getSiweDomain(),
+        client.getSiweNonce(address)
+      ]);
+      const issuedAt = /* @__PURE__ */ new Date();
+      const expirationTime = new Date(issuedAt.getTime() + DEFAULT_SIWE_VALIDITY_MS);
+      const uri = typeof window !== "undefined" && window.location.origin ? window.location.origin : networkConfig.apiUrl;
+      const message = siwe.createSiweMessage({
+        address,
+        chainId: networkConfig.chainId,
+        domain,
+        uri,
+        version: "1",
+        nonce: nonceRes.nonce,
+        statement: statement ?? DEFAULT_STATEMENT,
+        issuedAt,
+        expirationTime
+      });
+      const signature = await walletClient.signMessage({
+        account: walletClient.account ?? address,
+        message
+      });
+      const res = await client.loginWithSiwe({ siwe_message: message, signature });
+      const loggedInAt = Date.now();
+      client.setPrivateReadToken(res.siwe_token);
+      client.setBearerToken(res.jwt_access_token);
+      refreshDataRef.current = {
+        refreshToken: res.jwt_refresh_token,
+        refreshExpiresAt: loggedInAt + res.jwt_refresh_expires_in * 1e3
+      };
+      setCachedPrivateReadToken(
+        createScopeKey(networkConfig.apiUrl, networkConfig.chainId, address),
+        res.siwe_token,
+        expirationTime.getTime()
+      );
+      setSession({ address: res.address });
+      setTokens({
+        siwe_token: res.siwe_token,
+        jwt_access_token: res.jwt_access_token,
+        jwt_refresh_token: res.jwt_refresh_token,
+        address: res.address
+      });
+      setAccessTokenExpiresAt(loggedInAt + res.jwt_expires_in * 1e3);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Sign-in failed"));
+      throw err;
+    } finally {
+      setIsLoading(false);
+      loginInFlight.current = false;
+    }
+  }, [wagmiContext, address, client, networkConfig.chainId, networkConfig.apiUrl, statement]);
+  const refreshAccessToken = react.useCallback(async () => {
+    const data = refreshDataRef.current;
+    if (!data || refreshInFlight.current) return;
+    if (Date.now() >= data.refreshExpiresAt - AUTH_REFRESH_SKEW_MS) {
+      clearSession();
+      return;
+    }
+    refreshInFlight.current = true;
+    try {
+      const res = await client.refreshJwtSession({ refresh_token: data.refreshToken });
+      const refreshedAt = Date.now();
+      client.setBearerToken(res.token);
+      refreshDataRef.current = {
+        refreshToken: res.refresh_token,
+        refreshExpiresAt: refreshedAt + res.refresh_expires_in * 1e3
+      };
+      setTokens(
+        (prev) => prev ? { ...prev, jwt_access_token: res.token, jwt_refresh_token: res.refresh_token } : prev
+      );
+      setAccessTokenExpiresAt(refreshedAt + res.expires_in * 1e3);
+    } catch {
+      clearSession();
+    } finally {
+      refreshInFlight.current = false;
+    }
+  }, [client, clearSession]);
+  react.useEffect(() => {
+    if (accessTokenExpiresAt == null) return;
+    const delay = Math.max(accessTokenExpiresAt - AUTH_REFRESH_SKEW_MS - Date.now(), 0);
+    const timer = setTimeout(() => {
+      void refreshAccessToken();
+    }, delay);
+    return () => clearTimeout(timer);
+  }, [accessTokenExpiresAt, refreshAccessToken]);
+  react.useEffect(() => {
+    if (!autoLogin) return;
+    if (status === "connecting" || status === "reconnecting") return;
+    if (!isConnected && session) {
+      clearSession();
+      return;
+    }
+    if (isConnected && address && session && address.toLowerCase() !== session.address.toLowerCase()) {
+      clearSession();
+      return;
+    }
+    if (isConnected && address && !session && !isLoading && autoAttemptedAddress.current !== address) {
+      autoAttemptedAddress.current = address;
+      void login().catch(() => {
+      });
+    }
+  }, [autoLogin, status, isConnected, address, session, isLoading, login, clearSession]);
+  const value = react.useMemo(
+    () => ({
+      isAuthenticated: !!session,
+      isLoading,
+      error,
+      session,
+      accessToken: tokens?.jwt_access_token,
+      tokens,
+      login,
+      logout
+    }),
+    [session, isLoading, error, tokens, login, logout]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(SiweAuthContext.Provider, { value, children });
+}
+function useSiweAuth() {
+  const ctx = react.useContext(SiweAuthContext);
+  if (!ctx) throw new Error("useSiweAuth must be used within SiweAuthProvider");
+  return ctx;
+}
 var PrivanaContext = react.createContext(null);
 function readStoredHostedAuthSession(storage, hostedAuthStorageKey, now = Date.now()) {
   const raw = storage.getItem(hostedAuthStorageKey);
@@ -831,8 +1060,14 @@ function PrivanaProvider({
   chains,
   pollingInterval = 1e4,
   serviceAddress,
-  hostedAuth
+  hostedAuth,
+  siweAuth
 }) {
+  if (hostedAuth && siweAuth) {
+    throw new Error(
+      "PrivanaProvider: `hostedAuth` and `siweAuth` are mutually exclusive - provide only one. When both are set, private reads use hosted auth and the in-app SIWE login is ignored."
+    );
+  }
   const networkConfig = react.useMemo(() => {
     const config = {
       ...DEFAULT_NETWORK_CONFIG,
@@ -1067,7 +1302,16 @@ function PrivanaProvider({
       refreshHostedAuthSession
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(PrivanaContext.Provider, { value, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(PrivanaContext.Provider, { value, children: siweAuth ? /* @__PURE__ */ jsxRuntime.jsx(
+    SiweAuthProvider,
+    {
+      client,
+      networkConfig,
+      autoLogin: siweAuth.autoLogin,
+      statement: siweAuth.statement,
+      children
+    }
+  ) : children });
 }
 function usePrivanaContext() {
   const context = react.useContext(PrivanaContext);
@@ -1327,40 +1571,10 @@ function formatTimeRemaining(expiryTimestamp) {
   }
   return `${minutes}m left`;
 }
-var defaultResult = {
-  address: void 0,
-  isConnected: false
-};
-function useSafeAccount() {
-  const context = react.useContext(wagmi.WagmiContext);
-  const cacheRef = react.useRef(defaultResult);
-  const subscribe = react.useCallback(
-    (onChange) => {
-      if (!context) return () => {
-      };
-      return actions.watchAccount(context, { onChange });
-    },
-    [context]
-  );
-  const getSnapshot = react.useCallback(() => {
-    if (!context) return defaultResult;
-    const account = actions.getAccount(context);
-    if (cacheRef.current.address !== account.address || cacheRef.current.isConnected !== account.isConnected) {
-      cacheRef.current = { address: account.address, isConnected: account.isConnected };
-    }
-    return cacheRef.current;
-  }, [context]);
-  const getServerSnapshot = react.useCallback(() => defaultResult, []);
-  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
-
-// src/sdk/hooks/use-private-read-request.ts
-var AUTH_CLOCK_SKEW_MS = 3e4;
 var INITIAL_AUTH_BACKOFF_MS = 5e3;
 var MAX_AUTH_BACKOFF_MS = 6e4;
 var DEFAULT_SIWE_AUTH_VALIDITY_MS = 24 * 60 * 60 * 1e3;
 var PRIVATE_READ_STATEMENT = "Sign in to Privana to access private account data.";
-var privateReadTokenCache = /* @__PURE__ */ new Map();
 var privateReadFailureCache = /* @__PURE__ */ new Map();
 var privateReadInflight = /* @__PURE__ */ new Map();
 async function executeHostedAuthPrivateReadRequest({
@@ -1394,20 +1608,8 @@ async function executeHostedAuthPrivateReadRequest({
     return request();
   }
 }
-function createScopeKey(apiUrl, deploymentChainId, address) {
-  return `${apiUrl.replace(/\/$/, "")}:${deploymentChainId}:${address.toLowerCase()}`;
-}
-function getCachedPrivateReadToken(scopeKey) {
-  const cached = privateReadTokenCache.get(scopeKey);
-  if (!cached) return null;
-  if (cached.expiresAt <= Date.now() + AUTH_CLOCK_SKEW_MS) {
-    privateReadTokenCache.delete(scopeKey);
-    return null;
-  }
-  return cached.token;
-}
 function clearPrivateReadScope(scopeKey, client) {
-  privateReadTokenCache.delete(scopeKey);
+  deleteCachedPrivateReadToken(scopeKey);
   privateReadFailureCache.delete(scopeKey);
   client.clearPrivateReadToken();
 }
@@ -1506,10 +1708,7 @@ function usePrivateReadRequest() {
               siwe_message: message,
               signature
             });
-            privateReadTokenCache.set(scopeKey, {
-              token: login.siwe_token,
-              expiresAt: expirationTime.getTime()
-            });
+            setCachedPrivateReadToken(scopeKey, login.siwe_token, expirationTime.getTime());
             privateReadFailureCache.delete(scopeKey);
             client.setPrivateReadToken(login.siwe_token);
             return login.siwe_token;
@@ -1630,6 +1829,12 @@ function getAction(client, actionFn, name) {
 function getChainId2(config) {
   return config.state.chainId;
 }
+async function getTransactionReceipt(config, parameters) {
+  const { chainId, ...rest } = parameters;
+  const client = config.getClient({ chainId });
+  const action = getAction(client, actions$1.getTransactionReceipt, "getTransactionReceipt");
+  return action(rest);
+}
 async function waitForTransactionReceipt(config, parameters) {
   const { chainId, timeout = 0, ...rest } = parameters;
   const client = config.getClient({ chainId });
@@ -1710,6 +1915,36 @@ function useEnsureCorrectChain() {
 }
 
 // src/sdk/hooks/use-deposit.ts
+var STALE_MS = 30 * 60 * 1e3;
+function storageKey(address) {
+  return `privana:pending-deposit:${address.toLowerCase()}`;
+}
+function savePendingDeposit(address, data) {
+  try {
+    sessionStorage.setItem(storageKey(address), JSON.stringify(data));
+  } catch {
+  }
+}
+function loadPendingDeposit(address) {
+  try {
+    const raw = sessionStorage.getItem(storageKey(address));
+    if (!raw) return null;
+    const data = JSON.parse(raw);
+    if (Date.now() - data.savedAt > STALE_MS) {
+      clearPendingDeposit(address);
+      return null;
+    }
+    return data;
+  } catch {
+    return null;
+  }
+}
+function clearPendingDeposit(address) {
+  try {
+    sessionStorage.removeItem(storageKey(address));
+  } catch {
+  }
+}
 function useDeposit(options = {}) {
   const { address } = wagmi.useAccount();
   const { client, enabledTokens, getChainById: getChainById2 } = usePrivanaContext();
@@ -1777,13 +2012,19 @@ function useDeposit(options = {}) {
   const isSendingTx = isWritingContract || isSendingNative;
   const sendError = writeError ?? sendNativeError;
   const { ensureCorrectChain } = useEnsureCorrectChain();
+  const invalidateGeneration = react.useCallback(() => {
+    generationRef.current++;
+  }, []);
   react.useEffect(() => {
     return () => {
+      invalidateGeneration();
       if (pollIntervalRef.current) {
         clearTimeout(pollIntervalRef.current);
+        pollIntervalRef.current = null;
       }
     };
-  }, []);
+  }, [invalidateGeneration]);
+  const resumedAddressRef = react.useRef(void 0);
   const stopPolling = react.useCallback(() => {
     if (pollIntervalRef.current) {
       clearTimeout(pollIntervalRef.current);
@@ -1793,6 +2034,7 @@ function useDeposit(options = {}) {
   const reset = react.useCallback(() => {
     generationRef.current++;
     stopPolling();
+    if (address) clearPendingDeposit(address);
     verificationContextRef.current = null;
     setDepositAddress(null);
     setTxHash(void 0);
@@ -1805,7 +2047,7 @@ function useDeposit(options = {}) {
     addressMutation.reset();
     resetWriteContract();
     resetSendTransaction();
-  }, [addressMutation, resetWriteContract, resetSendTransaction, stopPolling]);
+  }, [address, addressMutation, resetWriteContract, resetSendTransaction, stopPolling]);
   const runVerification = react.useCallback(
     async (ctx, generation) => {
       const isStale = () => generation !== generationRef.current;
@@ -1833,6 +2075,7 @@ function useDeposit(options = {}) {
         if (triggerResult.status === "credited") {
           setIsWaitingForProcessing(false);
           verificationContextRef.current = null;
+          if (address) clearPendingDeposit(address);
           queryClient.invalidateQueries({ queryKey: ["accounting-balance"] });
           queryClient.invalidateQueries({ queryKey: ["accounting-history"] });
           onCreditedRef.current?.(hash, triggerResult);
@@ -1866,6 +2109,7 @@ function useDeposit(options = {}) {
               stopPolling();
               setIsWaitingForProcessing(false);
               verificationContextRef.current = null;
+              if (address) clearPendingDeposit(address);
               queryClient.invalidateQueries({ queryKey: ["accounting-balance"] });
               queryClient.invalidateQueries({ queryKey: ["accounting-history"] });
               onCreditedRef.current?.(hash, result);
@@ -1905,7 +2149,7 @@ function useDeposit(options = {}) {
         );
       }
     },
-    [client, executePrivateRead, pollInterval, pollTimeout, queryClient, stopPolling]
+    [address, client, executePrivateRead, pollInterval, pollTimeout, queryClient, stopPolling]
   );
   const retryVerification = react.useCallback(async () => {
     const ctx = verificationContextRef.current;
@@ -1917,6 +2161,55 @@ function useDeposit(options = {}) {
     const generation = generationRef.current;
     await runVerification(ctx, generation);
   }, [runVerification, stopPolling]);
+  react.useEffect(() => {
+    if (!address || resumedAddressRef.current === address) return;
+    const persisted = loadPendingDeposit(address);
+    if (!persisted) return;
+    resumedAddressRef.current = address;
+    const hash = persisted.txHash;
+    setTxHash(hash);
+    setDepositAddress(persisted.depositAddress);
+    setIsWaitingForConfirmation(true);
+    const ctx = {
+      hash,
+      chainId: persisted.chainId,
+      amount: BigInt(persisted.amount)
+    };
+    verificationContextRef.current = ctx;
+    const generation = ++generationRef.current;
+    const isStale = () => generation !== generationRef.current;
+    (async () => {
+      try {
+        let confirmed = false;
+        try {
+          await getTransactionReceipt(config, { hash, chainId: persisted.chainId });
+          confirmed = true;
+        } catch {
+        }
+        if (!confirmed) {
+          await waitForTransactionReceipt(config, {
+            hash,
+            chainId: persisted.chainId,
+            confirmations
+          });
+        }
+        if (isStale()) return;
+        setIsWaitingForConfirmation(false);
+        onDepositSuccessRef.current?.(hash);
+        queryClient.invalidateQueries({ queryKey: ["readContract"] });
+        await runVerification(ctx, generation);
+      } catch (err) {
+        if (isStale()) return;
+        setIsWaitingForConfirmation(false);
+        stopPolling();
+        const error2 = err instanceof Error ? err : new Error("Deposit verification failed");
+        setIsWaitingForProcessing(false);
+        setDepositError(error2);
+        setVerificationFailed(true);
+        onErrorRef.current?.(error2);
+      }
+    })();
+  }, [address, config, confirmations, queryClient, runVerification, stopPolling]);
   const deposit = react.useCallback(
     async (params) => {
       if (verificationContextRef.current) {
@@ -1973,10 +2266,21 @@ function useDeposit(options = {}) {
           amount: params.amount
         };
         verificationContextRef.current = ctx;
+        savePendingDeposit(address, {
+          txHash: hash,
+          chainId: sourceChain.id,
+          amount: params.amount.toString(),
+          depositAddress: addrResponse,
+          savedAt: Date.now()
+        });
         try {
           setIsWaitingForConfirmation(true);
           try {
-            await waitForTransactionReceipt(config, { hash, confirmations });
+            await waitForTransactionReceipt(config, {
+              hash,
+              chainId: sourceChain.id,
+              confirmations
+            });
           } finally {
             if (!isStale()) setIsWaitingForConfirmation(false);
           }
@@ -3174,6 +3478,7 @@ function DepositForm({
   selectedToken,
   onTokenSelect,
   onPendingChange,
+  onUnsafeToCloseChange,
   onSuccess
 }) {
   const { isConnected, address } = wagmi.useAccount();
@@ -3202,7 +3507,7 @@ function DepositForm({
     }
   });
   const walletBalance = isNative ? nativeBalanceData?.value : erc20Balance;
-  const formattedWalletBalance = walletBalance ? formatTokenAmount(walletBalance.toString(), selectedToken.decimals) : "0";
+  const formattedWalletBalance = walletBalance ? formatTokenAmount(walletBalance.toString(), selectedToken.decimals) : "0.00";
   const handleMaxClick = () => {
     if (formattedWalletBalance && parseFloat(formattedWalletBalance) > 0) {
       setAmount(formattedWalletBalance.replace(/[\s\u2009]/g, ""));
@@ -3269,6 +3574,9 @@ function DepositForm({
   react.useEffect(() => {
     onPendingChange?.(isPending && !cancelled);
   }, [isPending, cancelled, onPendingChange]);
+  react.useEffect(() => {
+    onUnsafeToCloseChange?.((isGettingAddress || isSendingTransaction) && !cancelled);
+  }, [isGettingAddress, isSendingTransaction, cancelled, onUnsafeToCloseChange]);
   const handleCancel = () => {
     setCancelled(true);
     reset();
@@ -3432,7 +3740,12 @@ function DepositForm({
     )
   ] });
 }
-function WithdrawForm({ selectedToken, onTokenSelect, onPendingChange }) {
+function WithdrawForm({
+  selectedToken,
+  onTokenSelect,
+  onPendingChange,
+  onUnsafeToCloseChange
+}) {
   const { isConnected, address } = wagmi.useAccount();
   const { chains, getChainById: getChainById2 } = usePrivanaContext();
   const [amount, setAmount] = react.useState("");
@@ -3485,8 +3798,10 @@ function WithdrawForm({ selectedToken, onTokenSelect, onPendingChange }) {
     }
   }, [error]);
   react.useEffect(() => {
-    onPendingChange?.(isPending && !cancelled);
-  }, [isPending, cancelled, onPendingChange]);
+    const pending = isPending && !cancelled;
+    onPendingChange?.(pending);
+    onUnsafeToCloseChange?.(pending);
+  }, [isPending, cancelled, onPendingChange, onUnsafeToCloseChange]);
   const handleCancel = () => {
     setCancelled(true);
     reset();
@@ -3645,9 +3960,6 @@ function CloseIcon() {
     }
   ) });
 }
-function SearchIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-3 rounded-full border-[1.5px] border-current" });
-}
 function ChevronRight() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "5", viewBox: "0 0 12 6", className: "-rotate-90", children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
@@ -3708,7 +4020,7 @@ function BalanceCards({
   });
   const { totalLocked, isLoading: lockedLoading } = useLockedFunds({ enabled: showLockedFunds });
   const formattedBalance = formatTokenAmount(balanceWei, selectedToken.decimals);
-  const formattedLocked = showLockedFunds ? formatTokenAmount(String(totalLocked), selectedToken.decimals) : "0";
+  const formattedLocked = showLockedFunds ? formatTokenAmount(String(totalLocked), selectedToken.decimals) : "0.00";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex gap-2", disabled && "opacity-50"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -3771,7 +4083,7 @@ function Tabs({
           "div",
           {
             className: cn(
-              "bg-input absolute top-1 bottom-1 left-1 w-[calc(50%-4px)] rounded-md transition-transform duration-200",
+              "bg-input absolute top-1 bottom-1 left-1 w-[calc(50%-8px)] rounded-md transition-transform duration-200",
               activeTab === "withdraw" && "translate-x-[calc(100%+8px)]"
             )
           }
@@ -3806,7 +4118,7 @@ function Tabs({
     }
   );
 }
-function LockedFundsView({ onBack, onClose }) {
+function LockedFundsView({ onBack }) {
   const { getTokenById } = usePrivanaContext();
   const { locks, isLoading } = useLockedFunds();
   const { unlockFunds, unlockAllExpired, isPending } = useUnlockFunds();
@@ -3839,27 +4151,17 @@ function LockedFundsView({ onBack, onClose }) {
   };
   const expiredCount = locks.filter((l) => l.is_expired).length;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: onBack,
-            className: "text-muted-foreground hover:text-foreground flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-            children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {})
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Locked Funds" })
-      ] }),
-      onClose && /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between px-5 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          onClick: onClose,
-          className: "text-muted-foreground hover:text-foreground flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-          children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+          onClick: onBack,
+          className: "text-muted-foreground hover:text-foreground -ml-2 flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {})
         }
-      )
-    ] }),
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Locked Funds" })
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted flex min-h-0 flex-1 flex-col rounded-[10px] p-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-3", children: [1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex animate-pulse items-center gap-3 rounded-lg p-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-secondary h-10 w-10 rounded-full" }),
@@ -3944,34 +4246,24 @@ function BalanceTokenRow({ token }) {
     isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-secondary h-4 w-16 animate-pulse rounded" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: formattedBalance })
   ] });
 }
-function BalanceDetailsView({ onBack, onClose }) {
+function BalanceDetailsView({ onBack }) {
   const { enabledTokens, chains } = usePrivanaContext();
   const [selectedChainId, setSelectedChainId] = react.useState(chains[0]?.id ?? 84532);
   const chainTokens = react.useMemo(() => {
     return enabledTokens.filter((t) => t.chainId === selectedChainId);
   }, [enabledTokens, selectedChainId]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: onBack,
-            className: "text-muted-foreground hover:text-foreground flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-            children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {})
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Token Balances" })
-      ] }),
-      onClose && /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between px-5 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          onClick: onClose,
-          className: "text-muted-foreground hover:text-foreground flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-          children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+          onClick: onBack,
+          className: "text-muted-foreground hover:text-foreground -ml-2 flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {})
         }
-      )
-    ] }),
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Token Balances" })
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted flex flex-1 flex-col overflow-hidden rounded-[10px] p-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: "Network" }) }),
@@ -4041,48 +4333,30 @@ function TokenRow({
 }
 function TokenSelectorView({
   onBack,
-  onClose,
   onSelect,
   selectedTokenId
 }) {
-  const [tokenSearch, setTokenSearch] = react.useState("");
   const { enabledTokens, chains } = usePrivanaContext();
   const [selectedChainId, setSelectedChainId] = react.useState(chains[0]?.id ?? 84532);
   const chainTokens = react.useMemo(() => {
     return enabledTokens.filter((t) => t.chainId === selectedChainId);
   }, [enabledTokens, selectedChainId]);
-  const filteredTokens = react.useMemo(() => {
-    if (!tokenSearch) return chainTokens;
-    return chainTokens.filter(
-      (t) => t.symbol.toLowerCase().includes(tokenSearch.toLowerCase()) || t.name.toLowerCase().includes(tokenSearch.toLowerCase())
-    );
-  }, [tokenSearch, chainTokens]);
   const handleTokenSelect = (token) => {
     onSelect(token);
     onBack();
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: onBack,
-            className: "text-muted-foreground hover:text-foreground flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-            children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {})
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Select Token" })
-      ] }),
-      onClose && /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between px-5 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          onClick: onClose,
-          className: "text-muted-foreground hover:text-foreground flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
-          children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+          onClick: onBack,
+          className: "text-muted-foreground hover:text-foreground -ml-2 flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
+          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {})
         }
-      )
-    ] }),
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Select Token" })
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted flex flex-1 flex-col overflow-hidden rounded-[10px] p-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: "Network" }) }),
@@ -4106,23 +4380,8 @@ function TokenSelectorView({
         }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-muted flex flex-[2] flex-col overflow-hidden rounded-[10px] p-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: "Token" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-input flex items-center gap-2.5 rounded-lg border px-3 py-2.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, {}) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                type: "text",
-                placeholder: "Search",
-                value: tokenSearch,
-                onChange: (e) => setTokenSearch(e.target.value),
-                className: "text-foreground placeholder:text-muted-foreground flex-1 bg-transparent text-sm outline-none"
-              }
-            )
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex-1 overflow-y-auto", children: filteredTokens.map((token) => /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: "Token" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex-1 overflow-y-auto", children: chainTokens.map((token) => /* @__PURE__ */ jsxRuntime.jsx(
           TokenRow,
           {
             token,
@@ -4136,9 +4395,8 @@ function TokenSelectorView({
   ] });
 }
 function ModalBody({
-  onClose,
   onViewChange,
-  onTransactionPendingChange,
+  onCloseBlockedChange,
   showLockedFunds = true,
   defaultTab = "deposit",
   onDepositSuccess
@@ -4147,65 +4405,78 @@ function ModalBody({
   const [selectedToken, setSelectedToken] = react.useState(defaultToken);
   const [activeTab, setActiveTab] = react.useState(defaultTab);
   const [currentView, setCurrentView] = react.useState("main");
-  const [isTransactionPending, setIsTransactionPending] = react.useState(false);
+  const [isInteractionPending, setIsInteractionPending] = react.useState(false);
   react.useEffect(() => {
     if (!selectedToken && defaultToken) {
       setSelectedToken(defaultToken);
     }
   }, [selectedToken, defaultToken]);
-  const handleTransactionPendingChange = (isPending) => {
-    setIsTransactionPending(isPending);
-    onTransactionPendingChange?.(isPending);
+  const handlePendingChange = (isPending) => {
+    setIsInteractionPending(isPending);
+  };
+  const handleCloseBlockedChange = (isBlocked) => {
+    onCloseBlockedChange?.(isBlocked);
   };
   const handleViewChange = (view) => {
-    setCurrentView(view);
-    onViewChange?.(view);
+    const update = () => {
+      setCurrentView(view);
+      onViewChange?.(view);
+    };
+    if (typeof document !== "undefined" && typeof document.startViewTransition === "function") {
+      document.documentElement.dataset.privanaVtDir = view === "main" ? "back" : "forward";
+      const transition = document.startViewTransition(update);
+      transition.finished.then(() => {
+        delete document.documentElement.dataset.privanaVtDir;
+      });
+    } else {
+      update();
+    }
   };
   const handleTokenSelect = (token) => {
     setSelectedToken(token);
   };
   if (tokensStatus === "loading" || !selectedToken) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pb-4", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-secondary h-25 animate-pulse rounded-[10px]" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-secondary h-11 animate-pulse rounded-[10px]" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-secondary h-50 animate-pulse rounded-[10px]" })
     ] });
   }
   if (currentView === "locked-funds") {
-    return /* @__PURE__ */ jsxRuntime.jsx(LockedFundsView, { onBack: () => handleViewChange("main"), onClose });
+    return /* @__PURE__ */ jsxRuntime.jsx(LockedFundsView, { onBack: () => handleViewChange("main") });
   }
   if (currentView === "balance-details") {
-    return /* @__PURE__ */ jsxRuntime.jsx(BalanceDetailsView, { onBack: () => handleViewChange("main"), onClose });
+    return /* @__PURE__ */ jsxRuntime.jsx(BalanceDetailsView, { onBack: () => handleViewChange("main") });
   }
   if (currentView === "select-token") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       TokenSelectorView,
       {
         onBack: () => handleViewChange("main"),
-        onClose,
         onSelect: handleTokenSelect,
         selectedTokenId: selectedToken.id
       }
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pb-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(isTransactionPending && "pointer-events-none"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(isInteractionPending && "pointer-events-none"), children: /* @__PURE__ */ jsxRuntime.jsx(
       BalanceCards,
       {
         selectedToken,
         onLockedFundsClick: () => handleViewChange("locked-funds"),
         onBalanceClick: () => handleViewChange("balance-details"),
         showLockedFunds,
-        disabled: isTransactionPending
+        disabled: isInteractionPending
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(isTransactionPending && "pointer-events-none"), children: /* @__PURE__ */ jsxRuntime.jsx(Tabs, { activeTab, onTabChange: setActiveTab, disabled: isTransactionPending }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(isInteractionPending && "pointer-events-none"), children: /* @__PURE__ */ jsxRuntime.jsx(Tabs, { activeTab, onTabChange: setActiveTab, disabled: isInteractionPending }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted rounded-[10px] p-5", children: activeTab === "deposit" ? /* @__PURE__ */ jsxRuntime.jsx(
       DepositForm,
       {
         selectedToken,
         onTokenSelect: () => handleViewChange("select-token"),
-        onPendingChange: handleTransactionPendingChange,
+        onPendingChange: handlePendingChange,
+        onUnsafeToCloseChange: handleCloseBlockedChange,
         onSuccess: onDepositSuccess
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -4213,7 +4484,8 @@ function ModalBody({
       {
         selectedToken,
         onTokenSelect: () => handleViewChange("select-token"),
-        onPendingChange: handleTransactionPendingChange
+        onPendingChange: handlePendingChange,
+        onUnsafeToCloseChange: handleCloseBlockedChange
       }
     ) })
   ] }) });
@@ -4225,55 +4497,84 @@ function PrivanaModal({
   defaultTab,
   onDepositSuccess
 }) {
-  const [isTransactionPending, setIsTransactionPending] = react.useState(false);
+  const [currentView, setCurrentView] = react.useState("main");
   const titleId = react.useId();
   const descId = react.useId();
-  const handleOpenChange = (isOpen) => {
-    if (!isOpen && isTransactionPending) {
-      return;
-    }
-    if (!isOpen) {
-      onClose();
-    }
+  const [isCloseBlocked, setIsCloseBlocked] = react.useState(false);
+  const handleClose = () => {
+    if (!isCloseBlocked) onClose();
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    DialogContent,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Dialog,
     {
-      "data-privana": true,
-      showCloseButton: false,
-      className: "bg-card flex w-[560px] max-w-[95vw] flex-col gap-2 overflow-hidden rounded-2xl border-0 p-2",
-      overlayClassName: isTransactionPending ? "cursor-not-allowed" : void 0,
-      "aria-labelledby": titleId,
-      "aria-describedby": descId,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { id: titleId, className: "sr-only", children: "Privana" }),
-          /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { id: descId, className: "sr-only", children: "Deposit or withdraw tokens from your Flexvault" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Privana" }),
-            onClose && /* @__PURE__ */ jsxRuntime.jsx(
+      open,
+      onOpenChange: (isOpen) => {
+        if (!isOpen) handleClose();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        DialogContent,
+        {
+          "data-privana": true,
+          "data-view": currentView,
+          showCloseButton: false,
+          onInteractOutside: isCloseBlocked ? (e) => e.preventDefault() : void 0,
+          onEscapeKeyDown: isCloseBlocked ? (e) => e.preventDefault() : void 0,
+          className: "bg-card flex h-[596px] max-h-[95dvh] w-[560px] max-w-[95vw] flex-col gap-2 overflow-hidden rounded-2xl border-0 p-2 pb-[2.75rem]",
+          "aria-labelledby": titleId,
+          "aria-describedby": descId,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
-                onClick: onClose,
-                className: "text-muted-foreground hover:text-foreground flex h-6 w-6 cursor-pointer items-center justify-center transition-colors",
+                "data-privana-close": true,
+                onClick: handleClose,
+                disabled: isCloseBlocked,
+                "aria-label": "Close",
+                className: cn(
+                  "absolute top-6 right-5 z-20 flex h-6 w-6 items-center justify-center transition-colors",
+                  isCloseBlocked ? "text-muted-foreground/40 cursor-not-allowed" : "text-muted-foreground hover:text-foreground cursor-pointer"
+                ),
                 children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
               }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                "data-privana-content": true,
+                "data-view": currentView,
+                className: "flex min-h-0 flex-1 flex-col gap-2",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { id: titleId, className: "sr-only", children: "Privana" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { id: descId, className: "sr-only", children: "Deposit or withdraw tokens from your Privana" }),
+                  currentView === "main" && /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center px-5 py-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground text-xl leading-6 font-medium", children: "Privana" }) }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ModalBody,
+                    {
+                      onCloseBlockedChange: setIsCloseBlocked,
+                      onViewChange: setCurrentView,
+                      showLockedFunds,
+                      defaultTab,
+                      onDepositSuccess
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                "data-privana-footer": true,
+                href: "https://privana.finance",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                "aria-label": "Powered by Privana"
+              }
             )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ModalBody,
-          {
-            onClose: isTransactionPending ? void 0 : onClose,
-            onTransactionPendingChange: setIsTransactionPending,
-            showLockedFunds,
-            defaultTab,
-            onDepositSuccess
-          }
-        )
-      ]
+          ]
+        }
+      )
     }
-  ) });
+  );
 }
 function PrivanaInlineModal({
   className,
@@ -4374,6 +4675,7 @@ exports.PrivanaInlineModal = PrivanaInlineModal;
 exports.PrivanaModal = PrivanaModal;
 exports.PrivanaProvider = PrivanaProvider;
 exports.SUPPORTED_CHAINS = SUPPORTED_CHAINS;
+exports.SiweAuthProvider = SiweAuthProvider;
 exports.Skeleton = Skeleton;
 exports.TRANSFER_LOCKED_TYPES = TRANSFER_LOCKED_TYPES;
 exports.TRANSFER_TYPES = TRANSFER_TYPES;
@@ -4428,6 +4730,7 @@ exports.usePrivanaClient = usePrivanaClient;
 exports.usePrivanaContext = usePrivanaContext;
 exports.useSafeAccount = useSafeAccount;
 exports.useSafePrivanaContext = useSafePrivanaContext;
+exports.useSiweAuth = useSiweAuth;
 exports.useTokenInfo = useTokenInfo;
 exports.useTokenList = useTokenList;
 exports.useTotalLockedBalance = useTotalLockedBalance;