@lumiapassport/ui-kit 1.13.10 → 1.13.11

package/dist/index.cjs

@@ -2455,6 +2455,7 @@ var init_iframe_manager = __esm({
         this.iframe = null;
         this.sessionToken = null;
         this.isReady = false;
+        // private themeColors?: IframeManagerConfig['themeColors']
         // Message handling
         this.pendingRequests = /* @__PURE__ */ new Map();
         this.usedNonces = /* @__PURE__ */ new Set();
@@ -2474,14 +2475,13 @@ var init_iframe_manager = __esm({
         this.projectId = config.projectId;
         this.debug = config.debug || false;
         this.onWalletReadyCallback = config.onWalletReady;
-        this.themeColors = config.themeColors;
         this.readyPromise = new Promise((resolve) => {
           this.readyResolve = resolve;
         });
         this.log("[IframeManager] Initialized with:", {
           iframeUrl: this.iframeUrl,
-          projectId: this.projectId,
-          hasThemeColors: !!this.themeColors
+          projectId: this.projectId
+          // hasThemeColors: !!this.themeColors
         });
       }
       /**
@@ -2493,16 +2493,6 @@ var init_iframe_manager = __esm({
         }
         this.iframe = document.createElement("iframe");
         let iframeUrl = this.iframeUrl;
-        if (this.themeColors) {
-          const params = new URLSearchParams();
-          if (this.themeColors.background) params.set("bg", this.themeColors.background);
-          if (this.themeColors.text) params.set("text", this.themeColors.text);
-          if (this.themeColors.textSecondary) params.set("textSec", this.themeColors.textSecondary);
-          if (this.themeColors.border) params.set("border", this.themeColors.border);
-          if (params.toString()) {
-            iframeUrl += (iframeUrl.includes("?") ? "&" : "?") + params.toString();
-          }
-        }
         this.iframe.src = iframeUrl;
         this.iframe.id = "lumia-passport-iframe";
         this.iframe.style.display = "none";
@@ -4281,6 +4271,7 @@ __export(index_exports, {
   useLumiaPassportError: () => useLumiaPassportError,
   useLumiaPassportHasServerVault: () => useLumiaPassportHasServerVault,
   useLumiaPassportIFrameReady: () => useLumiaPassportIFrameReady,
+  useLumiaPassportIsMobileView: () => useLumiaPassportIsMobileView,
   useLumiaPassportLinkedProfiles: () => useLumiaPassportLinkedProfiles,
   useLumiaPassportLoadingStatus: () => useLumiaPassportLoadingStatus,
   useLumiaPassportOpen: () => useLumiaPassportOpen,
@@ -4302,17 +4293,17 @@ var built_default = '.container{width:100%}@media (min-width:640px){.container{m
 // src/context/LumiaPassportContext.tsx
 var import_error_tracking4 = require("@lumiapassport/core/internal/error-tracking");
 var import_lodash_es4 = require("lodash-es");
-var import_react50 = require("react");
+var import_react49 = require("react");
 init_lumiaPassport();
 init_iframe_manager();
 
 // src/context/LumiaPassportSessionContext.tsx
-var import_react49 = require("react");
+var import_react48 = require("react");
 var import_zustand5 = require("zustand");
 
 // src/internal/components/BalanceFeedProvider/BalanceFeedProvider.tsx
-var import_react_query2 = require("@tanstack/react-query");
-var import_react2 = require("react");
+var import_react_query = require("@tanstack/react-query");
+var import_react = require("react");
 var import_wagmi = require("wagmi");
 init_base();
 
@@ -4322,13 +4313,13 @@ var import_zustand = require("zustand");
 // src/internal/constants.ts
 var import_lucide_react2 = require("lucide-react");
 init_assets();
+var LOCAL_COLOR_MODE_KEY = "lumia-passport-theme";
 var DEFAULT_AUTH_MENU_HEIGHT = 253;
 var DEFAULT_MAIN_MENU_HEIGHT = 90;
 var DEFAULT_SETTINGS_MENU_HEIGHT = 346;
 var MAX_CONTENT_HEIGHT = 640;
 var MAIN_DIALOG_ANIMATION_SPEED = 375;
 var Y_ANIMATION_SETUP = { duration: 0.15, ease: "easeInOut", height: { duration: 0.375 } };
-var LOCAL_COLOR_MODE_KEY = "lumia-passport-theme";
 var PROVIDERS_META2 = {
   passkey: { name: "Passkey", icon: import_lucide_react2.Key, description: "Biometric authentication" },
   email: { name: "Email", icon: import_lucide_react2.Mail, description: "Email verification" },
@@ -4388,166 +4379,20 @@ var useLayoutDataStore = (0, import_zustand.create)((set) => ({
   })
 }));
 
-// src/internal/hooks/useLumiaPriceSSE.ts
-var import_react_query = require("@tanstack/react-query");
-var import_react = require("react");
-
-// src/internal/lib/LumiaPriceSSEService.ts
-var FALLBACK = "https://fallback.lumia.passport.io";
-var API_DOMAIN = (true ? "" : FALLBACK) || FALLBACK;
-var LumiaPriceSSEService = class {
-  // private readonly baseUrl: string = API_DOMAIN
-  constructor() {
-    this.eventSource = null;
-    this.listeners = /* @__PURE__ */ new Set();
-    this.currentPrice = null;
-    this.isConnected = false;
-    this.reconnectTimeout = null;
-  }
-  connect() {
-    return new Promise((resolve, reject) => {
-      console.log("[LumiaPriceSSEService]: Connecting to LUMIA Price SSE...");
-      if (this.isConnected) {
-        resolve();
-        return;
-      }
-      try {
-        this.eventSource = new EventSource(`${API_DOMAIN}/api/lumia/sse`);
-        this.eventSource.onopen = () => {
-          console.log("[LumiaPriceSSEService]: LUMIA Price SSE connected");
-          this.isConnected = true;
-          this.clearReconnectTimeout();
-          resolve();
-        };
-        this.eventSource.onmessage = () => {
-        };
-        this.eventSource.addEventListener("rate", (event) => {
-          try {
-            const data = JSON.parse(event.data);
-            if (data.price !== void 0 && data.symbol === "LUMIAUSDT") {
-              this.currentPrice = typeof data.price === "number" ? data.price : parseFloat(data.price);
-              if (this.currentPrice !== null) {
-                const update = {
-                  symbol: data.symbol,
-                  price: this.currentPrice,
-                  ts: data.ts || Date.now()
-                };
-                this.listeners.forEach((listener) => listener(update));
-              }
-            }
-          } catch (error) {
-            console.error("Error parsing price event:", error, event.data);
-          }
-        });
-        this.eventSource.addEventListener("ping", () => {
-        });
-        this.eventSource.onerror = (error) => {
-          console.error("LUMIA Price SSE error:", error);
-          this.isConnected = false;
-          if (this.eventSource?.readyState === EventSource.CLOSED) {
-            console.log("SSE connection closed, attempting to reconnect...");
-            this.scheduleReconnect();
-            reject(error);
-          }
-        };
-        setTimeout(() => {
-          if (!this.isConnected) {
-            reject(new Error("SSE connection timeout"));
-          }
-        }, 1e4);
-      } catch (error) {
-        reject(error);
-      }
-    });
-  }
-  disconnect() {
-    this.clearReconnectTimeout();
-    if (this.eventSource) {
-      this.eventSource.close();
-      this.eventSource = null;
-    }
-    this.isConnected = false;
-    this.currentPrice = null;
-    console.log("[LumiaPriceSSEService]: LUMIA Price SSE disconnected");
-  }
-  addListener(listener) {
-    this.listeners.add(listener);
-  }
-  removeListener(listener) {
-    this.listeners.delete(listener);
-  }
-  clearListeners() {
-    this.listeners.clear();
-  }
-  getCurrentPrice() {
-    return this.currentPrice;
-  }
-  getConnectionStatus() {
-    return this.isConnected;
-  }
-  scheduleReconnect() {
-    this.clearReconnectTimeout();
-    this.reconnectTimeout = window.setTimeout(() => {
-      console.log("Attempting to reconnect to BTC Price SSE...");
-      this.connect().catch((error) => {
-        console.error("Reconnection failed:", error);
-        this.scheduleReconnect();
-      });
-    }, 5e3);
-  }
-  clearReconnectTimeout() {
-    if (this.reconnectTimeout) {
-      clearTimeout(this.reconnectTimeout);
-      this.reconnectTimeout = null;
-    }
-  }
-};
-var lumiaPriceSSE = new LumiaPriceSSEService();
-async function sseConnectMutation() {
-  try {
-    await lumiaPriceSSE.connect();
-    console.info("[LUMIA SSE] price feed connected");
-    return { ok: true };
-  } catch (error) {
-    console.error("[LUMIA SSE] Error connecting to SSE:", error);
-    throw new Error("[LUMIA SSE] Error connecting to SSE");
-  }
-}
-
-// src/internal/hooks/useLumiaPriceSSE.ts
-function useLumiaPriceSSE(enabled, updateCurrentPrice) {
-  const { mutate: connectSSE } = (0, import_react_query.useMutation)({
-    mutationFn: sseConnectMutation,
-    onSuccess: () => {
-      lumiaPriceSSE.addListener(updateCurrentPrice);
-    },
-    onError: (err) => {
-      console.error("Lumia Price SSE connection error:", err);
-    }
-  });
-  (0, import_react.useEffect)(() => {
-    const isConnected = lumiaPriceSSE.getConnectionStatus();
-    console.log("[LUMIA PRICE SSE MANAGER] SSE status:", { enabled, isConnected });
-    if (!enabled) {
-      lumiaPriceSSE.clearListeners();
-      lumiaPriceSSE.disconnect();
-      return;
-    }
-    return () => {
-      lumiaPriceSSE.clearListeners();
-      lumiaPriceSSE.disconnect();
-    };
-  }, [enabled, connectSSE]);
-}
-
 // src/internal/components/BalanceFeedProvider/BalanceFeedProvider.tsx
 var BALANCE_POLLING_INTERVAL = 3e4;
+async function getAssetRate(symbol = "LUMIA", fiat = "USDT") {
+  const assetURL = `https://api.binance.com/api/v3/ticker/price?symbol=${symbol.toUpperCase()}${fiat.toUpperCase()}`;
+  const response = await fetch(assetURL);
+  return await response.json();
+}
+var LUMIA_RATE_QUERY_KEY = "lumia-passport-rate-query-key";
 function BalanceFeedProvider() {
   const config = useLumiaPassportConfig().config;
   const address = useLumiaPassportSession((st) => st.address);
-  const { cryptoRate, setCryptoRate, setFiatBalance, setBalance, setCryptoSymbol, setFiatSymbol } = useLayoutDataStore();
-  const [balanceSymbol, setBalanceSymbol] = (0, import_react2.useState)(null);
-  (0, import_react2.useEffect)(() => {
+  const { setCryptoRate, setFiatBalance, setBalance, setCryptoSymbol, setFiatSymbol } = useLayoutDataStore();
+  const [balanceSymbol, setBalanceSymbol] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
     const { assets, showBalanceAs: customBalanceSymbol } = config.current?.projectAssets || {};
     const { balanceQuery, balanceQueryKey } = assets?.find((a) => a.symbol === customBalanceSymbol) || {};
     const isCustom = !!customBalanceSymbol && !!balanceQuery && !!balanceQueryKey;
@@ -4564,21 +4409,38 @@ function BalanceFeedProvider() {
       refetchOnWindowFocus: true
     }
   });
-  useLumiaPriceSSE(isNativeBalanceFeedEnabled, (update) => setCryptoRate(update?.price || 1));
-  (0, import_react2.useEffect)(() => {
-    if (!isNativeBalanceFeedEnabled || !balance?.value) return;
+  const { data: cryptoRate } = (0, import_react_query.useQuery)({
+    queryKey: [LUMIA_RATE_QUERY_KEY, address],
+    enabled: !!address && !!isNativeBalanceFeedEnabled,
+    refetchInterval: BALANCE_POLLING_INTERVAL,
+    queryFn: async () => getAssetRate("LUMIA", "USDT")
+    // TODO: get LUMIA-FIAT pair from config
+  });
+  (0, import_react.useEffect)(() => {
+    const rate = cryptoRate ? Number(cryptoRate.price) : null;
+    if (!isNativeBalanceFeedEnabled || !balance || !rate) return;
+    setCryptoRate(rate);
     setCryptoSymbol("LUMIA");
     setFiatSymbol("USD");
-    setFiatBalance(Number(balance?.formatted || 0) * cryptoRate);
+    setFiatBalance(Number(balance?.formatted || 0) * rate);
     setBalance(balance);
-  }, [isNativeBalanceFeedEnabled, balance, cryptoRate, setFiatBalance, setBalance, setCryptoSymbol, setFiatSymbol]);
+  }, [
+    isNativeBalanceFeedEnabled,
+    balance,
+    cryptoRate,
+    setFiatBalance,
+    setCryptoRate,
+    setBalance,
+    setCryptoSymbol,
+    setFiatSymbol
+  ]);
   const {
     balanceQuery: customBalanceQuery,
     balanceQueryKey: CUSTOM_BALANCE_QUERY_KEY,
     symbol: customAssetSymbol
   } = config.current?.projectAssets?.assets?.find((a) => a.symbol === config.current?.projectAssets?.showBalanceAs) || {};
   const isCustomBalanceEnabled = balanceSymbol === customAssetSymbol;
-  const { data: customBalance } = (0, import_react_query2.useQuery)({
+  const { data: customBalance } = (0, import_react_query.useQuery)({
     retry: false,
     refetchInterval: BALANCE_POLLING_INTERVAL,
     enabled: !!address && !!isCustomBalanceEnabled,
@@ -4586,7 +4448,7 @@ function BalanceFeedProvider() {
     // should be invalidated by host app via provided queryKey
     queryFn: async () => await customBalanceQuery?.()
   });
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!isCustomBalanceEnabled || !customBalance) return;
     const { cryptoFiatRate, fiatFormatted, cryptoFormatted, cryptoSymbol, fiatSymbol } = customBalance;
     setCryptoSymbol(cryptoSymbol.toUpperCase());
@@ -4605,12 +4467,12 @@ function BalanceFeedProvider() {
 
 // src/internal/components/Dialog/LumiaPassportDialog.tsx
 var import_framer_motion4 = require("framer-motion");
-var import_react46 = require("react");
+var import_react45 = require("react");
 
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.13.10",
+  version: "1.13.11",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",
@@ -4698,13 +4560,13 @@ var package_default = {
 };
 
 // src/internal/components/Footer/Footer.tsx
-var import_react_query3 = require("@tanstack/react-query");
+var import_react_query2 = require("@tanstack/react-query");
 var import_lucide_react3 = require("lucide-react");
 
 // src/internal/assets/LumiaLogo.tsx
-var import_react3 = require("react");
+var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var LumiaLogo = (0, import_react3.forwardRef)(({ size = 24, className = "" }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+var LumiaLogo = (0, import_react2.forwardRef)(({ size = 24, className = "" }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
   "svg",
   {
     ref,
@@ -4759,21 +4621,6 @@ init_base();
 // src/internal/lib/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
-var LP_JWT_TOKENS_LS_KEY = "lumia-passport-jwt-tokens";
-function getBearer() {
-  try {
-    const sessionString = localStorage.getItem(LP_JWT_TOKENS_LS_KEY);
-    if (!sessionString) return null;
-    const session = JSON.parse(sessionString);
-    if (session && typeof session.accessToken === "string" && typeof session.userId === "string") {
-      return `Bearer ${session.accessToken}`;
-    }
-    return null;
-  } catch (error) {
-    console.error("Failed to parse Lumia Passport session:", error);
-    return null;
-  }
-}
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
@@ -4843,7 +4690,7 @@ function Footer() {
   const { callbacks } = useLumiaPassportConfig();
   const { address, setSession, setAddress, setStatus, setError, setIsLoading } = useLumiaPassportSession();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query3.useMutation)({
+  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query2.useMutation)({
     mutationFn: async (disconnectAddress) => {
       if (!disconnectAddress) throw new Error("No address to disconnect");
       setError(null);
@@ -4975,9 +4822,9 @@ function LumiaIcon(props) {
 }
 
 // src/internal/components/Header/Header.tsx
-var import_react_query4 = require("@tanstack/react-query");
+var import_react_query3 = require("@tanstack/react-query");
 var import_lucide_react4 = require("lucide-react");
-var import_react4 = require("react");
+var import_react3 = require("react");
 
 // src/internal/assets/PositiveIcon.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -5033,10 +4880,10 @@ function Header() {
     config: { current: config }
   } = useLumiaPassportConfig();
   const address = useLumiaPassportSession((st) => st.address);
-  const [copied, setCopied] = (0, import_react4.useState)(false);
+  const [copied, setCopied] = (0, import_react3.useState)(false);
   const avatar = import_auth3.jwtTokenManager.getAvatar();
   const displayName = import_auth3.jwtTokenManager.getDisplayName();
-  const { data: userProfile = null, isLoading: isUserProfileLoading } = (0, import_react_query4.useQuery)({
+  const { data: userProfile = null, isLoading: isUserProfileLoading } = (0, import_react_query3.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [QUERY_KEYS.userProfile, address],
@@ -5154,7 +5001,7 @@ function Header() {
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lodash_es = require("lodash-es");
 var import_lucide_react5 = require("lucide-react");
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/internal/hooks/useLayoutStore.ts
 var import_zustand2 = require("zustand");
@@ -5189,7 +5036,7 @@ var useLayoutStore = (0, import_zustand2.create)((set) => ({
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = (0, import_react5.forwardRef)(
+var DialogOverlay = (0, import_react4.forwardRef)(
   ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     DialogPrimitive.Overlay,
     {
@@ -5207,10 +5054,7 @@ var DialogOverlay = (0, import_react5.forwardRef)(
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 function useDecideContentStyles() {
   const isMobileView = useLayoutStore((st) => st.isMobileView);
-  const isDialogOpen = useLayoutStore((st) => st.isDialogOpen);
-  const isDialogClosing = useLayoutStore((st) => st.isDialogClosing);
-  const isClosing = isDialogOpen && isDialogClosing;
-  console.log("[IS_MOBILE_VIEW]", isMobileView);
+  const isClosing = useLayoutStore((st) => !!st.isDialogOpen && !!st.isDialogClosing);
   const mobileStyles = isMobileView ? { "--l-pass-maw": "100%", "--l-pass-bdrs": "20px 20px 0px 0px" } : {};
   return {
     isClosing,
@@ -5223,7 +5067,7 @@ var CONTENT_BG_SETUP = {
   border: "1px solid var(--l-pass-bd)",
   boxShadow: "0px 4px 10px var(--l-pass-shadow-c)"
 };
-var DialogContent = (0, import_react5.forwardRef)(
+var DialogContent = (0, import_react4.forwardRef)(
   ({ className, children, hideClose, colorMode, ...props }, ref) => {
     const isSettings = useLayoutStore((st) => st.isSettings);
     const setPage = useLayoutDataStore((st) => st.setPage);
@@ -5245,7 +5089,6 @@ var DialogContent = (0, import_react5.forwardRef)(
               ref,
               style: !!className ? void 0 : CONTENT_BG_SETUP,
               className: cn(
-                // isWalletLinking ? 'pointer-events-none' : 'pointer-events-auto',
                 "relative pointer-events-auto w-full",
                 "max-w-[var(--l-pass-maw)] max-h-[95dvh] p-0 gap-0",
                 "text-[var(--l-pass-fg)]",
@@ -5307,7 +5150,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = (0, import_react5.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var DialogTitle = (0, import_react4.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -5316,7 +5159,7 @@ var DialogTitle = (0, import_react5.forwardRef)(({ className, ...props }, ref) =
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = (0, import_react5.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = (0, import_react4.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/internal/components/ui/visually-hidden.tsx
@@ -5324,7 +5167,7 @@ var import_jsx_runtime10 = require("react/jsx-runtime");
 var VisuallyHidden = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children });
 
 // src/internal/hooks/useAutoConnect.ts
-var import_react6 = require("react");
+var import_react5 = require("react");
 function useAutoConnect() {
   const {
     config: { current: config },
@@ -5344,7 +5187,7 @@ function useAutoConnect() {
     setIsIframeReady,
     setIsLoading
   } = useLumiaPassportSession();
-  const createSessionWithKeyshare = (0, import_react6.useCallback)(
+  const createSessionWithKeyshare = (0, import_react5.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -5378,8 +5221,8 @@ function useAutoConnect() {
     },
     [usePaymaster, setStatus, callbacks]
   );
-  const autoConnectAttemptedRef = (0, import_react6.useRef)(false);
-  (0, import_react6.useEffect)(() => {
+  const autoConnectAttemptedRef = (0, import_react5.useRef)(false);
+  (0, import_react5.useEffect)(() => {
     if (autoConnectAttemptedRef.current) return;
     setIsLoading(true);
     const tryAutoConnect = async (attempt) => {
@@ -5498,11 +5341,11 @@ function useAutoConnect() {
 }
 
 // src/internal/hooks/useBackupStatusChanges.ts
-var import_react7 = require("react");
+var import_react6 = require("react");
 init_vaultClient();
 function useBackupStatusChanges() {
   const setHasServerVault = useLumiaPassportSession((st) => st.setHasServerVault);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const handleBackupStatusChanged = async (event) => {
       const customEvent = event;
       const { method, success } = customEvent.detail || {};
@@ -5528,13 +5371,13 @@ function useBackupStatusChanges() {
 }
 
 // src/internal/hooks/useCheckVaultStatus.ts
-var import_react_query5 = require("@tanstack/react-query");
-var import_react8 = require("react");
+var import_react_query4 = require("@tanstack/react-query");
+var import_react7 = require("react");
 init_vaultClient();
 function useCheckVaultStatus() {
   const address = useLumiaPassportSession((st) => st.address);
   const setHasServerVault = useLumiaPassportSession((st) => st.setHasServerVault);
-  const { mutate: checkVaultStatus } = (0, import_react_query5.useMutation)({
+  const { mutate: checkVaultStatus } = (0, import_react_query4.useMutation)({
     mutationFn: async () => {
       const stats = await getShareRecoveryStats();
       const hasRecoveryData = stats && (stats.created || stats.devices && stats.devices.length > 0);
@@ -5548,7 +5391,7 @@ function useCheckVaultStatus() {
       setHasServerVault(false);
     }
   });
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!address) return setHasServerVault(false);
     checkVaultStatus();
   }, [address, checkVaultStatus]);
@@ -5556,12 +5399,12 @@ function useCheckVaultStatus() {
 
 // src/internal/hooks/useDetectMaxScrollHeight.ts
 var import_lodash_es2 = require("lodash-es");
-var import_react9 = require("react");
+var import_react8 = require("react");
 var DEBOUNCE_DELAY = 50;
 function useDetectMaxScrollHeight() {
   const setIsMobileView = useLayoutStore((state) => state.setIsMobileView);
   const setMaxScrollHeight = useLayoutStore((state) => state.setMaxScrollHeight);
-  const onResize = (0, import_react9.useCallback)(
+  const onResize = (0, import_react8.useCallback)(
     (0, import_lodash_es2.debounce)(({ width, height }) => {
       const limContentHeight = height * 0.92 - 116 - 72;
       setIsMobileView(width < height && (width < 475 || limContentHeight <= MAX_CONTENT_HEIGHT));
@@ -5569,7 +5412,7 @@ function useDetectMaxScrollHeight() {
     }, DEBOUNCE_DELAY),
     [setMaxScrollHeight, setIsMobileView]
   );
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const obs = new ResizeObserver(([entry]) => onResize(entry.contentRect));
     const doc = window.document.getElementsByTagName("html")[0];
     if (doc) obs.observe(doc);
@@ -5578,12 +5421,12 @@ function useDetectMaxScrollHeight() {
 }
 
 // src/internal/hooks/usePageMapper.tsx
-var import_react43 = require("react");
+var import_react42 = require("react");
 
 // src/internal/components/AuthMenu/AuthMenu.tsx
 var import_framer_motion = require("framer-motion");
 var import_lucide_react14 = require("lucide-react");
-var import_react19 = require("react");
+var import_react18 = require("react");
 
 // src/internal/components/AuthMenu/AuthFailedStep.tsx
 var import_lucide_react6 = require("lucide-react");
@@ -5671,17 +5514,17 @@ function AuthFailedStep() {
 
 // src/internal/components/AuthMenu/DisaplayNameStep/DisplayNameInput.tsx
 var import_lucide_react7 = require("lucide-react");
-var import_react11 = require("react");
+var import_react10 = require("react");
 init_auth();
 init_profile();
 
 // src/internal/components/ui/input.tsx
-var import_react10 = __toESM(require("react"), 1);
+var import_react9 = __toESM(require("react"), 1);
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var Input = import_react10.default.forwardRef((props, ref) => {
+var Input = import_react9.default.forwardRef((props, ref) => {
   const { className, disabled, error, Icon, element, ...inputProps } = props;
-  const internalRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useImperativeHandle)(ref, () => internalRef.current);
+  const internalRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useImperativeHandle)(ref, () => internalRef.current);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: cn("w-full flex flex-col gap-1", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "div",
@@ -5727,9 +5570,9 @@ Input.displayName = "Input";
 // src/internal/components/AuthMenu/DisaplayNameStep/DisplayNameInput.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var DisplayNameInput = ({ onComplete, onSkip }) => {
-  const [displayName, setDisplayName] = (0, import_react11.useState)("");
-  const [isLoading, setIsLoading] = (0, import_react11.useState)(false);
-  const [error, setError] = (0, import_react11.useState)("");
+  const [displayName, setDisplayName] = (0, import_react10.useState)("");
+  const [isLoading, setIsLoading] = (0, import_react10.useState)(false);
+  const [error, setError] = (0, import_react10.useState)("");
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!displayName.trim()) {
@@ -5836,7 +5679,7 @@ function DisplayNameStep(props) {
 
 // src/internal/components/AuthMenu/PassKeyStep.tsx
 var import_lucide_react8 = require("lucide-react");
-var import_react13 = require("react");
+var import_react12 = require("react");
 
 // src/internal/assets/PasskeyAddIcon.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
@@ -5869,16 +5712,16 @@ function PasskeyAddIcon(props) {
 init_auth();
 
 // src/internal/components/Expandable/hooks/useExpandable.ts
-var import_react12 = require("react");
+var import_react11 = require("react");
 var useExpandable = (props) => {
   const { isExpanded = false, children, initHeight = 0, minHeight = 0 } = props;
-  const expandableRef = (0, import_react12.useRef)(null);
-  const contentRef = (0, import_react12.useRef)(null);
-  (0, import_react12.useEffect)(() => {
+  const expandableRef = (0, import_react11.useRef)(null);
+  const contentRef = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
     if (!expandableRef.current) return;
     expandableRef.current.style.setProperty("--ifo-basic-expandable-h", `${initHeight}px )`);
   }, []);
-  const setExpandableHeight = (0, import_react12.useCallback)(
+  const setExpandableHeight = (0, import_react11.useCallback)(
     (isExpnd) => {
       if (!contentRef.current || !expandableRef.current) return;
       expandableRef.current.style.setProperty(
@@ -5889,7 +5732,7 @@ var useExpandable = (props) => {
     //  ON_RESIZE_DELEAY),
     [minHeight]
   );
-  (0, import_react12.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!contentRef.current || !expandableRef.current) return;
     const obs = new ResizeObserver(() => setExpandableHeight(isExpanded));
     obs.observe(expandableRef.current);
@@ -5953,7 +5796,7 @@ function PassKeyStep(props) {
     setFailedMessage,
     setFailedType
   } = useAuthStore();
-  const onPasskeyRegister = (0, import_react13.useCallback)(async () => {
+  const onPasskeyRegister = (0, import_react12.useCallback)(async () => {
     setPasskeyError("");
     setPasskeyStatus("registering passkey...");
     setIsLoading(true);
@@ -6021,7 +5864,7 @@ function PassKeyStep(props) {
       setIsLoading(false);
     }
   }, [onAuthSuccess, setPage, callbacks]);
-  const onPasskeyAuth = (0, import_react13.useCallback)(async () => {
+  const onPasskeyAuth = (0, import_react12.useCallback)(async () => {
     setPasskeyError("");
     setPasskeyStatus("checking available passkeys...");
     setIsLoading(true);
@@ -6143,11 +5986,11 @@ function PassKeyStep(props) {
 
 // src/internal/components/AuthMenu/SignInStep/SignInStep.tsx
 var import_lucide_react12 = require("lucide-react");
-var import_react15 = require("react");
+var import_react14 = require("react");
 
 // src/internal/components/AuthMenu/SignInStep/Email.tsx
 init_lumiaPassport();
-var import_react_query6 = require("@tanstack/react-query");
+var import_react_query5 = require("@tanstack/react-query");
 var import_lucide_react9 = require("lucide-react");
 init_projectId();
 
@@ -6184,7 +6027,7 @@ function Email() {
   const isLoading = useLumiaPassportSession((st) => st.isLoading);
   const setIsLoading = useLumiaPassportSession((st) => st.setIsLoading);
   const { email, codeSendError, alert: alert2, setEmail, setCodeSendError, setExpiresIn, setStep, setAlert } = useAuthStore();
-  const { mutate: onSendVerificationCode } = (0, import_react_query6.useMutation)({
+  const { mutate: onSendVerificationCode } = (0, import_react_query5.useMutation)({
     mutationFn: async (mail) => {
       const isEmailValid = mail.length !== 0 && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(mail);
       if (!isEmailValid) {
@@ -6276,7 +6119,7 @@ function ErrorAlert(props) {
 
 // src/internal/components/AuthMenu/SignInStep/Social.tsx
 var import_lucide_react11 = require("lucide-react");
-var import_react14 = require("react");
+var import_react13 = require("react");
 init_assets();
 init_lumiaPassport();
 init_auth();
@@ -6367,7 +6210,7 @@ function Social(props) {
     setPasskeyError,
     setPasskeyStatus
   } = useAuthStore();
-  const onSocialAuth = (0, import_react14.useCallback)(
+  const onSocialAuth = (0, import_react13.useCallback)(
     async (providerId) => {
       const normalizedProviderId = providerId.toLowerCase();
       const provider = config.current?.social?.providers?.find(
@@ -6778,7 +6621,7 @@ function SignInStep(props) {
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "font-bold text-xl leading-6", children: "Sign In" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "w-full flex flex-col gap-[var(--l-pass-gap)]", children: [
-      enabledWoPasskey.map((kind, idx) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react15.Fragment, { children: [
+      enabledWoPasskey.map((kind, idx) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react14.Fragment, { children: [
         idx > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center", children: [
           /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { borderTop: "1px solid var(--l-pass-bd)" }, className: "flex-1" }),
           /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-none px-2 text-xs leading-4", children: "Or sign in using" }),
@@ -6805,19 +6648,19 @@ function SignInStep(props) {
 }
 
 // src/internal/components/AuthMenu/useAuthMenuHanders.ts
-var import_react16 = require("react");
+var import_react15 = require("react");
 init_auth();
 function useAuthMenuHandlers() {
   const {
     config: { current: config },
     callbacks
   } = useLumiaPassportConfig();
-  const pendingLoginResponseRef = (0, import_react16.useRef)(null);
+  const pendingLoginResponseRef = (0, import_react15.useRef)(null);
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const [telegramCleanup, setTelegramCleanup] = (0, import_react16.useState)(null);
+  const [telegramCleanup, setTelegramCleanup] = (0, import_react15.useState)(null);
   const { usePaymaster, setError, setStatus, setSession, setAddress, setRecoveryUserId, setHasServerVault } = useLumiaPassportSession();
   const { setStep, setVerificationError, setCodeSendError, setFailedMessage } = useAuthStore();
-  const createSessionWithKeyshare = (0, import_react16.useCallback)(
+  const createSessionWithKeyshare = (0, import_react15.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -6851,7 +6694,7 @@ function useAuthMenuHandlers() {
     },
     [setStatus, callbacks, usePaymaster]
   );
-  const onAuthSuccess = (0, import_react16.useCallback)(async () => {
+  const onAuthSuccess = (0, import_react15.useCallback)(async () => {
     console.log("[ConnectWalletButton] handleAuthModalSuccess called");
     const loginResponse = pendingLoginResponseRef.current;
     console.log("[ConnectWalletButton] loginResponse:", loginResponse);
@@ -6946,7 +6789,7 @@ function useAuthMenuHandlers() {
     setHasServerVault,
     createSessionWithKeyshare
   ]);
-  const checkDisplayNameRequired = (0, import_react16.useCallback)(
+  const checkDisplayNameRequired = (0, import_react15.useCallback)(
     async (loginResponse) => {
       if (!config.features.displayNameNeeded) {
         return false;
@@ -6973,7 +6816,7 @@ function useAuthMenuHandlers() {
     },
     [config.features.displayNameNeeded]
   );
-  const goBackToSignIn = (0, import_react16.useCallback)(() => {
+  const goBackToSignIn = (0, import_react15.useCallback)(() => {
     setStep("signin");
     setVerificationError("");
     setCodeSendError("");
@@ -6991,11 +6834,11 @@ function useAuthMenuHandlers() {
 }
 
 // src/internal/components/AuthMenu/useListenIframeAuthEvents.ts
-var import_react17 = require("react");
+var import_react16 = require("react");
 function useListenIframeAuthEvents() {
   const setPage = useLayoutDataStore((state) => state.setPage);
   const setIsIframeReady = useLumiaPassportSession((state) => state.setIsIframeReady);
-  const handleIframeMessage = (0, import_react17.useCallback)(
+  const handleIframeMessage = (0, import_react16.useCallback)(
     (event) => {
       console.log("[AuthMenu] Received iframe message:", event.data);
       if (event.data?.type === "LUMIA_PASSPORT_IFRAME_READY") {
@@ -7013,7 +6856,7 @@ function useListenIframeAuthEvents() {
     },
     [setPage, setIsIframeReady]
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     window.addEventListener("message", handleIframeMessage);
     return () => window.removeEventListener("message", handleIframeMessage);
   }, [handleIframeMessage]);
@@ -7021,7 +6864,7 @@ function useListenIframeAuthEvents() {
 
 // src/internal/components/AuthMenu/VerifyStep/VerifyStep.tsx
 init_lumiaPassport();
-var import_react_query7 = require("@tanstack/react-query");
+var import_react_query6 = require("@tanstack/react-query");
 var import_lucide_react13 = require("lucide-react");
 
 // src/internal/assets/OtpIcon.tsx
@@ -7042,21 +6885,21 @@ init_auth();
 init_projectId();
 
 // src/internal/components/AuthMenu/VerifyStep/VerificationCodeInput.tsx
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var VerificationCodeInput = (props) => {
   const { onVerifyCode, onResendCode, isLoading, expiresIn, error } = props;
   const setVerificationError = useAuthStore((st) => st.setVerificationError);
-  const [timeLeft, setTimeLeft] = (0, import_react18.useState)(expiresIn);
-  (0, import_react18.useEffect)(() => setTimeLeft(expiresIn), [expiresIn]);
-  (0, import_react18.useEffect)(() => {
+  const [timeLeft, setTimeLeft] = (0, import_react17.useState)(expiresIn);
+  (0, import_react17.useEffect)(() => setTimeLeft(expiresIn), [expiresIn]);
+  (0, import_react17.useEffect)(() => {
     const t = setInterval(() => setTimeLeft((secs) => secs > 0 ? secs - 1 : 0), 1e3);
     return () => clearInterval(t);
   }, []);
-  const lastSubmittedRef = (0, import_react18.useRef)(null);
-  const inputsRef = (0, import_react18.useRef)([]);
-  const [digits, setDigits] = (0, import_react18.useState)(["", "", "", "", "", ""]);
-  (0, import_react18.useEffect)(() => {
+  const lastSubmittedRef = (0, import_react17.useRef)(null);
+  const inputsRef = (0, import_react17.useRef)([]);
+  const [digits, setDigits] = (0, import_react17.useState)(["", "", "", "", "", ""]);
+  (0, import_react17.useEffect)(() => {
     const code = digits.join("");
     if (code.length === 6 && digits.every((d) => d !== "") && !isLoading) {
       if (lastSubmittedRef.current !== code) {
@@ -7065,7 +6908,7 @@ var VerificationCodeInput = (props) => {
       }
     }
   }, [digits, isLoading, onVerifyCode]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const t = setTimeout(() => {
       inputsRef.current[0]?.focus();
     }, 0);
@@ -7190,7 +7033,7 @@ function VerifyStep(props) {
     setEmail,
     setExpiresIn
   } = useAuthStore();
-  const { mutate: onVerifyCode, isPending: isCodeVerifying } = (0, import_react_query7.useMutation)({
+  const { mutate: onVerifyCode, isPending: isCodeVerifying } = (0, import_react_query6.useMutation)({
     mutationFn: async (code) => {
       setIsLoading(true);
       setVerificationError("");
@@ -7263,7 +7106,7 @@ function VerifyStep(props) {
       setIsLoading(false);
     }
   });
-  const { mutate: onResendCode, isPending: isCodeResending } = (0, import_react_query7.useMutation)({
+  const { mutate: onResendCode, isPending: isCodeResending } = (0, import_react_query6.useMutation)({
     mutationFn: async () => {
       setVerificationError("");
       setIsLoading(true);
@@ -7341,7 +7184,7 @@ var AuthMenu = () => {
   const isIframeReady = useLumiaPassportSession((st) => st.isIframeReady);
   const page = useLayoutDataStore((st) => st.page);
   const setMainPageHeight = useLayoutDataStore((st) => st.setMainPageHeight);
-  (0, import_react19.useEffect)(() => setMainPageHeight(DEFAULT_AUTH_MENU_HEIGHT), [setMainPageHeight]);
+  (0, import_react18.useEffect)(() => setMainPageHeight(DEFAULT_AUTH_MENU_HEIGHT), [setMainPageHeight]);
   const {
     step,
     setStep,
@@ -7352,7 +7195,7 @@ var AuthMenu = () => {
     setFailedMessage,
     setCodeSendError
   } = useAuthStore();
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (page !== "auth" /* AUTH */) {
       setStep("signin");
       setEmail("");
@@ -7371,7 +7214,7 @@ var AuthMenu = () => {
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-sm text-[var(--l-pass-fg-muted)]", children: "Initializing wallet..." })
     ] });
   }
-  const stepContent = (0, import_react19.useMemo)(
+  const stepContent = (0, import_react18.useMemo)(
     () => ({
       "failed": /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AuthFailedStep, {}),
       "display-name": /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DisplayNameStep, { onAuthSuccess }),
@@ -7517,9 +7360,9 @@ function RampnowIcon() {
 }
 
 // src/internal/components/BuyMenu/binance/Binance.tsx
-var import_react_query8 = require("@tanstack/react-query");
+var import_react_query7 = require("@tanstack/react-query");
 var import_lucide_react15 = require("lucide-react");
-var import_react21 = require("react");
+var import_react20 = require("react");
 
 // src/internal/components/BuyMenu/components/PaymentSelector.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
@@ -7560,81 +7403,38 @@ var QUERY_KEYS2 = {
 };
 
 // src/internal/components/BuyMenu/binance/api.ts
-var API_DOMAIN2 = "https://api.lumiapassport.com/on-ramp";
+init_iframe_manager();
 async function getLumiaNetworkQuery() {
-  const auth = getBearer();
-  const response = await fetch(`${API_DOMAIN2}/api/binance/networks`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...auth && { Authorization: auth }
-    }
-  });
-  const data = await response.json();
-  if (!data?.success) {
-    throw new Error(`${data.code}: ${data.message}`);
-  }
-  const lumiaNetwork = data.data?.find((el) => el.cryptoCurrency === "LUMIA") || null;
-  if (!lumiaNetwork) {
-    console.error("Lumia is not available in Binance pairs API");
-    throw new Error("Lumia is not available in API");
+  const iframeManager = getIframeManager();
+  if (!iframeManager) {
+    throw new Error("Iframe manager is not initialized");
   }
-  return lumiaNetwork;
+  return await iframeManager.sendMessage("BINANCE_GET_LUMIA_NETWORK_QUERY", {});
 }
 async function getPaymentMethodsQuery(payload) {
-  const auth = getBearer();
-  const response = await fetch(`${API_DOMAIN2}/api/binance/modes`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...auth && { Authorization: auth }
-    },
-    body: JSON.stringify(payload)
-  });
-  const data = await response.json();
-  if (!data.success) {
-    throw new Error(`${data.code}: ${data.message}`);
+  const iframeManager = getIframeManager();
+  if (!iframeManager) {
+    throw new Error("Iframe manager is not initialized");
   }
-  if (!data.data.paymentMethods.length) {
-    throw new Error("No payment methods available yet");
-  }
-  return data.data.paymentMethods;
+  return await iframeManager.sendMessage("BINANCE_GET_PAYMENT_METHODS_QUERY", payload);
 }
 async function getQuoteQuery(payload) {
-  const auth = getBearer();
-  const response = await fetch(`${API_DOMAIN2}/api/binance/quote`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...auth && { Authorization: auth }
-    },
-    body: JSON.stringify(payload)
-  });
-  const data = await response.json();
-  if (!data.success) {
-    throw new Error(`${data.code}: ${data.message}`);
+  const iframeManager = getIframeManager();
+  if (!iframeManager) {
+    throw new Error("Iframe manager is not initialized");
   }
-  return data.data;
+  return await iframeManager.sendMessage("BINANCE_GET_QUOTE_QUERY", payload);
 }
 async function createPreorderMutation(payload) {
-  const auth = getBearer();
-  const response = await fetch(`${API_DOMAIN2}/api/binance/pre-order`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...auth && { Authorization: auth }
-    },
-    body: JSON.stringify(payload)
-  });
-  const data = await response.json();
-  if (!data.success) {
-    throw new Error(`${data.code}: ${data.message}`);
+  const iframeManager = getIframeManager();
+  if (!iframeManager) {
+    throw new Error("Iframe manager is not initialized");
   }
-  return data.data;
+  return await iframeManager.sendMessage("BINANCE_CREATE_PREORDER_MUTATION", payload);
 }
 
 // src/internal/components/BuyMenu/binance/useQueriesErrorHandler.ts
-var import_react20 = require("react");
+var import_react19 = require("react");
 
 // src/internal/components/BuyMenu/binance/utils.ts
 function getPayMethodID(pm) {
@@ -7654,7 +7454,7 @@ function handleErrors(errors) {
 // src/internal/components/BuyMenu/binance/useQueriesErrorHandler.ts
 var useQueriesErrorHandler = (errors, stateUpdater) => {
   const { error: errorTitle, message: errorMessage } = handleErrors(errors);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!errorTitle && !errorMessage) return;
     console.error(`[BuyModal][Binance] ${errorTitle}: ${errorMessage}`);
     stateUpdater(1);
@@ -7679,12 +7479,12 @@ function Binance(props) {
     setMinAmount,
     setSrcInputAmount
   } = control;
-  const qc = (0, import_react_query8.useQueryClient)();
+  const qc = (0, import_react_query7.useQueryClient)();
   const {
     data: lumiaNetwork,
     isLoading: isLumiaNetworkLoading,
     error: lumiaNetworkError
-  } = (0, import_react_query8.useQuery)({
+  } = (0, import_react_query7.useQuery)({
     retry: false,
     enabled: !!walletAddress,
     queryKey: [QUERY_KEYS2.binanceNetworksQuery, walletAddress],
@@ -7695,27 +7495,27 @@ function Binance(props) {
     data: paymentModes = null,
     isLoading: isPaymentModesLoading,
     error: paymentMethodsError
-  } = (0, import_react_query8.useQuery)({
+  } = (0, import_react_query7.useQuery)({
     retry: false,
     enabled: !!isLumiaAvailable && !!walletAddress,
     // && srcQueryAmount > 0,
     queryKey: [QUERY_KEYS2.binancePaymentModes, walletAddress, isLumiaAvailable, srcQueryAmount],
     queryFn: async () => getPaymentMethodsQuery({ totalAmount: String(srcQueryAmount || 1) })
   });
-  const lastLoadedPaymentModes = (0, import_react21.useRef)([]);
-  (0, import_react21.useEffect)(() => {
+  const lastLoadedPaymentModes = (0, import_react20.useRef)([]);
+  (0, import_react20.useEffect)(() => {
     if (!paymentModes?.length) return;
     setPaymentMode(getPayMethodID(paymentModes[0]));
     lastLoadedPaymentModes.current = paymentModes;
   }, [paymentModes]);
   const selectedPaymentMode = paymentModes?.find((el) => getPayMethodID(el) === paymentMode) || null;
   const minimum = Number(selectedPaymentMode?.fiatMinLimit || "0");
-  (0, import_react21.useEffect)(() => setMinAmount(minimum), [minimum]);
+  (0, import_react20.useEffect)(() => setMinAmount(minimum), [minimum]);
   const {
     data: quoteData = null,
     isLoading: isQuoteDataLoading,
     error: quoteError
-  } = (0, import_react_query8.useQuery)({
+  } = (0, import_react_query7.useQuery)({
     retry: false,
     enabled: !!walletAddress && srcQueryAmount > 0 && minimum > 0 && srcQueryAmount >= minimum,
     queryKey: [QUERY_KEYS2.binanceQuote, walletAddress, selectedPaymentMode, srcQueryAmount],
@@ -7731,7 +7531,7 @@ function Binance(props) {
     [lumiaNetworkError, paymentMethodsError, quoteError],
     setSrcInputAmount
   );
-  const { mutate: checkoutFundWalletOrder, isPending: isFundWalletOrderCheckouting } = (0, import_react_query8.useMutation)({
+  const { mutate: checkoutFundWalletOrder, isPending: isFundWalletOrderCheckouting } = (0, import_react_query7.useMutation)({
     mutationFn: async () => {
       setRedirecting(true);
       const returnUrl = window.location.href.split("?")[0];
@@ -7755,7 +7555,7 @@ function Binance(props) {
       setRedirecting(false);
     }
   });
-  (0, import_react21.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     return () => {
       qc.resetQueries({ queryKey: [QUERY_KEYS2.binanceNetworksQuery] });
       qc.resetQueries({ queryKey: [QUERY_KEYS2.binancePaymentModes] });
@@ -7817,36 +7617,25 @@ function Binance(props) {
 }
 
 // src/internal/components/BuyMenu/rampnow/Rampnow.tsx
-var import_react_query9 = require("@tanstack/react-query");
+var import_react_query8 = require("@tanstack/react-query");
 var import_lucide_react16 = require("lucide-react");
-var import_react22 = require("react");
+var import_react21 = require("react");
 
 // src/internal/components/BuyMenu/rampnow/api.ts
-var API_DOMAIN3 = "https://api.lumiapassport.com/on-ramp";
+init_iframe_manager();
 async function getRampnowConfigQuery() {
-  const auth = getBearer();
-  const response = await fetch(`${API_DOMAIN3}/api/rampnow/cfg`, {
-    method: "GET",
-    headers: { ...auth && { Authorization: auth } }
-  });
-  const data = await response.json();
-  return data;
+  const iframeManager = getIframeManager();
+  if (!iframeManager) {
+    throw new Error("Iframe manager is not initialized");
+  }
+  return await iframeManager.sendMessage("RAMPNOW_GET_CONFIG", {});
 }
 async function getRampOrderQuoteQuery(payload) {
-  const auth = getBearer();
-  const response = await fetch(`${API_DOMAIN3}/api/rampnow/quote`, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...auth && { Authorization: auth }
-    },
-    body: JSON.stringify(payload)
-  });
-  const data = await response.json();
-  if (!data.data) {
-    throw new Error(`${data.code}: ${data.message}`);
+  const iframeManager = getIframeManager();
+  if (!iframeManager) {
+    throw new Error("Iframe manager is not initialized");
   }
-  return data;
+  return await iframeManager.sendMessage("RAMPNOW_GET_ORDER_QUOTE", payload);
 }
 
 // src/internal/components/BuyMenu/rampnow/constants.ts
@@ -7883,8 +7672,8 @@ function Rampnow(props) {
     setSrcInputAmount,
     setMinAmount
   } = control;
-  const qc = (0, import_react_query9.useQueryClient)();
-  (0, import_react22.useEffect)(() => {
+  const qc = (0, import_react_query8.useQueryClient)();
+  (0, import_react21.useEffect)(() => {
     setMinAmount(MINIMUM_RAMP_AMOUNT);
     setPaymentMode(PAYMENT_MODES[0].id);
   }, []);
@@ -7892,7 +7681,7 @@ function Rampnow(props) {
     data: configData,
     isLoading: isConfigLoading,
     error: configError
-  } = (0, import_react_query9.useQuery)({
+  } = (0, import_react_query8.useQuery)({
     retry: false,
     enabled: !!walletAddress,
     queryKey: [QUERY_KEYS2.getRampNowConfig, walletAddress],
@@ -7902,7 +7691,7 @@ function Rampnow(props) {
     data: quoteData,
     isLoading: isQuoteDataLoading,
     error: quoteError
-  } = (0, import_react_query9.useQuery)({
+  } = (0, import_react_query8.useQuery)({
     retry: false,
     enabled: !!configData && !!walletAddress && !!paymentMode && srcQueryAmount >= MINIMUM_RAMP_AMOUNT,
     queryKey: [QUERY_KEYS2.getRampNowQuote, walletAddress, srcQueryAmount, paymentMode],
@@ -7912,7 +7701,7 @@ function Rampnow(props) {
       paymentMode
     })
   });
-  const { mutate: checkoutFundWalletOrder, isPending: isFundWalletOrderCheckouting } = (0, import_react_query9.useMutation)({
+  const { mutate: checkoutFundWalletOrder, isPending: isFundWalletOrderCheckouting } = (0, import_react_query8.useMutation)({
     mutationFn: async () => {
       if (!configData?.apiKey?.length || !configData?.orderUrl?.length) {
         throw new Error("RampNow order service is not available");
@@ -7941,7 +7730,7 @@ function Rampnow(props) {
       console.error("Create CheckoutOrder failed:", err);
     }
   });
-  (0, import_react22.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     return () => {
       qc.resetQueries({ queryKey: [QUERY_KEYS2.getRampNowConfig] });
       qc.resetQueries({ queryKey: [QUERY_KEYS2.getRampNowQuote] });
@@ -8023,7 +7812,7 @@ var RAMP_PROVIDERS = {
 var REDIRECT_TIMEOUT_MS = 1500;
 
 // src/internal/components/BuyMenu/useSelectables.ts
-var import_react23 = require("react");
+var import_react22 = require("react");
 
 // src/internal/utils/debounce.ts
 function debounce2(func, waitFor) {
@@ -8037,14 +7826,14 @@ function debounce2(func, waitFor) {
 // src/internal/components/BuyMenu/useSelectables.ts
 var ON_INPUT_QUERY_DELAY = 2e3;
 var useSelectables = () => {
-  const [redirecting, setRedirecting] = (0, import_react23.useState)(false);
-  const [rampProvider, setrRampProvider] = (0, import_react23.useState)("binance");
-  const [minAmount, setMinAmount] = (0, import_react23.useState)(0);
-  const inputRef = (0, import_react23.useRef)(null);
-  const [srcQueryAmount, setSrcQueryAmount] = (0, import_react23.useState)(0);
-  const [srcInputAmount, setSrcInputAmount] = (0, import_react23.useState)(0);
-  const [paymentMode, setPaymentMode] = (0, import_react23.useState)(null);
-  const setQueryAmountDebounced = (0, import_react23.useCallback)(
+  const [redirecting, setRedirecting] = (0, import_react22.useState)(false);
+  const [rampProvider, setrRampProvider] = (0, import_react22.useState)("binance");
+  const [minAmount, setMinAmount] = (0, import_react22.useState)(0);
+  const inputRef = (0, import_react22.useRef)(null);
+  const [srcQueryAmount, setSrcQueryAmount] = (0, import_react22.useState)(0);
+  const [srcInputAmount, setSrcInputAmount] = (0, import_react22.useState)(0);
+  const [paymentMode, setPaymentMode] = (0, import_react22.useState)(null);
+  const setQueryAmountDebounced = (0, import_react22.useCallback)(
     debounce2((inputAmount) => {
       const checkedValue = Math.max(inputAmount, minAmount);
       setSrcInputAmount(checkedValue);
@@ -8052,7 +7841,7 @@ var useSelectables = () => {
     }, ON_INPUT_QUERY_DELAY),
     [minAmount]
   );
-  (0, import_react23.useEffect)(() => setQueryAmountDebounced(srcInputAmount), [srcInputAmount, setQueryAmountDebounced]);
+  (0, import_react22.useEffect)(() => setQueryAmountDebounced(srcInputAmount), [srcInputAmount, setQueryAmountDebounced]);
   return {
     inputRef,
     redirecting,
@@ -8104,7 +7893,7 @@ function BuyMenu() {
 
 // src/internal/components/KeyshareBackupMenu/KeyshareBackupMenu.tsx
 var import_lucide_react19 = require("lucide-react");
-var import_react24 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"), 1);
 init_iframe_manager();
 
 // src/internal/components/ui/checkbox.tsx
@@ -8140,30 +7929,30 @@ function KeyshareBackupMenu() {
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const userId = session?.mpcUserId || "";
   const onBackupSuccess = () => console.log("[ConnectWalletButton] Backup created successfully");
-  (0, import_react24.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!userId) setPage("main-menu" /* MAIN_MENU */);
   }, [userId, setPage]);
-  const [backupStatus, setBackupStatus] = import_react24.default.useState({
+  const [backupStatus, setBackupStatus] = import_react23.default.useState({
     server: {},
     cloud: {},
     local: {}
   });
-  const [loading, setLoading] = import_react24.default.useState({
+  const [loading, setLoading] = import_react23.default.useState({
     server: false,
     cloud: false,
     local: false
   });
-  const [error, setError] = import_react24.default.useState(null);
-  const [success, setSuccess] = import_react24.default.useState(null);
-  const [showPassword, setShowPassword] = import_react24.default.useState(false);
-  const [useCustomPassword, setUseCustomPassword] = import_react24.default.useState(false);
-  const [customPassword, setCustomPassword] = import_react24.default.useState("");
-  const [cloudProviders, setCloudProviders] = import_react24.default.useState(
+  const [error, setError] = import_react23.default.useState(null);
+  const [success, setSuccess] = import_react23.default.useState(null);
+  const [showPassword, setShowPassword] = import_react23.default.useState(false);
+  const [useCustomPassword, setUseCustomPassword] = import_react23.default.useState(false);
+  const [customPassword, setCustomPassword] = import_react23.default.useState("");
+  const [cloudProviders, setCloudProviders] = import_react23.default.useState(
     []
   );
-  const [selectedCloudProvider, setSelectedCloudProvider] = import_react24.default.useState(null);
-  const [hasKeyshareData, setHasKeyshareData] = import_react24.default.useState(true);
-  const iframeManager = import_react24.default.useMemo(() => {
+  const [selectedCloudProvider, setSelectedCloudProvider] = import_react23.default.useState(null);
+  const [hasKeyshareData, setHasKeyshareData] = import_react23.default.useState(true);
+  const iframeManager = import_react23.default.useMemo(() => {
     try {
       return getIframeManager();
     } catch (e) {
@@ -8171,7 +7960,7 @@ function KeyshareBackupMenu() {
       return null;
     }
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const loadCloudProviders = async () => {
       try {
         const { getAvailableCloudProviders: getAvailableCloudProviders3 } = await Promise.resolve().then(() => (init_cloudStorage(), cloudStorage_exports));
@@ -8191,7 +7980,7 @@ function KeyshareBackupMenu() {
     };
     loadCloudProviders();
   }, [selectedCloudProvider]);
-  const refreshStatus = import_react24.default.useCallback(async () => {
+  const refreshStatus = import_react23.default.useCallback(async () => {
     if (!iframeManager) return;
     try {
       const status = await iframeManager.getBackupStatus(userId);
@@ -8200,7 +7989,7 @@ function KeyshareBackupMenu() {
       console.error("[KeyshareBackup] Failed to get backup status:", error2);
     }
   }, [iframeManager, userId]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     refreshStatus();
   }, [refreshStatus]);
   const handleBackup = async (method) => {
@@ -8429,21 +8218,21 @@ function KeyshareBackupMenu() {
 }
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
-var import_react_query10 = require("@tanstack/react-query");
+var import_react_query9 = require("@tanstack/react-query");
 var import_lucide_react22 = require("lucide-react");
-var import_react27 = __toESM(require("react"), 1);
+var import_react26 = __toESM(require("react"), 1);
 init_vaultClient();
 
 // src/internal/components/KeyshareRestoreMenu/NoBackupFound.tsx
 var import_lucide_react20 = require("lucide-react");
-var import_react25 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var ACCOUNT_RECOVERY_TEXT = `This device doesn't have access to your wallet keyshare, and no backup was found in the Vault. To access your wallet: use the original device where you created the account, create a backup from that device first, then try restoring on this device.`;
 var ACCOUNT_FILE_RECOVERY_TEXT = `Try uploading a backup file if you have one saved locally, or create a different new account`;
 function NoBackupFound(props) {
   const { isLoading, restoreFromFile } = props;
-  const [restoreFile, setRestoreFile] = (0, import_react25.useState)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react25.Fragment, { children: [
+  const [restoreFile, setRestoreFile] = (0, import_react24.useState)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react24.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Highlight, { type: "error", className: "animate-glow-warning flex gap-[var(--l-pass-gap)]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react20.AlertCircle, { className: "h-4 w-4 flex-0" }),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "w-full flex-1 flex flex-col gap-2", children: [
@@ -8484,7 +8273,7 @@ function NoBackupFound(props) {
 
 // src/internal/components/KeyshareRestoreMenu/ServerBackupFound.tsx
 var import_lucide_react21 = require("lucide-react");
-var import_react26 = require("react");
+var import_react25 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function ServerBackupFound(props) {
   const {
@@ -8500,7 +8289,7 @@ function ServerBackupFound(props) {
     setRestorePassword,
     setUseCustomPassword
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react26.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react25.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Highlight, { type: "success", className: "w-full flex gap-[var(--l-pass-gap)]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react21.AlertCircle, { className: "h-4 w-4 flex-0" }),
       /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "w-full flex-1", children: [
@@ -8616,17 +8405,17 @@ var KeyshareRestoreMenu = () => {
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setIsDialogForced = useLayoutStore((st) => st.setIsDialogForced);
   const setPage = useLayoutDataStore((st) => st.setPage);
-  (0, import_react27.useEffect)(() => setIsDialogForced(true), []);
+  (0, import_react26.useEffect)(() => setIsDialogForced(true), []);
   const { usePaymaster, recoveryUserId, setRecoveryUserId, setSession, setAddress, setStatus, setIsLoading } = useLumiaPassportSession();
-  const [error, setError] = import_react27.default.useState(null);
-  const [success, setSuccess] = import_react27.default.useState(null);
-  const [showPassword, setShowPassword] = import_react27.default.useState(false);
-  const [useCustomPassword, setUseCustomPassword] = import_react27.default.useState(false);
-  const [restoreFile, setRestoreFile] = import_react27.default.useState(null);
-  const [restorePassword, setRestorePassword] = import_react27.default.useState("");
-  const [hasServerBackup, setHasServerBackup] = import_react27.default.useState(null);
-  const [checkingBackup, setCheckingBackup] = import_react27.default.useState(true);
-  const createSessionWithKeyshare = (0, import_react27.useCallback)(
+  const [error, setError] = import_react26.default.useState(null);
+  const [success, setSuccess] = import_react26.default.useState(null);
+  const [showPassword, setShowPassword] = import_react26.default.useState(false);
+  const [useCustomPassword, setUseCustomPassword] = import_react26.default.useState(false);
+  const [restoreFile, setRestoreFile] = import_react26.default.useState(null);
+  const [restorePassword, setRestorePassword] = import_react26.default.useState("");
+  const [hasServerBackup, setHasServerBackup] = import_react26.default.useState(null);
+  const [checkingBackup, setCheckingBackup] = import_react26.default.useState(true);
+  const createSessionWithKeyshare = (0, import_react26.useCallback)(
     async (userId, hasServerKeyshare, isNewUser) => {
       try {
         try {
@@ -8660,7 +8449,7 @@ var KeyshareRestoreMenu = () => {
     },
     [setStatus, callbacks, usePaymaster]
   );
-  const onRestoreSuccess = (0, import_react27.useCallback)(async () => {
+  const onRestoreSuccess = (0, import_react26.useCallback)(async () => {
     const { verifyToken: verifyToken2, jwtTokenManager: jwtTokenManager4 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
     const verify = await verifyToken2();
     const hasServerKeyshare = verify?.hasKeyshare ?? jwtTokenManager4.getHasKeyshare() ?? false;
@@ -8725,7 +8514,7 @@ var KeyshareRestoreMenu = () => {
     callbacks,
     config.projectId
   ]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const checkBackupAvailability = async () => {
       try {
         setCheckingBackup(true);
@@ -8743,7 +8532,7 @@ var KeyshareRestoreMenu = () => {
     };
     checkBackupAvailability();
   }, [recoveryUserId]);
-  const { mutate: restoreFromServer2, isPending: isRestoringFromServer } = (0, import_react_query10.useMutation)({
+  const { mutate: restoreFromServer2, isPending: isRestoringFromServer } = (0, import_react_query9.useMutation)({
     mutationFn: async () => {
       setError(null);
       setSuccess(null);
@@ -8778,7 +8567,7 @@ var KeyshareRestoreMenu = () => {
       setError(errorMsg);
     }
   });
-  const { mutate: restoreFromFile, isPending: isRestoringFromFile } = (0, import_react_query10.useMutation)({
+  const { mutate: restoreFromFile, isPending: isRestoringFromFile } = (0, import_react_query9.useMutation)({
     mutationFn: async () => {
       if (!restoreFile) {
         throw new Error("Please select a backup file");
@@ -8812,7 +8601,7 @@ var KeyshareRestoreMenu = () => {
       setError(errorMsg);
     }
   });
-  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query10.useMutation)({
+  const { mutate: disconnect, isPending: isDisconnecting } = (0, import_react_query9.useMutation)({
     mutationFn: async () => {
       setError(null);
       setStatus("disconnecting");
@@ -8904,14 +8693,14 @@ var import_lucide_react24 = require("lucide-react");
 var import_lucide_react23 = require("lucide-react");
 
 // src/internal/components/KYC/useSumsubIframe.ts
-var import_react28 = require("react");
+var import_react27 = require("react");
 
 // src/internal/components/KYC/api/sumsub.ts
 init_httpClient();
 
 // src/config/queryClient.ts
-var import_react_query11 = require("@tanstack/react-query");
-var queryClient = new import_react_query11.QueryClient({
+var import_react_query10 = require("@tanstack/react-query");
+var queryClient = new import_react_query10.QueryClient({
   defaultOptions: {
     queries: {
       staleTime: 1e3 * 60 * 6,
@@ -9027,13 +8816,13 @@ function useSumsubIframe({ iframeUrl }) {
     config: { current: config }
   } = useLumiaPassportConfig();
   const { colorMode } = useLumiaPassportColorMode();
-  const iframeRef = (0, import_react28.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react28.useState)(true);
-  const [error, setError] = (0, import_react28.useState)(null);
-  const [height, setHeight] = (0, import_react28.useState)(0);
-  const [status, setStatus] = (0, import_react28.useState)("");
+  const iframeRef = (0, import_react27.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react27.useState)(true);
+  const [error, setError] = (0, import_react27.useState)(null);
+  const [height, setHeight] = (0, import_react27.useState)(0);
+  const [status, setStatus] = (0, import_react27.useState)("");
   const levelName = config.kyc?.options?.levelName;
-  (0, import_react28.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -9141,7 +8930,7 @@ function KycMenu() {
 
 // src/internal/components/MainMenu/MainMenu.tsx
 var import_lucide_react26 = require("lucide-react");
-var import_react29 = require("react");
+var import_react28 = require("react");
 
 // src/internal/components/MainMenu/BackupWarning.tsx
 var import_framer_motion2 = require("framer-motion");
@@ -9197,7 +8986,7 @@ function MainMenu() {
   const address = useLumiaPassportSession((st) => st.address);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setMainPageHeight = useLayoutDataStore((st) => st.setMainPageHeight);
-  (0, import_react29.useEffect)(() => setMainPageHeight(DEFAULT_MAIN_MENU_HEIGHT), [setMainPageHeight]);
+  (0, import_react28.useEffect)(() => setMainPageHeight(DEFAULT_MAIN_MENU_HEIGHT), [setMainPageHeight]);
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "w-full p-[var(--l-pass-pd)] flex flex-col gap-[var(--l-pass-gap)]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "grid grid-cols-4 gap-[var(--l-pass-gap)]", children: MAIN_MENU_BUTTONS.map(({ id, label, icon: Icon }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       Button,
@@ -9221,11 +9010,11 @@ function MainMenu() {
 // src/internal/components/ManageWalletMenu/ManageWallet.tsx
 var import_lodash_es3 = require("lodash-es");
 var import_lucide_react30 = require("lucide-react");
-var import_react33 = require("react");
+var import_react32 = require("react");
 
 // src/modules/linkedProfiles.ts
-var import_react_query12 = require("@tanstack/react-query");
-var import_react30 = require("react");
+var import_react_query11 = require("@tanstack/react-query");
+var import_react29 = require("react");
 init_auth();
 init_common();
 init_types();
@@ -9245,32 +9034,32 @@ async function getLinkProfilesData() {
   return { profiles: loadedProfiles, avatar };
 }
 function useLumiaPassportLinkedProfiles() {
-  const qc = (0, import_react_query12.useQueryClient)();
+  const qc = (0, import_react_query11.useQueryClient)();
   const address = useLumiaPassportSession((st) => st.address);
   const {
     data,
     isFetching: isLoading,
     error
-  } = (0, import_react_query12.useQuery)({
+  } = (0, import_react_query11.useQuery)({
     retry: false,
     enabled: !!address,
     queryKey: [LINKED_PROFILES_QUERY_KEY, address],
     queryFn: getLinkProfilesData
   });
   const { profiles = [], avatar = null } = data || {};
-  const refresh = (0, import_react30.useCallback)(async () => {
+  const refresh = (0, import_react29.useCallback)(async () => {
     await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, address] });
   }, [qc, address]);
   return { profiles, avatar, isLoading, error, refresh };
 }
 
 // src/internal/components/ManageWalletMenu/AddProvider.tsx
-var import_react_query17 = require("@tanstack/react-query");
+var import_react_query16 = require("@tanstack/react-query");
 init_passkey2();
 
 // src/internal/components/ManageWalletMenu/EmailForm.tsx
 init_lumiaPassport();
-var import_react_query13 = require("@tanstack/react-query");
+var import_react_query12 = require("@tanstack/react-query");
 var import_lucide_react27 = require("lucide-react");
 init_projectId();
 
@@ -9313,7 +9102,7 @@ function EmailForm() {
   const isLoading = useLumiaPassportSession((st) => st.isLoading);
   const setIsLoading = useLumiaPassportSession((st) => st.setIsLoading);
   const { email, setEmail, setEmailCodeSentError, setEmailCodeExpiresIn, setEmailStep } = useManageWalletStore();
-  const { mutate: onSendVerificationCode } = (0, import_react_query13.useMutation)({
+  const { mutate: onSendVerificationCode } = (0, import_react_query12.useMutation)({
     mutationFn: async () => {
       if (!email) return;
       setIsLoading(true);
@@ -9390,13 +9179,13 @@ function EmailForm() {
 }
 
 // src/internal/components/ManageWalletMenu/hooks/useProvidersList.ts
-var import_react_query14 = require("@tanstack/react-query");
+var import_react_query13 = require("@tanstack/react-query");
 init_common();
 var PROVIDERS_QUERY_KEY = "lumia-passport-providers-query";
 function useProvidersList() {
   const address = useLumiaPassportSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
-  return (0, import_react_query14.useQuery)({
+  return (0, import_react_query13.useQuery)({
     retry: false,
     enabled: !!address && page === "manage-wallet" /* MANAGE_WALLET */,
     queryKey: [PROVIDERS_QUERY_KEY, address],
@@ -9405,11 +9194,11 @@ function useProvidersList() {
 }
 
 // src/internal/components/ManageWalletMenu/hooks/useSendVerificationCode.ts
-var import_react_query15 = require("@tanstack/react-query");
+var import_react_query14 = require("@tanstack/react-query");
 init_email();
 function useSendVerificationCode() {
   const { setVerificationError, setLinkIsLoading, setEmailCodeSentError, setEmailCodeExpiresIn } = useManageWalletStore();
-  return (0, import_react_query15.useMutation)({
+  return (0, import_react_query14.useMutation)({
     mutationFn: async (email) => {
       if (!email) {
         throw new Error("Email is required");
@@ -9432,11 +9221,11 @@ function useSendVerificationCode() {
 }
 
 // src/internal/components/ManageWalletMenu/hooks/useVerifyCode.ts
-var import_react_query16 = require("@tanstack/react-query");
+var import_react_query15 = require("@tanstack/react-query");
 init_email();
 function useVerifyCode() {
   const { callbacks } = useLumiaPassportConfig();
-  const qc = (0, import_react_query16.useQueryClient)();
+  const qc = (0, import_react_query15.useQueryClient)();
   const address = useLumiaPassportSession((st) => st.address);
   const setIsLoading = useLumiaPassportSession((st) => st.setIsLoading);
   const {
@@ -9450,7 +9239,7 @@ function useVerifyCode() {
     setVerificationError,
     setEmailCodeSentError
   } = useManageWalletStore();
-  return (0, import_react_query16.useMutation)({
+  return (0, import_react_query15.useMutation)({
     mutationFn: async (codeToVerify) => {
       const code = codeToVerify ?? emailCode;
       if (!code) {
@@ -9500,7 +9289,7 @@ function normalizePasskeyLinkError(msg) {
   return msg;
 }
 function AddProvider() {
-  const qc = (0, import_react_query17.useQueryClient)();
+  const qc = (0, import_react_query16.useQueryClient)();
   const { callbacks } = useLumiaPassportConfig();
   const address = useLumiaPassportSession((st) => st.address);
   const {
@@ -9660,11 +9449,11 @@ function EmailNotConnectedWarning() {
 }
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts
-var import_react_query18 = require("@tanstack/react-query");
-var import_react31 = __toESM(require("react"), 1);
+var import_react_query17 = require("@tanstack/react-query");
+var import_react30 = __toESM(require("react"), 1);
 init_auth();
 function useLinkSocial() {
-  const qc = (0, import_react_query18.useQueryClient)();
+  const qc = (0, import_react_query17.useQueryClient)();
   const address = useLumiaPassportSession((st) => st.address);
   const {
     config: { current: config },
@@ -9672,7 +9461,7 @@ function useLinkSocial() {
   } = useLumiaPassportConfig();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { providerType, linkIsLoading, isWalletLinking, setProviderType, setLinkIsLoading, setLinkError } = useManageWalletStore();
-  const handleLinkSocialProvider = import_react31.default.useCallback(
+  const handleLinkSocialProvider = import_react30.default.useCallback(
     async (providerIdRaw) => {
       const providerKey = providerIdRaw.toLowerCase();
       const normalizedKey = providerKey === "twitter" ? "x" : providerKey;
@@ -9724,8 +9513,8 @@ function useLinkSocial() {
     },
     [config.social?.providers, callbacks]
   );
-  const [socialLinkStarted, setSocialLinkStarted] = import_react31.default.useState(false);
-  (0, import_react31.useEffect)(() => {
+  const [socialLinkStarted, setSocialLinkStarted] = import_react30.default.useState(false);
+  (0, import_react30.useEffect)(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted, isWalletLinking });
     if (isWalletLinking) {
@@ -9745,19 +9534,19 @@ function useLinkSocial() {
 }
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
-var import_react_query19 = require("@tanstack/react-query");
-var import_react32 = require("react");
+var import_react_query18 = require("@tanstack/react-query");
+var import_react31 = require("react");
 init_telegram2();
 function useLinkTelegram() {
   const {
     config: { current: config },
     callbacks
   } = useLumiaPassportConfig();
-  const qc = (0, import_react_query19.useQueryClient)();
+  const qc = (0, import_react_query18.useQueryClient)();
   const address = useLumiaPassportSession((st) => st.address);
   const { providerType, linkIsLoading, isWalletLinking, setLinkIsLoading, setProviderType, setLinkError } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const handleLinkTelegram = (0, import_react32.useCallback)(async () => {
+  const handleLinkTelegram = (0, import_react31.useCallback)(async () => {
     try {
       setLinkIsLoading(true);
       setLinkError("");
@@ -9799,8 +9588,8 @@ function useLinkTelegram() {
       setLinkIsLoading(false);
     }
   }, [config.social?.providers, callbacks]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react32.useState)(false);
-  (0, import_react32.useEffect)(() => {
+  const [telegramLinkStarted, setTelegramLinkStarted] = (0, import_react31.useState)(false);
+  (0, import_react31.useEffect)(() => {
     console.log("[useLinkTelegram] Effect triggered:", { providerType, linkIsLoading, telegramLinkStarted, isWalletLinking });
     if (isWalletLinking) {
       console.log("[useLinkTelegram] Skipping - wallet linking in progress");
@@ -9812,7 +9601,7 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted, isWalletLinking]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
@@ -9920,7 +9709,7 @@ function ManageWalletMenu() {
   } = useManageWalletStore();
   const configuredProviders = getConfiguredProviders(config);
   const { data: providers = [], isLoading: isProvidersLoading, error: providersError } = useProvidersList();
-  const renderProviders = (0, import_react33.useMemo)(() => {
+  const renderProviders = (0, import_react32.useMemo)(() => {
     const usedProviders = (0, import_lodash_es3.fromPairs)(providers.map((p) => [p.provider, true]));
     const used = [];
     const unused = [];
@@ -10022,19 +9811,19 @@ function ManageWalletMenu() {
 }
 
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
-var import_react_query20 = require("@tanstack/react-query");
+var import_react_query19 = require("@tanstack/react-query");
 var import_lucide_react31 = require("lucide-react");
-var import_react34 = require("react");
+var import_react33 = require("react");
 init_auth();
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function UnlinkProviderMenu() {
-  const qc = (0, import_react_query20.useQueryClient)();
+  const qc = (0, import_react_query19.useQueryClient)();
   const address = useLumiaPassportSession((st) => st.address);
   const { callbacks } = useLumiaPassportConfig();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setLinkError } = useManageWalletStore();
-  const [confirmInput, setConfirmInput] = (0, import_react34.useState)("");
-  const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query20.useMutation)({
+  const [confirmInput, setConfirmInput] = (0, import_react33.useState)("");
+  const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = (0, import_react_query19.useMutation)({
     mutationFn: async () => {
       if (!confirmUnlink) {
         throw new Error("No provider to unlink");
@@ -10107,12 +9896,12 @@ function UnlinkProviderMenu() {
 }
 
 // src/internal/components/PortfolioMenu/PortfolioMenu.tsx
-var import_react_query22 = require("@tanstack/react-query");
+var import_react_query21 = require("@tanstack/react-query");
 var import_lucide_react33 = require("lucide-react");
-var import_react36 = require("react");
+var import_react35 = require("react");
 
 // src/modules/assets.ts
-var import_react35 = __toESM(require("react"), 1);
+var import_react34 = __toESM(require("react"), 1);
 var import_wagmi2 = require("wagmi");
 var import_viem4 = require("viem");
 init_base();
@@ -10259,7 +10048,7 @@ function useTokenBalance(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react35.default.useMemo(() => {
+  const formattedBalance = import_react34.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
     return (0, import_viem4.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);
@@ -10273,7 +10062,7 @@ function useTokenBalance(tokenAddress, userAddress) {
 }
 
 // src/internal/components/PortfolioMenu/PortfolioItem.tsx
-var import_react_query21 = require("@tanstack/react-query");
+var import_react_query20 = require("@tanstack/react-query");
 var import_lucide_react32 = require("lucide-react");
 init_base();
 var import_jsx_runtime49 = require("react/jsx-runtime");
@@ -10295,7 +10084,7 @@ function formatValue(price) {
 function openInExplorer(address) {
   window.open(`${LUMIA_EXPLORER_URL}/address/${address}`, "_blank");
 }
-async function getAssetRate(symbol) {
+async function getAssetRate2(symbol) {
   const assetURL = `https://api.binance.com/api/v3/ticker/price?symbol=${symbol.toUpperCase()}USDT`;
   const response = await fetch(assetURL);
   return await response.json();
@@ -10304,15 +10093,15 @@ var ASSETS_RATES_QUERY_KEY = "lumia-passport-assets-rates-query-key";
 function PortfolioItem(props) {
   const { address, asset, isProjectAsset } = props;
   const { assets: projectAssets, showBalanceAs: showBalanceAsSymbol } = useLumiaPassportConfig().config.current.projectAssets || {};
-  const qc = (0, import_react_query21.useQueryClient)();
+  const qc = (0, import_react_query20.useQueryClient)();
   const { balanceQueryKey } = projectAssets?.find((a) => a.symbol === showBalanceAsSymbol) || {};
   const projectAssetBalance = !!balanceQueryKey ? qc.getQueryData(balanceQueryKey) : null;
-  const { data: assetRate, isLoading: isRateLoading } = (0, import_react_query21.useQuery)({
+  const { data: assetRate, isLoading: isRateLoading } = (0, import_react_query20.useQuery)({
     retry: false,
     staleTime: 4 * 60 * 1e3,
     enabled: !!address && !!asset.symbol && !isProjectAsset,
     queryKey: [ASSETS_RATES_QUERY_KEY, address, asset.symbol],
-    queryFn: async () => await getAssetRate(asset.symbol)
+    queryFn: async () => await getAssetRate2(asset.symbol)
   });
   const renderBalance = isProjectAsset && projectAssetBalance?.fiatFormatted ? projectAssetBalance.fiatFormatted : asset.formattedBalance;
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
@@ -10366,18 +10155,18 @@ function PortfolioItem(props) {
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function PortfolioMenu() {
   const { assets: projectAssets = [] } = useLumiaPassportConfig().config.current?.projectAssets || {};
-  const qc = (0, import_react_query22.useQueryClient)();
+  const qc = (0, import_react_query21.useQueryClient)();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const assetsContainerListRef = (0, import_react36.useRef)(null);
-  const assetsListRef = (0, import_react36.useRef)(null);
+  const assetsContainerListRef = (0, import_react35.useRef)(null);
+  const assetsListRef = (0, import_react35.useRef)(null);
   const address = useLumiaPassportSession((st) => st.address);
   const { assets, refreshBalances, isLoading } = useAssets(address);
-  const refreshAllAssetsBalances = (0, import_react36.useCallback)(() => {
+  const refreshAllAssetsBalances = (0, import_react35.useCallback)(() => {
     Promise.all(projectAssets.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
     refreshBalances();
   }, [qc, projectAssets, refreshBalances]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!assetsContainerListRef.current || !assetsListRef.current) return;
     const listTargetHeight = maxScrollHeight - 128;
     assetsContainerListRef.current.style.setProperty("--l-pass-scrollbar-mah", `${listTargetHeight}px`);
@@ -10450,7 +10239,7 @@ function PortfolioMenu() {
 
 // src/internal/components/SecurityMenu/SecurityMenu.tsx
 var import_lucide_react34 = require("lucide-react");
-var import_react37 = require("react");
+var import_react36 = require("react");
 init_auth();
 init_keyshare();
 init_vaultClient();
@@ -10462,18 +10251,18 @@ function SecurityMenu() {
   const userId = import_auth3.jwtTokenManager.getUserId();
   const serverHasKeyshare = import_auth3.jwtTokenManager.getHasKeyshare() ?? false;
   const backup = userId ? getBackupStatus(userId) : { server: { enabled: false }, cloud: { enabled: false }, local: { enabled: false } };
-  const [isRefreshing, setIsRefreshing] = (0, import_react37.useState)(false);
-  const [localInfo, setLocalInfo] = (0, import_react37.useState)(null);
-  const [recoveryCreatedAt, setRecoveryCreatedAt] = (0, import_react37.useState)(null);
-  const [recoveryBrowser, setRecoveryBrowser] = (0, import_react37.useState)(null);
-  const [recoveryUa, setRecoveryUa] = (0, import_react37.useState)(null);
-  const [recoveryDeviceId, setRecoveryDeviceId] = (0, import_react37.useState)(null);
-  const [recoveryDeviceName, setRecoveryDeviceName] = (0, import_react37.useState)(null);
-  const [recoveryCountry, setRecoveryCountry] = (0, import_react37.useState)(null);
-  const [hasServerBackup, setHasServerBackup] = (0, import_react37.useState)(false);
-  const [trustedApps, setTrustedApps] = (0, import_react37.useState)([]);
-  const [appToRemove, setAppToRemove] = (0, import_react37.useState)(null);
-  const fetchRecovery = (0, import_react37.useCallback)(async () => {
+  const [isRefreshing, setIsRefreshing] = (0, import_react36.useState)(false);
+  const [localInfo, setLocalInfo] = (0, import_react36.useState)(null);
+  const [recoveryCreatedAt, setRecoveryCreatedAt] = (0, import_react36.useState)(null);
+  const [recoveryBrowser, setRecoveryBrowser] = (0, import_react36.useState)(null);
+  const [recoveryUa, setRecoveryUa] = (0, import_react36.useState)(null);
+  const [recoveryDeviceId, setRecoveryDeviceId] = (0, import_react36.useState)(null);
+  const [recoveryDeviceName, setRecoveryDeviceName] = (0, import_react36.useState)(null);
+  const [recoveryCountry, setRecoveryCountry] = (0, import_react36.useState)(null);
+  const [hasServerBackup, setHasServerBackup] = (0, import_react36.useState)(false);
+  const [trustedApps, setTrustedApps] = (0, import_react36.useState)([]);
+  const [appToRemove, setAppToRemove] = (0, import_react36.useState)(null);
+  const fetchRecovery = (0, import_react36.useCallback)(async () => {
     if (!userId) return;
     try {
       setIsRefreshing(true);
@@ -10506,7 +10295,7 @@ function SecurityMenu() {
       setIsRefreshing(false);
     }
   }, [userId]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (open) fetchRecovery();
   }, [open, fetchRecovery]);
   const parseOS = (ua) => {
@@ -10698,21 +10487,21 @@ function SecurityMenu() {
 
 // src/internal/components/SendRecieveMenu/SendLumiaMenu.tsx
 var import_lucide_react35 = require("lucide-react");
-var import_react39 = require("react");
+var import_react38 = require("react");
 var import_viem6 = require("viem");
 var import_wagmi3 = require("wagmi");
 
 // src/hooks/useSendTransaction.ts
-var import_react38 = require("react");
+var import_react37 = require("react");
 var import_viem5 = require("viem");
 init_account();
 function useSendTransaction() {
   const session = useLumiaPassportSession((st) => st.session);
   const address = useLumiaPassportSession((st) => st.address);
-  const [isLoading, setIsLoading] = (0, import_react38.useState)(false);
-  const [error, setError] = (0, import_react38.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react38.useState)(null);
-  const sendTransaction = (0, import_react38.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react37.useState)(false);
+  const [error, setError] = (0, import_react37.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react37.useState)(null);
+  const sendTransaction = (0, import_react37.useCallback)(
     async (params) => {
       if (!session || !address) {
         setError("No active session");
@@ -10752,7 +10541,7 @@ function useSendTransaction() {
     },
     [session, address]
   );
-  const reset = (0, import_react38.useCallback)(() => {
+  const reset = (0, import_react37.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsLoading(false);
@@ -10780,13 +10569,13 @@ function SendLumiaMenu() {
     address,
     chainId: lumiaBeam.id
   });
-  const [recipient, setRecipient] = (0, import_react39.useState)("");
-  const [amount, setAmount] = (0, import_react39.useState)("");
-  const [txStep, setTxStep] = (0, import_react39.useState)("input");
-  const [validationError, setValidationError] = (0, import_react39.useState)(null);
+  const [recipient, setRecipient] = (0, import_react38.useState)("");
+  const [amount, setAmount] = (0, import_react38.useState)("");
+  const [txStep, setTxStep] = (0, import_react38.useState)("input");
+  const [validationError, setValidationError] = (0, import_react38.useState)(null);
   const nativeAsset = assets.find((a) => a.type === "native");
   const balance = nativeAsset ? parseFloat(nativeAsset.formattedBalance) : 0;
-  (0, import_react39.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (open) {
       setTxStep("input");
       setValidationError(null);
@@ -10950,7 +10739,7 @@ function SendLumiaMenu() {
 // src/internal/components/SendRecieveMenu/ReceiveLumiaMenu.tsx
 var import_lucide_react36 = require("lucide-react");
 var import_qrcode = __toESM(require("qrcode"), 1);
-var import_react40 = require("react");
+var import_react39 = require("react");
 init_clients();
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function ReceiveLumiaMenu() {
@@ -10959,9 +10748,9 @@ function ReceiveLumiaMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const open = page === "receive";
-  const [qrCodeUrl, setQrCodeUrl] = (0, import_react40.useState)("");
-  const [copied, setCopied] = (0, import_react40.useState)(false);
-  (0, import_react40.useEffect)(() => {
+  const [qrCodeUrl, setQrCodeUrl] = (0, import_react39.useState)("");
+  const [copied, setCopied] = (0, import_react39.useState)(false);
+  (0, import_react39.useEffect)(() => {
     if (open && address) {
       import_qrcode.default.toDataURL(address, {
         width: 200,
@@ -10974,7 +10763,7 @@ function ReceiveLumiaMenu() {
       });
     }
   }, [open, address]);
-  const handleCopy = (0, import_react40.useCallback)(async () => {
+  const handleCopy = (0, import_react39.useCallback)(async () => {
     if (!address) return;
     try {
       await navigator.clipboard.writeText(address);
@@ -11020,7 +10809,7 @@ function ReceiveLumiaMenu() {
 
 // src/internal/components/SettingsMenu/SettingsMenu.tsx
 var import_lucide_react38 = require("lucide-react");
-var import_react41 = require("react");
+var import_react40 = require("react");
 
 // src/internal/components/SettingsMenu/constants.ts
 var import_lucide_react37 = require("lucide-react");
@@ -11054,7 +10843,7 @@ function SettingsMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const settingsNotifications = useLayoutDataStore((st) => st.settingsNotifications);
   const setMainPageHeight = useLayoutDataStore((st) => st.setMainPageHeight);
-  (0, import_react41.useEffect)(() => setMainPageHeight(DEFAULT_SETTINGS_MENU_HEIGHT), [setMainPageHeight]);
+  (0, import_react40.useEffect)(() => setMainPageHeight(DEFAULT_SETTINGS_MENU_HEIGHT), [setMainPageHeight]);
   const navItems = NAV_BUTTONS.map((el) => ({ ...el, onClick: () => setPage(el.id) }));
   const highlightedKeys = settingsNotifications.map((n) => n.target);
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "w-full p-[var(--l-pass-pd)] flex flex-col gap-[var(--l-pass-gap)]", children: [
@@ -11112,9 +10901,9 @@ function TermsOfService() {
 }
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
-var import_react_query23 = require("@tanstack/react-query");
+var import_react_query22 = require("@tanstack/react-query");
 var import_lucide_react41 = require("lucide-react");
-var import_react42 = require("react");
+var import_react41 = require("react");
 
 // src/internal/components/TransactionsMenu/api.ts
 init_base();
@@ -11590,31 +11379,31 @@ function TransactionsGroup(props) {
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function TransactionsMenu() {
-  const qc = (0, import_react_query23.useQueryClient)();
+  const qc = (0, import_react_query22.useQueryClient)();
   const address = useLumiaPassportSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const txContainerListRef = (0, import_react42.useRef)(null);
-  const txListRef = (0, import_react42.useRef)(null);
-  const [expandedGroups, setExpandedGroups] = (0, import_react42.useState)({});
+  const txContainerListRef = (0, import_react41.useRef)(null);
+  const txListRef = (0, import_react41.useRef)(null);
+  const [expandedGroups, setExpandedGroups] = (0, import_react41.useState)({});
   const {
     data: txHistoryGroups = [],
     isLoading: isTxHistoryLoading,
     isFetching: isTxHistoryFetching,
     error: txHistoryError
-  } = (0, import_react_query23.useQuery)({
+  } = (0, import_react_query22.useQuery)({
     retry: false,
     enabled: !!address && page === "transactions",
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, address],
     queryFn: () => getTransactionsListQuery(address)
   });
-  const refreshTxHistory = (0, import_react42.useCallback)(
+  const refreshTxHistory = (0, import_react41.useCallback)(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, address] }),
     [qc, address]
   );
   const txHistoryResolvedError = txHistoryError ? txHistoryError instanceof Error ? txHistoryError.message : "Failed to load transactions" : null;
-  (0, import_react42.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (!txContainerListRef.current || !txListRef.current) return;
     const listTargetHeight = maxScrollHeight - 128;
     txContainerListRef.current.style.setProperty("--l-pass-scrollbar-mah", `${listTargetHeight}px`);
@@ -11785,7 +11574,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = (0, import_react43.useCallback)(() => {
+  const closeDialog = (0, import_react42.useCallback)(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -11796,7 +11585,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = (0, import_react43.useCallback)(
+  const openDialog = (0, import_react42.useCallback)(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -11806,7 +11595,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (page === null) return closeDialog();
     const pageItem = protectedRoutes[page];
     if (!pageItem) {
@@ -11819,7 +11608,7 @@ function usePageMapper() {
 }
 
 // src/internal/hooks/useSettingsNotifications.ts
-var import_react44 = require("react");
+var import_react43 = require("react");
 init_auth();
 var EMAIL_NOT_CONNECTED_NOTIFICATION = {
   id: "email-not-connected",
@@ -11836,13 +11625,13 @@ function useSettingsNotifications() {
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
   const providers = import_auth3.jwtTokenManager.getProviders();
   const hasEmail = providers.includes("email");
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     setSettingsNotifications({
       ...BACKUP_IS_NOT_CREATED_NOTIFICATION,
       status: hasServerVault ? "resolved" : "active"
     });
   }, [hasServerVault, setSettingsNotifications]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
@@ -11851,7 +11640,7 @@ function useSettingsNotifications() {
 }
 
 // src/internal/hooks/useWalletStatus.ts
-var import_react45 = require("react");
+var import_react44 = require("react");
 init_auth();
 function useWalletStatus() {
   const isIframeReady = useLumiaPassportSession((st) => st.isIframeReady);
@@ -11861,7 +11650,7 @@ function useWalletStatus() {
     config: { current: config },
     callbacks
   } = useLumiaPassportConfig();
-  (0, import_react45.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!isIframeReady || !config.projectId || !callbacks?.onWalletReady) return;
     const userId = import_auth3.jwtTokenManager.getUserId();
     const hasKeyshare = import_auth3.jwtTokenManager.getHasKeyshare();
@@ -11890,7 +11679,7 @@ function LumiaPassportDialog() {
   const mainPageHeight = useLayoutDataStore((st) => st.mainPageHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  (0, import_react46.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
+  (0, import_react45.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useCheckVaultStatus();
@@ -11929,23 +11718,23 @@ function LumiaPassportDialog() {
 }
 
 // src/internal/components/TssManager.tsx
-var import_react47 = __toESM(require("react"), 1);
+var import_react46 = __toESM(require("react"), 1);
 init_auth();
 init_clients();
-var TssManagerWithRef = import_react47.default.forwardRef((props, ref) => {
+var TssManagerWithRef = import_react46.default.forwardRef((props, ref) => {
   const { mpcPin } = props;
   const usePaymaster = useLumiaPassportSession((st) => st.usePaymaster);
   const setStatus = useLumiaPassportSession((st) => st.setStatus);
   const setSession = useLumiaPassportSession((st) => st.setSession);
   const setAddress = useLumiaPassportSession((st) => st.setAddress);
-  const onSessionCreated = (0, import_react47.useCallback)(
+  const onSessionCreated = (0, import_react46.useCallback)(
     (session, address) => {
       setSession(session);
       setAddress(address);
     },
     [setSession, setAddress]
   );
-  const createSessionWithKeyshare = import_react47.default.useCallback(
+  const createSessionWithKeyshare = import_react46.default.useCallback(
     async (userId, hasServerKeyshare, isNewUser) => {
       setStatus("checking key management setup...");
       await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -11966,18 +11755,18 @@ var TssManagerWithRef = import_react47.default.forwardRef((props, ref) => {
     },
     [setStatus, usePaymaster, mpcPin]
   );
-  import_react47.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+  import_react46.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
   return null;
 });
 
 // src/internal/components/WalletConnectHandler.tsx
 var import_rainbowkit = require("@rainbow-me/rainbowkit");
-var import_react_query24 = require("@tanstack/react-query");
-var import_react48 = __toESM(require("react"), 1);
+var import_react_query23 = require("@tanstack/react-query");
+var import_react47 = __toESM(require("react"), 1);
 var import_wagmi4 = require("wagmi");
 init_wallet();
 function WalletConnectHandler() {
-  const qc = (0, import_react_query24.useQueryClient)();
+  const qc = (0, import_react_query23.useQueryClient)();
   const { callbacks } = useLumiaPassportConfig();
   const userAddress = useLumiaPassportSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = (0, import_wagmi4.useAccount)();
@@ -11985,12 +11774,12 @@ function WalletConnectHandler() {
   const { signMessageAsync } = (0, import_wagmi4.useSignMessage)();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { isWalletLinking, setLinkError, setIsWalletLinking, setLinkIsLoading, setProviderType } = useManageWalletStore();
-  const onError = (0, import_react48.useCallback)((error) => {
+  const onError = (0, import_react47.useCallback)((error) => {
     setLinkError(error);
     setIsWalletLinking(false);
     setPage("manage-wallet" /* MANAGE_WALLET */);
   }, []);
-  const onLinkingComplete = (0, import_react48.useCallback)(
+  const onLinkingComplete = (0, import_react47.useCallback)(
     async (success) => {
       console.log("[WalletConnectHandler] onLinkingComplete called:", { success, userAddress });
       setIsWalletLinking(false);
@@ -12013,9 +11802,9 @@ function WalletConnectHandler() {
     [qc, userAddress, callbacks, setProviderType, setPage, setIsWalletLinking]
   );
   const { openConnectModal, connectModalOpen } = (0, import_rainbowkit.useConnectModal)();
-  const [hasStartedLinking, setHasStartedLinking] = import_react48.default.useState(false);
-  const timeoutRef = import_react48.default.useRef();
-  (0, import_react48.useEffect)(() => {
+  const [hasStartedLinking, setHasStartedLinking] = import_react47.default.useState(false);
+  const timeoutRef = import_react47.default.useRef();
+  (0, import_react47.useEffect)(() => {
     if (isWalletLinking && !hasStartedLinking) {
       setHasStartedLinking(true);
       setProviderType(null);
@@ -12040,7 +11829,7 @@ function WalletConnectHandler() {
       if (isConnected) disconnect();
     }
   }, [isWalletLinking, hasStartedLinking, isConnected, openConnectModal, disconnect, setPage, setProviderType]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     console.log("[WalletConnectHandler] Modal state check:", {
       hasStartedLinking,
       connectModalOpen,
@@ -12053,7 +11842,7 @@ function WalletConnectHandler() {
       setHasStartedLinking(false);
     }
   }, [connectModalOpen, hasStartedLinking, isConnected, isWalletLinking]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (isConnected && walletAddress && isWalletLinking && hasStartedLinking) {
       handleWalletSign();
     }
@@ -12138,12 +11927,10 @@ var useLumiaPassportSession = (0, import_zustand5.create)((set) => ({
   setWalletReadyStatus: (status) => set({ walletReadyStatus: status })
 }));
 function LumiaPassportSessionProvider({ children }) {
-  const {
-    config: { current: config }
-  } = useLumiaPassportConfig();
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react49.Fragment, { children: [
+  const config = useLumiaPassportConfig().config;
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react48.Fragment, { children: [
     children,
-    config.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(WalletConnectHandler, {}),
+    config.current?.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(WalletConnectHandler, {}),
     /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(BalanceFeedProvider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       TssManagerWithRef,
@@ -12193,14 +11980,14 @@ var LumiaWagmiProvider = ({ children }) => {
 
 // src/context/LumiaPassportContext.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
-var LumiaPassportContext = (0, import_react50.createContext)(void 0);
+var LumiaPassportContext = (0, import_react49.createContext)(void 0);
 function LumiaPassportProvider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
   const setIsIframeReady = useLumiaPassportSession((st) => st.setIsIframeReady);
   const setWalletReadyStatus = useLumiaPassportSession((st) => st.setWalletReadyStatus);
-  (0, import_react50.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react50.useRef)({ projectId, ...DEFAULT_LUMIA_PASSPORT_CONFIG });
-  const updateConfig = (0, import_react50.useCallback)((updates) => {
+  (0, import_react49.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react49.useRef)({ projectId, ...DEFAULT_LUMIA_PASSPORT_CONFIG });
+  const updateConfig = (0, import_react49.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -12235,7 +12022,7 @@ function LumiaPassportProvider(props) {
     }
     config.current = next;
   }, []);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = (0, import_lodash_es4.merge)(DEFAULT_LUMIA_PASSPORT_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -12280,18 +12067,18 @@ function LumiaPassportProvider(props) {
       console.error("[LumiaPassport] Error setting up iframe manager:", error);
     }
   }, [projectId, initialConfig, callbacks, updateConfig, setIsIframeReady, setWalletReadyStatus]);
-  const contextValue = (0, import_react50.useMemo)(() => ({ config, updateConfig, callbacks }), [config, updateConfig, callbacks]);
+  const contextValue = (0, import_react49.useMemo)(() => ({ config, updateConfig, callbacks }), [config, updateConfig, callbacks]);
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LumiaWagmiProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(LumiaPassportContext.Provider, { value: contextValue, children }) });
 }
 var useLumiaPassportConfig = () => {
-  const ctx = (0, import_react50.useContext)(LumiaPassportContext);
+  const ctx = (0, import_react49.useContext)(LumiaPassportContext);
   if (!ctx) throw new Error("useLumiaPassportConfig must be used within a LumiaPassportProvider");
   return ctx;
 };
 
 // src/components/ConnectWalletButton.tsx
 var import_lucide_react42 = require("lucide-react");
-var import_react51 = require("react");
+var import_react50 = require("react");
 init_auth();
 var import_jsx_runtime65 = (
   /** external Buttons can be provided */
@@ -12314,10 +12101,10 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useLumiaPassportSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  (0, import_react51.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react50.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const avatar = import_auth3.jwtTokenManager.getAvatar();
   const displayName = import_auth3.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react51.useMemo)(() => {
+  const indicators = (0, import_react50.useMemo)(() => {
     const userId = import_auth3.jwtTokenManager.getUserId();
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth3.jwtTokenManager.getHasKeyshare() ?? false;
@@ -12448,6 +12235,9 @@ function ConnectWalletButton(props) {
 }
 
 // src/hooks/childAppHooks.ts
+var useLumiaPassportIsMobileView = () => {
+  return useLayoutStore((st) => st.isMobileView);
+};
 var useLumiaPassportBalance = () => {
   const walletBalance = useLayoutDataStore((st) => st.balance);
   const fiatBalance = useLayoutDataStore((st) => st.fiatBalance);
@@ -12469,13 +12259,13 @@ var useLumiaPassportRecoveryUserId = () => useLumiaPassportSession((st) => st.re
 var useLumiaPassportHasServerVault = () => useLumiaPassportSession((st) => st.hasServerVault);
 
 // src/hooks/useLumiaPassportOpen.ts
-var import_react52 = require("react");
+var import_react51 = require("react");
 function useLumiaPassportOpen() {
   const page = useLayoutDataStore((st) => st.page);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setPageParams = useLayoutDataStore((st) => st.setPageParams);
   const address = useLumiaPassportSession((st) => st.address);
-  const open = (0, import_react52.useCallback)(
+  const open = (0, import_react51.useCallback)(
     (passportPage, params) => {
       if (!address) return setPage("auth" /* AUTH */);
       if (!!address && passportPage === "auth" /* AUTH */) return setPage("manage-wallet" /* MANAGE_WALLET */);
@@ -12484,12 +12274,12 @@ function useLumiaPassportOpen() {
     },
     [setPage, setPageParams, address]
   );
-  const close = (0, import_react52.useCallback)(() => setPage(null), [setPage]);
+  const close = (0, import_react51.useCallback)(() => setPage(null), [setPage]);
   return { open, close, isOpen: page !== null };
 }
 
 // src/hooks/useLumiaPassportColorMode.ts
-var import_react53 = require("react");
+var import_react52 = require("react");
 function useLumiaPassportColorMode() {
   const {
     config: { current: config }
@@ -12497,14 +12287,14 @@ function useLumiaPassportColorMode() {
   const preferedColorMode = config?.preferedColorMode;
   const colorMode = useLayoutStore((st) => st.colorMode);
   const handleStoreColorMode = useLayoutStore((st) => st.setColorMode);
-  const setColorMode = (0, import_react53.useCallback)(
+  const setColorMode = (0, import_react52.useCallback)(
     (mode) => {
       localStorage.setItem(LOCAL_COLOR_MODE_KEY, mode);
       handleStoreColorMode(mode);
     },
     [handleStoreColorMode]
   );
-  (0, import_react53.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     let targetColorMode = localStorage.getItem(LOCAL_COLOR_MODE_KEY);
     if (!targetColorMode && !preferedColorMode) {
       const systemMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -12546,7 +12336,7 @@ function ThemeToggle(props) {
 }
 
 // src/context/RainbowKitContext.tsx
-var import_react54 = __toESM(require("react"), 1);
+var import_react53 = __toESM(require("react"), 1);
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
 var import_rainbowkit3 = require("@rainbow-me/rainbowkit");
 var import_wagmi8 = require("wagmi");
@@ -12693,10 +12483,10 @@ var LumiaRainbowKitProvider = ({ children }) => {
     config: { current: config }
   } = useLumiaPassportConfig();
   const isDark = useLayoutStore((st) => st.colorMode === "dark");
-  const rainbowConfig2 = import_react54.default.useMemo(() => {
+  const rainbowConfig2 = import_react53.default.useMemo(() => {
     return createRainbowConfig(config.wallet?.walletConnectProjectId);
   }, [config.wallet?.walletConnectProjectId]);
-  const customTheme = import_react54.default.useMemo(
+  const customTheme = import_react53.default.useMemo(
     () => isDark ? {
       ...(0, import_rainbowkit3.darkTheme)(),
       colors: {
@@ -13157,14 +12947,14 @@ var Hash = ({
 };
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react55 = require("react");
+var import_react54 = require("react");
 init_base();
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = (0, import_react55.useState)([]);
-  const [loading, setLoading] = (0, import_react55.useState)(true);
-  const [error, setError] = (0, import_react55.useState)(null);
-  (0, import_react55.useEffect)(() => {
+  const [transactions, setTransactions] = (0, import_react54.useState)([]);
+  const [loading, setLoading] = (0, import_react54.useState)(true);
+  const [error, setError] = (0, import_react54.useState)(null);
+  (0, import_react54.useEffect)(() => {
     const fetchTransactions = async () => {
       try {
         setLoading(true);
@@ -13466,11 +13256,11 @@ function useUserOpStatus(options = {}) {
 
 // src/hooks/useLogout.ts
 var import_auth20 = require("@lumiapassport/core/auth");
-var import_react56 = require("react");
+var import_react55 = require("react");
 function useLogout() {
   const { setSession, setIsLoading, setAddress, setStatus, setError, address } = useLumiaPassportSession();
   const { callbacks } = useLumiaPassportConfig();
-  const logout2 = (0, import_react56.useCallback)(async () => {
+  const logout2 = (0, import_react55.useCallback)(async () => {
     const prevAddress = address;
     let userId = null;
     setIsLoading(true);
@@ -13672,6 +13462,7 @@ init_iframe_manager();
   useLumiaPassportError,
   useLumiaPassportHasServerVault,
   useLumiaPassportIFrameReady,
+  useLumiaPassportIsMobileView,
   useLumiaPassportLinkedProfiles,
   useLumiaPassportLoadingStatus,
   useLumiaPassportOpen,