@pooflabs/web 0.0.56 → 0.0.57

package/dist/{index-ijV9nNFI.js → index-DFi8Tb9p.js}

@@ -13086,7 +13086,7 @@ async function loadDependencies() {
         const [reactModule, reactDomModule, phantomModule] = await Promise.all([
             import('react'),
             import('react-dom/client'),
-            Promise.resolve().then(function () { return require('./index-Bd_yX1y8.js'); })
+            Promise.resolve().then(function () { return require('./index-OppCl1Ve.js'); })
         ]);
         // Extract default export from ESM module namespace
         // Dynamic import() returns { default: Module, ...exports }, not the module directly
@@ -13200,7 +13200,7 @@ class PhantomWalletProvider {
         this.containerElement.style.position = 'fixed';
         this.containerElement.style.inset = '0';
         this.containerElement.style.zIndex = '2147483647';
-        this.containerElement.style.pointerEvents = 'auto';
+        this.containerElement.style.pointerEvents = 'none';
         document.body.appendChild(this.containerElement);
         const that = this;
         const { PhantomProvider: ReactPhantomProvider, usePhantom, useConnect, useDisconnect, useModal, useSolana, useDiscoveredWallets, AddressType, darkTheme, lightTheme } = phantomReactSdk;
@@ -13347,14 +13347,17 @@ 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.
+            // While any 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)
+                const isModalOpen = showWalletModal || modal.isOpened;
+                if (!isModalOpen)
                     return;
                 const container = that.containerElement;
                 if (!container || typeof document === 'undefined')
                     return;
+                // Enable clicks on the Phantom container while a modal is open
+                container.style.pointerEvents = 'auto';
                 const restored = new Map();
                 const bodyChildren = Array.from(document.body.children);
                 for (const el of bodyChildren) {
@@ -13364,11 +13367,13 @@ class PhantomWalletProvider {
                     el.style.pointerEvents = 'none';
                 }
                 return () => {
+                    // Restore pass-through on the container when modal closes
+                    container.style.pointerEvents = 'none';
                     for (const [el, prev] of restored.entries()) {
                         el.style.pointerEvents = prev;
                     }
                 };
-            }, [showWalletModal]);
+            }, [showWalletModal, modal.isOpened]);
             // Handle connection errors
             React$1.useEffect(() => {
                 if (connectError && that.pendingLogin) {
@@ -34723,4 +34728,4 @@ exports.signSessionCreateMessage = signSessionCreateMessage;
 exports.signTransaction = signTransaction;
 exports.subscribe = subscribe;
 exports.useAuth = useAuth;
-//# sourceMappingURL=index-ijV9nNFI.js.map
+//# sourceMappingURL=index-DFi8Tb9p.js.map