@cookill/wallet-adapter 0.1.0 → 2.4.0

package/dist/react.cjs

@@ -12,28 +12,36 @@ var NETWORKS = {
     name: "Rialo Mainnet",
     rpcUrl: "https://mainnet.rialo.io:4101",
     wsUrl: "wss://mainnet.rialo.io:4102",
-    explorerUrl: "https://explorer.rialo.io"
+    explorerUrl: "https://explorer.rialo.io",
+    symbol: "RLO",
+    decimals: 9
   },
   testnet: {
     chainId: "rialo:testnet",
     name: "Rialo Testnet",
     rpcUrl: "https://testnet.rialo.io:4101",
     wsUrl: "wss://testnet.rialo.io:4102",
-    explorerUrl: "https://testnet.explorer.rialo.io"
+    explorerUrl: "https://testnet.explorer.rialo.io",
+    symbol: "tRLO",
+    decimals: 9
   },
   devnet: {
     chainId: "rialo:devnet",
     name: "Rialo Devnet",
     rpcUrl: "https://devnet.rialo.io:4101",
     wsUrl: "wss://devnet.rialo.io:4102",
-    explorerUrl: "https://devnet.explorer.rialo.io"
+    explorerUrl: "https://devnet.explorer.rialo.io",
+    symbol: "dRLO",
+    decimals: 9
   },
   localnet: {
     chainId: "rialo:localnet",
     name: "Rialo Localnet",
     rpcUrl: "http://localhost:4101",
     wsUrl: "ws://localhost:4102",
-    explorerUrl: "http://localhost:3000"
+    explorerUrl: "http://localhost:3000",
+    symbol: "lRLO",
+    decimals: 9
   }
 };
 function isRialoInstalled() {
@@ -45,21 +53,57 @@ function getRialoProvider() {
   const rialo = window.rialo;
   return rialo?.isRialo ? rialo : void 0;
 }
+function waitForRialoProvider(timeout = 3e3) {
+  return new Promise((resolve) => {
+    if (isRialoInstalled()) {
+      resolve(getRialoProvider());
+      return;
+    }
+    let resolved = false;
+    const checkInterval = setInterval(() => {
+      if (isRialoInstalled() && !resolved) {
+        resolved = true;
+        clearInterval(checkInterval);
+        resolve(getRialoProvider());
+      }
+    }, 100);
+    setTimeout(() => {
+      if (!resolved) {
+        resolved = true;
+        clearInterval(checkInterval);
+        resolve(void 0);
+      }
+    }, timeout);
+    const handler = () => {
+      if (!resolved) {
+        resolved = true;
+        clearInterval(checkInterval);
+        resolve(getRialoProvider());
+      }
+    };
+    window.addEventListener("rialo#initialized", handler, { once: true });
+  });
+}
 function formatAddress(address, chars = 4) {
   if (!address) return "";
   if (address.length <= chars * 2 + 3) return address;
   return `${address.slice(0, chars + 2)}...${address.slice(-chars)}`;
 }
 function formatBalance(kelvins, decimals = 4) {
-  const value = typeof kelvins === "string" ? BigInt(kelvins) : kelvins;
+  const value = typeof kelvins === "string" ? BigInt(kelvins || "0") : kelvins;
   const rlo = Number(value) / 1e9;
   return rlo.toFixed(decimals);
 }
+function isValidAddress(address) {
+  if (!address || typeof address !== "string") return false;
+  if (address.length < 32 || address.length > 50) return false;
+  return /^[1-9A-HJ-NP-Za-km-z]+$/.test(address);
+}
 var DEFAULT_WALLETS = [
   {
-    id: "rialo",
-    name: "Rialo Wallet",
-    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI4IiBmaWxsPSIjNkVCOUE4Ii8+PHBhdGggZD0iTTggMTBIMjRWMjJIOFYxMFoiIGZpbGw9IndoaXRlIi8+PC9zdmc+",
+    id: "sheep-wallet",
+    name: "Sheep Wallet",
+    icon: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI4IiBmaWxsPSIjMDExQjI5Ii8+PHRleHQgeD0iNTAlIiB5PSI1NSUiIGRvbWluYW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXdlaWdodD0iYm9sZCIgZm9udC1zaXplPSIxNiIgZmlsbD0iIzZFQjlBOCI+Uzwvc2VsZj48L3N2Zz4=",
     downloadUrl: "https://rialo.io/wallet"
   }
 ];
@@ -71,7 +115,8 @@ function WalletProvider({
   wallets: customWallets = [],
   onConnect,
   onDisconnect,
-  onError
+  onError,
+  onNetworkChange
 }) {
   const [connected, setConnected] = react.useState(false);
   const [connecting, setConnecting] = react.useState(false);
@@ -81,79 +126,150 @@ function WalletProvider({
   const [selectedWallet, setSelectedWallet] = react.useState(null);
   const [isModalOpen, setIsModalOpen] = react.useState(false);
   const [provider, setProvider] = react.useState();
-  const wallets = [...DEFAULT_WALLETS, ...customWallets].map((w) => ({
-    ...w,
-    installed: w.id === "rialo" ? isRialoInstalled() : false
-  }));
+  const [error, setError] = react.useState(null);
+  const chainId = react.useMemo(() => `rialo:${network}`, [network]);
   const activeAccount = accounts[0] || null;
   const isInstalled = isRialoInstalled();
+  const wallets = react.useMemo(() => {
+    const installed = isRialoInstalled();
+    return [...DEFAULT_WALLETS, ...customWallets].map((w) => ({
+      ...w,
+      installed: w.id === "sheep-wallet" ? installed : false
+    }));
+  }, [customWallets]);
   react.useEffect(() => {
-    const p = getRialoProvider();
-    setProvider(p);
-    if (p) {
-      setSelectedWallet(wallets.find((w) => w.id === "rialo") || null);
+    const init = async () => {
+      const p = await waitForRialoProvider(3e3);
+      setProvider(p);
+      if (p) {
+        setSelectedWallet(wallets.find((w) => w.id === "sheep-wallet") || wallets[0] || null);
+      }
+    };
+    init();
+  }, [wallets]);
+  const refreshBalance = react.useCallback(async () => {
+    if (!provider || !activeAccount) return;
+    try {
+      const result = await provider.getBalance(activeAccount.address);
+      const bal = typeof result === "string" ? result : result.balance;
+      setBalance(bal);
+    } catch (e) {
+      console.error("Balance fetch error:", e);
     }
-  }, []);
+  }, [provider, activeAccount]);
+  react.useEffect(() => {
+    if (connected && activeAccount && provider) {
+      refreshBalance();
+      const interval = setInterval(refreshBalance, 3e4);
+      return () => clearInterval(interval);
+    }
+  }, [connected, activeAccount, provider, refreshBalance]);
   react.useEffect(() => {
     if (autoConnect && provider && !connected && !connecting) {
       provider.isConnected().then((isConn) => {
         if (isConn) {
           handleConnect();
         }
+      }).catch(() => {
       });
     }
-  }, [provider, autoConnect]);
-  react.useEffect(() => {
-    if (connected && activeAccount && provider) {
-      provider.getBalance(activeAccount.address).then(setBalance).catch(console.error);
-    }
-  }, [connected, activeAccount, provider]);
+  }, [provider, autoConnect, connected, connecting]);
   react.useEffect(() => {
     if (!provider) return;
-    const unsubConnect = provider.on("connect", () => {
-      setConnected(true);
-    });
-    const unsubDisconnect = provider.on("disconnect", () => {
-      setConnected(false);
-      setAccounts([]);
-      setBalance(null);
-      onDisconnect?.();
-    });
-    const unsubAccountChange = provider.on("accountChange", (data) => {
-      const { accounts: newAccounts } = data;
-      setAccounts(newAccounts.map((address) => ({ address })));
-    });
+    const cleanupFns = [];
+    cleanupFns.push(
+      provider.on("connect", (data) => {
+        console.log("[Adapter] Connect event received:", data);
+        const eventData = data;
+        if (eventData?.accounts) {
+          const normalized = eventData.accounts.map((a) => {
+            if (typeof a === "string") return { address: a, publicKey: a };
+            return { address: a.address, publicKey: a.publicKey || a.address };
+          });
+          setAccounts(normalized);
+          setConnected(true);
+        }
+      })
+    );
+    cleanupFns.push(
+      provider.on("disconnect", () => {
+        setConnected(false);
+        setAccounts([]);
+        setBalance(null);
+        onDisconnect?.();
+      })
+    );
+    cleanupFns.push(
+      provider.on("accountsChanged", (data) => {
+        console.log("[Adapter] Accounts changed:", data);
+        const rawAccounts = data;
+        const normalized = (rawAccounts || []).map((a) => {
+          if (typeof a === "string") return { address: a, publicKey: a };
+          return { address: a.address, publicKey: a.publicKey || a.address };
+        });
+        setAccounts(normalized);
+      })
+    );
+    cleanupFns.push(
+      provider.on("networkChanged", (data) => {
+        const { network: net } = data;
+        if (net) {
+          setNetwork(net);
+          onNetworkChange?.(net);
+        }
+      })
+    );
     return () => {
-      unsubConnect();
-      unsubDisconnect();
-      unsubAccountChange();
+      cleanupFns.forEach((fn) => fn?.());
     };
-  }, [provider, onDisconnect]);
+  }, [provider, onDisconnect, onNetworkChange]);
   const handleConnect = react.useCallback(async () => {
     if (!provider) {
-      const error = new Error("Rialo Wallet not installed");
-      onError?.(error);
-      throw error;
+      const err = new Error("Rialo Wallet not installed");
+      setError(err);
+      onError?.(err);
+      throw err;
     }
     setConnecting(true);
+    setError(null);
     try {
-      const addresses = await provider.connect();
-      const walletAccounts = addresses.map((address) => ({ address }));
+      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);
+      try {
+        const net = await provider.getNetwork();
+        setNetwork(net);
+      } catch {
+      }
       onConnect?.(walletAccounts);
       return walletAccounts;
-    } catch (error) {
-      onError?.(error);
-      throw error;
+    } catch (e) {
+      const err = e;
+      setError(err);
+      onError?.(err);
+      throw err;
     } finally {
       setConnecting(false);
     }
   }, [provider, onConnect, onError]);
   const handleDisconnect = react.useCallback(async () => {
-    if (provider) {
-      await provider.disconnect();
+    try {
+      if (provider) {
+        await provider.disconnect();
+      }
+    } catch {
     }
     setConnected(false);
     setAccounts([]);
@@ -176,7 +292,8 @@ function WalletProvider({
       await provider.switchNetwork(newNetwork);
     }
     setNetwork(newNetwork);
-  }, [provider]);
+    onNetworkChange?.(newNetwork);
+  }, [provider, onNetworkChange]);
   const handleSignMessage = react.useCallback(async (message) => {
     if (!provider || !connected) {
       throw new Error("Wallet not connected");
@@ -210,7 +327,9 @@ function WalletProvider({
     accounts,
     activeAccount,
     network,
+    chainId,
     balance,
+    error,
     wallets,
     selectedWallet,
     isInstalled,
@@ -218,6 +337,7 @@ function WalletProvider({
     disconnect: handleDisconnect,
     selectWallet,
     switchNetwork: handleSwitchNetwork,
+    refreshBalance,
     signMessage: handleSignMessage,
     signTransaction: handleSignTransaction,
     sendTransaction: handleSendTransaction,
@@ -248,33 +368,58 @@ function useAccounts() {
   return accounts;
 }
 function useBalance() {
-  const { balance } = useWallet();
+  const { balance, refreshBalance } = useWallet();
   return {
     balance,
-    formatted: balance ? formatBalance(balance) : "0.0000"
+    formatted: balance ? formatBalance(balance) : "0.0000",
+    refresh: refreshBalance
   };
 }
 function useNetwork() {
-  const { network } = useWallet();
+  const { network, chainId } = useWallet();
   return {
     network,
+    chainId,
     config: NETWORKS[network]
   };
 }
+function useChainId() {
+  const { chainId } = useWallet();
+  return chainId;
+}
+function useSwitchNetwork() {
+  const { switchNetwork, network } = useWallet();
+  const [switching, setSwitching] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const doSwitch = react.useCallback(async (newNetwork) => {
+    setSwitching(true);
+    setError(null);
+    try {
+      await switchNetwork(newNetwork);
+    } catch (e) {
+      setError(e);
+      throw e;
+    } finally {
+      setSwitching(false);
+    }
+  }, [switchNetwork]);
+  return { switchNetwork: doSwitch, switching, error, currentNetwork: network };
+}
 function useConnectWallet() {
-  const { connect, connecting, openModal, isInstalled } = useWallet();
+  const { connect, connecting, openModal, isInstalled, error } = useWallet();
   return {
     connect: isInstalled ? connect : openModal,
     connecting,
-    isInstalled
+    isInstalled,
+    error
   };
 }
 function useDisconnectWallet() {
-  const { disconnect } = useWallet();
-  return { disconnect };
+  const { disconnect, connected } = useWallet();
+  return { disconnect, connected };
 }
 function useSignMessage() {
-  const { signMessage, connected } = useWallet();
+  const { signMessage, connected, activeAccount } = useWallet();
   const [signing, setSigning] = react.useState(false);
   const [signature, setSignature] = react.useState(null);
   const [error, setError] = react.useState(null);
@@ -296,7 +441,7 @@ function useSignMessage() {
       setSigning(false);
     }
   }, [signMessage, connected]);
-  return { sign, signing, signature, error };
+  return { sign, signing, signature, error, address: activeAccount?.address };
 }
 function useSendTransaction() {
   const { signAndSendTransaction, connected } = useWallet();
@@ -321,32 +466,84 @@ function useSendTransaction() {
       setSending(false);
     }
   }, [signAndSendTransaction, connected]);
-  return { send, sending, txHash, error };
+  return { send, sending, txHash, error, reset: () => {
+    setTxHash(null);
+    setError(null);
+  } };
+}
+function useSignTransaction() {
+  const { signTransaction, connected } = useWallet();
+  const [signing, setSigning] = react.useState(false);
+  const [signature, setSignature] = react.useState(null);
+  const [error, setError] = react.useState(null);
+  const sign = react.useCallback(async (tx) => {
+    if (!connected) {
+      setError(new Error("Wallet not connected"));
+      return null;
+    }
+    setSigning(true);
+    setError(null);
+    try {
+      const result = await signTransaction(tx);
+      setSignature(result);
+      return result;
+    } catch (err) {
+      setError(err);
+      return null;
+    } finally {
+      setSigning(false);
+    }
+  }, [signTransaction, connected]);
+  return { sign, signing, signature, error };
 }
 function ConnectButton({
   connectLabel = "Connect Wallet",
+  disconnectLabel = "Disconnect",
   showAddress = true,
+  showBalance = false,
   className = "",
   style
 }) {
-  const { connected, connecting, activeAccount, openModal, disconnect } = useWallet();
-  if (connected && activeAccount) {
+  const { connected, connecting, activeAccount, balance, openModal, disconnect } = useWallet();
+  const buttonStyle = {
+    padding: "10px 20px",
+    borderRadius: "8px",
+    border: "none",
+    cursor: "pointer",
+    fontWeight: 500,
+    fontSize: "14px",
+    transition: "all 0.2s ease",
+    ...style
+  };
+  if (connecting) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
-        onClick: disconnect,
+        disabled: true,
+        className,
+        style: { ...buttonStyle, opacity: 0.7, cursor: "not-allowed" },
+        children: "Connecting..."
+      }
+    );
+  }
+  if (connected && activeAccount) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: () => disconnect(),
         className,
         style: {
-          padding: "10px 20px",
-          borderRadius: "8px",
-          border: "none",
-          backgroundColor: "#1a1a2e",
-          color: "#6eb9a8",
-          cursor: "pointer",
-          fontWeight: 500,
-          ...style
+          ...buttonStyle,
+          background: "linear-gradient(135deg, #6EB9A8 0%, #4A9A8A 100%)",
+          color: "white"
         },
-        children: showAddress ? formatAddress(activeAccount.address) : "Disconnect"
+        children: [
+          showBalance && balance && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { marginRight: 8 }, children: [
+            formatBalance(balance),
+            " RLO"
+          ] }),
+          showAddress ? formatAddress(activeAccount.address) : disconnectLabel
+        ]
       }
     );
   }
@@ -354,27 +551,17 @@ function ConnectButton({
     "button",
     {
       onClick: openModal,
-      disabled: connecting,
       className,
       style: {
-        padding: "10px 20px",
-        borderRadius: "8px",
-        border: "none",
-        backgroundColor: "#6eb9a8",
-        color: "#0f0f1a",
-        cursor: connecting ? "not-allowed" : "pointer",
-        fontWeight: 600,
-        opacity: connecting ? 0.7 : 1,
-        ...style
+        ...buttonStyle,
+        background: "linear-gradient(135deg, #6EB9A8 0%, #4A9A8A 100%)",
+        color: "white"
       },
-      children: connecting ? "Connecting..." : connectLabel
+      children: connectLabel
     }
   );
 }
-function WalletModal({
-  title = "Connect Wallet",
-  className = ""
-}) {
+function WalletModal({ title = "Connect Wallet", className = "" }) {
   const { isModalOpen, closeModal, wallets, selectWallet, connecting } = useWallet();
   if (!isModalOpen) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -388,34 +575,30 @@ function WalletModal({
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        backgroundColor: "rgba(0, 0, 0, 0.7)"
+        backgroundColor: "rgba(0, 0, 0, 0.5)"
       },
       onClick: closeModal,
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
           style: {
-            backgroundColor: "#1a1a2e",
+            background: "white",
             borderRadius: "16px",
             padding: "24px",
-            minWidth: "320px",
-            maxWidth: "400px"
+            maxWidth: "400px",
+            width: "90%",
+            maxHeight: "80vh",
+            overflow: "auto"
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "20px" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { margin: 0, color: "white", fontSize: "18px" }, children: title }),
+            /* @__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,
-                  style: {
-                    background: "none",
-                    border: "none",
-                    color: "#888",
-                    cursor: "pointer",
-                    fontSize: "20px"
-                  },
+                  style: { background: "none", border: "none", fontSize: "24px", cursor: "pointer", padding: 0 },
                   children: "\xD7"
                 }
               )
@@ -431,30 +614,24 @@ function WalletModal({
                   gap: "12px",
                   padding: "16px",
                   borderRadius: "12px",
-                  border: "1px solid #333",
-                  backgroundColor: "#0f0f1a",
-                  color: "white",
-                  cursor: "pointer",
-                  transition: "all 0.2s"
+                  border: "1px solid #e5e5e5",
+                  background: "white",
+                  cursor: connecting ? "not-allowed" : "pointer",
+                  opacity: connecting ? 0.7 : 1,
+                  transition: "all 0.2s ease"
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "img",
-                    {
-                      src: wallet.icon,
-                      alt: wallet.name,
-                      style: { width: "32px", height: "32px", borderRadius: "8px" }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, textAlign: "left" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 600 }, children: wallet.name }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "12px", color: "#888" }, 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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: { marginTop: "20px", textAlign: "center", fontSize: "12px", color: "#999" }, children: "Powered by CookilLabs" })
           ]
         }
       )
@@ -468,16 +645,21 @@ 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;
 //# sourceMappingURL=react.cjs.map
 //# sourceMappingURL=react.cjs.map