@pooflabs/web 0.0.69-rc.1 → 0.0.69-rc.2

package/dist/auth/providers/phantom-wallet-provider.d.ts

@@ -29,6 +29,8 @@ export declare class PhantomWalletProvider implements AuthProvider {
     private initPromise;
     /** Callback to swap to a Privy provider when the user clicks "Log in with email" */
     onSwitchToPrivy: (() => Promise<AuthProvider>) | null;
+    /** Callback to swap to a Mobile Wallet Adapter provider when the user clicks "Connect Mobile Wallet" */
+    onSwitchToMWA: (() => Promise<AuthProvider>) | null;
     constructor(networkUrl?: string | null, config?: PhantomWalletConfig);
     private initializeAsync;
     /**

package/dist/{index-C4TkISTV.js → index-BZpQdkSL.js}

@@ -13566,7 +13566,7 @@ async function loadDependencies() {
         const [reactModule, reactDomModule, phantomModule] = await Promise.all([
             import('react'),
             import('react-dom/client'),
-            Promise.resolve().then(function () { return require('./index-BRZ4-fcO.js'); })
+            Promise.resolve().then(function () { return require('./index-DDHlGslU.js'); })
         ]);
         // Extract default export from ESM module namespace
         // Dynamic import() returns { default: Module, ...exports }, not the module directly
@@ -13589,6 +13589,8 @@ class PhantomWalletProvider {
         this.initPromise = null;
         /** Callback to swap to a Privy provider when the user clicks "Log in with email" */
         this.onSwitchToPrivy = null;
+        /** Callback to swap to a Mobile Wallet Adapter provider when the user clicks "Connect Mobile Wallet" */
+        this.onSwitchToMWA = null;
         this.networkUrl = networkUrl;
         this.config = config;
         if (typeof window === 'undefined') {
@@ -13956,6 +13958,31 @@ class PhantomWalletProvider {
                     }
                 }
             };
+            const handleMobileWalletClick = async () => {
+                that.loginInProgress = false;
+                walletClickedRef.current = true;
+                setShowWalletModal(false);
+                if (that.onSwitchToMWA) {
+                    try {
+                        const mwaProvider = await that.onSwitchToMWA();
+                        const user = await mwaProvider.login();
+                        if (that.pendingLogin && user) {
+                            that.pendingLogin.resolve(user);
+                            that.pendingLogin = null;
+                        }
+                        else if (that.pendingLogin) {
+                            that.pendingLogin.reject(new Error('User cancelled login'));
+                            that.pendingLogin = null;
+                        }
+                    }
+                    catch (error) {
+                        if (that.pendingLogin) {
+                            that.pendingLogin.reject(error);
+                            that.pendingLogin = null;
+                        }
+                    }
+                }
+            };
             const handleCloseModal = () => {
                 setShowWalletModal(false);
                 if (that.loginInProgress && that.pendingLogin && !(phantom === null || phantom === void 0 ? void 0 : phantom.isConnected)) {
@@ -14031,6 +14058,37 @@ class PhantomWalletProvider {
                     style: { width: '28px', height: '28px', borderRadius: '6px' },
                 }), 'Open Phantom app'));
             }
+            // Mobile Wallet Adapter button — shown on Android when MWA callback is available
+            const isAndroid = /Android/i.test(navigator.userAgent);
+            if (isAndroid && that.onSwitchToMWA) {
+                walletButtons.push(React$1.createElement('button', {
+                    key: 'mobile-wallet',
+                    style: buttonStyle('mobile-wallet'),
+                    onClick: handleMobileWalletClick,
+                    onMouseEnter: () => setHoveredBtn('mobile-wallet'),
+                    onMouseLeave: () => setHoveredBtn(null),
+                }, 
+                // Mobile wallet icon (phone with wallet)
+                React$1.createElement('svg', {
+                    width: '20', height: '20', viewBox: '0 0 24 24', fill: 'none',
+                    style: { flexShrink: '0' },
+                }, 
+                // Phone outline
+                React$1.createElement('rect', {
+                    x: '5', y: '2', width: '14', height: '20', rx: '2',
+                    stroke: textColor, strokeWidth: '2', fill: 'none',
+                }), 
+                // Screen line
+                React$1.createElement('line', {
+                    x1: '5', y1: '6', x2: '19', y2: '6',
+                    stroke: textColor, strokeWidth: '1.5',
+                }), 
+                // Wallet/shield checkmark
+                React$1.createElement('path', {
+                    d: 'M9.5 12.5l2 2 3.5-3.5',
+                    stroke: textColor, strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', fill: 'none',
+                })), 'Connect Mobile Wallet'));
+            }
             // Email button (always shown in custom modal since enablePrivyFallback is true)
             walletButtons.push(React$1.createElement('button', {
                 key: 'email-login',
@@ -35477,11 +35535,33 @@ async function hotSwapToPrivyProvider(config) {
     setAuthProviderInstance(provider);
     return privyProvider;
 }
+async function hotSwapToMWAProvider(config) {
+    var _a, _b;
+    const rpcUrl = (_a = config.rpcUrl) !== null && _a !== void 0 ? _a : null;
+    const mwaConfig = (_b = config.mobileWalletConfig) !== null && _b !== void 0 ? _b : {
+        appIdentity: {
+            name: config.name || undefined,
+            uri: typeof window !== 'undefined' ? window.location.origin : undefined,
+        },
+    };
+    const mwaProvider = new SolanaMobileWalletProvider(rpcUrl, mwaConfig);
+    let provider = mwaProvider;
+    if (config.chain === "offchain") {
+        provider = new OffchainAuthProvider(mwaProvider);
+    }
+    currentAuthProvider = provider;
+    currentAuthMethod = 'mobile-wallet-adapter';
+    const coreConfig = await getConfig();
+    coreConfig.authProvider = provider;
+    coreConfig.authMethod = 'mobile-wallet-adapter';
+    setAuthProviderInstance(provider);
+    return provider;
+}
 const SOLANA_DEVNET_RPC_URL = "https://idelle-8nxsep-fast-devnet.helius-rpc.com";
 const SOLANA_MAINNET_RPC_URL = "https://celestia-cegncv-fast-mainnet.helius-rpc.com";
 const SURFNET_RPC_URL = "https://surfpool.fly.dev";
 async function getAuthProvider(config) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     if (currentAuthProvider) {
         return currentAuthProvider;
     }
@@ -35505,25 +35585,7 @@ async function getAuthProvider(config) {
         // Invalid stored value — clear it
         setStoredAuthMethod(null);
     }
-    // --- Register MWA as a wallet-standard wallet on mobile ---
-    // On Android (TWA via Bubblewrap, Chrome, or mobile browser), register the
-    // Mobile Wallet Adapter so it appears in wallet discovery (e.g. Phantom's
-    // useDiscoveredWallets, or any wallet-standard consumer). This makes Seed
-    // Vault, Solflare, and other MWA wallets show up alongside injected wallets
-    // in the existing Phantom/Privy modals — without overriding the configured
-    // authMethod. Email login, deeplinks, and all other flows stay intact.
-    //
-    // Only authMethod: 'mobile-wallet-adapter' (explicit opt-in) bypasses
-    // Phantom/Privy entirely and uses MWA as the sole provider.
-    if (isMobileWalletAvailable()) {
-        registerMobileWalletAdapter({
-            appIdentity: (_b = (_a = config.mobileWalletConfig) === null || _a === void 0 ? void 0 : _a.appIdentity) !== null && _b !== void 0 ? _b : {
-                name: config.name || undefined,
-                uri: typeof window !== 'undefined' ? window.location.origin : undefined,
-            },
-        }).catch(() => { });
-    }
-    const rpcUrl = (_c = config.rpcUrl) !== null && _c !== void 0 ? _c : null;
+    const rpcUrl = (_a = config.rpcUrl) !== null && _a !== void 0 ? _a : null;
     currentAuthMethod = authMethod;
     switch (authMethod) {
         case "wallet":
@@ -35533,13 +35595,15 @@ async function getAuthProvider(config) {
             console.warn("Rainbow Kit auth is not yet supported.");
             break;
         case "privy":
-            currentAuthProvider = new PrivyWalletProvider((_d = config.name) !== null && _d !== void 0 ? _d : null, (_e = config.logoUrl) !== null && _e !== void 0 ? _e : null, config.privyConfig, rpcUrl);
+            currentAuthProvider = new PrivyWalletProvider((_b = config.name) !== null && _b !== void 0 ? _b : null, (_c = config.logoUrl) !== null && _c !== void 0 ? _c : null, config.privyConfig, rpcUrl);
             break;
         case "phantom":
             currentAuthProvider = new PhantomWalletProvider(rpcUrl, config.phantomConfig);
-            if ((_f = config.phantomConfig) === null || _f === void 0 ? void 0 : _f.enablePrivyFallback) {
+            if ((_d = config.phantomConfig) === null || _d === void 0 ? void 0 : _d.enablePrivyFallback) {
                 currentAuthProvider.onSwitchToPrivy =
                     () => hotSwapToPrivyProvider(config);
+                currentAuthProvider.onSwitchToMWA =
+                    () => hotSwapToMWAProvider(config);
             }
             break;
         case "mobile-wallet-adapter":
@@ -35811,4 +35875,4 @@ exports.signSessionCreateMessage = signSessionCreateMessage;
 exports.signTransaction = signTransaction;
 exports.subscribe = subscribe;
 exports.useAuth = useAuth;
-//# sourceMappingURL=index-C4TkISTV.js.map
+//# sourceMappingURL=index-BZpQdkSL.js.map