@pooflabs/web 0.0.89-rc2 → 0.0.89-rc3

package/dist/{index.native-Cycwo-3I.js → index.native-K4hpch3o.js}

@@ -16895,13 +16895,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() {
@@ -17001,20 +17007,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 };
@@ -17023,7 +17029,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. */
@@ -17038,7 +17044,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. */
@@ -17047,6 +17053,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)
@@ -17079,73 +17097,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;
-    }
 }
 
 /**
@@ -17909,15 +17860,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 Promise.resolve().then(function () { return require('./privy-wallet-provider-D4IYOUji.js'); });
+    const mod = await Promise.resolve().then(function () { return require('./privy-wallet-provider-BlWvz1R6.js'); });
     return mod.PrivyWalletProvider;
 }
 async function loadPhantomWalletProvider() {
-    const mod = await Promise.resolve().then(function () { return require('./phantom-wallet-provider-BgDhrraw.js'); });
+    const mod = await Promise.resolve().then(function () { return require('./phantom-wallet-provider-BOz9oPsO.js'); });
     return { PhantomWalletProvider: mod.PhantomWalletProvider };
 }
 async function loadSolanaMobileWalletProvider() {
-    const mod = await Promise.resolve().then(function () { return require('./solana-mobile-wallet-provider-BrjPc7Wd.js'); });
+    const mod = await Promise.resolve().then(function () { return require('./solana-mobile-wallet-provider-C8QDeO6I.js'); });
     return mod.SolanaMobileWalletProvider;
 }
 async function hotSwapToPrivyProvider(config) {
@@ -18247,17 +18198,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,
@@ -18317,6 +18268,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__namespace.useState({
+        isMock: false,
+        wallets: [],
+        activeIndex: 0,
+    });
+    const refresh = React__namespace.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__namespace.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__namespace.useCallback(async (index) => {
+        const provider = getActiveMockPoofnetProvider();
+        if (provider) {
+            await provider.switchWallet(index);
+            await refresh();
+        }
+    }, [refresh]);
+    const generateWallet = React__namespace.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) {
@@ -19011,4 +19035,5 @@ exports.signSessionCreateMessage = signSessionCreateMessage;
 exports.signTransaction = signTransaction;
 exports.subscribe = subscribe;
 exports.useAuth = useAuth;
-//# sourceMappingURL=index.native-Cycwo-3I.js.map
+exports.usePoofnetWallet = usePoofnetWallet;
+//# sourceMappingURL=index.native-K4hpch3o.js.map