@abstraxn/signer-react 1.0.0

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

@@ -0,0 +1,107 @@
+/* Export Private Key (warning) - compact layout to match provided screenshot */
+
+.wallet-modal-content.wallet-modal-export-warning {
+  padding: 20px;
+  gap: 0;
+}
+
+.wallet-modal-export-warning-divider {
+  width: 100%;
+  height: 1px;
+  background: rgba(17, 24, 39, 0.08);
+  margin: 4px 0 14px;
+}
+
+.wallet-modal-theme-dark .wallet-modal-export-warning-divider {
+  background: rgba(255, 255, 255, 0.12);
+}
+
+.wallet-modal-export-warning-simple {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 14px;
+  padding: 6px 0 0;
+}
+
+.wallet-modal-export-warning-key-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #7c3aed;
+  transform: rotate(-20deg);
+}
+
+.wallet-modal-export-warning-simple-text {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  text-align: center;
+  line-height: 1.4;
+  max-width: 360px;
+}
+
+.wallet-modal-theme-light .wallet-modal-export-warning-simple-text {
+  color: #111827;
+}
+
+.wallet-modal-theme-dark .wallet-modal-export-warning-simple-text {
+  color: #ffffff;
+}
+
+.wallet-modal-export-warning-simple-checkbox {
+  width: 100%;
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 0;
+  margin-top: 2px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.wallet-modal-export-warning-simple-checkbox-input {
+  width: 18px;
+  height: 18px;
+  margin-top: 2px;
+  flex-shrink: 0;
+  cursor: pointer;
+  accent-color: #7c3aed;
+}
+
+.wallet-modal-export-warning-simple-checkbox span {
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.wallet-modal-theme-light .wallet-modal-export-warning-simple-checkbox span {
+  color: #111827;
+}
+
+.wallet-modal-theme-dark .wallet-modal-export-warning-simple-checkbox span {
+  color: #ffffff;
+}
+
+.wallet-modal-export-warning-continue {
+  width: 100%;
+  padding: 12px 18px;
+  border-radius: 10px;
+  border: none;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  background: var(--abstraxn-primary);
+  color: var(--abstraxn-primary-text);
+}
+
+.wallet-modal-export-warning-continue:hover:not(.disabled) {
+  background: var(--abstraxn-primary-hover);
+}
+
+.wallet-modal-export-warning-continue.disabled,
+.wallet-modal-export-warning-continue:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}

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

@@ -0,0 +1,17 @@
+/**
+ * Export Warning Modal Component
+ */
+import { type CSSProperties } from 'react';
+import type { ChainData } from '../../../chains';
+import '../../../WalletModal.css';
+import './ExportWarningModal.css';
+export interface ExportWarningModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onAcknowledge: (acknowledged: boolean) => void;
+    currentChain: ChainData | null;
+    isExporting: boolean;
+    theme?: 'light' | 'dark';
+    style?: CSSProperties;
+}
+export declare function ExportWarningModal({ isOpen, onClose, onAcknowledge, currentChain: _currentChain, isExporting, theme, style, }: ExportWarningModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Export Warning Modal Component
+ */
+import { useState } from 'react';
+import '../../../WalletModal.css';
+import './ExportWarningModal.css';
+import { IoKeyOutline } from 'react-icons/io5';
+export function ExportWarningModal({ isOpen, onClose, onAcknowledge, currentChain: _currentChain, isExporting, theme = 'dark', style, }) {
+    const [acknowledged, setAcknowledged] = useState(false);
+    const handleReveal = () => {
+        if (acknowledged && !isExporting) {
+            onAcknowledge(true);
+        }
+    };
+    if (!isOpen)
+        return null;
+    return (_jsx("div", { className: `wallet-modal-overlay wallet-modal-theme-${theme}`, onClick: onClose, style: style, children: _jsxs("div", { className: `wallet-modal-content wallet-modal-theme-${theme} wallet-modal-export-warning`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-header", children: [_jsx("button", { className: "wallet-modal-back", onClick: onClose, disabled: isExporting, 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: "Export Private Key" }), _jsx("button", { className: "wallet-modal-close", onClick: onClose, "aria-label": "Close", disabled: isExporting, children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M18 6L6 18M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), _jsx("div", { className: "wallet-modal-export-warning-divider" }), _jsxs("div", { className: "wallet-modal-export-warning-simple", children: [_jsx("div", { className: "wallet-modal-export-warning-key-icon", "aria-hidden": "true", children: _jsx(IoKeyOutline, { size: 56 }) }), _jsx("p", { className: "wallet-modal-export-warning-simple-text", children: "Reveal your private key to manage this wallet in a different app." }), _jsxs("label", { className: "wallet-modal-export-warning-simple-checkbox", children: [_jsx("input", { type: "checkbox", checked: acknowledged, onChange: (e) => setAcknowledged(e.target.checked), className: "wallet-modal-export-warning-simple-checkbox-input" }), _jsx("span", { children: "I understand the risks of owning my private key and am fully responsible for keeping it secure." })] }), _jsx("button", { className: `wallet-modal-export-warning-continue ${!acknowledged || isExporting ? 'disabled' : ''}`, onClick: handleReveal, disabled: !acknowledged || isExporting, children: isExporting ? 'Loading...' : 'Continue' })] })] }) }));
+}
+//# sourceMappingURL=ExportWarningModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExportWarningModal.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ExportWarningModal.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAC;AAErD,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAY/C,MAAM,UAAU,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,aAAa,EACb,YAAY,EAAE,aAAa,EAC3B,WAAW,EACX,KAAK,GAAG,MAAM,EACd,KAAK,GACmB;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,YAAY,IAAI,CAAC,WAAW,EAAE,CAAC;YACjC,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,cACE,SAAS,EAAE,2CAA2C,KAAK,EAAE,EAC7D,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,YAEZ,eACE,SAAS,EAAE,2CAA2C,KAAK,8BAA8B,EACzF,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,EAAE,QAAQ,EAAE,WAAW,YAC3E,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,mCAAwB,EAClE,iBAAQ,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,OAAO,gBAAa,OAAO,EAAC,QAAQ,EAAE,WAAW,YAC/F,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,GACC,IACL,EACN,cAAK,SAAS,EAAC,qCAAqC,GAAG,EAEvD,eAAK,SAAS,EAAC,oCAAoC,aACjD,cAAK,SAAS,EAAC,sCAAsC,iBAAa,MAAM,YACtE,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACtB,EAEN,YAAG,SAAS,EAAC,yCAAyC,kFAElD,EAEJ,iBAAO,SAAS,EAAC,6CAA6C,aAC5D,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAClD,SAAS,EAAC,mDAAmD,GAC7D,EACF,6HAEO,IACD,EAER,iBACE,SAAS,EAAE,wCAAwC,CAAC,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EACnG,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,YAAY,IAAI,WAAW,YAErC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,GACjC,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,246 @@
+/* Manage Wallet Modal Styles - extracted from WalletModal.css */
+.wallet-modal-manage {
+  position: relative;
+}
+
+.wallet-modal-manage-content {
+  padding: 12px 0 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.wallet-modal-manage-list {
+  display: flex;
+  flex-direction: column;
+  padding: 0 20px;
+}
+
+.wallet-modal-manage-list-item {
+  width: 100%;
+  padding: 16px 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  text-align: left;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-list-item {
+  color: #ffffff;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-list-item {
+  color: #111827;
+  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-list-item:hover {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-list-item:hover {
+  background: rgba(17, 24, 39, 0.04);
+}
+
+.wallet-modal-manage-list-icon {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  opacity: 0.85;
+}
+
+.wallet-modal-manage-list-label {
+  flex: 1;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.wallet-modal-manage-list-arrow {
+  flex-shrink: 0;
+  opacity: 0.5;
+}
+
+.wallet-modal-manage-toast {
+  position: absolute;
+  left: 50%;
+  bottom: 18px;
+  transform: translateX(-50%);
+  padding: 10px 14px;
+  border-radius: 10px;
+  font-size: 13px;
+  font-weight: 500;
+  pointer-events: none;
+  z-index: 2;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-toast {
+  background: rgba(42, 42, 42, 0.95);
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-toast {
+  background: rgba(249, 250, 251, 0.98);
+  border: 1px solid rgba(17, 24, 39, 0.12);
+  color: #111827;
+}
+
+.wallet-modal-manage-section {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.wallet-modal-manage-section-title {
+  font-size: 16px;
+  font-weight: 500;
+  margin: 0;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-section-title {
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-section-title {
+  color: #111827;
+}
+
+.wallet-modal-manage-item {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.wallet-modal-manage-label {
+  font-size: 12px;
+  opacity: 0.7;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-label {
+  color: #9ca3af;
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-label {
+  color: #6b7280;
+}
+
+.wallet-modal-manage-value {
+  font-size: 14px;
+  font-weight: 500;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-value {
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-value {
+  color: #111827;
+}
+
+.wallet-modal-manage-address-text {
+  font-family: 'GeistMono', 'SF Mono', monospace;
+  flex: 1;
+  min-width: 0;
+}
+
+.wallet-modal-manage-copy-btn {
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  flex-shrink: 0;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-copy-btn {
+  color: #9ca3af;
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-copy-btn {
+  color: #6b7280;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-copy-btn:hover {
+  background: #2a2a2a;
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-copy-btn:hover {
+  background: #f3f4f6;
+  color: #111827;
+}
+
+.wallet-modal-manage-copy-btn.copied {
+  color: #10b981;
+}
+
+.wallet-modal-manage-action-item {
+  width: 100%;
+  padding: 14px 16px;
+  border-radius: 10px;
+  border: 1px solid;
+  background: transparent;
+  cursor: pointer;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  text-align: left;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-action-item {
+  border-color: #3a3a3a;
+  background: #2a2a2a;
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-action-item {
+  border-color: #e5e7eb;
+  background: #f9fafb;
+  color: #111827;
+}
+
+.wallet-modal-theme-dark .wallet-modal-manage-action-item:hover {
+  background: #3a3a3a;
+  border-color: #4a4a4a;
+}
+
+.wallet-modal-theme-light .wallet-modal-manage-action-item:hover {
+  background: #f3f4f6;
+  border-color: #d1d5db;
+}
+
+.wallet-modal-manage-action-icon {
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.wallet-modal-manage-action-label {
+  flex: 1;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.wallet-modal-manage-action-arrow {
+  flex-shrink: 0;
+  opacity: 0.5;
+}

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

@@ -0,0 +1,12 @@
+import "./ManageWalletModal.css";
+export interface ManageWalletModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    displayAddress: string | null;
+    userEmail?: string | null;
+    organizationName?: string | null;
+    isExternalWalletConnected: boolean;
+    onExportPrivateKey: () => void;
+    theme?: "light" | "dark";
+}
+export declare function ManageWalletModal({ ...props }: ManageWalletModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Manage Wallet Modal Component
+ */
+import { useEffect, useRef, useState, useCallback } from "react";
+import { IoKeyOutline } from "react-icons/io5";
+import { SiWalletconnect } from "react-icons/si";
+import { FiUsers } from "react-icons/fi";
+import "./ManageWalletModal.css";
+export function ManageWalletModal({ ...props }) {
+    const { isOpen, onClose, isExternalWalletConnected, onExportPrivateKey, theme = "dark", } = props;
+    const toastTimerRef = useRef(null);
+    const [toastMessage, setToastMessage] = useState(null);
+    const showToast = useCallback((message) => {
+        setToastMessage(message);
+        if (toastTimerRef.current) {
+            window.clearTimeout(toastTimerRef.current);
+        }
+        toastTimerRef.current = window.setTimeout(() => {
+            setToastMessage(null);
+            toastTimerRef.current = null;
+        }, 1800);
+    }, []);
+    useEffect(() => {
+        return () => {
+            if (toastTimerRef.current) {
+                window.clearTimeout(toastTimerRef.current);
+                toastTimerRef.current = null;
+            }
+        };
+    }, []);
+    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-manage`, 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: "Manage Wallet" }), _jsx("button", { className: "wallet-modal-close", onClick: onClose, "aria-label": "Close", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M18 6L6 18M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), _jsx("div", { className: "wallet-modal-manage-content", children: _jsxs("div", { className: "wallet-modal-manage-list", children: [_jsxs("button", { className: "wallet-modal-manage-list-item", onClick: () => showToast("Coming soon"), type: "button", children: [_jsx("div", { className: "wallet-modal-manage-list-icon", "aria-hidden": "true", children: _jsx(FiUsers, { size: 20 }) }), _jsx("span", { className: "wallet-modal-manage-list-label", children: "Linked Profiles" }), _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "wallet-modal-manage-list-arrow", "aria-hidden": "true", children: _jsx("path", { d: "M6 12L10 8L6 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), _jsxs("button", { className: "wallet-modal-manage-list-item", onClick: () => showToast("Coming soon"), type: "button", children: [_jsx("div", { className: "wallet-modal-manage-list-icon", "aria-hidden": "true", children: _jsx(SiWalletconnect, { size: 20 }) }), _jsx("span", { className: "wallet-modal-manage-list-label", children: "Connect an App" }), _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "wallet-modal-manage-list-arrow", "aria-hidden": "true", children: _jsx("path", { d: "M6 12L10 8L6 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), !isExternalWalletConnected && (_jsxs("button", { className: "wallet-modal-manage-list-item", onClick: onExportPrivateKey, type: "button", children: [_jsx("div", { className: "wallet-modal-manage-list-icon", "aria-hidden": "true", children: _jsx(IoKeyOutline, { size: 20 }) }), _jsx("span", { className: "wallet-modal-manage-list-label", children: "Export Private Key" }), _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "wallet-modal-manage-list-arrow", "aria-hidden": "true", children: _jsx("path", { d: "M6 12L10 8L6 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })] }))] }) }), toastMessage && (_jsx("div", { className: "wallet-modal-manage-toast", role: "status", children: toastMessage }))] }) }));
+}
+//# sourceMappingURL=ManageWalletModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManageWalletModal.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ManageWalletModal.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,yBAAyB,CAAC;AAajC,MAAM,UAAU,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAA0B;IACpE,MAAM,EACJ,MAAM,EACN,OAAO,EACP,yBAAyB,EACzB,kBAAkB,EAClB,KAAK,GAAG,MAAM,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEtE,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,OAAe,EAAE,EAAE;QAChD,eAAe,CAAC,OAAO,CAAC,CAAC;QACzB,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;QACD,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC7C,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC1B,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC3C,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,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,sBAAsB,EACjF,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,8BAAmB,EAC7D,iBACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,OAAO,gBACL,OAAO,YAElB,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,GACC,IACL,EAEN,cAAK,SAAS,EAAC,6BAA6B,YAC1C,eAAK,SAAS,EAAC,0BAA0B,aACvC,kBACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,EACvC,IAAI,EAAC,QAAQ,aAEb,cAAK,SAAS,EAAC,+BAA+B,iBAAa,MAAM,YAC/D,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GACjB,EACN,eAAM,SAAS,EAAC,gCAAgC,gCAEzC,EACP,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,gCAAgC,iBAC9B,MAAM,YAElB,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,IACC,EAET,kBACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,EACvC,IAAI,EAAC,QAAQ,aAEb,cAAK,SAAS,EAAC,+BAA+B,iBAAa,MAAM,YAC/D,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,GACzB,EACN,eAAM,SAAS,EAAC,gCAAgC,+BAEzC,EACP,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,gCAAgC,iBAC9B,MAAM,YAElB,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,IACC,EAER,CAAC,yBAAyB,IAAI,CAC7B,kBACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,IAAI,EAAC,QAAQ,aAEb,cACE,SAAS,EAAC,+BAA+B,iBAC7B,MAAM,YAElB,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACtB,EACN,eAAM,SAAS,EAAC,gCAAgC,mCAEzC,EACP,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,gCAAgC,iBAC9B,MAAM,YAElB,eACE,CAAC,EAAC,gBAAgB,EAClB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,IACC,CACV,IACG,GACF,EAEL,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,QAAQ,YACrD,YAAY,GACT,CACP,IACG,GACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,127 @@
+/* Preview Transaction Modal Styles */
+.wallet-modal-preview-content {
+  padding: 20px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.wallet-modal-preview-section {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 20px;
+  border-radius: 12px;
+  border: 1px solid;
+}
+
+.wallet-modal-theme-dark .wallet-modal-preview-section {
+  background: #2a2a2a;
+  border-color: #3a3a3a;
+}
+
+.wallet-modal-theme-light .wallet-modal-preview-section {
+  background: #f9fafb;
+  border-color: #e5e7eb;
+}
+
+.wallet-modal-preview-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.wallet-modal-preview-label {
+  font-size: 12px;
+  opacity: 0.7;
+  text-align: left;
+}
+
+.wallet-modal-preview-value {
+  font-size: 14px;
+  font-weight: 500;
+  word-break: break-all;
+  text-align: left;
+}
+
+.wallet-modal-theme-dark .wallet-modal-preview-label,
+.wallet-modal-theme-dark .wallet-modal-preview-value {
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-preview-label,
+.wallet-modal-theme-light .wallet-modal-preview-value {
+  color: #111827;
+}
+
+.wallet-modal-preview-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.wallet-modal-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;
+}
+
+.wallet-modal-preview-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.wallet-modal-preview-btn-primary {
+  background: var(--abstraxn-primary);
+  color: var(--abstraxn-primary-text);
+}
+
+.wallet-modal-preview-btn-primary:hover:not(:disabled) {
+  background: var(--abstraxn-primary-hover);
+  transform: translateY(-1px);
+}
+
+.wallet-modal-preview-btn-secondary {
+  background: transparent;
+  border: 1px solid;
+}
+
+.wallet-modal-theme-dark .wallet-modal-preview-btn-secondary {
+  border-color: #3a3a3a;
+  color: #ffffff;
+}
+
+.wallet-modal-theme-light .wallet-modal-preview-btn-secondary {
+  border-color: #e5e7eb;
+  color: #111827;
+}
+
+.wallet-modal-theme-dark .wallet-modal-preview-btn-secondary:hover:not(:disabled) {
+  background: #3a3a3a;
+}
+
+.wallet-modal-theme-light .wallet-modal-preview-btn-secondary:hover:not(:disabled) {
+  background: #f3f4f6;
+}
+
+.wallet-modal-loading-spinner {
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

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

@@ -0,0 +1,17 @@
+/**
+ * Preview Transaction Modal Component
+ */
+import type { ChainData } from '../../../chains';
+import './PreviewTransactionModal.css';
+export interface PreviewTransactionModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    recipientAddress: string;
+    amount: string;
+    displayAddress: string | null;
+    currentChain: ChainData | null;
+    isSending: boolean;
+    theme?: 'light' | 'dark';
+}
+export declare function PreviewTransactionModal({ isOpen, onClose, onConfirm, recipientAddress, amount, displayAddress, currentChain, isSending, theme, }: PreviewTransactionModalProps): import("react/jsx-runtime").JSX.Element | null;

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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"}