@bufinance/web3-signin 0.1.3 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bufinance/web3-signin",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Headless cross-app Web3 wallet sign-in for BUFI: EIP-6963 wallet discovery + Supabase signInWithWeb3 (EIP-4361) + Turnstile captcha. Shared by desk-v1 and defi-web-app. Source of truth lives here; both apps consume it.",
   "type": "module",
   "main": "./src/index.ts",

package/src/react/wallet-dropdown.tsx

@@ -21,6 +21,7 @@ export interface WalletDropdownClassNames {
   tabActive?: string;
   accountRow?: string;
   balanceRow?: string;
+  signOut?: string;
 }
 
 export interface WalletDropdownProps {
@@ -58,6 +59,14 @@ export interface WalletDropdownProps {
   /** Shown when authed but no accounts yet (provisioning). */
   emptyState?: ReactNode;
   onSelectAccount?: (account: WalletAccount) => void;
+  /**
+   * When provided, a "Log out" button renders at the BOTTOM of the open panel
+   * (below children). Both apps wire their own session sign-out — desk via
+   * Supabase, defi-web via the BUFI session — so the control lives in one place.
+   */
+  onSignOut?: () => void;
+  /** Label for the sign-out button (default "Log out"). */
+  signOutLabel?: string;
   classNames?: WalletDropdownClassNames;
 }
 
@@ -79,6 +88,8 @@ export function WalletDropdown(props: WalletDropdownProps): ReactNode {
     renderBalances = true,
     emptyState,
     onSelectAccount,
+    onSignOut,
+    signOutLabel = "Log out",
     classNames = {},
   } = props;
 
@@ -188,6 +199,18 @@ export function WalletDropdown(props: WalletDropdownProps): ReactNode {
                 {children}
               </>
             )}
+
+          {/* Sign out — always the last thing in the panel. */}
+          {onSignOut && (
+            <button
+              type="button"
+              className={classNames.signOut}
+              onClick={onSignOut}
+              data-bufi-signout
+            >
+              {signOutLabel}
+            </button>
+          )}
         </div>
       )}
     </div>