@pooflabs/web 0.0.54 → 0.0.56

package/dist/{index-cTlu_QF0.esm.js → index-RoZR68Bd.esm.js}

@@ -13066,7 +13066,7 @@ async function loadDependencies() {
         const [reactModule, reactDomModule, phantomModule] = await Promise.all([
             import('react'),
             import('react-dom/client'),
-            import('./index-6J8FcENr.esm.js')
+            import('./index-Dy385TfE.esm.js')
         ]);
         // Extract default export from ESM module namespace
         // Dynamic import() returns { default: Module, ...exports }, not the module directly
@@ -13176,6 +13176,11 @@ class PhantomWalletProvider {
         existingProviders.forEach(el => el.remove());
         this.containerElement = document.createElement('div');
         this.containerElement.setAttribute('data-phantom-provider', 'true');
+        // Keep the provider root above host app overlays/modals and clickable.
+        this.containerElement.style.position = 'fixed';
+        this.containerElement.style.inset = '0';
+        this.containerElement.style.zIndex = '2147483647';
+        this.containerElement.style.pointerEvents = 'auto';
         document.body.appendChild(this.containerElement);
         const that = this;
         const { PhantomProvider: ReactPhantomProvider, usePhantom, useConnect, useDisconnect, useModal, useSolana, useDiscoveredWallets, AddressType, darkTheme, lightTheme } = phantomReactSdk;
@@ -13200,6 +13205,8 @@ class PhantomWalletProvider {
             const showDeeplink = isMobile && sdkProviders.includes('deeplink') && !hasPhantomInjected;
             // Track previous modal state to detect closes
             const prevModalOpen = React$1.useRef(false);
+            // Track when modal was closed because user selected a wallet (not dismissed)
+            const walletClickedRef = React$1.useRef(false);
             // Set up effect to expose methods to the class
             React$1.useEffect(() => {
                 if (phantom) {
@@ -13307,9 +13314,12 @@ class PhantomWalletProvider {
             React$1.useEffect(() => {
                 // Detect when modal was open and is now closed
                 if (prevModalOpen.current && !showWalletModal && !modal.isOpened) {
-                    // Modal just closed
-                    if (that.loginInProgress && that.pendingLogin && !(phantom === null || phantom === void 0 ? void 0 : phantom.isConnected)) {
-                        // User closed modal without connecting
+                    if (walletClickedRef.current) {
+                        // Modal closed because user selected a wallet — don't reject
+                        walletClickedRef.current = false;
+                    }
+                    else if (that.loginInProgress && that.pendingLogin && !(phantom === null || phantom === void 0 ? void 0 : phantom.isConnected)) {
+                        // User dismissed modal without connecting
                         that.pendingLogin.reject(new Error('User cancelled login'));
                         that.pendingLogin = null;
                         that.loginInProgress = false;
@@ -13317,6 +13327,28 @@ class PhantomWalletProvider {
                 }
                 prevModalOpen.current = showWalletModal || modal.isOpened;
             }, [showWalletModal, modal.isOpened, phantom === null || phantom === void 0 ? void 0 : phantom.isConnected]);
+            // While custom modal is open, block pointer events on everything behind it.
+            // This guarantees host app modals (e.g. z-50 stacks) can't steal clicks.
+            React$1.useEffect(() => {
+                if (!showWalletModal)
+                    return;
+                const container = that.containerElement;
+                if (!container || typeof document === 'undefined')
+                    return;
+                const restored = new Map();
+                const bodyChildren = Array.from(document.body.children);
+                for (const el of bodyChildren) {
+                    if (el === container)
+                        continue;
+                    restored.set(el, el.style.pointerEvents);
+                    el.style.pointerEvents = 'none';
+                }
+                return () => {
+                    for (const [el, prev] of restored.entries()) {
+                        el.style.pointerEvents = prev;
+                    }
+                };
+            }, [showWalletModal]);
             // Handle connection errors
             React$1.useEffect(() => {
                 if (connectError && that.pendingLogin) {
@@ -13398,6 +13430,7 @@ class PhantomWalletProvider {
             }, [phantom === null || phantom === void 0 ? void 0 : phantom.isConnected, phantom === null || phantom === void 0 ? void 0 : phantom.addresses, solana, solana === null || solana === void 0 ? void 0 : solana.connected, solanaHook.isAvailable]);
             // --- Custom wallet modal handlers ---
             const handleWalletClick = async (options) => {
+                walletClickedRef.current = true;
                 setShowWalletModal(false);
                 try {
                     if (options === null || options === void 0 ? void 0 : options.walletId) {
@@ -13416,6 +13449,7 @@ class PhantomWalletProvider {
             };
             const handleEmailClick = async () => {
                 that.loginInProgress = false;
+                walletClickedRef.current = true;
                 setShowWalletModal(false);
                 if (that.onSwitchToPrivy) {
                     try {
@@ -13545,12 +13579,19 @@ class PhantomWalletProvider {
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'center',
-                    zIndex: '10000',
+                    zIndex: 2147483647,
+                    pointerEvents: 'auto',
                 },
                 onClick: (e) => {
                     if (e.target === e.currentTarget)
                         handleCloseModal();
                 },
+                onMouseDown: (e) => {
+                    e.stopPropagation();
+                },
+                onPointerDown: (e) => {
+                    e.stopPropagation();
+                },
             }, 
             // Card
             React$1.createElement('div', {
@@ -13562,6 +13603,13 @@ class PhantomWalletProvider {
                     padding: '24px',
                     position: 'relative',
                     boxShadow: '0 20px 60px rgba(0,0,0,0.3)',
+                    pointerEvents: 'auto',
+                },
+                onMouseDown: (e) => {
+                    e.stopPropagation();
+                },
+                onPointerDown: (e) => {
+                    e.stopPropagation();
                 },
             }, 
             // Close button (X)
@@ -34608,4 +34656,4 @@ async function getIdToken() {
 }
 
 export { useAuth as A, getIdToken as B, PrivyWalletProvider as C, DEFAULT_TEST_ADDRESS as D, EventEmitter4 as E, buildSetDocumentsTransaction as F, clearCache as G, closeAllSubscriptions as H, convertRemainingAccounts as I, createSessionWithPrivy as J, createSessionWithSignature as K, genAuthNonce as L, MockAuthProvider as M, genSolanaMessage as N, OffchainAuthProvider as O, PhantomWalletProvider as P, getCachedData as Q, reconnectWithNewAuth as R, ServerSessionManager as S, refreshSession as T, signSessionCreateMessage as U, WebSessionManager as W, bs58 as a, bufferExports as b, commonjsRequire as c, onAuthLoadingChanged as d, getAuthLoading as e, logout as f, getCurrentUser as g, getConfig as h, init as i, getAuthProvider as j, get$2 as k, login as l, setMany as m, setFile as n, onAuthStateChanged as o, getFiles as p, runQuery as q, require$$0$1 as r, set$1 as s, runQueryMany as t, runExpression as u, runExpressionMany as v, signMessage as w, signTransaction as x, signAndSubmitTransaction as y, subscribe as z };
-//# sourceMappingURL=index-cTlu_QF0.esm.js.map
+//# sourceMappingURL=index-RoZR68Bd.esm.js.map