signer-test-sdk-react 0.0.18 → 0.0.20

package/dist/src/components/WalletModal/components/ChainSelector.css

@@ -1,180 +1,327 @@
-/* Chain Selector Styles - extracted from WalletModal.css */
-.wallet-modal-chain-selector {
+/* Select Network View */
+.wallet-modal-chain-selector-view {
   position: relative;
   width: 100%;
+  height: 100%;
+  min-height: 450px;
+  background: #ffffff;
+  display: flex;
+  flex-direction: column;
+  animation: slideInRight 0.3s ease-out;
 }
 
-.wallet-modal-chain-selector-button {
-  width: 100%;
-  padding: 10px 14px;
-  border-radius: 10px;
-  border: 1px solid;
-  background: transparent;
-  cursor: pointer;
-  transition: all 0.2s;
+@keyframes slideInRight {
+  from { transform: translateX(100%); }
+  to { transform: translateX(0); }
+}
+
+.wallet-modal-chain-selector-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 8px;
+  padding: 0;
+  border-bottom: 1px solid #f1f5f9;
+  padding-bottom: 16px;
+  margin-bottom: 16px;
 }
 
-.wallet-modal-theme-dark .wallet-modal-chain-selector-button {
-  border-color: #3a3a3a;
-  background: #2a2a2a;
-  color: #ffffff;
+.wallet-modal-chain-selector-back,
+.wallet-modal-chain-selector-close {
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: 8px;
+  border-radius: 8px;
+  color: #64748b;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: auto;
+  user-select: none;
+  -webkit-user-select: none;
+  width: 36px;
+  height: 36px;
+  flex-shrink: 0;
 }
 
-.wallet-modal-theme-light .wallet-modal-chain-selector-button {
-  border-color: #e5e7eb;
-  background: #f9fafb;
+.wallet-modal-chain-selector-back:hover,
+.wallet-modal-chain-selector-close:hover {
+  background: #f1f5f9;
   color: #111827;
 }
 
-.wallet-modal-chain-selector-button:hover {
-  opacity: 0.8;
+.wallet-modal-chain-selector-back:active,
+.wallet-modal-chain-selector-close:active {
+  transform: scale(0.95);
 }
 
-.wallet-modal-chain-selector-info {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+.wallet-modal-content .wallet-modal-chain-selector-title {
+  font-size: 18px;
+  font-weight: 500;
+  margin: 0;
+  color: #111827;
   flex: 1;
-  min-width: 0;
+  text-align: center;
 }
 
-.wallet-modal-chain-icon {
-  width: 20px;
-  height: 20px;
-  flex-shrink: 0;
+.wallet-modal-chain-selector-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0;
   display: flex;
-  align-items: center;
-  justify-content: center;
+  flex-direction: column;
+  gap: 16px;
 }
 
-.wallet-modal-chain-name {
-  font-size: 14px;
-  font-weight: 500;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  min-width: 0;
+/* Custom Scrollbar */
+.wallet-modal-chain-selector-content::-webkit-scrollbar {
+  width: 8px;
 }
 
-.wallet-modal-chain-dropdown {
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0;
-  right: 0;
-  width: 100%;
-  z-index: 10001;
-  border-radius: 12px;
-  border: 1px solid;
-  overflow: hidden;
-  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-}
-
-.wallet-modal-theme-dark .wallet-modal-chain-dropdown {
-  background: #1a1a1a;
-  border-color: #3a3a3a;
+.wallet-modal-chain-selector-content::-webkit-scrollbar-track {
+  background: transparent;
 }
 
-.wallet-modal-theme-light .wallet-modal-chain-dropdown {
-  background: #ffffff;
-  border-color: #e5e7eb;
+.wallet-modal-chain-selector-content::-webkit-scrollbar-thumb {
+  background: #cbd5e1;
+  border-radius: 10px;
+  border: 2px solid transparent;
+  background-clip: content-box;
 }
 
-.wallet-modal-chain-tabs {
-  display: flex;
-  border-bottom: 1px solid;
-  padding: 0 12px;
+.wallet-modal-chain-selector-content::-webkit-scrollbar-thumb:hover {
+  background: #94a3b8;
+  background-clip: content-box;
 }
 
-.wallet-modal-theme-dark .wallet-modal-chain-tabs {
-  border-color: #3a3a3a;
+.wallet-modal-theme-dark .wallet-modal-chain-selector-content::-webkit-scrollbar-thumb {
+  background: #475569;
 }
 
-.wallet-modal-theme-light .wallet-modal-chain-tabs {
-  border-color: #e5e7eb;
+/* Tabs */
+.wallet-modal-chain-tabs {
+  display: flex;
+  gap: 12px;
 }
 
 .wallet-modal-chain-tab {
-  padding: 12px 16px;
+  padding: 8px 16px;
+  border-radius: 10px;
   border: none;
   background: transparent;
   cursor: pointer;
   font-size: 14px;
-  font-weight: 500;
-  border-bottom: 2px solid transparent;
+  font-weight: 600;
+  color: #64748b;
   transition: all 0.2s;
-  margin-bottom: -1px;
+  pointer-events: auto;
+  user-select: none;
+  -webkit-user-select: none;
 }
 
-.wallet-modal-theme-dark .wallet-modal-chain-tab {
-  color: #9ca3af;
+.wallet-modal-chain-tab:hover {
+  color: #111827;
 }
 
-.wallet-modal-theme-light .wallet-modal-chain-tab {
-  color: #6b7280;
+.wallet-modal-chain-tab.active {
+  background: #f1f5f9;
+  color: #111827;
 }
 
-.wallet-modal-chain-tab.active {
-  border-bottom-color: #9333ea;
-  color: #9333ea;
+/* Search */
+.wallet-modal-chain-search-container {
+  position: relative;
+  width: 100%;
+}
+
+.wallet-modal-chain-search-icon {
+  position: absolute;
+  left: 16px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #94a3b8;
+  pointer-events: none;
+  display: flex;
+}
+
+.wallet-modal-chain-search-input {
+  width: 100%;
+  padding: 12px 16px 12px 48px;
+  border-radius: 12px;
+  border: 1px solid #e2e8f0;
+  background: #ffffff;
+  font-size: 15px;
+  outline: none;
+  transition: all 0.2s;
+  color: #111827;
+  box-sizing: border-box;
+  pointer-events: auto;
+  user-select: text;
+  -webkit-user-select: text;
+}
+
+.wallet-modal-chain-search-input:focus {
+  border-color: #9333ea;
+}
+
+.wallet-modal-chain-search-input::placeholder {
+  color: #94a3b8;
+}
+
+/* List */
+.wallet-modal-chain-list-container {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.wallet-modal-chain-list-header {
+  font-size: 13px;
+  font-weight: 600;
+  color: #94a3b8;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  padding-left: 0;
 }
 
 .wallet-modal-chain-list {
-  max-height: 300px;
-  overflow-y: auto;
-  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 }
 
 .wallet-modal-chain-item {
   width: 100%;
-  padding: 12px;
-  border-radius: 8px;
+  padding: 10px 12px;
+  border-radius: 12px;
   border: none;
   background: transparent;
   cursor: pointer;
   transition: all 0.2s;
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 16px;
   text-align: left;
+  pointer-events: auto;
+  user-select: none;
+  -webkit-user-select: none;
 }
 
-.wallet-modal-theme-dark .wallet-modal-chain-item {
-  color: #ffffff;
+.wallet-modal-chain-item:hover {
+  background: #f8fafc;
 }
 
-.wallet-modal-theme-light .wallet-modal-chain-item {
-  color: #111827;
+.wallet-modal-chain-item.active {
+  background: rgba(147, 51, 234, 0.05);
 }
 
-.wallet-modal-theme-dark .wallet-modal-chain-item:hover {
-  background: #2a2a2a;
+.wallet-modal-chain-item:active {
+  transform: scale(0.98);
 }
 
-.wallet-modal-theme-light .wallet-modal-chain-item:hover {
-  background: #f3f4f6;
+.wallet-modal-chain-item:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
 }
 
-.wallet-modal-chain-item.active {
-  background: rgba(147, 51, 234, 0.1);
+.wallet-modal-chain-item.switching {
+  opacity: 0.7;
+  pointer-events: none;
 }
 
-.wallet-modal-chain-info {
+.wallet-modal-chain-item-icon-wrapper {
+  position: relative;
+  width: 36px;
+  height: 36px;
+  flex-shrink: 0;
+}
+
+.wallet-modal-chain-item-icon-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.wallet-modal-chain-item-icon-placeholder {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  background: #f1f5f9;
   display: flex;
   align-items: center;
-  gap: 8px;
+  justify-content: center;
+  font-weight: 700;
+  color: #64748b;
+  font-size: 14px;
+}
+
+.wallet-modal-chain-item-status {
+  position: absolute;
+  bottom: -2px;
+  right: -2px;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #10b981;
+  border: 2px solid #ffffff;
+}
+
+.wallet-modal-chain-item-name {
   flex: 1;
-  min-width: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #111827;
 }
 
-.wallet-modal-chain-badge {
-  font-size: 10px;
-  padding: 2px 6px;
-  border-radius: 4px;
-  background: rgba(147, 51, 234, 0.2);
-  color: #9333ea;
-  font-weight: 500;
+.wallet-modal-chain-item-checkmark {
+  color: #10b981;
+  display: flex;
+}
+
+.wallet-modal-chain-no-results {
+  padding: 40px 20px;
+  text-align: center;
+  color: #64748b;
+  font-size: 15px;
+}
+
+/* Dark Theme Support */
+.wallet-modal-theme-dark.wallet-modal-chain-selector-view {
+  background: #1a1a1a;
+}
+
+.wallet-modal-theme-dark .wallet-modal-chain-selector-header {
+  border-color: #2a2a2a;
 }
+
+.wallet-modal-content.wallet-modal-theme-dark .wallet-modal-chain-selector-title {
+  color: #ffffff;
+}
+
+.wallet-modal-theme-dark .wallet-modal-chain-tab.active {
+  background: #2a2a2a;
+  color: #ffffff;
+}
+
+.wallet-modal-theme-dark .wallet-modal-chain-search-input {
+  background: #2a2a2a;
+  border-color: #3a3a3a;
+  color: #ffffff;
+}
+
+.wallet-modal-theme-dark .wallet-modal-chain-item:hover {
+  background: #2a2a2a;
+}
+
+.wallet-modal-theme-dark .wallet-modal-chain-item-name {
+  color: #ffffff;
+}
+
+.wallet-modal-theme-dark .wallet-modal-chain-item-status {
+  border-color: #1a1a1a;
+}
+
+

package/dist/src/components/WalletModal/components/ChainSelector.d.ts

@@ -1,10 +1,11 @@
-import type { ChainData } from '../../../chains';
-import './ChainSelector.css';
+import type { ChainData } from "../../../chains";
+import "./ChainSelector.css";
 export interface ChainSelectorProps {
     currentChain: ChainData | null;
     availableChains: ChainData[];
-    onChainSelect: (chainId: number) => void;
-    theme?: 'light' | 'dark';
-    className?: string;
+    onChainSelect: (chainId: number) => Promise<void> | void;
+    onClose: () => void;
+    theme?: "light" | "dark";
+    isOpen: boolean;
 }
-export declare function ChainSelector({ currentChain, availableChains, onChainSelect, theme, className, }: ChainSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChainSelector({ currentChain, availableChains, onChainSelect, onClose, theme, isOpen, }: ChainSelectorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/WalletModal/components/ChainSelector.js

@@ -2,33 +2,74 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Chain Selector Component
  */
-import { useState, useEffect } from 'react';
-import './ChainSelector.css';
-export function ChainSelector({ currentChain, availableChains, onChainSelect, theme = 'dark', className = '', }) {
-    const [showDropdown, setShowDropdown] = useState(false);
-    const [selectedChainType, setSelectedChainType] = useState('evm');
-    // Close dropdown when clicking outside
+import { useState, useEffect, useMemo } from "react";
+import "./ChainSelector.css";
+export function ChainSelector({ currentChain, availableChains, onChainSelect, onClose, theme = "dark", isOpen, }) {
+    const [searchQuery, setSearchQuery] = useState("");
+    const [filterType, setFilterType] = useState("all");
+    const [isSwitching, setIsSwitching] = useState(false);
+    const [switchingChainId, setSwitchingChainId] = useState(null);
+    // Reset state when opened
     useEffect(() => {
-        if (!showDropdown)
-            return;
-        const handleClickOutside = (e) => {
-            if (e.target instanceof Element) {
-                const target = e.target;
-                if (!target.closest('.wallet-modal-chain-selector')) {
-                    setShowDropdown(false);
-                }
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => document.removeEventListener('mousedown', handleClickOutside);
-    }, [showDropdown]);
-    const evmChains = availableChains.filter((c) => c.type === 'evm');
-    const solanaChains = availableChains.filter((c) => c.type === 'solana');
-    return (_jsxs("div", { className: `wallet-modal-chain-selector ${className}`, children: [_jsxs("button", { className: "wallet-modal-chain-selector-button", onClick: () => setShowDropdown(!showDropdown), children: [_jsxs("div", { className: "wallet-modal-chain-selector-info", children: [_jsx("div", { className: "wallet-modal-chain-icon", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("circle", { cx: "10", cy: "10", r: "8", stroke: "currentColor", strokeWidth: "2", fill: "none" }), _jsx("path", { d: "M10 2L10 6M10 14L10 18M2 10L6 10M14 10L18 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }) }), _jsx("span", { className: "wallet-modal-chain-name", children: currentChain?.displayName || 'Select Chain' })] }), _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: showDropdown ? 'open' : '', style: { transform: showDropdown ? 'rotate(180deg)' : 'none', transition: 'transform 0.2s' }, children: _jsx("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), showDropdown && availableChains.length > 0 && (_jsxs("div", { className: `wallet-modal-chain-dropdown wallet-modal-theme-${theme}`, children: [_jsxs("div", { className: "wallet-modal-chain-tabs", children: [evmChains.length > 0 && (_jsx("button", { className: `wallet-modal-chain-tab ${selectedChainType === 'evm' ? 'active' : ''}`, onClick: () => setSelectedChainType('evm'), children: "EVM" })), solanaChains.length > 0 && (_jsx("button", { className: `wallet-modal-chain-tab ${selectedChainType === 'solana' ? 'active' : ''}`, onClick: () => setSelectedChainType('solana'), children: "Solana" }))] }), _jsx("div", { className: "wallet-modal-chain-list", children: availableChains
-                            .filter((chain) => chain.type === selectedChainType)
-                            .map((chain) => (_jsxs("button", { className: `wallet-modal-chain-item ${currentChain?.id === chain.id ? 'active' : ''}`, onClick: () => {
-                                onChainSelect(chain.id);
-                                setShowDropdown(false);
-                            }, children: [_jsx("div", { className: "wallet-modal-chain-icon", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("circle", { cx: "10", cy: "10", r: "8", stroke: "currentColor", strokeWidth: "2", fill: "none" }), _jsx("path", { d: "M10 2L10 6M10 14L10 18M2 10L6 10M14 10L18 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] }) }), _jsxs("div", { className: "wallet-modal-chain-info", children: [_jsx("span", { className: "wallet-modal-chain-name", children: chain.displayName }), chain.isTestnet && (_jsx("span", { className: "wallet-modal-chain-badge", children: "Testnet" }))] }), currentChain?.id === chain.id && (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M13.5 4L6 11.5L2.5 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }))] }, chain.id))) })] }))] }));
+        if (isOpen) {
+            setSearchQuery("");
+            setFilterType("all");
+            setIsSwitching(false);
+            setSwitchingChainId(null);
+        }
+    }, [isOpen]);
+    const filteredChains = useMemo(() => {
+        return availableChains.filter((chain) => {
+            const matchesSearch = chain.displayName.toLowerCase().includes(searchQuery.toLowerCase()) ||
+                chain.id.toString().includes(searchQuery);
+            const matchesFilter = filterType === "all" ||
+                (filterType === "mainnet" && !chain.isTestnet) ||
+                (filterType === "testnet" && chain.isTestnet);
+            return matchesSearch && matchesFilter;
+        });
+    }, [availableChains, searchQuery, filterType]);
+    if (!isOpen)
+        return null;
+    return (_jsxs("div", { className: `wallet-modal-chain-selector-view wallet-modal-theme-${theme}`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-chain-selector-header", children: [_jsx("button", { className: "wallet-modal-chain-selector-back", onClick: (e) => {
+                            e.stopPropagation();
+                            onClose();
+                        }, children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "15 18 9 12 15 6" }) }) }), _jsx("h2", { className: "wallet-modal-chain-selector-title", children: "Select Network" }), _jsx("button", { className: "wallet-modal-chain-selector-close", onClick: (e) => {
+                            e.stopPropagation();
+                            onClose();
+                        }, children: _jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsxs("div", { className: "wallet-modal-chain-selector-content", children: [_jsxs("div", { className: "wallet-modal-chain-tabs", children: [_jsx("button", { className: `wallet-modal-chain-tab ${filterType === "all" ? "active" : ""}`, onClick: (e) => {
+                                    e.stopPropagation();
+                                    setFilterType("all");
+                                }, children: "All" }), _jsx("button", { className: `wallet-modal-chain-tab ${filterType === "mainnet" ? "active" : ""}`, onClick: (e) => {
+                                    e.stopPropagation();
+                                    setFilterType("mainnet");
+                                }, children: "Mainnets" }), _jsx("button", { className: `wallet-modal-chain-tab ${filterType === "testnet" ? "active" : ""}`, onClick: (e) => {
+                                    e.stopPropagation();
+                                    setFilterType("testnet");
+                                }, children: "Testnets" })] }), _jsxs("div", { className: "wallet-modal-chain-search-container", children: [_jsx("div", { className: "wallet-modal-chain-search-icon", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }) }), _jsx("input", { type: "text", className: "wallet-modal-chain-search-input", placeholder: "Search Network or Chain ID", value: searchQuery, onChange: (e) => {
+                                    e.stopPropagation();
+                                    setSearchQuery(e.target.value);
+                                }, onClick: (e) => e.stopPropagation(), autoFocus: true })] }), _jsxs("div", { className: "wallet-modal-chain-list-container", children: [_jsx("div", { className: "wallet-modal-chain-list-header", children: filterType === "all"
+                                    ? "ALL NETWORKS"
+                                    : filterType === "mainnet"
+                                        ? "MAINNETS"
+                                        : "TESTNETS" }), _jsxs("div", { className: "wallet-modal-chain-list", children: [filteredChains.map((chain) => (_jsxs("button", { className: `wallet-modal-chain-item ${currentChain?.id === chain.id ? "active" : ""} ${isSwitching && switchingChainId === chain.id
+                                            ? "switching"
+                                            : ""}`, disabled: isSwitching, onClick: async (e) => {
+                                            e.stopPropagation();
+                                            if (isSwitching)
+                                                return;
+                                            try {
+                                                setIsSwitching(true);
+                                                setSwitchingChainId(chain.id);
+                                                await onChainSelect(chain.id);
+                                            }
+                                            catch (error) {
+                                                console.error("Chain switch error:", error);
+                                            }
+                                            finally {
+                                                setIsSwitching(false);
+                                                setSwitchingChainId(null);
+                                            }
+                                        }, children: [_jsxs("div", { className: "wallet-modal-chain-item-icon-wrapper", children: [chain.iconUrl ? (_jsx("img", { src: chain.iconUrl, alt: chain.displayName, className: "wallet-modal-chain-item-icon-img" })) : (_jsx("div", { className: "wallet-modal-chain-item-icon-placeholder", children: chain.displayName.charAt(0) })), currentChain?.id === chain.id && (_jsx("span", { className: "wallet-modal-chain-item-status" }))] }), _jsx("span", { className: "wallet-modal-chain-item-name", children: chain.displayName }), currentChain?.id === chain.id && (_jsx("div", { className: "wallet-modal-chain-item-checkmark", children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }) }))] }, chain.id))), filteredChains.length === 0 && (_jsxs("div", { className: "wallet-modal-chain-no-results", children: ["No networks found for \"", searchQuery, "\""] }))] })] })] })] }));
 }
 //# sourceMappingURL=ChainSelector.js.map

package/dist/src/components/WalletModal/components/ChainSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ChainSelector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChainSelector.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ChainSelector.tsx"],"names":[],"mappings":"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"}