signer-test-sdk-react 0.0.11 → 0.0.13

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatAddress } from '../utils/formatUtils';
+import './PreviewTransactionModal.css';
+export function PreviewTransactionModal({ isOpen, onClose, onConfirm, recipientAddress, amount, displayAddress, currentChain, isSending, theme = 'dark', }) {
+    if (!isOpen)
+        return null;
+    const symbol = currentChain?.nativeCurrency.symbol || 'ETH';
+    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-preview`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-header", children: [_jsx("button", { className: "wallet-modal-back", onClick: onClose, disabled: isSending, 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-receive-title", children: "Preview Transaction" }), _jsx("div", { style: { width: '40px' } })] }), _jsxs("div", { className: "wallet-modal-preview-content", children: [_jsxs("div", { className: "wallet-modal-preview-section", children: [_jsxs("div", { className: "wallet-modal-preview-item", children: [_jsx("span", { className: "wallet-modal-preview-label", children: "From" }), _jsx("span", { className: "wallet-modal-preview-value", children: formatAddress(displayAddress) })] }), _jsxs("div", { className: "wallet-modal-preview-item", children: [_jsx("span", { className: "wallet-modal-preview-label", children: "To" }), _jsx("span", { className: "wallet-modal-preview-value", children: formatAddress(recipientAddress) })] }), _jsxs("div", { className: "wallet-modal-preview-item", children: [_jsx("span", { className: "wallet-modal-preview-label", children: "Network" }), _jsx("span", { className: "wallet-modal-preview-value", children: currentChain?.displayName || 'Unknown' })] }), _jsxs("div", { className: "wallet-modal-preview-item", children: [_jsx("span", { className: "wallet-modal-preview-label", children: "Amount" }), _jsxs("span", { className: "wallet-modal-preview-value", children: [amount, " ", symbol] })] })] }), _jsxs("div", { className: "wallet-modal-preview-actions", children: [_jsx("button", { className: `wallet-modal-preview-btn wallet-modal-preview-btn-primary wallet-modal-theme-${theme}`, onClick: onConfirm, disabled: isSending, children: isSending ? (_jsxs(_Fragment, { children: [_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "wallet-modal-loading-spinner", children: [_jsx("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "37.7", fill: "none", opacity: "0.3" }), _jsx("circle", { cx: "8", cy: "8", r: "6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "37.7", fill: "none", children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "37.7", to: "0", dur: "1s", repeatCount: "indefinite" }) })] }), _jsx("span", { children: "Sending..." })] })) : ('Confirm & Send') }), _jsx("button", { className: `wallet-modal-preview-btn wallet-modal-preview-btn-secondary wallet-modal-theme-${theme}`, onClick: onClose, disabled: isSending, children: "Cancel" })] })] })] }) }));
+}
+//# sourceMappingURL=PreviewTransactionModal.js.map

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

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

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

@@ -0,0 +1,101 @@
+/* Receive Modal Styles - extracted from WalletModal.css */
+.wallet-modal-receive-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24px;
+  padding: 20px 0;
+}
+
+.wallet-modal-receive-qr {
+  padding: 20px;
+  background: #ffffff;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.wallet-modal-receive-address-section {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+}
+
+.wallet-modal-receive-address-label {
+  font-size: 14px;
+  font-weight: 500;
+  opacity: 0.7;
+}
+
+.wallet-modal-theme-dark .wallet-modal-receive-address-label {
+  color: #9ca3af;
+}
+
+.wallet-modal-theme-light .wallet-modal-receive-address-label {
+  color: #6b7280;
+}
+
+.wallet-modal-receive-address-value {
+  font-size: 16px;
+  font-weight: 600;
+  font-family: monospace;
+  padding: 12px 20px;
+  border-radius: 8px;
+  word-break: break-all;
+  text-align: center;
+}
+
+.wallet-modal-theme-dark .wallet-modal-receive-address-value {
+  background: #2a2a2a;
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-receive-address-value {
+  background: #f3f4f6;
+  color: #111827;
+}
+
+.wallet-modal-receive-copy-btn {
+  padding: 10px 20px;
+  border-radius: 8px;
+  border: none;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.wallet-modal-theme-dark .wallet-modal-receive-copy-btn {
+  background: rgba(147, 51, 234, 0.1);
+  color: #a855f7;
+}
+
+.wallet-modal-theme-light .wallet-modal-receive-copy-btn {
+  background: rgba(147, 51, 234, 0.1);
+  color: #9333ea;
+}
+
+.wallet-modal-receive-copy-btn:hover {
+  background: rgba(147, 51, 234, 0.2);
+}
+
+.wallet-modal-receive-note {
+  font-size: 12px;
+  text-align: center;
+  opacity: 0.7;
+  margin: 0;
+}
+
+.wallet-modal-theme-dark .wallet-modal-receive-note {
+  color: #9ca3af;
+}
+
+.wallet-modal-theme-light .wallet-modal-receive-note {
+  color: #6b7280;
+}

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

@@ -0,0 +1,8 @@
+import './ReceiveModal.css';
+export interface ReceiveModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    address: string | null;
+    theme?: 'light' | 'dark';
+}
+export declare function ReceiveModal({ isOpen, onClose, address, theme, }: ReceiveModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Receive Modal Component
+ */
+import { useState, useCallback } from 'react';
+import { QRCode } from '../../QRCode';
+import { formatAddress } from '../utils/formatUtils';
+import './ReceiveModal.css';
+export function ReceiveModal({ isOpen, onClose, address, theme = 'dark', }) {
+    const [copied, setCopied] = useState(false);
+    const handleCopy = useCallback(() => {
+        if (address) {
+            navigator.clipboard.writeText(address);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+    }, [address]);
+    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-receive`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-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-receive-title", children: "Receive" }), _jsx("div", { style: { width: '40px' } })] }), _jsx("div", { className: "wallet-modal-receive-content", children: address && (_jsxs(_Fragment, { children: [_jsx("div", { className: "wallet-modal-receive-qr", children: _jsx(QRCode, { value: address, size: 200 }) }), _jsxs("div", { className: "wallet-modal-receive-address-section", children: [_jsx("div", { className: "wallet-modal-receive-address-label", children: "Your Address" }), _jsx("div", { className: "wallet-modal-receive-address-value", children: formatAddress(address) }), _jsx("button", { className: `wallet-modal-receive-copy-btn wallet-modal-theme-${theme}`, onClick: handleCopy, children: copied ? (_jsxs(_Fragment, { children: [_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" }) }), _jsx("span", { children: "Copied!" })] })) : (_jsxs(_Fragment, { children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M5.5 4.5H3.5C2.67157 4.5 2 5.17157 2 6V12.5C2 13.3284 2.67157 14 3.5 14H10C10.8284 14 11.5 13.3284 11.5 12.5V10.5M5.5 4.5C5.5 3.67157 6.17157 3 7 3H10.5C11.3284 3 12 3.67157 12 4.5V8M5.5 4.5C5.5 5.32843 6.17157 6 7 6H10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { children: "Copy Address" })] })) })] }), _jsx("p", { className: "wallet-modal-receive-note", children: "Scan this QR code or copy the address to receive funds" })] })) })] }) }));
+}
+//# sourceMappingURL=ReceiveModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReceiveModal.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ReceiveModal.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,oBAAoB,CAAC;AAS5B,MAAM,UAAU,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,OAAO,EACP,KAAK,GAAG,MAAM,GACI;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,OAAO,EAAE,CAAC;YACZ,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACvC,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,cACE,SAAS,EAAE,2CAA2C,KAAK,EAAE,EAC7D,OAAO,EAAE,OAAO,YAEhB,eACE,SAAS,EAAE,2CAA2C,KAAK,uBAAuB,EAClF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEnC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,iBAAQ,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,YACpD,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YACzD,eACE,CAAC,EAAC,wBAAwB,EAC1B,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,GACC,EACT,aAAI,SAAS,EAAC,4BAA4B,wBAAa,EACvD,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,IACjC,EAEN,cAAK,SAAS,EAAC,8BAA8B,YAC1C,OAAO,IAAI,CACV,8BACE,cAAK,SAAS,EAAC,yBAAyB,YACtC,KAAC,MAAM,IAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,GAAI,GACjC,EACN,eAAK,SAAS,EAAC,sCAAsC,aACnD,cAAK,SAAS,EAAC,oCAAoC,6BAAmB,EACtE,cAAK,SAAS,EAAC,oCAAoC,YAAE,aAAa,CAAC,OAAO,CAAC,GAAO,EAClF,iBACE,SAAS,EAAE,oDAAoD,KAAK,EAAE,EACtE,OAAO,EAAE,UAAU,YAElB,MAAM,CAAC,CAAC,CAAC,CACR,8BACE,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YACzD,eACE,CAAC,EAAC,sBAAsB,EACxB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,EACN,qCAAoB,IACnB,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YACzD,eACE,CAAC,EAAC,+NAA+N,EACjO,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,EACN,0CAAyB,IACxB,CACJ,GACM,IACL,EACN,YAAG,SAAS,EAAC,2BAA2B,uEAEpC,IACH,CACJ,GACG,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,234 @@
+/* Send Modal Styles - extracted from WalletModal.css */
+.wallet-modal-send-content {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  padding: 20px 0;
+}
+
+.wallet-modal-send-field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.wallet-modal-send-label {
+  font-size: 14px;
+  font-weight: 500;
+  text-align: left;
+}
+
+.wallet-modal-theme-dark .wallet-modal-send-label {
+  color: #9ca3af;
+}
+
+.wallet-modal-theme-light .wallet-modal-send-label {
+  color: #6b7280;
+}
+
+.wallet-modal-send-token-selector-wrapper {
+  position: relative;
+  width: 100%;
+}
+
+.wallet-modal-send-chain-selector {
+  width: 100%;
+}
+
+.wallet-modal-send-amount-wrapper {
+  display: flex;
+  align-items: center;
+  border-radius: 12px;
+  border: 1px solid;
+  overflow: hidden;
+  background: transparent;
+}
+
+.wallet-modal-theme-dark .wallet-modal-send-amount-wrapper {
+  border-color: #3a3a3a;
+  background: #2a2a2a;
+}
+
+.wallet-modal-theme-light .wallet-modal-send-amount-wrapper {
+  border-color: #e5e7eb;
+  background: #f9fafb;
+}
+
+.wallet-modal-send-amount-wrapper.error {
+  border-color: #ef4444;
+}
+
+.wallet-modal-send-amount-prefix {
+  padding: 14px 16px;
+  font-size: 15px;
+  font-weight: 500;
+  flex-shrink: 0;
+  border-right: 1px solid;
+}
+
+.wallet-modal-theme-dark .wallet-modal-send-amount-prefix {
+  color: #ffffff;
+  border-color: #3a3a3a;
+}
+
+.wallet-modal-theme-light .wallet-modal-send-amount-prefix {
+  color: #111827;
+  border-color: #e5e7eb;
+}
+
+.wallet-modal-send-amount-input {
+  flex: 1;
+  padding: 14px 16px;
+  border: none;
+  background: transparent;
+  font-size: 16px;
+  font-weight: 500;
+  outline: none;
+  min-width: 0;
+}
+
+.wallet-modal-theme-dark .wallet-modal-send-amount-input {
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-send-amount-input {
+  color: #111827;
+}
+
+.wallet-modal-send-amount-input::placeholder {
+  opacity: 0.5;
+}
+
+.wallet-modal-send-amount-suffix {
+  padding: 14px 16px;
+  font-size: 14px;
+  flex-shrink: 0;
+  opacity: 0.7;
+}
+
+.wallet-modal-theme-dark .wallet-modal-send-amount-suffix {
+  color: #9ca3af;
+}
+
+.wallet-modal-theme-light .wallet-modal-send-amount-suffix {
+  color: #6b7280;
+}
+
+.wallet-modal-send-balance {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  margin-top: 4px;
+}
+
+.wallet-modal-send-balance-label {
+  opacity: 0.7;
+}
+
+.wallet-modal-send-balance-value {
+  font-weight: 500;
+}
+
+.wallet-modal-theme-dark .wallet-modal-send-balance {
+  color: #9ca3af;
+}
+
+.wallet-modal-theme-light .wallet-modal-send-balance {
+  color: #6b7280;
+}
+
+.wallet-modal-send-address-input {
+  width: 100%;
+  padding: 14px 16px;
+  border-radius: 12px;
+  border: 1px solid;
+  background: transparent;
+  font-size: 14px;
+  font-family: monospace;
+  outline: none;
+  transition: all 0.2s;
+  box-sizing: border-box;
+}
+
+.wallet-modal-theme-dark .wallet-modal-send-address-input {
+  border-color: #3a3a3a;
+  background: #2a2a2a;
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-send-address-input {
+  border-color: #e5e7eb;
+  background: #f9fafb;
+  color: #111827;
+}
+
+.wallet-modal-send-address-input.error {
+  border-color: #ef4444;
+}
+
+.wallet-modal-send-address-input:focus {
+  border-color: #9333ea;
+}
+
+.wallet-modal-theme-dark .wallet-modal-send-address-input:focus {
+  border-color: #a855f7;
+}
+
+.wallet-modal-theme-light .wallet-modal-send-address-input:focus {
+  border-color: #9333ea;
+}
+
+.wallet-modal-send-address-input::placeholder {
+  opacity: 0.5;
+}
+
+.wallet-modal-send-error {
+  font-size: 12px;
+  color: #ef4444;
+  margin-top: 4px;
+  text-align: left;
+}
+
+.wallet-modal-send-preview-btn {
+  width: 100%;
+  padding: 14px 24px;
+  border-radius: 12px;
+  border: none;
+  font-size: 16px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.wallet-modal-send-preview-btn.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.wallet-modal-theme-dark .wallet-modal-send-preview-btn {
+  background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-send-preview-btn {
+  background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
+  color: #ffffff;
+}
+
+.wallet-modal-theme-dark .wallet-modal-send-preview-btn:hover:not(.disabled) {
+  background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.3);
+}
+
+.wallet-modal-theme-light .wallet-modal-send-preview-btn:hover:not(.disabled) {
+  background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.2);
+}

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

@@ -0,0 +1,18 @@
+import type { ChainData } from '../../../chains';
+import './SendModal.css';
+export interface SendModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    currentChain: ChainData | null;
+    availableChains: ChainData[];
+    displayAddress: string | null;
+    availableBalance: bigint | null;
+    externalWalletBalance: bigint | null;
+    walletBalance: bigint | null;
+    sendTransaction?: (tx: any) => Promise<{
+        hash: string;
+    }>;
+    switchChainEnhanced?: (chainId: number) => Promise<void>;
+    theme?: 'light' | 'dark';
+}
+export declare function SendModal({ isOpen, onClose, currentChain, availableChains, displayAddress, availableBalance, externalWalletBalance, walletBalance, sendTransaction, switchChainEnhanced, theme, }: SendModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Send Modal Component
+ */
+import { useState, useCallback, useMemo, useEffect } from 'react';
+import { ChainSelector } from './ChainSelector';
+import { PreviewTransactionModal } from './PreviewTransactionModal';
+import { SuccessModal } from './SuccessModal';
+import { useAddressValidation } from '../hooks/useAddressValidation';
+import { useAmountValidation } from '../hooks/useAmountValidation';
+import { useSendTransaction } from '../hooks/useSendTransaction';
+import { formatBalanceValue } from '../utils/formatUtils';
+import './SendModal.css';
+export function SendModal({ isOpen, onClose, currentChain, availableChains, displayAddress, availableBalance, externalWalletBalance, walletBalance, sendTransaction, switchChainEnhanced, theme = 'dark', }) {
+    const [recipientAddress, setRecipientAddress] = useState('');
+    const [amount, setAmount] = useState('');
+    const [addressError, setAddressError] = useState('');
+    const [amountError, setAmountError] = useState('');
+    const [showPreview, setShowPreview] = useState(false);
+    const balance = externalWalletBalance || walletBalance || availableBalance;
+    const { validate: validateAddress } = useAddressValidation(displayAddress, currentChain);
+    const { validate: validateAmount } = useAmountValidation(balance, currentChain);
+    const { send, isSending, txHash, reset } = useSendTransaction({
+        sendTransaction,
+        currentChain,
+        fromAddress: displayAddress,
+        onSuccess: () => {
+            setShowPreview(false);
+            setTimeout(() => {
+                handleReset();
+                onClose();
+            }, 3000);
+        },
+        onError: (error) => {
+            setAmountError(error.message);
+            setShowPreview(false);
+        },
+    });
+    const handleRecipientAddressChange = useCallback((value) => {
+        setRecipientAddress(value);
+        if (value) {
+            const error = validateAddress(value);
+            setAddressError(error);
+        }
+        else {
+            setAddressError('');
+        }
+    }, [validateAddress]);
+    const handleAmountChange = useCallback((value) => {
+        // Only allow numbers and decimal point
+        const sanitized = value.replace(/[^0-9.]/g, '');
+        // Prevent multiple decimal points
+        const parts = sanitized.split('.');
+        const finalValue = parts.length > 2 ? parts[0] + '.' + parts.slice(1).join('') : sanitized;
+        setAmount(finalValue);
+        if (finalValue) {
+            const error = validateAmount(finalValue);
+            setAmountError(error);
+        }
+        else {
+            setAmountError('');
+        }
+    }, [validateAmount]);
+    const handlePreviewTransaction = useCallback(() => {
+        const addrError = validateAddress(recipientAddress);
+        const amtError = validateAmount(amount);
+        if (addrError || amtError) {
+            setAddressError(addrError);
+            setAmountError(amtError);
+            return;
+        }
+        setShowPreview(true);
+    }, [recipientAddress, amount, validateAddress, validateAmount]);
+    const handleConfirmSend = useCallback(async () => {
+        try {
+            await send(recipientAddress, amount);
+        }
+        catch (error) {
+            // Error handled in useSendTransaction
+        }
+    }, [send, recipientAddress, amount]);
+    const handleReset = useCallback(() => {
+        setRecipientAddress('');
+        setAmount('');
+        setAddressError('');
+        setAmountError('');
+        setShowPreview(false);
+        reset();
+    }, [reset]);
+    useEffect(() => {
+        if (!isOpen) {
+            handleReset();
+        }
+    }, [isOpen, handleReset]);
+    if (!isOpen)
+        return null;
+    const availableBalanceValue = useMemo(() => {
+        if (!balance || !currentChain)
+            return '0';
+        return formatBalanceValue(balance, currentChain.nativeCurrency.decimals);
+    }, [balance, currentChain]);
+    const symbol = currentChain?.nativeCurrency.symbol || 'ETH';
+    const chainName = currentChain?.displayName || 'Select Chain';
+    const isFormValid = !addressError && !amountError && recipientAddress && amount;
+    // Show success modal
+    if (txHash && !showPreview) {
+        return (_jsx(SuccessModal, { isOpen: true, onClose: () => {
+                reset();
+                onClose();
+            }, txHash: txHash, currentChain: currentChain, theme: theme }));
+    }
+    // Show preview modal
+    if (showPreview) {
+        return (_jsx(PreviewTransactionModal, { isOpen: true, onClose: () => setShowPreview(false), onConfirm: handleConfirmSend, recipientAddress: recipientAddress, amount: amount, displayAddress: displayAddress, currentChain: currentChain, isSending: isSending, theme: theme }));
+    }
+    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-send`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-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-receive-title", children: "Send" }), _jsx("div", { style: { width: '40px' } })] }), _jsxs("div", { className: "wallet-modal-send-content", children: [_jsxs("div", { className: "wallet-modal-send-field", children: [_jsx("label", { className: "wallet-modal-send-label", children: "Select any token" }), _jsx("div", { className: "wallet-modal-send-token-selector-wrapper", children: _jsx(ChainSelector, { currentChain: currentChain, availableChains: availableChains, onChainSelect: async (chainId) => {
+                                            if (switchChainEnhanced && chainId !== currentChain?.id) {
+                                                try {
+                                                    await switchChainEnhanced(chainId);
+                                                }
+                                                catch (error) {
+                                                    console.error('Failed to switch chain:', error);
+                                                }
+                                            }
+                                        }, theme: theme, className: "wallet-modal-send-chain-selector" }) })] }), _jsxs("div", { className: "wallet-modal-send-field", children: [_jsxs("div", { className: "wallet-modal-send-amount-wrapper", children: [_jsx("div", { className: "wallet-modal-send-amount-prefix", children: symbol }), _jsx("input", { type: "text", className: `wallet-modal-send-amount-input ${amountError ? 'error' : ''}`, placeholder: "Enter amount", value: amount, onChange: (e) => handleAmountChange(e.target.value) }), _jsx("div", { className: "wallet-modal-send-amount-suffix", children: "$ --" })] }), amountError && _jsx("div", { className: "wallet-modal-send-error", children: amountError }), _jsxs("div", { className: "wallet-modal-send-balance", children: [_jsx("span", { className: "wallet-modal-send-balance-label", children: "Available:" }), _jsxs("span", { className: "wallet-modal-send-balance-value", children: [availableBalanceValue, " ", symbol] })] })] }), _jsxs("div", { className: "wallet-modal-send-field", children: [_jsx("label", { className: "wallet-modal-send-label", children: "Recipient Address" }), _jsx("input", { type: "text", className: `wallet-modal-send-address-input ${addressError ? 'error' : ''}`, placeholder: "Address", value: recipientAddress, onChange: (e) => handleRecipientAddressChange(e.target.value) }), addressError && _jsx("div", { className: "wallet-modal-send-error", children: addressError })] }), _jsx("button", { className: `wallet-modal-send-preview-btn wallet-modal-theme-${theme} ${!isFormValid ? 'disabled' : ''}`, onClick: handlePreviewTransaction, disabled: !isFormValid, children: "Preview transaction" })] })] }) }));
+}
+//# sourceMappingURL=SendModal.js.map

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

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

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

@@ -0,0 +1,86 @@
+/* Success Modal Styles */
+.wallet-modal-success-content {
+  padding: 40px 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+  text-align: center;
+}
+
+.wallet-modal-success-icon {
+  width: 64px;
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.wallet-modal-success-title {
+  font-size: 24px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.wallet-modal-theme-dark .wallet-modal-success-title {
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-success-title {
+  color: #111827;
+}
+
+.wallet-modal-success-message {
+  font-size: 14px;
+  opacity: 0.7;
+  margin: 0;
+}
+
+.wallet-modal-theme-dark .wallet-modal-success-message {
+  color: #9ca3af;
+}
+
+.wallet-modal-theme-light .wallet-modal-success-message {
+  color: #6b7280;
+}
+
+.wallet-modal-success-link {
+  font-size: 14px;
+  text-decoration: none;
+  padding: 8px 16px;
+  border-radius: 8px;
+  transition: all 0.2s;
+}
+
+.wallet-modal-theme-dark .wallet-modal-success-link {
+  color: #a855f7;
+  background: rgba(147, 51, 234, 0.1);
+}
+
+.wallet-modal-theme-light .wallet-modal-success-link {
+  color: #9333ea;
+  background: rgba(147, 51, 234, 0.1);
+}
+
+.wallet-modal-success-link:hover {
+  background: rgba(147, 51, 234, 0.2);
+}
+
+.wallet-modal-success-btn {
+  width: 100%;
+  padding: 14px 24px;
+  border-radius: 12px;
+  border: none;
+  font-size: 16px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s;
+  background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
+  color: #ffffff;
+}
+
+.wallet-modal-success-btn:hover {
+  background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.3);
+}

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

@@ -0,0 +1,13 @@
+/**
+ * Success Modal Component
+ */
+import type { ChainData } from '../../../chains';
+import './SuccessModal.css';
+export interface SuccessModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    txHash: string;
+    currentChain: ChainData | null;
+    theme?: 'light' | 'dark';
+}
+export declare function SuccessModal({ isOpen, onClose, txHash, currentChain, theme, }: SuccessModalProps): import("react/jsx-runtime").JSX.Element | null;