@cookill/wallet-adapter 2.5.1 → 2.5.3

package/dist/react.cjs

@@ -1,66 +1,13 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
+
+var React2 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React2__default = /*#__PURE__*/_interopDefault(React2);
 
 // src/react.tsx
-var react_exports = {};
-__export(react_exports, {
-  ApprovalPending: () => ApprovalPending,
-  ConnectButton: () => ConnectButton,
-  ConnectionStatus: () => ConnectionStatus,
-  LoadingSpinner: () => LoadingSpinner,
-  NETWORKS: () => NETWORKS,
-  SafeWalletProvider: () => SafeWalletProvider,
-  WalletErrorBoundary: () => WalletErrorBoundary,
-  WalletModal: () => WalletModal,
-  WalletProvider: () => WalletProvider,
-  formatAddress: () => formatAddress,
-  formatBalance: () => formatBalance,
-  getRialoProvider: () => getRialoProvider,
-  isRialoInstalled: () => isRialoInstalled,
-  isValidAddress: () => isValidAddress,
-  useAccounts: () => useAccounts,
-  useActiveAccount: () => useActiveAccount,
-  useBalance: () => useBalance,
-  useChainId: () => useChainId,
-  useConnectWallet: () => useConnectWallet,
-  useDisconnectWallet: () => useDisconnectWallet,
-  useIsConnected: () => useIsConnected,
-  useNetwork: () => useNetwork,
-  useSendTransaction: () => useSendTransaction,
-  useSignMessage: () => useSignMessage,
-  useSignTransaction: () => useSignTransaction,
-  useSwitchNetwork: () => useSwitchNetwork,
-  useWallet: () => useWallet,
-  withWalletErrorBoundary: () => withWalletErrorBoundary
-});
-module.exports = __toCommonJS(react_exports);
-var import_react2 = __toESM(require("react"), 1);
 
 // src/index.ts
 var NETWORKS = {
@@ -156,11 +103,7 @@ function isValidAddress(address) {
   if (address.length < 32 || address.length > 50) return false;
   return /^[1-9A-HJ-NP-Za-km-z]+$/.test(address);
 }
-
-// src/ErrorBoundary.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var WalletErrorBoundary = class extends import_react.Component {
+var WalletErrorBoundary = class extends React2.Component {
   constructor() {
     super(...arguments);
     this.state = {
@@ -183,7 +126,7 @@ var WalletErrorBoundary = class extends import_react.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      return /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           style: {
@@ -194,7 +137,7 @@ var WalletErrorBoundary = class extends import_react.Component {
             textAlign: "center"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 style: {
@@ -207,7 +150,7 @@ var WalletErrorBoundary = class extends import_react.Component {
                   alignItems: "center",
                   justifyContent: "center"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
                   "svg",
                   {
                     width: "24",
@@ -219,17 +162,17 @@ var WalletErrorBoundary = class extends import_react.Component {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+                      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
                     ]
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { style: { margin: "0 0 8px", fontSize: "16px", fontWeight: 600, color: "#991b1b" }, children: "Wallet Connection Error" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { margin: "0 0 16px", fontSize: "14px", color: "#b91c1c" }, children: this.state.error?.message || "Something went wrong" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { margin: "0 0 8px", fontSize: "16px", fontWeight: 600, color: "#991b1b" }, children: "Wallet Connection Error" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "0 0 16px", fontSize: "14px", color: "#b91c1c" }, children: this.state.error?.message || "Something went wrong" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 onClick: this.handleRetry,
@@ -253,9 +196,6 @@ var WalletErrorBoundary = class extends import_react.Component {
     return this.props.children;
   }
 };
-
-// src/LoadingStates.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
 function LoadingSpinner({ size = "md", color = "#6EB9A8", className = "" }) {
   const sizes = {
     sm: { container: 20, stroke: 2 },
@@ -265,7 +205,7 @@ function LoadingSpinner({ size = "md", color = "#6EB9A8", className = "" }) {
   const { container, stroke } = sizes[size];
   const radius = (container - stroke) / 2;
   const circumference = radius * 2 * Math.PI;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
       width: container,
@@ -274,13 +214,13 @@ function LoadingSpinner({ size = "md", color = "#6EB9A8", className = "" }) {
       className,
       style: { animation: "wallet-spin 1s linear infinite" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("style", { children: `
+        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
           @keyframes wallet-spin {
             from { transform: rotate(0deg); }
             to { transform: rotate(360deg); }
           }
         ` }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "circle",
           {
             cx: container / 2,
@@ -292,7 +232,7 @@ function LoadingSpinner({ size = "md", color = "#6EB9A8", className = "" }) {
             strokeOpacity: 0.2
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "circle",
           {
             cx: container / 2,
@@ -316,7 +256,7 @@ function ApprovalPending({
   walletName = "Sheep Wallet",
   onCancel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       style: {
@@ -327,7 +267,7 @@ function ApprovalPending({
         border: "1px solid #e2e8f0"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             style: {
@@ -342,8 +282,8 @@ function ApprovalPending({
               position: "relative"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LoadingSpinner, { size: "lg" }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, { size: "lg" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
                   style: {
@@ -359,7 +299,7 @@ function ApprovalPending({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "h3",
           {
             style: {
@@ -371,7 +311,7 @@ function ApprovalPending({
             children: title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
             style: {
@@ -382,7 +322,7 @@ function ApprovalPending({
             children: message
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        /* @__PURE__ */ jsxRuntime.jsxs(
           "p",
           {
             style: {
@@ -397,7 +337,7 @@ function ApprovalPending({
             ]
           }
         ),
-        onCancel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        onCancel && /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             onClick: onCancel,
@@ -456,7 +396,7 @@ function ConnectionStatus({ status, message, onRetry }) {
     }
   };
   const config = statusConfig[status];
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       style: {
@@ -467,7 +407,7 @@ function ConnectionStatus({ status, message, onRetry }) {
         textAlign: "center"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             style: {
@@ -480,15 +420,15 @@ function ConnectionStatus({ status, message, onRetry }) {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: status === "success" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: config.color, strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "20,6 9,17 4,12" }) }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: config.color, strokeWidth: "2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LoadingSpinner, { size: "sm", color: config.color })
+            children: status === "success" ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: config.color, strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20,6 9,17 4,12" }) }) : status === "error" ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: config.color, strokeWidth: "2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, { size: "sm", color: config.color })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h4", { style: { margin: "0 0 4px", fontSize: "14px", fontWeight: 600, color: config.color }, children: config.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { style: { margin: 0, fontSize: "12px", color: "#64748b" }, children: message || config.defaultMessage }),
-        status === "error" && onRetry && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { style: { margin: "0 0 4px", fontSize: "14px", fontWeight: 600, color: config.color }, children: config.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0, fontSize: "12px", color: "#64748b" }, children: message || config.defaultMessage }),
+        status === "error" && onRetry && /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             onClick: onRetry,
@@ -510,19 +450,25 @@ function ConnectionStatus({ status, message, onRetry }) {
     }
   );
 }
-
-// src/react.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var SHEEP_WALLET_ICON = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI4IiBmaWxsPSIjMUExQTFBIi8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNCIgcj0iOCIgZmlsbD0iI0ZGRjhGMCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTAiIHI9IjQiIGZpbGw9IiNGRkY4RjAiLz48Y2lyY2xlIGN4PSIyMCIgY3k9IjEwIiByPSI0IiBmaWxsPSIjRkZGOEYwIi8+PGNpcmNsZSBjeD0iMTMiIGN5PSIxMyIgcj0iMS41IiBmaWxsPSIjMzMzIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIxMyIgcj0iMS41IiBmaWxsPSIjMzMzIi8+PGVsbGlwc2UgY3g9IjE2IiBjeT0iMTciIHJ4PSIyIiByeT0iMS41IiBmaWxsPSIjRkZDMENCIi8+PHBhdGggZD0iTTE0IDI0QzE0IDIyLjkgMTQuOSAyMiAxNiAyMkMxNy4xIDIyIDE4IDIyLjkgMTggMjRWMjZIMTRWMjRaIiBmaWxsPSIjNkVCOUE4Ii8+PC9zdmc+";
 var DEFAULT_WALLETS = [
   {
     id: "sheep-wallet",
     name: "Sheep Wallet",
-    icon: SHEEP_WALLET_ICON,
+    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI4IiBmaWxsPSIjMDExQjI5Ii8+PHRleHQgeD0iNTAlIiB5PSI1NSUiIGRvbWluYW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXdlaWdodD0iYm9sZCIgZm9udC1zaXplPSIxNiIgZmlsbD0iIzZFQjlBOCI+Uzwvc2VsZj48L3N2Zz4=",
     downloadUrl: "https://rialo.io/wallet"
   }
 ];
-var WalletContext = (0, import_react2.createContext)(null);
+var CONNECT_TIMEOUT_MS = 2e4;
+function withTimeout(promise, ms, message) {
+  let timeoutId;
+  const timeout = new Promise((_, reject) => {
+    timeoutId = setTimeout(() => reject(new Error(message)), ms);
+  });
+  return Promise.race([promise, timeout]).finally(() => {
+    if (timeoutId) clearTimeout(timeoutId);
+  });
+}
+var WalletContext = React2.createContext(null);
 function WalletProvider({
   children,
   network: initialNetwork = "devnet",
@@ -533,26 +479,27 @@ function WalletProvider({
   onError,
   onNetworkChange
 }) {
-  const [connected, setConnected] = (0, import_react2.useState)(false);
-  const [connecting, setConnecting] = (0, import_react2.useState)(false);
-  const [accounts, setAccounts] = (0, import_react2.useState)([]);
-  const [network, setNetwork] = (0, import_react2.useState)(initialNetwork);
-  const [balance, setBalance] = (0, import_react2.useState)(null);
-  const [selectedWallet, setSelectedWallet] = (0, import_react2.useState)(null);
-  const [isModalOpen, setIsModalOpen] = (0, import_react2.useState)(false);
-  const [provider, setProvider] = (0, import_react2.useState)();
-  const [error, setError] = (0, import_react2.useState)(null);
-  const chainId = (0, import_react2.useMemo)(() => `rialo:${network}`, [network]);
+  const [connected, setConnected] = React2.useState(false);
+  const [connecting, setConnecting] = React2.useState(false);
+  const [accounts, setAccounts] = React2.useState([]);
+  const [network, setNetwork] = React2.useState(initialNetwork);
+  const [balance, setBalance] = React2.useState(null);
+  const [selectedWallet, setSelectedWallet] = React2.useState(null);
+  const [isModalOpen, setIsModalOpen] = React2.useState(false);
+  const [provider, setProvider] = React2.useState();
+  const [error, setError] = React2.useState(null);
+  const connectPromiseRef = React2.useRef(null);
+  const chainId = React2.useMemo(() => `rialo:${network}`, [network]);
   const activeAccount = accounts[0] || null;
   const isInstalled = isRialoInstalled();
-  const wallets = (0, import_react2.useMemo)(() => {
+  const wallets = React2.useMemo(() => {
     const installed = isRialoInstalled();
     return [...DEFAULT_WALLETS, ...customWallets].map((w) => ({
       ...w,
       installed: w.id === "sheep-wallet" ? installed : false
     }));
   }, [customWallets]);
-  (0, import_react2.useEffect)(() => {
+  React2.useEffect(() => {
     const init = async () => {
       const p = await waitForRialoProvider(3e3);
       setProvider(p);
@@ -562,7 +509,7 @@ function WalletProvider({
     };
     init();
   }, [wallets]);
-  const refreshBalance = (0, import_react2.useCallback)(async () => {
+  const refreshBalance = React2.useCallback(async () => {
     if (!provider || !activeAccount) return;
     try {
       const result = await provider.getBalance(activeAccount.address);
@@ -572,24 +519,42 @@ function WalletProvider({
       console.error("Balance fetch error:", e);
     }
   }, [provider, activeAccount]);
-  (0, import_react2.useEffect)(() => {
+  React2.useEffect(() => {
     if (connected && activeAccount && provider) {
       refreshBalance();
       const interval = setInterval(refreshBalance, 3e4);
       return () => clearInterval(interval);
     }
   }, [connected, activeAccount, provider, refreshBalance]);
-  (0, import_react2.useEffect)(() => {
-    if (autoConnect && provider && !connected && !connecting) {
-      provider.isConnected().then((isConn) => {
-        if (isConn) {
-          handleConnect();
+  React2.useEffect(() => {
+    if (!autoConnect || !provider || connected || connecting) return;
+    let cancelled = false;
+    provider.isConnected().then(async (isConn) => {
+      if (!isConn || cancelled) return;
+      try {
+        const rawAccounts = await withTimeout(provider.getAccounts(), 5e3, "Auto-connect timed out");
+        const normalized = (rawAccounts || []).map((acc) => {
+          if (typeof acc === "string") return { address: acc, publicKey: acc };
+          return { address: acc.address, publicKey: acc.publicKey || acc.address };
+        });
+        if (cancelled) return;
+        setAccounts(normalized);
+        setConnected(true);
+        try {
+          const net = await provider.getNetwork();
+          if (!cancelled) setNetwork(net);
+        } catch {
         }
-      }).catch(() => {
-      });
-    }
-  }, [provider, autoConnect, connected, connecting]);
-  (0, import_react2.useEffect)(() => {
+        onConnect?.(normalized);
+      } catch {
+      }
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [provider, autoConnect, connected, connecting, onConnect]);
+  React2.useEffect(() => {
     if (!provider) return;
     const cleanupFns = [];
     cleanupFns.push(
@@ -638,48 +603,65 @@ function WalletProvider({
       cleanupFns.forEach((fn) => fn?.());
     };
   }, [provider, onDisconnect, onNetworkChange]);
-  const handleConnect = (0, import_react2.useCallback)(async () => {
-    if (!provider) {
-      const err = new Error("Rialo Wallet not installed");
-      setError(err);
-      onError?.(err);
-      throw err;
+  const handleConnect = React2.useCallback(async () => {
+    if (connectPromiseRef.current) {
+      return connectPromiseRef.current;
     }
-    setConnecting(true);
-    setError(null);
-    try {
-      console.log("[Adapter] Calling provider.connect()...");
-      const result = await provider.connect();
-      console.log("[Adapter] Connect result:", result);
-      const walletAccounts = result.map((acc) => {
-        if (typeof acc === "string") {
-          return { address: acc, publicKey: acc };
-        }
-        return {
-          address: acc.address,
-          publicKey: acc.publicKey || acc.address
-        };
-      });
-      setAccounts(walletAccounts);
-      setConnected(true);
-      setIsModalOpen(false);
+    const run = (async () => {
+      if (!provider) {
+        const err = new Error("Rialo Wallet not installed");
+        setError(err);
+        onError?.(err);
+        throw err;
+      }
+      setIsModalOpen(true);
+      setConnecting(true);
+      setError(null);
       try {
-        const net = await provider.getNetwork();
-        setNetwork(net);
-      } catch {
+        console.log("[Adapter] Calling provider.connect()...");
+        const result = await withTimeout(
+          provider.connect(),
+          CONNECT_TIMEOUT_MS,
+          "Connect timed out. Please open Sheep Wallet extension and approve the request."
+        );
+        console.log("[Adapter] Connect result:", result);
+        const walletAccounts = result.map((acc) => {
+          if (typeof acc === "string") {
+            return { address: acc, publicKey: acc };
+          }
+          return {
+            address: acc.address,
+            publicKey: acc.publicKey || acc.address
+          };
+        });
+        setAccounts(walletAccounts);
+        setConnected(true);
+        setIsModalOpen(false);
+        try {
+          const net = await withTimeout(provider.getNetwork(), 5e3, "Network request timed out");
+          setNetwork(net);
+        } catch {
+        }
+        onConnect?.(walletAccounts);
+        return walletAccounts;
+      } catch (e) {
+        const err = e;
+        setError(err);
+        onError?.(err);
+        setIsModalOpen(true);
+        throw err;
+      } finally {
+        setConnecting(false);
       }
-      onConnect?.(walletAccounts);
-      return walletAccounts;
-    } catch (e) {
-      const err = e;
-      setError(err);
-      onError?.(err);
-      throw err;
+    })();
+    connectPromiseRef.current = run;
+    try {
+      return await run;
     } finally {
-      setConnecting(false);
+      connectPromiseRef.current = null;
     }
   }, [provider, onConnect, onError]);
-  const handleDisconnect = (0, import_react2.useCallback)(async () => {
+  const handleDisconnect = React2.useCallback(async () => {
     try {
       if (provider) {
         await provider.disconnect();
@@ -691,7 +673,7 @@ function WalletProvider({
     setBalance(null);
     onDisconnect?.();
   }, [provider, onDisconnect]);
-  const selectWallet = (0, import_react2.useCallback)((walletId) => {
+  const selectWallet = React2.useCallback((walletId) => {
     const wallet = wallets.find((w) => w.id === walletId);
     if (wallet) {
       setSelectedWallet(wallet);
@@ -702,40 +684,40 @@ function WalletProvider({
       }
     }
   }, [wallets, handleConnect]);
-  const handleSwitchNetwork = (0, import_react2.useCallback)(async (newNetwork) => {
+  const handleSwitchNetwork = React2.useCallback(async (newNetwork) => {
     if (provider) {
       await provider.switchNetwork(newNetwork);
     }
     setNetwork(newNetwork);
     onNetworkChange?.(newNetwork);
   }, [provider, onNetworkChange]);
-  const handleSignMessage = (0, import_react2.useCallback)(async (message) => {
+  const handleSignMessage = React2.useCallback(async (message) => {
     if (!provider || !connected) {
       throw new Error("Wallet not connected");
     }
     return provider.signMessage(message);
   }, [provider, connected]);
-  const handleSignTransaction = (0, import_react2.useCallback)(async (tx) => {
+  const handleSignTransaction = React2.useCallback(async (tx) => {
     if (!provider || !connected) {
       throw new Error("Wallet not connected");
     }
     const result = await provider.signTransaction(tx);
     return result.signature;
   }, [provider, connected]);
-  const handleSendTransaction = (0, import_react2.useCallback)(async (tx) => {
+  const handleSendTransaction = React2.useCallback(async (tx) => {
     if (!provider || !connected) {
       throw new Error("Wallet not connected");
     }
     return provider.sendTransaction(tx);
   }, [provider, connected]);
-  const handleSignAndSendTransaction = (0, import_react2.useCallback)(async (tx) => {
+  const handleSignAndSendTransaction = React2.useCallback(async (tx) => {
     if (!provider || !connected) {
       throw new Error("Wallet not connected");
     }
     return provider.signAndSendTransaction(tx);
   }, [provider, connected]);
-  const openModal = (0, import_react2.useCallback)(() => setIsModalOpen(true), []);
-  const closeModal = (0, import_react2.useCallback)(() => setIsModalOpen(false), []);
+  const openModal = React2.useCallback(() => setIsModalOpen(true), []);
+  const closeModal = React2.useCallback(() => setIsModalOpen(false), []);
   const value = {
     connected,
     connecting,
@@ -761,13 +743,13 @@ function WalletProvider({
     openModal,
     closeModal
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(WalletContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(WalletContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WalletModal, {})
+    /* @__PURE__ */ jsxRuntime.jsx(WalletModal, {})
   ] });
 }
 function useWallet() {
-  const context = (0, import_react2.useContext)(WalletContext);
+  const context = React2.useContext(WalletContext);
   if (!context) {
     throw new Error("useWallet must be used within WalletProvider");
   }
@@ -807,9 +789,9 @@ function useChainId() {
 }
 function useSwitchNetwork() {
   const { switchNetwork, network } = useWallet();
-  const [switching, setSwitching] = (0, import_react2.useState)(false);
-  const [error, setError] = (0, import_react2.useState)(null);
-  const doSwitch = (0, import_react2.useCallback)(async (newNetwork) => {
+  const [switching, setSwitching] = React2.useState(false);
+  const [error, setError] = React2.useState(null);
+  const doSwitch = React2.useCallback(async (newNetwork) => {
     setSwitching(true);
     setError(null);
     try {
@@ -825,7 +807,7 @@ function useSwitchNetwork() {
 }
 function useConnectWallet() {
   const { connect, connecting, openModal, isInstalled, error } = useWallet();
-  const handleConnect = (0, import_react2.useCallback)(() => {
+  const handleConnect = React2.useCallback(() => {
     openModal();
   }, [openModal]);
   return {
@@ -843,10 +825,10 @@ function useDisconnectWallet() {
 }
 function useSignMessage() {
   const { signMessage, connected, activeAccount } = useWallet();
-  const [signing, setSigning] = (0, import_react2.useState)(false);
-  const [signature, setSignature] = (0, import_react2.useState)(null);
-  const [error, setError] = (0, import_react2.useState)(null);
-  const sign = (0, import_react2.useCallback)(async (message) => {
+  const [signing, setSigning] = React2.useState(false);
+  const [signature, setSignature] = React2.useState(null);
+  const [error, setError] = React2.useState(null);
+  const sign = React2.useCallback(async (message) => {
     if (!connected) {
       setError(new Error("Wallet not connected"));
       return null;
@@ -868,10 +850,10 @@ function useSignMessage() {
 }
 function useSendTransaction() {
   const { signAndSendTransaction, connected } = useWallet();
-  const [sending, setSending] = (0, import_react2.useState)(false);
-  const [txHash, setTxHash] = (0, import_react2.useState)(null);
-  const [error, setError] = (0, import_react2.useState)(null);
-  const send = (0, import_react2.useCallback)(async (tx) => {
+  const [sending, setSending] = React2.useState(false);
+  const [txHash, setTxHash] = React2.useState(null);
+  const [error, setError] = React2.useState(null);
+  const send = React2.useCallback(async (tx) => {
     if (!connected) {
       setError(new Error("Wallet not connected"));
       return null;
@@ -896,10 +878,10 @@ function useSendTransaction() {
 }
 function useSignTransaction() {
   const { signTransaction, connected } = useWallet();
-  const [signing, setSigning] = (0, import_react2.useState)(false);
-  const [signature, setSignature] = (0, import_react2.useState)(null);
-  const [error, setError] = (0, import_react2.useState)(null);
-  const sign = (0, import_react2.useCallback)(async (tx) => {
+  const [signing, setSigning] = React2.useState(false);
+  const [signature, setSignature] = React2.useState(null);
+  const [error, setError] = React2.useState(null);
+  const sign = React2.useCallback(async (tx) => {
     if (!connected) {
       setError(new Error("Wallet not connected"));
       return null;
@@ -939,7 +921,7 @@ function ConnectButton({
     ...style
   };
   if (connecting) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         disabled: true,
@@ -950,7 +932,7 @@ function ConnectButton({
     );
   }
   if (connected && activeAccount) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         onClick: () => disconnect(),
@@ -961,7 +943,7 @@ function ConnectButton({
           color: "white"
         },
         children: [
-          showBalance && balance && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { marginRight: 8 }, children: [
+          showBalance && balance && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { marginRight: 8 }, children: [
             formatBalance(balance),
             " RLO"
           ] }),
@@ -970,7 +952,7 @@ function ConnectButton({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       onClick: openModal,
@@ -986,15 +968,15 @@ function ConnectButton({
 }
 var walletModalOwnerToken = null;
 function WalletModal({ title = "Connect Wallet", className = "" }) {
-  const ownerRef = import_react2.default.useRef({});
-  const [isOwner] = (0, import_react2.useState)(() => {
+  const ownerRef = React2__default.default.useRef({});
+  const [isOwner] = React2.useState(() => {
     if (!walletModalOwnerToken) {
       walletModalOwnerToken = ownerRef.current;
       return true;
     }
     return walletModalOwnerToken === ownerRef.current;
   });
-  (0, import_react2.useEffect)(() => {
+  React2.useEffect(() => {
     return () => {
       if (isOwner && walletModalOwnerToken === ownerRef.current) {
         walletModalOwnerToken = null;
@@ -1004,7 +986,7 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
   if (!isOwner) return null;
   const { isModalOpen, closeModal, wallets, selectWallet, connecting } = useWallet();
   if (!isModalOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className,
@@ -1018,7 +1000,7 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
         backgroundColor: "rgba(0, 0, 0, 0.5)"
       },
       onClick: closeModal,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           style: {
@@ -1032,9 +1014,9 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "20px" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "20px" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: closeModal,
@@ -1043,7 +1025,7 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: wallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: wallets.map((wallet) => /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 onClick: () => selectWallet(wallet.id),
@@ -1061,17 +1043,17 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
                   transition: "all 0.2s ease"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: wallet.icon, alt: wallet.name, style: { width: 40, height: 40, borderRadius: 8 } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { textAlign: "left", flex: 1 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontWeight: 500 }, children: wallet.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { fontSize: "12px", color: "#666" }, children: wallet.installed ? "Detected" : "Not installed" })
+                  /* @__PURE__ */ jsxRuntime.jsx("img", { src: wallet.icon, alt: wallet.name, style: { width: 40, height: 40, borderRadius: 8 } }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "left", flex: 1 }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 500 }, children: wallet.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "12px", color: "#666" }, children: wallet.installed ? "Detected" : "Not installed" })
                   ] }),
-                  !wallet.installed && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontSize: "12px", color: "#6EB9A8" }, children: "Install \u2192" })
+                  !wallet.installed && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "12px", color: "#6EB9A8" }, children: "Install \u2192" })
                 ]
               },
               wallet.id
             )) }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { marginTop: "20px", textAlign: "center", fontSize: "12px", color: "#999" }, children: "Powered by CookilLabs" })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "20px", textAlign: "center", fontSize: "12px", color: "#999" }, children: "Powered by CookilLabs" })
           ]
         }
       )
@@ -1080,42 +1062,41 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
 }
 function withWalletErrorBoundary(WrappedComponent, fallback) {
   return function WithErrorBoundary(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WalletErrorBoundary, { fallback, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WrappedComponent, { ...props }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(WalletErrorBoundary, { fallback, children: /* @__PURE__ */ jsxRuntime.jsx(WrappedComponent, { ...props }) });
   };
 }
 function SafeWalletProvider(props) {
   const { errorFallback, ...providerProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WalletErrorBoundary, { fallback: errorFallback, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WalletProvider, { ...providerProps }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(WalletErrorBoundary, { fallback: errorFallback, children: /* @__PURE__ */ jsxRuntime.jsx(WalletProvider, { ...providerProps }) });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ApprovalPending,
-  ConnectButton,
-  ConnectionStatus,
-  LoadingSpinner,
-  NETWORKS,
-  SafeWalletProvider,
-  WalletErrorBoundary,
-  WalletModal,
-  WalletProvider,
-  formatAddress,
-  formatBalance,
-  getRialoProvider,
-  isRialoInstalled,
-  isValidAddress,
-  useAccounts,
-  useActiveAccount,
-  useBalance,
-  useChainId,
-  useConnectWallet,
-  useDisconnectWallet,
-  useIsConnected,
-  useNetwork,
-  useSendTransaction,
-  useSignMessage,
-  useSignTransaction,
-  useSwitchNetwork,
-  useWallet,
-  withWalletErrorBoundary
-});
+
+exports.ApprovalPending = ApprovalPending;
+exports.ConnectButton = ConnectButton;
+exports.ConnectionStatus = ConnectionStatus;
+exports.LoadingSpinner = LoadingSpinner;
+exports.NETWORKS = NETWORKS;
+exports.SafeWalletProvider = SafeWalletProvider;
+exports.WalletErrorBoundary = WalletErrorBoundary;
+exports.WalletModal = WalletModal;
+exports.WalletProvider = WalletProvider;
+exports.formatAddress = formatAddress;
+exports.formatBalance = formatBalance;
+exports.getRialoProvider = getRialoProvider;
+exports.isRialoInstalled = isRialoInstalled;
+exports.isValidAddress = isValidAddress;
+exports.useAccounts = useAccounts;
+exports.useActiveAccount = useActiveAccount;
+exports.useBalance = useBalance;
+exports.useChainId = useChainId;
+exports.useConnectWallet = useConnectWallet;
+exports.useDisconnectWallet = useDisconnectWallet;
+exports.useIsConnected = useIsConnected;
+exports.useNetwork = useNetwork;
+exports.useSendTransaction = useSendTransaction;
+exports.useSignMessage = useSignMessage;
+exports.useSignTransaction = useSignTransaction;
+exports.useSwitchNetwork = useSwitchNetwork;
+exports.useWallet = useWallet;
+exports.withWalletErrorBoundary = withWalletErrorBoundary;
+//# sourceMappingURL=react.cjs.map
 //# sourceMappingURL=react.cjs.map