@pooflabs/web 0.0.54 → 0.0.56

package/dist/{index-C1167UGQ.js → index-ijV9nNFI.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-dUcbbUey.js'); })
+            Promise.resolve().then(function () { return require('./index-Bd_yX1y8.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 = 'auto';
         document.body.appendChild(this.containerElement);
         const that = this;
         const { PhantomProvider: ReactPhantomProvider, usePhantom, useConnect, useDisconnect, useModal, useSolana, useDiscoveredWallets, AddressType, darkTheme, lightTheme } = phantomReactSdk;
@@ -13220,6 +13225,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) {
@@ -13327,9 +13334,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;
@@ -13337,6 +13347,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) {
@@ -13418,6 +13450,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) {
@@ -13436,6 +13469,7 @@ class PhantomWalletProvider {
             };
             const handleEmailClick = async () => {
                 that.loginInProgress = false;
+                walletClickedRef.current = true;
                 setShowWalletModal(false);
                 if (that.onSwitchToPrivy) {
                     try {
@@ -13565,12 +13599,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', {
@@ -13582,6 +13623,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)
@@ -34675,4 +34723,4 @@ exports.signSessionCreateMessage = signSessionCreateMessage;
 exports.signTransaction = signTransaction;
 exports.subscribe = subscribe;
 exports.useAuth = useAuth;
-//# sourceMappingURL=index-C1167UGQ.js.map
+//# sourceMappingURL=index-ijV9nNFI.js.map