signer-test-sdk-react 0.0.20 → 0.0.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "signer-test-sdk-react",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "description": "React SDK for Abstraxn Wallet - React components, hooks, and providers for seamless Web3 wallet integration",
   "main": "./dist/src/index.js",
   "module": "./dist/src/index.js",

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

@@ -1,240 +0,0 @@
-/* Token Selector Modal Styles */
-
-.wallet-modal-token-selector {
-  max-width: 420px;
-  width: 100%;
-  max-height: 85vh;
-  display: flex;
-  flex-direction: column;
-}
-
-.wallet-modal-token-selector-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0;
-  border-bottom: 1px solid;
-  gap: 16px;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-header {
-  border-color: #2a2a2a;
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-header {
-  border-color: #e5e7eb;
-}
-
-.wallet-modal-content .wallet-modal-token-selector-title {
-  font-size: 18px;
-  font-weight: 500;
-  margin: 0;
-  flex: 1;
-  text-align: center;
-}
-
-.wallet-modal-content.wallet-modal-theme-dark .wallet-modal-token-selector-title {
-  color: #ffffff;
-}
-
-.wallet-modal-content.wallet-modal-theme-light .wallet-modal-token-selector-title {
-  color: #111827;
-}
-
-.wallet-modal-token-selector-search {
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  border-bottom: 1px solid;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-search {
-  border-color: #2a2a2a;
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-search {
-  border-color: #e5e7eb;
-}
-
-.wallet-modal-token-selector-search-icon {
-  flex-shrink: 0;
-  opacity: 0.5;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-search-icon {
-  color: #9ca3af;
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-search-icon {
-  color: #6b7280;
-}
-
-.wallet-modal-token-selector-search-input {
-  flex: 1;
-  border: none;
-  background: transparent;
-  outline: none;
-  font-size: 14px;
-  padding: 8px 0;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-search-input {
-  color: #ffffff;
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-search-input {
-  color: #111827;
-}
-
-.wallet-modal-token-selector-search-input::placeholder {
-  opacity: 0.5;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-search-input::placeholder {
-  color: #9ca3af;
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-search-input::placeholder {
-  color: #6b7280;
-}
-
-.wallet-modal-token-selector-list {
-  flex: 1;
-  overflow-y: auto;
-  padding: 8px 0;
-}
-
-.wallet-modal-token-selector-empty {
-  padding: 40px 0;
-  text-align: center;
-  opacity: 0.6;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-empty {
-  color: #9ca3af;
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-empty {
-  color: #6b7280;
-}
-
-.wallet-modal-token-selector-item {
-  width: 100%;
-  padding: 12px 0;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  transition: all 0.2s;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  text-align: left;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-item {
-  color: #ffffff;
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-item {
-  color: #111827;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-item:hover {
-  background: rgba(255, 255, 255, 0.05);
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-item:hover {
-  background: rgba(0, 0, 0, 0.03);
-}
-
-.wallet-modal-token-selector-item.selected {
-  background: rgba(147, 51, 234, 0.1);
-}
-
-.wallet-modal-token-selector-item-info {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex: 1;
-  min-width: 0;
-}
-
-.wallet-modal-token-selector-item-icon {
-  width: 40px;
-  height: 40px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.wallet-modal-token-selector-item-icon-img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  object-fit: cover;
-}
-
-.wallet-modal-token-selector-item-icon-placeholder {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 700;
-  font-size: 16px;
-  text-transform: uppercase;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-item-icon-placeholder {
-  background: #2a2a2a;
-  color: #9ca3af;
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-item-icon-placeholder {
-  background: #f1f5f9;
-  color: #64748b;
-}
-
-.wallet-modal-token-selector-item-details {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  flex: 1;
-  min-width: 0;
-}
-
-.wallet-modal-token-selector-item-name {
-  font-size: 15px;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-item-name {
-  color: #ffffff;
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-item-name {
-  color: #111827;
-}
-
-.wallet-modal-token-selector-item-balance {
-  font-size: 13px;
-  opacity: 0.7;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.wallet-modal-theme-dark .wallet-modal-token-selector-item-balance {
-  color: #9ca3af;
-}
-
-.wallet-modal-theme-light .wallet-modal-token-selector-item-balance {
-  color: #6b7280;
-}

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

@@ -1,21 +0,0 @@
-import type { ChainData } from "../../../chains";
-import "./TokenSelectorModal.css";
-export interface TokenData {
-    address: string;
-    symbol: string;
-    name: string;
-    decimals: number;
-    iconUrl?: string;
-    balance?: bigint;
-    isNative?: boolean;
-}
-export interface TokenSelectorModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    onTokenSelect: (token: TokenData) => void;
-    currentChain: ChainData | null;
-    tokens: TokenData[];
-    selectedToken?: TokenData;
-    theme?: "light" | "dark";
-}
-export declare function TokenSelectorModal({ isOpen, onClose, onTokenSelect, tokens, selectedToken, theme, }: TokenSelectorModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Token Selector Modal Component
- */
-import { useState, useEffect, useMemo } from "react";
-import "./TokenSelectorModal.css";
-export function TokenSelectorModal({ isOpen, onClose, onTokenSelect, tokens, selectedToken, theme = "dark", }) {
-    const [searchQuery, setSearchQuery] = useState("");
-    // Reset state when opened
-    useEffect(() => {
-        if (isOpen) {
-            setSearchQuery("");
-        }
-    }, [isOpen]);
-    const filteredTokens = useMemo(() => {
-        return tokens.filter((token) => {
-            const query = searchQuery.toLowerCase();
-            return (token.name.toLowerCase().includes(query) ||
-                token.symbol.toLowerCase().includes(query) ||
-                token.address.toLowerCase().includes(query));
-        });
-    }, [tokens, searchQuery]);
-    const formatBalance = (balance, decimals) => {
-        if (!balance || !decimals)
-            return "0";
-        const divisor = BigInt(10 ** decimals);
-        const integerPart = balance / divisor;
-        const fractionalPart = balance % divisor;
-        const fractionalStr = fractionalPart.toString().padStart(decimals, "0");
-        const trimmedFractional = fractionalStr.replace(/0+$/, "");
-        if (trimmedFractional === "") {
-            return integerPart.toString();
-        }
-        return `${integerPart}.${trimmedFractional.slice(0, 6)}`;
-    };
-    const handleTokenSelect = (token) => {
-        onTokenSelect(token);
-        onClose();
-    };
-    if (!isOpen)
-        return null;
-    return (_jsx("div", { className: `wallet-modal-overlay wallet-modal-theme-${theme}`, onClick: onClose, children: _jsxs("div", { className: `wallet-modal-content wallet-modal-theme-${theme} wallet-modal-token-selector`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-token-selector-header", children: [_jsx("button", { className: "wallet-modal-back", onClick: onClose, children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("h2", { className: "wallet-modal-token-selector-title", children: "Select a Token" }), _jsx("button", { className: "wallet-modal-close", onClick: onClose, children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { d: "M15 5L5 15M5 5L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), _jsxs("div", { className: "wallet-modal-token-selector-search", children: [_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", className: "wallet-modal-token-selector-search-icon", children: [_jsx("circle", { cx: "8.5", cy: "8.5", r: "5.5", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "M12.5 12.5L16 16", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }), _jsx("input", { type: "text", className: "wallet-modal-token-selector-search-input", placeholder: "Search or Paste token address", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), autoFocus: true })] }), _jsx("div", { className: "wallet-modal-token-selector-list", children: filteredTokens.length === 0 ? (_jsx("div", { className: "wallet-modal-token-selector-empty", children: _jsx("p", { children: "No tokens found" }) })) : (filteredTokens.map((token) => (_jsx("button", { className: `wallet-modal-token-selector-item ${selectedToken?.address === token.address ? "selected" : ""}`, onClick: () => handleTokenSelect(token), children: _jsxs("div", { className: "wallet-modal-token-selector-item-info", children: [_jsx("div", { className: "wallet-modal-token-selector-item-icon", children: token.iconUrl ? (_jsx("img", { src: token.iconUrl, alt: token.name, className: "wallet-modal-token-selector-item-icon-img" })) : (_jsx("div", { className: "wallet-modal-token-selector-item-icon-placeholder", children: token.symbol.charAt(0) })) }), _jsxs("div", { className: "wallet-modal-token-selector-item-details", children: [_jsx("div", { className: "wallet-modal-token-selector-item-name", children: token.name }), _jsxs("div", { className: "wallet-modal-token-selector-item-balance", children: [formatBalance(token.balance, token.decimals), " ", token.symbol] })] })] }) }, token.address)))) })] }) }));
-}
-//# sourceMappingURL=TokenSelectorModal.js.map

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

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