signer-test-sdk-react 0.0.1

package/dist/src/ExternalWalletButtons.css

@@ -0,0 +1,319 @@
+.external-wallet-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+}
+
+.external-wallet-buttons-list {
+  flex-direction: column;
+}
+
+.external-wallet-buttons-grid {
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+.external-wallet-button {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 12px;
+  padding: 13px 24px;
+  font-size: 15px;
+  font-weight: 500;
+  border: 1.5px solid #e5e7eb;
+  border-radius: 12px;
+  background-color: #ffffff;
+  color: #1f2937;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  width: 100%;
+  min-height: 48px;
+  position: relative;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  /* Match onboarding button style */
+}
+
+/* Center content only in the initial "Continue with wallet" button */
+.external-wallet-button-initial {
+  justify-content: center;
+}
+
+.onboarding-theme-light .external-wallet-button {
+  background-color: #ffffff;
+  border-color: #e5e7eb;
+  color: #1f2937;
+}
+
+.onboarding-theme-light .external-wallet-button:hover:not(:disabled) {
+  background-color: #f9fafb;
+  border-color: #d1d5db;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
+  transform: translateY(-1px);
+}
+
+.onboarding-theme-light .external-wallet-button:active:not(:disabled) {
+  background-color: #f3f4f6;
+  transform: translateY(0);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+/* Dark theme */
+.onboarding-theme-dark .external-wallet-button {
+  background-color: #374151;
+  border-color: #4b5563;
+  color: #ffffff;
+}
+
+.onboarding-theme-dark .external-wallet-button:hover:not(:disabled) {
+  background-color: #4b5563;
+  border-color: #6b7280;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  transform: translateY(-1px);
+}
+
+.onboarding-theme-dark .external-wallet-button:active:not(:disabled) {
+  background-color: #4b5563;
+  transform: translateY(0);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.external-wallet-button:disabled {
+  cursor: not-allowed;
+  /* Don't change opacity on disabled to prevent blinking */
+}
+
+.external-wallet-button-connected {
+  background-color: #f0fdf4;
+  border-color: #86efac;
+  color: #166534;
+}
+
+.external-wallet-button-connected:hover {
+  background-color: #dcfce7;
+}
+
+.external-wallet-button-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
+  /* Prevent icon from blinking */
+  position: relative;
+}
+
+.external-wallet-button-icon img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.external-wallet-button-icon svg {
+  width: 100%;
+  height: 100%;
+  color: currentColor;
+}
+
+.external-wallet-icon-svg {
+  width: 100%;
+  height: 100%;
+}
+
+.external-wallet-icon-svg path {
+  fill: currentColor;
+}
+
+/* Theme-specific icon colors */
+.onboarding-theme-light .external-wallet-button-icon svg {
+  color: #1f2937;
+}
+
+.onboarding-theme-dark .external-wallet-button-icon svg {
+  color: #ffffff;
+}
+
+.external-wallet-button-text {
+  text-align: left;
+  font-weight: 500;
+  letter-spacing: -0.01em;
+  line-height: 1.5;
+  flex: 1;
+}
+
+/* Center text only in the initial button */
+.external-wallet-button-initial .external-wallet-button-text {
+  text-align: center;
+  flex: 0;
+  white-space: nowrap;
+}
+
+.onboarding-theme-light .external-wallet-button-text {
+  color: #1f2937;
+}
+
+.onboarding-theme-dark .external-wallet-button-text {
+  color: #ffffff;
+}
+
+/* Connected state */
+.onboarding-theme-light .external-wallet-button-connected {
+  background-color: #f0fdf4;
+  border-color: #86efac;
+  color: #166534;
+}
+
+.onboarding-theme-light .external-wallet-button-connected:hover {
+  background-color: #dcfce7;
+}
+
+.onboarding-theme-dark .external-wallet-button-connected {
+  background-color: #064e3b;
+  border-color: #10b981;
+  color: #6ee7b7;
+}
+
+.onboarding-theme-dark .external-wallet-button-connected:hover {
+  background-color: #065f46;
+}
+
+/* More wallets modal */
+.external-wallet-modal {
+  position: relative;
+  width: 100%;
+  background: transparent;
+}
+
+.external-wallet-modal-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+  position: relative;
+}
+
+.external-wallet-modal-back {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  min-width: 32px;
+  min-height: 32px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: 8px;
+  transition: all 0.2s ease;
+  padding: 0;
+  flex-shrink: 0;
+  z-index: 10;
+  position: relative;
+}
+
+.onboarding-theme-light .external-wallet-modal-back {
+  color: #6b7280;
+}
+
+.onboarding-theme-light .external-wallet-modal-back:hover {
+  background-color: #f3f4f6;
+  color: #1f2937;
+}
+
+.onboarding-theme-dark .external-wallet-modal-back {
+  color: #9ca3af;
+}
+
+.onboarding-theme-dark .external-wallet-modal-back:hover {
+  background-color: #4b5563;
+  color: #ffffff;
+}
+
+.external-wallet-modal-title {
+  font-size: 18px;
+  font-weight: 600;
+  margin: 0;
+  flex: 1;
+  text-align: center;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 100%;
+}
+
+.onboarding-theme-light .external-wallet-modal-title {
+  color: #1f2937;
+}
+
+.onboarding-theme-dark .external-wallet-modal-title {
+  color: #ffffff;
+}
+
+.external-wallet-button-more {
+  /* Same styling as other buttons, but with a different icon */
+}
+
+.external-wallet-button-more .external-wallet-button-icon {
+  opacity: 0.6;
+}
+
+/* WalletConnect Modal z-index fix - ensure it appears above onboarding modal (z-index: 9999) */
+/* WalletConnect v3 uses w3m-* classes */
+w3m-modal,
+w3m-modal-backdrop,
+.w3m-modal,
+.w3m-modal-backdrop,
+#w3m-modal,
+#w3m-modal-backdrop,
+[data-w3m-modal],
+[data-w3m-modal-backdrop] {
+  z-index: 10000 !important;
+}
+
+/* WalletConnect v2 uses walletconnect-* classes */
+.walletconnect-modal,
+.walletconnect-modal__backdrop,
+.walletconnect-qrcode__base,
+.walletconnect-qrcode-modal,
+#walletconnect-qrcode-modal,
+[class*="walletconnect-modal"],
+[class*="walletconnect-qrcode"] {
+  z-index: 10000 !important;
+}
+
+/* Ensure WalletConnect overlay appears above onboarding modal */
+.walletconnect-modal__backdrop,
+.w3m-modal-backdrop,
+[class*="walletconnect"] [class*="backdrop"],
+[class*="w3m"] [class*="backdrop"] {
+  z-index: 10000 !important;
+}
+
+/* WalletConnect container and base elements */
+.walletconnect-modal__container,
+.walletconnect-qrcode__base,
+.w3m-container,
+[class*="walletconnect"] [class*="container"],
+[class*="w3m"] [class*="container"] {
+  z-index: 10001 !important;
+}
+
+/* WalletConnect QR code modal specifically */
+.walletconnect-qrcode-modal,
+.walletconnect-qrcode__base,
+.w3m-qrcode,
+[class*="walletconnect-qrcode"],
+[class*="w3m-qrcode"] {
+  z-index: 10001 !important;
+}
+
+/* Additional WalletConnect modal elements */
+div[class*="walletconnect"],
+div[class*="w3m"],
+div[id*="walletconnect"],
+div[id*="w3m"] {
+  z-index: 10000 !important;
+}
+

package/dist/src/ExternalWalletButtons.d.ts

@@ -0,0 +1,56 @@
+/**
+ * External Wallet Buttons Component
+ * Displays buttons to connect external wallets (MetaMask, WalletConnect, etc.)
+ */
+import React from 'react';
+import './ExternalWalletButtons.css';
+export interface ExternalWalletButtonsProps {
+    /**
+     * Show as a list of buttons
+     * @default true
+     */
+    showAsList?: boolean;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Callback when wallet is connected
+     */
+    onConnect?: (connectorId: string, address: string) => void;
+    /**
+     * Callback when connection fails
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Callback when "More wallets" is clicked (to hide email/Google sections)
+     */
+    onShowMoreWallets?: () => void;
+    /**
+     * Callback when back button is clicked (to show email/Google sections again)
+     */
+    onHideMoreWallets?: () => void;
+}
+/**
+ * External Wallet Buttons Component
+ *
+ * @example
+ * ```tsx
+ * import { ExternalWalletButtons } from '@abstraxn/signer/react';
+ *
+ * function App() {
+ *   return (
+ *     <ExternalWalletButtons
+ *       onConnect={(connectorId, address) => {
+ *         console.log('Connected:', connectorId, address);
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function ExternalWalletButtons({ showAsList, className, style, onConnect, onError, onShowMoreWallets, onHideMoreWallets, }: ExternalWalletButtonsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/ExternalWalletButtons.js

@@ -0,0 +1,245 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * External Wallet Buttons Component
+ * Displays buttons to connect external wallets (MetaMask, WalletConnect, etc.)
+ */
+import { useEffect, useRef, useState } from 'react';
+import { useExternalWallet } from './hooks';
+import { useAbstraxnWallet } from './AbstraxnProvider';
+import './ExternalWalletButtons.css';
+/**
+ * External Wallet Buttons Component
+ *
+ * @example
+ * ```tsx
+ * import { ExternalWalletButtons } from '@abstraxn/signer/react';
+ *
+ * function App() {
+ *   return (
+ *     <ExternalWalletButtons
+ *       onConnect={(connectorId, address) => {
+ *         console.log('Connected:', connectorId, address);
+ *       }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export function ExternalWalletButtons({ showAsList = true, className, style, onConnect, onError, onShowMoreWallets, onHideMoreWallets, }) {
+    const { connectExternalWallet, availableConnectors, isExternalWalletConnected, externalWalletAddress, } = useExternalWallet();
+    const { uiConfig } = useAbstraxnWallet();
+    const theme = uiConfig?.theme || 'light';
+    // State to manage modal view (initial vs expanded)
+    const [showMoreWallets, setShowMoreWallets] = useState(false);
+    // Use local loading state per button to prevent blinking
+    const [connectingConnectorId, setConnectingConnectorId] = useState(null);
+    // Track last connected address to call onConnect callback
+    const lastAddressRef = useRef(null);
+    // Call onConnect when external wallet address becomes available
+    useEffect(() => {
+        if (externalWalletAddress && externalWalletAddress !== lastAddressRef.current && onConnect) {
+            lastAddressRef.current = externalWalletAddress;
+            // Find which connector was used (injected for MetaMask)
+            const connectorId = availableConnectors.find((c) => c.id.includes('injected') || c.id.includes('metamask'))?.id || 'injected';
+            onConnect(connectorId, externalWalletAddress);
+        }
+    }, [externalWalletAddress, onConnect, availableConnectors]);
+    // Reset wallet selection state when wallet is connected
+    useEffect(() => {
+        if (isExternalWalletConnected && showMoreWallets) {
+            // Reset to initial view
+            setShowMoreWallets(false);
+            // Restore email/Google/passkey sections
+            if (onHideMoreWallets) {
+                onHideMoreWallets();
+            }
+        }
+    }, [isExternalWalletConnected, showMoreWallets, onHideMoreWallets]);
+    // Hide/restore social auth buttons when the wallet list is shown
+    useEffect(() => {
+        const toggleSocial = (show) => {
+            const els = document.querySelectorAll('.onboarding-button-social-icon, .onboarding-button-social, .onboarding-social-grid');
+            els.forEach((el) => {
+                el.style.display = show ? '' : 'none';
+            });
+        };
+        toggleSocial(!showMoreWallets);
+        return () => {
+            toggleSocial(true);
+        };
+    }, [showMoreWallets]);
+    // Ensure divider stays hidden while on wallet selection screen
+    useEffect(() => {
+        if (showMoreWallets && onShowMoreWallets) {
+            // Ensure all elements (including divider) stay hidden on wallet selection screen
+            onShowMoreWallets();
+        }
+    }, [showMoreWallets, onShowMoreWallets]);
+    const handleConnect = async (connectorId) => {
+        // Ensure divider stays hidden when clicking a wallet button
+        if (showMoreWallets && onShowMoreWallets) {
+            onShowMoreWallets();
+        }
+        // Set local loading state for this specific button
+        setConnectingConnectorId(connectorId);
+        try {
+            // Connect external wallet - this will trigger MetaMask popup
+            // NO API calls are made - only wagmi connection
+            await connectExternalWallet(connectorId);
+        }
+        catch (error) {
+            // Show error to user
+            alert(error instanceof Error ? error.message : 'Failed to connect wallet. Please try again.');
+            if (onError) {
+                onError(error instanceof Error ? error : new Error('Failed to connect wallet'));
+            }
+            // Clear loading state immediately on error
+            setConnectingConnectorId(null);
+        }
+        finally {
+            // Clear loading state after a short delay to prevent blinking (only if no error)
+            setTimeout(() => {
+                setConnectingConnectorId(null);
+            }, 300);
+        }
+    };
+    if (availableConnectors.length === 0) {
+        return null;
+    }
+    // Map connector IDs to user-friendly names and icons
+    const getConnectorInfo = (connectorId, connectorName) => {
+        const id = connectorId.toLowerCase();
+        const name = connectorName.toLowerCase();
+        // WalletConnect
+        if (id.includes('walletconnect') || name.includes('walletconnect')) {
+            return {
+                displayName: 'WalletConnect',
+                icon: (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", fill: "#3B99FC" }), _jsx("circle", { cx: "12", cy: "12", r: "4.5", fill: "white" }), _jsx("path", { d: "M12 3C6.477 3 2 7.477 2 12C2 16.523 6.477 21 12 21C17.523 21 22 16.523 22 12C22 7.477 17.523 3 12 3Z", fill: "none", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", opacity: "0.9" }), _jsx("path", { d: "M12 19C7.589 19 4 15.411 4 11C4 6.589 7.589 3 12 3C16.411 3 20 6.589 20 11C20 15.411 16.411 19 12 19Z", fill: "none", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", opacity: "0.7" })] })),
+            };
+        }
+        // MetaMask (io.metamask or injected with MetaMask detected)
+        if (id.includes('io.metamask') || id === 'metamask' || (id.includes('injected') && typeof window !== 'undefined' && window.ethereum?.isMetaMask)) {
+            return {
+                displayName: 'MetaMask',
+                icon: (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M21.5 2L13.5 8.5L15 4L21.5 2Z", fill: "#E2761B" }), _jsx("path", { d: "M2.5 2L10.3 8.6L9 4L2.5 2Z", fill: "#E4761B" }), _jsx("path", { d: "M18.5 16.5L16.5 20L21 21.5L22.5 16.5L18.5 16.5Z", fill: "#E4761B" }), _jsx("path", { d: "M1.5 16.5L3 21.5L7.5 20L5.5 16.5L1.5 16.5Z", fill: "#E4761B" }), _jsx("path", { d: "M7 10.5L5.5 13L10.5 13.5L10 8L7 10.5Z", fill: "#E4761B" }), _jsx("path", { d: "M17 10.5L14 8L13.5 13.5L18.5 13L17 10.5Z", fill: "#E4761B" }), _jsx("path", { d: "M7.5 20L10.5 18.5L8 16.5L7.5 20Z", fill: "#E4761B" }), _jsx("path", { d: "M13.5 18.5L16.5 20L16 16.5L13.5 18.5Z", fill: "#E4761B" })] })),
+            };
+        }
+        // Coinbase Wallet
+        if (id.includes('coinbase') || id.includes('com.coinbase.wallet')) {
+            return {
+                displayName: 'Coinbase Wallet',
+                icon: (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "24", height: "24", rx: "12", fill: "#0052FF" }), _jsx("path", { d: "M12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6Z", fill: "white" }), _jsx("path", { d: "M12 8C14.2091 8 16 9.79086 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8Z", fill: "#0052FF" })] })),
+            };
+        }
+        // Phantom Wallet
+        if (id.includes('phantom') || id.includes('app.phantom')) {
+            return {
+                displayName: 'Phantom',
+                icon: (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "24", height: "24", rx: "6", fill: "#AB9FF2" }), _jsx("path", { d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z", fill: "white" }), _jsx("path", { d: "M12 7C9.79086 7 8 8.79086 8 11C8 13.2091 9.79086 15 12 15C14.2091 15 16 13.2091 16 11C16 8.79086 14.2091 7 12 7Z", fill: "#AB9FF2" })] })),
+            };
+        }
+        // Injected connector (generic browser wallet)
+        if (id.includes('injected') || name.includes('injected') || name.includes('browser')) {
+            // Check if MetaMask is available in the browser
+            const ethereum = typeof window !== 'undefined' ? window.ethereum : null;
+            const isMetaMask = ethereum?.isMetaMask || ethereum?.providers?.some((p) => p.isMetaMask);
+            if (isMetaMask) {
+                return {
+                    displayName: 'MetaMask',
+                    icon: (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M21.5 2L13.5 8.5L15 4L21.5 2Z", fill: "#E2761B" }), _jsx("path", { d: "M2.5 2L10.3 8.6L9 4L2.5 2Z", fill: "#E4761B" }), _jsx("path", { d: "M18.5 16.5L16.5 20L21 21.5L22.5 16.5L18.5 16.5Z", fill: "#E4761B" }), _jsx("path", { d: "M1.5 16.5L3 21.5L7.5 20L5.5 16.5L1.5 16.5Z", fill: "#E4761B" }), _jsx("path", { d: "M7 10.5L5.5 13L10.5 13.5L10 8L7 10.5Z", fill: "#E4761B" }), _jsx("path", { d: "M17 10.5L14 8L13.5 13.5L18.5 13L17 10.5Z", fill: "#E4761B" }), _jsx("path", { d: "M7.5 20L10.5 18.5L8 16.5L7.5 20Z", fill: "#E4761B" }), _jsx("path", { d: "M13.5 18.5L16.5 20L16 16.5L13.5 18.5Z", fill: "#E4761B" })] })),
+                };
+            }
+            return {
+                displayName: 'Browser Wallet',
+                icon: (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "24", height: "24", rx: "4", fill: "#E5E7EB" }), _jsx("path", { d: "M12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6Z", fill: "#9CA3AF" })] })),
+            };
+        }
+        // Default: use connector name if available, otherwise "More wallets"
+        return {
+            displayName: connectorName || 'More wallets',
+            icon: (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "24", height: "24", rx: "4", fill: "#E5E7EB" }), _jsx("path", { d: "M12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6Z", fill: "#9CA3AF" })] })),
+        };
+    };
+    const containerClass = `external-wallet-buttons ${showAsList ? 'external-wallet-buttons-list' : 'external-wallet-buttons-grid'} onboarding-theme-${theme} ${className || ''}`;
+    // Remove duplicates and sort connectors
+    // Priority: WalletConnect first, then MetaMask, then others alphabetically
+    const uniqueConnectors = availableConnectors.filter((connector, index, self) => {
+        // Remove duplicate injected connectors (keep first one)
+        if (connector.id === 'injected') {
+            return self.findIndex((c) => c.id === 'injected') === index;
+        }
+        // Remove duplicate MetaMask connectors (keep io.metamask over injected if both exist)
+        if (connector.id === 'io.metamask') {
+            return true; // Always keep io.metamask
+        }
+        if (connector.id === 'injected' && self.some((c) => c.id === 'io.metamask')) {
+            // If io.metamask exists, skip injected (they're the same)
+            return false;
+        }
+        return true;
+    }).sort((a, b) => {
+        // Sort: WalletConnect first, then MetaMask, then others
+        const aId = a.id.toLowerCase();
+        const bId = b.id.toLowerCase();
+        if (aId.includes('walletconnect'))
+            return -1;
+        if (bId.includes('walletconnect'))
+            return 1;
+        if (aId.includes('metamask') || aId === 'io.metamask')
+            return -1;
+        if (bId.includes('metamask') || bId === 'io.metamask')
+            return 1;
+        // Alphabetical for others
+        return a.name.localeCompare(b.name);
+    });
+    // Filter for initial view: only WalletConnect and MetaMask
+    const initialConnectors = uniqueConnectors.filter((connector) => {
+        const id = connector.id.toLowerCase();
+        const name = connector.name?.toLowerCase() || '';
+        return id.includes('walletconnect') ||
+            id.includes('metamask') ||
+            id.includes('io.metamask') ||
+            (id.includes('injected') && typeof window !== 'undefined' && window.ethereum?.isMetaMask);
+    });
+    // All connectors for the "More wallets" modal (including WalletConnect and MetaMask)
+    // This shows ALL available wallets when "More wallets" is clicked
+    const moreConnectors = uniqueConnectors;
+    // Render a wallet button
+    const renderWalletButton = (connector) => {
+        const connectorInfo = getConnectorInfo(connector.id, connector.name);
+        const isConnecting = connectingConnectorId === connector.id;
+        const isConnected = isExternalWalletConnected && externalWalletAddress;
+        return (_jsxs("button", { className: "external-wallet-button", onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleConnect(connector.id);
+            }, disabled: !!(isConnecting || isConnected), type: "button", style: {
+                opacity: isConnecting ? 0.7 : 1,
+                pointerEvents: isConnecting || isConnected ? 'none' : 'auto',
+            }, children: [_jsx("span", { className: "external-wallet-button-icon", children: connector.icon ? (_jsx("img", { src: connector.icon, alt: connectorInfo.displayName })) : (connectorInfo.icon) }), _jsx("span", { className: "external-wallet-button-text", children: isConnecting ? 'Connecting...' : connectorInfo.displayName })] }, connector.id));
+    };
+    // If showing "More wallets" modal
+    if (showMoreWallets) {
+        return (_jsxs("div", { className: `external-wallet-modal onboarding-theme-${theme}`, children: [_jsxs("div", { className: "external-wallet-modal-header", children: [_jsx("button", { className: "external-wallet-modal-back", onClick: (e) => {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                // Notify parent to show email/Google sections again (restore initial screen)
+                                if (onHideMoreWallets) {
+                                    onHideMoreWallets();
+                                }
+                                // Reset the state to go back to initial view
+                                setShowMoreWallets(false);
+                            }, type: "button", "aria-label": "Go back", children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("h3", { className: "external-wallet-modal-title", children: "Select your wallet" })] }), _jsx("div", { className: containerClass, style: style, children: moreConnectors.map((connector) => renderWalletButton(connector)) })] }));
+    }
+    // Initial view: Single "Continue with wallets" button
+    return (_jsx("div", { className: containerClass, style: style, children: moreConnectors.length > 0 && (_jsxs("button", { className: "external-wallet-button external-wallet-button-initial", onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                setShowMoreWallets(true);
+                // Notify parent to hide email/Google sections
+                if (onShowMoreWallets) {
+                    onShowMoreWallets();
+                }
+            }, type: "button", children: [_jsx("span", { className: "external-wallet-button-icon", children: _jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "external-wallet-icon-svg", children: [_jsx("path", { d: "M19 12C19 12.5523 18.5523 13 18 13C17.4477 13 17 12.5523 17 12C17 11.4477 17.4477 11 18 11C18.5523 11 19 11.4477 19 12Z", fill: "currentColor" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.94358 3.25H13.0564C14.8942 3.24998 16.3498 3.24997 17.489 3.40314C18.6614 3.56076 19.6104 3.89288 20.3588 4.64124C21.2831 5.56563 21.5777 6.80363 21.6847 8.41008C22.2619 8.6641 22.6978 9.2013 22.7458 9.88179C22.7501 9.94199 22.75 10.0069 22.75 10.067C22.75 10.0725 22.75 10.0779 22.75 10.0833V13.9167C22.75 13.9221 22.75 13.9275 22.75 13.933C22.75 13.9931 22.7501 14.058 22.7458 14.1182C22.6978 14.7987 22.2619 15.3359 21.6847 15.5899C21.5777 17.1964 21.2831 18.4344 20.3588 19.3588C19.6104 20.1071 18.6614 20.4392 17.489 20.5969C16.3498 20.75 14.8942 20.75 13.0564 20.75H9.94359C8.10583 20.75 6.65019 20.75 5.51098 20.5969C4.33856 20.4392 3.38961 20.1071 2.64124 19.3588C1.89288 18.6104 1.56076 17.6614 1.40314 16.489C1.24997 15.3498 1.24998 13.8942 1.25 12.0564V11.9436C1.24998 10.1058 1.24997 8.65019 1.40314 7.51098C1.56076 6.33856 1.89288 5.38961 2.64124 4.64124C3.38961 3.89288 4.33856 3.56076 5.51098 3.40314C6.65019 3.24997 8.10582 3.24998 9.94358 3.25ZM20.1679 15.75H18.2308C16.0856 15.75 14.25 14.1224 14.25 12C14.25 9.87756 16.0856 8.25 18.2308 8.25H20.1679C20.0541 6.90855 19.7966 6.20043 19.2981 5.7019C18.8749 5.27869 18.2952 5.02502 17.2892 4.88976C16.2615 4.75159 14.9068 4.75 13 4.75H10C8.09318 4.75 6.73851 4.75159 5.71085 4.88976C4.70476 5.02502 4.12511 5.27869 3.7019 5.7019C3.27869 6.12511 3.02502 6.70476 2.88976 7.71085C2.75159 8.73851 2.75 10.0932 2.75 12C2.75 13.9068 2.75159 15.2615 2.88976 16.2892C3.02502 17.2952 3.27869 17.8749 3.7019 18.2981C4.12511 18.7213 4.70476 18.975 5.71085 19.1102C6.73851 19.2484 8.09318 19.25 10 19.25H13C14.9068 19.25 16.2615 19.2484 17.2892 19.1102C18.2952 18.975 18.8749 18.7213 19.2981 18.2981C19.7966 17.7996 20.0541 17.0915 20.1679 15.75ZM5.25 8C5.25 7.58579 5.58579 7.25 6 7.25H10C10.4142 7.25 10.75 7.58579 10.75 8C10.75 8.41421 10.4142 8.75 10 8.75H6C5.58579 8.75 5.25 8.41421 5.25 8ZM20.9235 9.75023C20.9032 9.75001 20.8766 9.75 20.8333 9.75H18.2308C16.8074 9.75 15.75 10.8087 15.75 12C15.75 13.1913 16.8074 14.25 18.2308 14.25H20.8333C20.8766 14.25 20.9032 14.25 20.9235 14.2498C20.936 14.2496 20.9426 14.2495 20.9457 14.2493L20.9479 14.2492C21.1541 14.2367 21.2427 14.0976 21.2495 14.0139C21.2495 14.0139 21.2497 14.0076 21.2498 13.9986C21.25 13.9808 21.25 13.9572 21.25 13.9167V10.0833C21.25 10.0428 21.25 10.0192 21.2498 10.0014C21.2497 9.99238 21.2495 9.98609 21.2495 9.98609C21.2427 9.90242 21.1541 9.7633 20.9479 9.75076C20.9479 9.75076 20.943 9.75043 20.9235 9.75023Z", fill: "currentColor" })] }) }), _jsx("span", { className: "external-wallet-button-text", children: "Continue with wallet" })] })) }));
+}
+//# sourceMappingURL=ExternalWalletButtons.js.map

package/dist/src/ExternalWalletButtons.js.map

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