@pooflabs/web 0.0.55 → 0.0.57

package/dist/{index-CGy9iELS.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-7m0-SKUA.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
@@ -13196,6 +13196,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 = 'none';
         document.body.appendChild(this.containerElement);
         const that = this;
         const { PhantomProvider: ReactPhantomProvider, usePhantom, useConnect, useDisconnect, useModal, useSolana, useDiscoveredWallets, AddressType, darkTheme, lightTheme } = phantomReactSdk;
@@ -13342,6 +13347,33 @@ class PhantomWalletProvider {
                 }
                 prevModalOpen.current = showWalletModal || modal.isOpened;
             }, [showWalletModal, modal.isOpened, phantom === null || phantom === void 0 ? void 0 : phantom.isConnected]);
+            // 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(() => {
+                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) {
+                    if (el === container)
+                        continue;
+                    restored.set(el, el.style.pointerEvents);
+                    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, modal.isOpened]);
             // Handle connection errors
             React$1.useEffect(() => {
                 if (connectError && that.pendingLogin) {
@@ -13572,12 +13604,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', {
@@ -13589,6 +13628,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)
@@ -34682,4 +34728,4 @@ exports.signSessionCreateMessage = signSessionCreateMessage;
 exports.signTransaction = signTransaction;
 exports.subscribe = subscribe;
 exports.useAuth = useAuth;
-//# sourceMappingURL=index-CGy9iELS.js.map
+//# sourceMappingURL=index-DFi8Tb9p.js.map