@cookill/wallet-adapter 2.4.2 → 2.5.1

package/dist/react.js

@@ -1,7 +1,12 @@
-import React2, { createContext, Component, useState, 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,6 +456,9 @@ 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 = [
   {
@@ -692,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() {
@@ -870,7 +885,7 @@ function ConnectButton({
     ...style
   };
   if (connecting) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx3(
       "button",
       {
         disabled: true,
@@ -881,7 +896,7 @@ function ConnectButton({
     );
   }
   if (connected && activeAccount) {
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs3(
       "button",
       {
         onClick: () => disconnect(),
@@ -892,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"
           ] }),
@@ -901,7 +916,7 @@ function ConnectButton({
       }
     );
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "button",
     {
       onClick: openModal,
@@ -935,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,
@@ -949,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: {
@@ -963,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,
@@ -974,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),
@@ -992,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" })
           ]
         }
       )
@@ -1011,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