@cookill/wallet-adapter 2.5.3 → 2.5.4

package/dist/react.js

@@ -1,7 +1,12 @@
-import React2, { createContext, Component, useState, useRef, useMemo, useEffect, useCallback, useContext } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/react.tsx
+import React2, {
+  createContext,
+  useContext,
+  useState,
+  useEffect,
+  useCallback,
+  useMemo
+} from "react";
 
 // src/index.ts
 var NETWORKS = {
@@ -97,6 +102,10 @@ 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
+import { Component } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 var WalletErrorBoundary = class extends Component {
   constructor() {
     super(...arguments);
@@ -190,6 +199,9 @@ var WalletErrorBoundary = class extends Component {
     return this.props.children;
   }
 };
+
+// src/LoadingStates.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function LoadingSpinner({ size = "md", color = "#6EB9A8", className = "" }) {
   const sizes = {
     sm: { container: 20, stroke: 2 },
@@ -199,7 +211,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__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "svg",
     {
       width: container,
@@ -208,13 +220,13 @@ function LoadingSpinner({ size = "md", color = "#6EB9A8", className = "" }) {
       className,
       style: { animation: "wallet-spin 1s linear infinite" },
       children: [
-        /* @__PURE__ */ jsx("style", { children: `
+        /* @__PURE__ */ jsx2("style", { children: `
           @keyframes wallet-spin {
             from { transform: rotate(0deg); }
             to { transform: rotate(360deg); }
           }
         ` }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           "circle",
           {
             cx: container / 2,
@@ -226,7 +238,7 @@ function LoadingSpinner({ size = "md", color = "#6EB9A8", className = "" }) {
             strokeOpacity: 0.2
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           "circle",
           {
             cx: container / 2,
@@ -250,7 +262,7 @@ function ApprovalPending({
   walletName = "Sheep Wallet",
   onCancel
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       style: {
@@ -261,7 +273,7 @@ function ApprovalPending({
         border: "1px solid #e2e8f0"
       },
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs2(
           "div",
           {
             style: {
@@ -276,8 +288,8 @@ function ApprovalPending({
               position: "relative"
             },
             children: [
-              /* @__PURE__ */ jsx(LoadingSpinner, { size: "lg" }),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx2(LoadingSpinner, { size: "lg" }),
+              /* @__PURE__ */ jsx2(
                 "div",
                 {
                   style: {
@@ -293,7 +305,7 @@ function ApprovalPending({
             ]
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           "h3",
           {
             style: {
@@ -305,7 +317,7 @@ function ApprovalPending({
             children: title
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           "p",
           {
             style: {
@@ -316,7 +328,7 @@ function ApprovalPending({
             children: message
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs2(
           "p",
           {
             style: {
@@ -331,7 +343,7 @@ function ApprovalPending({
             ]
           }
         ),
-        onCancel && /* @__PURE__ */ jsx(
+        onCancel && /* @__PURE__ */ jsx2(
           "button",
           {
             onClick: onCancel,
@@ -390,7 +402,7 @@ function ConnectionStatus({ status, message, onRetry }) {
     }
   };
   const config = statusConfig[status];
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       style: {
@@ -401,7 +413,7 @@ function ConnectionStatus({ status, message, onRetry }) {
         textAlign: "center"
       },
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           "div",
           {
             style: {
@@ -414,15 +426,15 @@ function ConnectionStatus({ status, message, onRetry }) {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: status === "success" ? /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: config.color, strokeWidth: "2", children: /* @__PURE__ */ jsx("polyline", { points: "20,6 9,17 4,12" }) }) : status === "error" ? /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: config.color, strokeWidth: "2", children: [
-              /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-              /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-            ] }) : /* @__PURE__ */ jsx(LoadingSpinner, { size: "sm", color: config.color })
+            children: status === "success" ? /* @__PURE__ */ jsx2("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: config.color, strokeWidth: "2", children: /* @__PURE__ */ jsx2("polyline", { points: "20,6 9,17 4,12" }) }) : status === "error" ? /* @__PURE__ */ jsxs2("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: config.color, strokeWidth: "2", children: [
+              /* @__PURE__ */ jsx2("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ jsx2("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ] }) : /* @__PURE__ */ jsx2(LoadingSpinner, { size: "sm", color: config.color })
           }
         ),
-        /* @__PURE__ */ jsx("h4", { style: { margin: "0 0 4px", fontSize: "14px", fontWeight: 600, color: config.color }, children: config.title }),
-        /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "12px", color: "#64748b" }, children: message || config.defaultMessage }),
-        status === "error" && onRetry && /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2("h4", { style: { margin: "0 0 4px", fontSize: "14px", fontWeight: 600, color: config.color }, children: config.title }),
+        /* @__PURE__ */ jsx2("p", { style: { margin: 0, fontSize: "12px", color: "#64748b" }, children: message || config.defaultMessage }),
+        status === "error" && onRetry && /* @__PURE__ */ jsx2(
           "button",
           {
             onClick: onRetry,
@@ -444,24 +456,18 @@ function ConnectionStatus({ status, message, onRetry }) {
     }
   );
 }
+
+// src/react.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "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: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI4IiBmaWxsPSIjMDExQjI5Ii8+PHRleHQgeD0iNTAlIiB5PSI1NSUiIGRvbWluYW50LWJhc2VsaW5lPSJtaWRkbGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIiBmb250LXdlaWdodD0iYm9sZCIgZm9udC1zaXplPSIxNiIgZmlsbD0iIzZFQjlBOCI+Uzwvc2VsZj48L3N2Zz4=",
+    icon: SHEEP_WALLET_ICON,
     downloadUrl: "https://rialo.io/wallet"
   }
 ];
-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 = createContext(null);
 function WalletProvider({
   children,
@@ -482,7 +488,6 @@ function WalletProvider({
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [provider, setProvider] = useState();
   const [error, setError] = useState(null);
-  const connectPromiseRef = useRef(null);
   const chainId = useMemo(() => `rialo:${network}`, [network]);
   const activeAccount = accounts[0] || null;
   const isInstalled = isRialoInstalled();
@@ -521,33 +526,15 @@ function WalletProvider({
     }
   }, [connected, activeAccount, provider, refreshBalance]);
   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 {
+    if (autoConnect && provider && !connected && !connecting) {
+      provider.isConnected().then((isConn) => {
+        if (isConn) {
+          handleConnect();
         }
-        onConnect?.(normalized);
-      } catch {
-      }
-    }).catch(() => {
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [provider, autoConnect, connected, connecting, onConnect]);
+      }).catch(() => {
+      });
+    }
+  }, [provider, autoConnect, connected, connecting]);
   useEffect(() => {
     if (!provider) return;
     const cleanupFns = [];
@@ -598,61 +585,44 @@ function WalletProvider({
     };
   }, [provider, onDisconnect, onNetworkChange]);
   const handleConnect = useCallback(async () => {
-    if (connectPromiseRef.current) {
-      return connectPromiseRef.current;
+    if (!provider) {
+      const err = new Error("Rialo Wallet not installed");
+      setError(err);
+      onError?.(err);
+      throw err;
     }
-    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 {
-        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 {
+    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 };
         }
-        onConnect?.(walletAccounts);
-        return walletAccounts;
-      } catch (e) {
-        const err = e;
-        setError(err);
-        onError?.(err);
-        setIsModalOpen(true);
-        throw err;
-      } finally {
-        setConnecting(false);
+        return {
+          address: acc.address,
+          publicKey: acc.publicKey || acc.address
+        };
+      });
+      setAccounts(walletAccounts);
+      setConnected(true);
+      setIsModalOpen(false);
+      try {
+        const net = await provider.getNetwork();
+        setNetwork(net);
+      } catch {
       }
-    })();
-    connectPromiseRef.current = run;
-    try {
-      return await run;
+      onConnect?.(walletAccounts);
+      return walletAccounts;
+    } catch (e) {
+      const err = e;
+      setError(err);
+      onError?.(err);
+      throw err;
     } finally {
-      connectPromiseRef.current = null;
+      setConnecting(false);
     }
   }, [provider, onConnect, onError]);
   const handleDisconnect = useCallback(async () => {
@@ -737,9 +707,9 @@ function WalletProvider({
     openModal,
     closeModal
   };
-  return /* @__PURE__ */ jsxs(WalletContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs3(WalletContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ jsx(WalletModal, {})
+    /* @__PURE__ */ jsx3(WalletModal, {})
   ] });
 }
 function useWallet() {
@@ -915,7 +885,7 @@ function ConnectButton({
     ...style
   };
   if (connecting) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx3(
       "button",
       {
         disabled: true,
@@ -926,7 +896,7 @@ function ConnectButton({
     );
   }
   if (connected && activeAccount) {
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs3(
       "button",
       {
         onClick: () => disconnect(),
@@ -937,7 +907,7 @@ function ConnectButton({
           color: "white"
         },
         children: [
-          showBalance && balance && /* @__PURE__ */ jsxs("span", { style: { marginRight: 8 }, children: [
+          showBalance && balance && /* @__PURE__ */ jsxs3("span", { style: { marginRight: 8 }, children: [
             formatBalance(balance),
             " RLO"
           ] }),
@@ -946,7 +916,7 @@ function ConnectButton({
       }
     );
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       onClick: openModal,
@@ -980,7 +950,7 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
   if (!isOwner) return null;
   const { isModalOpen, closeModal, wallets, selectWallet, connecting } = useWallet();
   if (!isModalOpen) return null;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       className,
@@ -994,7 +964,7 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
         backgroundColor: "rgba(0, 0, 0, 0.5)"
       },
       onClick: closeModal,
-      children: /* @__PURE__ */ jsxs(
+      children: /* @__PURE__ */ jsxs3(
         "div",
         {
           style: {
@@ -1008,9 +978,9 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "20px" }, children: [
-              /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: title }),
-              /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsxs3("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "20px" }, children: [
+              /* @__PURE__ */ jsx3("h2", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: title }),
+              /* @__PURE__ */ jsx3(
                 "button",
                 {
                   onClick: closeModal,
@@ -1019,7 +989,7 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: wallets.map((wallet) => /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx3("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: wallets.map((wallet) => /* @__PURE__ */ jsxs3(
               "button",
               {
                 onClick: () => selectWallet(wallet.id),
@@ -1037,17 +1007,17 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
                   transition: "all 0.2s ease"
                 },
                 children: [
-                  /* @__PURE__ */ jsx("img", { src: wallet.icon, alt: wallet.name, style: { width: 40, height: 40, borderRadius: 8 } }),
-                  /* @__PURE__ */ jsxs("div", { style: { textAlign: "left", flex: 1 }, children: [
-                    /* @__PURE__ */ jsx("div", { style: { fontWeight: 500 }, children: wallet.name }),
-                    /* @__PURE__ */ jsx("div", { style: { fontSize: "12px", color: "#666" }, children: wallet.installed ? "Detected" : "Not installed" })
+                  /* @__PURE__ */ jsx3("img", { src: wallet.icon, alt: wallet.name, style: { width: 40, height: 40, borderRadius: 8 } }),
+                  /* @__PURE__ */ jsxs3("div", { style: { textAlign: "left", flex: 1 }, children: [
+                    /* @__PURE__ */ jsx3("div", { style: { fontWeight: 500 }, children: wallet.name }),
+                    /* @__PURE__ */ jsx3("div", { style: { fontSize: "12px", color: "#666" }, children: wallet.installed ? "Detected" : "Not installed" })
                   ] }),
-                  !wallet.installed && /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", color: "#6EB9A8" }, children: "Install \u2192" })
+                  !wallet.installed && /* @__PURE__ */ jsx3("span", { style: { fontSize: "12px", color: "#6EB9A8" }, children: "Install \u2192" })
                 ]
               },
               wallet.id
             )) }),
-            /* @__PURE__ */ jsx("div", { style: { marginTop: "20px", textAlign: "center", fontSize: "12px", color: "#999" }, children: "Powered by CookilLabs" })
+            /* @__PURE__ */ jsx3("div", { style: { marginTop: "20px", textAlign: "center", fontSize: "12px", color: "#999" }, children: "Powered by CookilLabs" })
           ]
         }
       )
@@ -1056,14 +1026,41 @@ function WalletModal({ title = "Connect Wallet", className = "" }) {
 }
 function withWalletErrorBoundary(WrappedComponent, fallback) {
   return function WithErrorBoundary(props) {
-    return /* @__PURE__ */ jsx(WalletErrorBoundary, { fallback, children: /* @__PURE__ */ jsx(WrappedComponent, { ...props }) });
+    return /* @__PURE__ */ jsx3(WalletErrorBoundary, { fallback, children: /* @__PURE__ */ jsx3(WrappedComponent, { ...props }) });
   };
 }
 function SafeWalletProvider(props) {
   const { errorFallback, ...providerProps } = props;
-  return /* @__PURE__ */ jsx(WalletErrorBoundary, { fallback: errorFallback, children: /* @__PURE__ */ jsx(WalletProvider, { ...providerProps }) });
+  return /* @__PURE__ */ jsx3(WalletErrorBoundary, { fallback: errorFallback, children: /* @__PURE__ */ jsx3(WalletProvider, { ...providerProps }) });
 }
-
-export { 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 };
-//# sourceMappingURL=react.js.map
+export {
+  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
+};
 //# sourceMappingURL=react.js.map