@pooflabs/web 0.0.89-rc2 → 0.0.89-rc3

package/dist/index.d.ts

@@ -7,6 +7,8 @@ export type { GetOptions as TarobaseGetOptions } from "@pooflabs/core";
 export { subscribe } from "@pooflabs/core";
 export * from "@pooflabs/core";
 export { useAuth } from "./auth/hooks/useAuth";
+export { usePoofnetWallet } from "./auth/hooks/usePoofnetWallet";
+export type { PoofnetWallet, UsePoofnetWalletResult } from "./auth/hooks/usePoofnetWallet";
 export { deserializeTransaction } from "./auth/providers/sol/sol-utils";
 export { getIdToken } from "./utils";
 export { setPlatform, getPlatform } from "./platform";

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { H as DEFAULT_TEST_ADDRESS, L as InsufficientBalanceError, M as MockAuthProvider, O as OffchainAuthProvider, P as PhantomWalletProvider, K as PrivyExpoProvider, G as PrivyWalletProvider, R as ReactNativeSessionManager, N as ServerSessionManager, S as SolanaMobileWalletProvider, W as WebSessionManager, z as aggregate, Q as buildSetDocumentsTransaction, T as clearCache, U as closeAllSubscriptions, V as convertRemainingAccounts, y as count, X as createSessionWithPrivy, Y as createSessionWithSignature, C as deserializeTransaction, Z as genAuthNonce, _ as genSolanaMessage, k as get, e as getAuthLoading, j as getAuthProvider, $ as getCachedData, h as getConfig, c as getCurrentUser, p as getFiles, D as getIdToken, a0 as getMany, F as getPlatform, i as init, I as isMobileWalletAvailable, l as login, f as logout, d as onAuthLoadingChanged, o as onAuthStateChanged, a1 as reconnectWithNewAuth, a2 as refreshSession, J as registerMobileWalletAdapter, t as runExpression, u as runExpressionMany, r as runQuery, q as runQueryMany, s as set, n as setFile, m as setMany, E as setPlatform, x as signAndSubmitTransaction, v as signMessage, a3 as signSessionCreateMessage, w as signTransaction, A as subscribe, B as useAuth } from './index-Cgaz8U9W.esm.js';
+export { I as DEFAULT_TEST_ADDRESS, N as InsufficientBalanceError, M as MockAuthProvider, O as OffchainAuthProvider, P as PhantomWalletProvider, L as PrivyExpoProvider, H as PrivyWalletProvider, R as ReactNativeSessionManager, Q as ServerSessionManager, S as SolanaMobileWalletProvider, W as WebSessionManager, z as aggregate, T as buildSetDocumentsTransaction, U as clearCache, V as closeAllSubscriptions, X as convertRemainingAccounts, y as count, Y as createSessionWithPrivy, Z as createSessionWithSignature, D as deserializeTransaction, _ as genAuthNonce, $ as genSolanaMessage, k as get, e as getAuthLoading, j as getAuthProvider, a0 as getCachedData, h as getConfig, c as getCurrentUser, p as getFiles, E as getIdToken, a1 as getMany, G as getPlatform, i as init, J as isMobileWalletAvailable, l as login, f as logout, d as onAuthLoadingChanged, o as onAuthStateChanged, a2 as reconnectWithNewAuth, a3 as refreshSession, K as registerMobileWalletAdapter, t as runExpression, u as runExpressionMany, r as runQuery, q as runQueryMany, s as set, n as setFile, m as setMany, F as setPlatform, x as signAndSubmitTransaction, v as signMessage, a4 as signSessionCreateMessage, w as signTransaction, A as subscribe, B as useAuth, C as usePoofnetWallet } from './index-2wcE74zV.esm.js';
 import 'axios';
 import '@solana/web3.js';
 import '@coral-xyz/anchor';

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BLiaV7Dz.js');
+var index = require('./index-BbyEdrbT.js');
 require('axios');
 require('@solana/web3.js');
 require('@coral-xyz/anchor');
@@ -63,4 +63,5 @@ exports.signSessionCreateMessage = index.signSessionCreateMessage;
 exports.signTransaction = index.signTransaction;
 exports.subscribe = index.subscribe;
 exports.useAuth = index.useAuth;
+exports.usePoofnetWallet = index.usePoofnetWallet;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{index.native-CwpIbypp.esm.js → index.native-Ch6gsAP_.esm.js}

@@ -16874,13 +16874,19 @@ const AUTH_METHOD = 'poofnet-mock';
  * wrapped by OffchainAuthProvider so transaction mocking is unchanged. Mainnet
  * never touches this class.
  */
+/**
+ * The active MockPoofnetProvider instance while mock-connected. Exposed so the
+ * usePoofnetWallet() hook (and thus the app's own wallet UI, e.g. WalletButton)
+ * can list/switch/generate mock wallets. Null when not mock-connected.
+ */
+let activeMockPoofnetInstance = null;
+function getActiveMockPoofnetProvider() {
+    return activeMockPoofnetInstance;
+}
 class MockPoofnetProvider {
     constructor() {
         /** The keypair for the currently-connected mock wallet (re-derived on login/switch/restore). */
         this.activeKeypair = null;
-        /** Floating wallet widget root (web only). */
-        this.widgetEl = null;
-        this.widgetExpanded = false;
     }
     // ============ Identity / derivation ============
     getDeviceId() {
@@ -16980,20 +16986,20 @@ class MockPoofnetProvider {
         const index = Math.min(meta.activeIndex, meta.count - 1);
         this.activeKeypair = await this.deriveKeypair(appId, index);
         const user = await this.mintSession(this.activeKeypair);
-        this.showWalletWidget(appId).catch(() => { });
+        activeMockPoofnetInstance = this;
         return user;
     }
     async restoreSession() {
         const session = await WebSessionManager.getSession();
         if (!session)
             return null;
-        // Re-derive the active keypair so signMessage works after a reload, and
-        // re-show the widget. Best-effort — the session itself is authoritative.
+        // Re-derive the active keypair so signMessage works after a reload.
+        // Best-effort — the session itself is authoritative.
         try {
             const appId = await this.getAppId();
             const meta = this.getWalletMeta(appId);
             this.activeKeypair = await this.deriveKeypair(appId, Math.min(meta.activeIndex, Math.max(0, meta.count - 1)));
-            this.showWalletWidget(appId).catch(() => { });
+            activeMockPoofnetInstance = this;
         }
         catch ( /* noop */_a) { /* noop */ }
         return { provider: this, address: session.address };
@@ -17002,7 +17008,7 @@ class MockPoofnetProvider {
         WebSessionManager.clearSession();
         setCurrentUser(null);
         this.activeKeypair = null;
-        this.removeWalletWidget();
+        activeMockPoofnetInstance = null;
     }
     // ============ Multi-wallet management ============
     /** Switch to (and connect as) an existing mock wallet by index. */
@@ -17017,7 +17023,7 @@ class MockPoofnetProvider {
         WebSessionManager.clearSession();
         this.activeKeypair = await this.deriveKeypair(appId, index);
         const user = await this.mintSession(this.activeKeypair);
-        this.showWalletWidget(appId).catch(() => { });
+        activeMockPoofnetInstance = this;
         return user;
     }
     /** Generate a brand-new mock wallet (next index) and connect as it. */
@@ -17026,6 +17032,18 @@ class MockPoofnetProvider {
         const meta = this.getWalletMeta(appId);
         return this.switchWallet(meta.count);
     }
+    /** Wallet list + active index for the wallet UI (usePoofnetWallet hook). */
+    async getWalletState() {
+        const appId = await this.getAppId();
+        const meta = this.getWalletMeta(appId);
+        const count = Math.max(1, meta.count);
+        const wallets = [];
+        for (let i = 0; i < count; i++) {
+            const kp = await this.deriveKeypair(appId, i);
+            wallets.push({ index: i, label: this.labelFor(meta, i), address: kp.publicKey.toBase58() });
+        }
+        return { wallets, activeIndex: Math.min(meta.activeIndex, count - 1) };
+    }
     // ============ AuthProvider interface (offchain-wrapped, mostly inert) ============
     async signMessage(message) {
         if (!this.activeKeypair)
@@ -17058,73 +17076,6 @@ class MockPoofnetProvider {
     async getNativeMethods() {
         return {};
     }
-    // ============ Floating wallet widget (web only) ============
-    async showWalletWidget(appId) {
-        if (!getPlatform().hasDOM || typeof document === 'undefined')
-            return;
-        const meta = this.getWalletMeta(appId);
-        // Derive addresses for every wallet so the dropdown can show them.
-        const wallets = [];
-        for (let i = 0; i < meta.count; i++) {
-            const kp = await this.deriveKeypair(appId, i);
-            wallets.push({ index: i, label: this.labelFor(meta, i), address: kp.publicKey.toBase58() });
-        }
-        const active = wallets[Math.min(meta.activeIndex, wallets.length - 1)] || wallets[0];
-        if (!active)
-            return;
-        if (!this.widgetEl) {
-            this.widgetEl = document.createElement('div');
-            this.widgetEl.id = 'poofnet-wallet-widget';
-            document.body.appendChild(this.widgetEl);
-        }
-        const short = (a) => `${a.slice(0, 4)}…${a.slice(-4)}`;
-        const rows = wallets.map((w) => `
-            <button data-poofnet-switch="${w.index}" style="display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;background:${w.index === active.index ? 'rgba(153,69,255,0.18)' : 'transparent'};border:none;border-radius:8px;color:#fff;font-size:13px;cursor:pointer;text-align:left;">
-                <span style="display:flex;flex-direction:column;"><span style="font-weight:600;">${w.label}</span><span style="opacity:0.55;font-size:11px;font-family:monospace;">${short(w.address)}</span></span>
-                ${w.index === active.index ? '<span style="color:#9945FF;">●</span>' : ''}
-            </button>`).join('');
-        this.widgetEl.innerHTML = `
-            <div style="position:fixed;bottom:16px;right:16px;z-index:2147483600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
-              ${this.widgetExpanded ? `
-              <div style="margin-bottom:8px;width:240px;background:#161618;border:1px solid #2a2a2e;border-radius:12px;padding:8px;box-shadow:0 8px 32px rgba(0,0,0,0.5);">
-                <div style="padding:6px 10px 8px;font-size:11px;letter-spacing:0.04em;text-transform:uppercase;color:#9945FF;font-weight:700;">Poofnet · Simulated</div>
-                <div style="max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:2px;">${rows}</div>
-                <button data-poofnet-generate="1" style="margin-top:6px;width:100%;padding:8px 10px;background:rgba(153,69,255,0.12);border:1px dashed #9945FF;border-radius:8px;color:#c8a4ff;font-size:13px;font-weight:600;cursor:pointer;">+ Generate new wallet</button>
-              </div>` : ''}
-              <button data-poofnet-toggle="1" style="display:flex;align-items:center;gap:8px;padding:8px 12px;background:#161618;border:1px solid #2a2a2e;border-radius:999px;color:#fff;font-size:13px;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,0.4);">
-                <span style="width:8px;height:8px;border-radius:50%;background:#9945FF;box-shadow:0 0 8px #9945FF;"></span>
-                <span style="font-weight:600;">${active.label}</span>
-                <span style="opacity:0.55;font-family:monospace;font-size:12px;">${short(active.address)}</span>
-                <span style="opacity:0.5;transform:rotate(${this.widgetExpanded ? '180deg' : '0deg'});">▾</span>
-              </button>
-            </div>`;
-        // Wire handlers (re-bound each render).
-        const toggle = this.widgetEl.querySelector('[data-poofnet-toggle]');
-        if (toggle)
-            toggle.onclick = () => { this.widgetExpanded = !this.widgetExpanded; this.showWalletWidget(appId).catch(() => { }); };
-        this.widgetEl.querySelectorAll('[data-poofnet-switch]').forEach((btn) => {
-            btn.onclick = async () => {
-                const idx = parseInt(btn.getAttribute('data-poofnet-switch'), 10);
-                this.widgetExpanded = false;
-                if (idx !== active.index)
-                    await this.switchWallet(idx);
-                else
-                    this.showWalletWidget(appId).catch(() => { });
-            };
-        });
-        const gen = this.widgetEl.querySelector('[data-poofnet-generate]');
-        if (gen)
-            gen.onclick = async () => { this.widgetExpanded = false; await this.generateWallet(); };
-    }
-    removeWalletWidget() {
-        try {
-            if (this.widgetEl && this.widgetEl.parentNode)
-                this.widgetEl.parentNode.removeChild(this.widgetEl);
-        }
-        catch ( /* noop */_a) { /* noop */ }
-        this.widgetEl = null;
-        this.widgetExpanded = false;
-    }
 }
 
 /**
@@ -17888,15 +17839,15 @@ function clearIncompatibleSession() {
 // Lazy loaders for web-only providers.
 // Using dynamic import() ensures Metro (RN) never resolves these modules.
 async function loadPrivyWalletProvider() {
-    const mod = await import('./privy-wallet-provider-C70AIqHI.esm.js');
+    const mod = await import('./privy-wallet-provider-CVVhV2RP.esm.js');
     return mod.PrivyWalletProvider;
 }
 async function loadPhantomWalletProvider() {
-    const mod = await import('./phantom-wallet-provider-DM-96ILz.esm.js');
+    const mod = await import('./phantom-wallet-provider-ieVw9iZ_.esm.js');
     return { PhantomWalletProvider: mod.PhantomWalletProvider };
 }
 async function loadSolanaMobileWalletProvider() {
-    const mod = await import('./solana-mobile-wallet-provider-CXXw-pKg.esm.js');
+    const mod = await import('./solana-mobile-wallet-provider-CHMZajIq.esm.js');
     return mod.SolanaMobileWalletProvider;
 }
 async function hotSwapToPrivyProvider(config) {
@@ -18226,17 +18177,17 @@ function setAuthProviderInstance(provider) {
     authProviderInstance = provider;
 }
 
-var _a;
+var _a$1;
 // Whether we're in a server-side rendering context (no hooks allowed).
 // React Native has no `window` but DOES support hooks.
 // We detect Node SSR specifically via process.versions.node to avoid
 // false positives from Node 21+ which defines `navigator` globally.
-const isSSR = typeof window === 'undefined'
+const isSSR$1 = typeof window === 'undefined'
     && typeof process !== 'undefined'
-    && !!((_a = process.versions) === null || _a === void 0 ? void 0 : _a.node);
+    && !!((_a$1 = process.versions) === null || _a$1 === void 0 ? void 0 : _a$1.node);
 function useAuth() {
     // Provide a fallback so server render doesn't break
-    if (isSSR) {
+    if (isSSR$1) {
         return {
             login: async () => undefined,
             logout: async () => undefined,
@@ -18296,6 +18247,79 @@ function useAuth() {
     };
 }
 
+var _a;
+const isSSR = typeof window === 'undefined'
+    && typeof process !== 'undefined'
+    && !!((_a = process.versions) === null || _a === void 0 ? void 0 : _a.node);
+const EMPTY = {
+    isMock: false,
+    wallets: [],
+    activeIndex: 0,
+    switchWallet: async () => undefined,
+    generateWallet: async () => undefined,
+    refresh: async () => undefined,
+};
+/**
+ * Exposes the simulated Poofnet wallet to the app's own wallet UI (e.g. the
+ * template WalletButton). `isMock` is false on mainnet / real-wallet sessions,
+ * so callers can conditionally render the switch/generate controls.
+ *
+ * Reactive: re-reads whenever auth state changes (login / logout / wallet
+ * switch all flow through setCurrentUser → onAuthStateChanged).
+ */
+function usePoofnetWallet() {
+    if (isSSR)
+        return EMPTY;
+    const [state, setState] = React.useState({
+        isMock: false,
+        wallets: [],
+        activeIndex: 0,
+    });
+    const refresh = React.useCallback(async () => {
+        const provider = getActiveMockPoofnetProvider();
+        if (!provider) {
+            setState({ isMock: false, wallets: [], activeIndex: 0 });
+            return;
+        }
+        try {
+            const { wallets, activeIndex } = await provider.getWalletState();
+            setState({ isMock: true, wallets, activeIndex });
+        }
+        catch (_a) {
+            setState({ isMock: false, wallets: [], activeIndex: 0 });
+        }
+    }, []);
+    React.useEffect(() => {
+        refresh();
+        // setCurrentUser (login/logout/switch/generate) notifies these listeners.
+        onAuthStateChanged(() => { refresh(); });
+        // Note: onAuthStateChanged has no unsubscribe yet (same as useAuth) — fine
+        // for a wallet button that mounts once.
+    }, [refresh]);
+    const switchWallet = React.useCallback(async (index) => {
+        const provider = getActiveMockPoofnetProvider();
+        if (provider) {
+            await provider.switchWallet(index);
+            await refresh();
+        }
+    }, [refresh]);
+    const generateWallet = React.useCallback(async () => {
+        const provider = getActiveMockPoofnetProvider();
+        if (provider) {
+            await provider.generateWallet();
+            await refresh();
+        }
+    }, [refresh]);
+    return {
+        isMock: state.isMock,
+        wallets: state.wallets,
+        activeIndex: state.activeIndex,
+        switchWallet,
+        generateWallet,
+        refresh,
+    };
+}
+
 async function deserializeTransaction(tx) {
     const buf = Buffer.isBuffer(tx) ? tx : Buffer.from(tx, 'base64');
     if ((buf[0] & 0x80) !== 0) {
@@ -18928,5 +18952,5 @@ class PrivyExpoProvider {
     }
 }
 
-export { ReactNativeSessionManager as $, getAuthProvider as A, get as B, set as C, setMany as D, setFile as E, getFiles as F, runQuery as G, runQueryMany as H, runExpression as I, runExpressionMany as J, signMessage as K, signTransaction as L, signAndSubmitTransaction as M, count as N, aggregate as O, subscribe as P, useAuth as Q, deserializeTransaction as R, SOLANA_MAINNET_RPC_URL as S, getIdToken as T, setPlatform as U, MockAuthProvider as V, WebSessionManager as W, DEFAULT_TEST_ADDRESS as X, OffchainAuthProvider as Y, PrivyExpoProvider as Z, InsufficientBalanceError as _, SOLANA_DEVNET_RPC_URL as a, ServerSessionManager as a0, clearCache as a1, closeAllSubscriptions as a2, getCachedData as a3, getMany as a4, reconnectWithNewAuth as a5, refreshSession as a6, signSessionCreateMessage as a7, buildSetDocumentsTransaction as b, convertRemainingAccounts as c, base58 as d, confirmAndCheckTransaction as e, createSessionWithPrivy as f, getPlatform as g, bufferExports as h, index as i, SURFNET_RPC_URL$1 as j, detectMobile as k, detectAndroid as l, setAuthLoading as m, genAuthNonce as n, genSolanaMessage as o, createSessionWithSignature as p, getDefaultExportFromCjs$1 as q, init as r, setCurrentUser as s, getCurrentUser as t, onAuthStateChanged as u, onAuthLoadingChanged as v, getAuthLoading as w, login as x, logout as y, getConfig as z };
-//# sourceMappingURL=index.native-CwpIbypp.esm.js.map
+export { InsufficientBalanceError as $, getAuthProvider as A, get as B, set as C, setMany as D, setFile as E, getFiles as F, runQuery as G, runQueryMany as H, runExpression as I, runExpressionMany as J, signMessage as K, signTransaction as L, signAndSubmitTransaction as M, count as N, aggregate as O, subscribe as P, useAuth as Q, usePoofnetWallet as R, SOLANA_MAINNET_RPC_URL as S, deserializeTransaction as T, getIdToken as U, setPlatform as V, WebSessionManager as W, MockAuthProvider as X, DEFAULT_TEST_ADDRESS as Y, OffchainAuthProvider as Z, PrivyExpoProvider as _, SOLANA_DEVNET_RPC_URL as a, ReactNativeSessionManager as a0, ServerSessionManager as a1, clearCache as a2, closeAllSubscriptions as a3, getCachedData as a4, getMany as a5, reconnectWithNewAuth as a6, refreshSession as a7, signSessionCreateMessage as a8, buildSetDocumentsTransaction as b, convertRemainingAccounts as c, base58 as d, confirmAndCheckTransaction as e, createSessionWithPrivy as f, getPlatform as g, bufferExports as h, index as i, SURFNET_RPC_URL$1 as j, detectMobile as k, detectAndroid as l, setAuthLoading as m, genAuthNonce as n, genSolanaMessage as o, createSessionWithSignature as p, getDefaultExportFromCjs$1 as q, init as r, setCurrentUser as s, getCurrentUser as t, onAuthStateChanged as u, onAuthLoadingChanged as v, getAuthLoading as w, login as x, logout as y, getConfig as z };
+//# sourceMappingURL=index.native-Ch6gsAP_.esm.js.map