@bytexbyte/nxtlinq-ai-agent-sdk 1.5.9 → 1.6.1

package/dist/components/ChatBot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBot.d.ts","sourceRoot":"","sources":["../../src/components/ChatBot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqD1C,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"ChatBot.d.ts","sourceRoot":"","sources":["../../src/components/ChatBot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoD1C,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/ChatBot.js

@@ -11,7 +11,6 @@ export const ChatBot = (props) => {
         const urlParams = new URLSearchParams(window.location.search);
         const token = urlParams.get('token');
         if (token) {
-            console.log('Token found in URL, returning it');
             return Promise.resolve({ token });
         }
         // Use external onVerifyWallet if provided and in external mode

package/dist/components/context/ChatBotContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBotContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/ChatBotContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EACL,kBAAkB,EAClB,YAAY,EAGb,MAAM,uBAAuB,CAAC;AAI/B,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAs4DlD,CAAC"}
+{"version":3,"file":"ChatBotContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/ChatBotContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EACL,kBAAkB,EAClB,YAAY,EAGb,MAAM,uBAAuB,CAAC;AAI/B,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA21DlD,CAAC"}

package/dist/components/context/ChatBotContext.js

@@ -38,7 +38,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
         apiKey,
         apiSecret
     });
-    // State
     // Session-level data (always use sessionStorage when useSessionStorageMode is true)
     const [messages, setMessages] = useSessionStorageMode
         ? useSessionStorage('chatbot-messages', [])
@@ -46,7 +45,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
     const [isOpen, setIsOpen] = useSessionStorageMode
         ? useSessionStorage('chatbot-is-open', false)
         : React.useState(false);
-    // Non-stored state
     const [inputValue, setInputValue] = React.useState('');
     const [isLoading, setIsLoading] = React.useState(false);
     const [hitAddress, setHitAddress] = React.useState(null);
@@ -61,12 +59,13 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
     const [walletInfo, setWalletInfo] = React.useState(null);
     const [isWalletLoading, setIsWalletLoading] = React.useState(false);
     const [isAutoConnecting, setIsAutoConnecting] = React.useState(false);
-    const [justAutoConnected, setJustAutoConnected] = React.useState(false);
     // Persistent data (always use localStorage)
     const [nxtlinqAITServiceAccessToken, setNxtlinqAITServiceAccessToken] = useLocalStorage('nxtlinqAITServiceAccessToken', '');
     const [pseudoId, setPseudoId] = useLocalStorage('pseudoId', uuidv4());
-    // UI state (not stored)
-    const [suggestions, setSuggestions] = React.useState(presetMessages);
+    // UI state (use session storage when useSessionStorageMode is true)
+    const [suggestions, setSuggestions] = useSessionStorageMode
+        ? useSessionStorage('chatbot-suggestions', presetMessages)
+        : React.useState(presetMessages);
     const [isAITEnabling, setIsAITEnabling] = React.useState(false);
     // Use refs to get latest state values in hasPermission function
     const hitAddressRef = React.useRef(hitAddress);
@@ -77,6 +76,16 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
     // Refs for input value and recording state
     const isRecordingRef = React.useRef(false);
     const textInputRef = React.useRef(null);
+    // Simple token cleanup function
+    const clearExpiredToken = React.useCallback(() => {
+        try {
+            localStorage.removeItem('nxtlinqAITServiceAccessToken');
+            setNxtlinqAITServiceAccessToken('');
+        }
+        catch (error) {
+            console.error('Error clearing expired token:', error);
+        }
+    }, []);
     // Update refs when state changes
     React.useEffect(() => {
         hitAddressRef.current = hitAddress;
@@ -191,14 +200,12 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                     const walletResponse = await nxtlinqApi.wallet.getWallet({ address: hitAddress }, nxtlinqAITServiceAccessToken);
                     if (!('error' in walletResponse)) {
                         setWalletInfo(walletResponse);
-                        console.log('Wallet info updated:', walletResponse);
                     }
                     else {
-                        console.log('Failed to get wallet info:', walletResponse.error);
                         // Check if the error is due to invalid/expired token
                         if (walletResponse.error.includes('Invalid or expired token')) {
                             console.log('Token appears to be invalid during wallet info fetch, clearing it');
-                            setNxtlinqAITServiceAccessToken('');
+                            clearExpiredToken();
                         }
                     }
                 }
@@ -206,23 +213,28 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                     console.error('Failed to fetch wallet info:', error);
                 }
             }
-            else {
-                console.log('No access token available for wallet info fetch');
+            // Only try to fetch AIT if we have a token
+            if (nxtlinqAITServiceAccessToken) {
+                const response = await nxtlinqApi.ait.getAITByServiceIdAndController({
+                    serviceId,
+                    controller: hitAddress
+                }, nxtlinqAITServiceAccessToken);
+                if ('error' in response) {
+                    console.error('Failed to fetch AIT:', response.error);
+                    setAit(null);
+                    setPermissions([]);
+                    return;
+                }
+                setAit(response);
+                if (!isPermissionFormOpen || forceUpdatePermissions) {
+                    const newPermissions = response.metadata?.permissions || [];
+                    setPermissions(newPermissions);
+                }
             }
-            const response = await nxtlinqApi.ait.getAITByServiceIdAndController({
-                serviceId,
-                controller: hitAddress
-            }, nxtlinqAITServiceAccessToken || '');
-            if ('error' in response) {
-                console.error('Failed to fetch AIT:', response.error);
+            else {
+                // No token available, clear AIT data
                 setAit(null);
                 setPermissions([]);
-                return;
-            }
-            setAit(response);
-            if (!isPermissionFormOpen || forceUpdatePermissions) {
-                const newPermissions = response.metadata?.permissions || [];
-                setPermissions(newPermissions);
             }
         }
         catch (error) {
@@ -287,7 +299,7 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                     // Check if token is expired or address mismatch
                     if (exp < now || address !== userAddress) {
                         console.log('Token is expired or address mismatch, clearing token');
-                        setNxtlinqAITServiceAccessToken('');
+                        clearExpiredToken();
                         // Don't call refreshAIT with invalid token
                     }
                     else {
@@ -298,7 +310,7 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                 }
                 catch (error) {
                     console.error('Error parsing token during wallet connection:', error);
-                    setNxtlinqAITServiceAccessToken('');
+                    clearExpiredToken();
                 }
             }
             // If requireIDV is false and we have customUsername, check if wallet exists in AIT Service
@@ -319,12 +331,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                         if ('error' in verifyResponse) {
                             console.error('Failed to create wallet with custom method:', verifyResponse.error);
                         }
-                        else {
-                            console.log('Successfully created wallet with custom method');
-                        }
-                    }
-                    else {
-                        console.log('Wallet already exists in AIT Service');
                     }
                 }
                 catch (error) {
@@ -355,15 +361,13 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
             if (autoShowSignInMessage) {
                 throw error;
             }
-            return false; // Return false on failure
+            return false;
         }
     }, [nxtlinqAITServiceAccessToken, refreshAIT, isNeedSignInWithWallet, requireWalletIDVVerification, customUsername, nxtlinqApi]);
-    // Sign in wallet
     const signInWallet = async (autoShowSuccessMessage = true) => {
         // Use refs to get latest state values for consistency with hasPermission
         const currentHitAddress = hitAddressRef.current;
         const currentSigner = signerRef.current;
-        console.log('signInWallet called: currentHitAddress =', currentHitAddress, 'currentSigner =', !!currentSigner);
         // If refs don't have the values, try using current state values
         const addressToUse = currentHitAddress || hitAddress;
         const signerToUse = currentSigner || signer;
@@ -410,7 +414,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
             setNxtlinqAITServiceAccessToken(accessToken);
             // Wait for state to update before refreshing AIT
             await new Promise(resolve => setTimeout(resolve, 100));
-            // Wait for AIT to be loaded before showing success message
             await refreshAIT();
             if (autoShowSuccessMessage) {
                 showSuccess('Successfully signed in with your HIT wallet. You can now use the AI agent.');
@@ -444,16 +447,9 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                     setIsAutoConnecting(true); // Mark as auto-connecting
                     await connectWallet(false); // Don't show sign-in message yet
                     setIsAutoConnecting(false); // Clear auto-connecting state
-                    setJustAutoConnected(true); // Mark that we just auto-connected
-                    console.log('Set justAutoConnected to true after auto-connect');
                     // Show brief success message for auto-connect
                     showSuccess('Auto wallet connection successful');
-                    // Clear the flag after a longer delay to allow for AIT loading
-                    setTimeout(() => {
-                        setJustAutoConnected(false);
-                    }, 15000); // 15 seconds to allow for full AIT loading process
                     onAutoConnect?.(); // Call callback if provided
-                    // Wait a bit for state to update
                     await new Promise(resolve => setTimeout(resolve, 2000));
                     // After auto connect, if not signed in, then auto sign-in
                     const tokenAfterConnect = nxtlinqAITServiceAccessTokenRef.current;
@@ -487,7 +483,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
         }
         if (!currentToken) {
             if (autoRetry) {
-                console.log('Auto sign-in triggered: currentHitAddress =', currentHitAddress, 'currentToken =', currentToken);
                 setIsLoading(false); // Stop thinking before showing message
                 setMessages(prev => [...prev, {
                         id: Date.now().toString(),
@@ -498,10 +493,8 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                     }]);
                 try {
                     setIsAutoConnecting(true); // Mark as auto-signing
-                    console.log('Starting auto sign-in...');
                     await signInWallet(false); // Don't show success message yet
                     onAutoSignIn?.(); // Call callback if provided
-                    console.log('Auto sign-in completed');
                     setIsAutoConnecting(false); // Clear auto-signing state
                     // Show brief success message for auto-sign-in
                     showSuccess('Auto sign-in successful');
@@ -516,7 +509,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                     }
                     // Only continue if AIT is actually loaded
                     if (aitRef.current) {
-                        console.log('AIT loaded successfully after sign-in, continuing permission check');
                         // Wait a bit more to ensure permissions are also loaded
                         await new Promise(resolve => setTimeout(resolve, 2000));
                         // If sign-in successful, continue with permission check
@@ -524,7 +516,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                         return result;
                     }
                     else {
-                        console.log('AIT failed to load after sign-in, returning false');
                         return false;
                     }
                 }
@@ -570,7 +561,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                         }
                         // Only continue if AIT is actually loaded
                         if (aitRef.current) {
-                            console.log('AIT loaded successfully after session expiry, continuing permission check');
                             // Wait a bit more to ensure permissions are also loaded
                             await new Promise(resolve => setTimeout(resolve, 2000));
                             // If sign-in successful, continue with permission check
@@ -578,7 +568,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                             return result;
                         }
                         else {
-                            console.log('AIT failed to load after session expiry, returning false');
                             return false;
                         }
                     }
@@ -621,7 +610,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                         }
                         // Only continue if AIT is actually loaded
                         if (aitRef.current) {
-                            console.log('AIT loaded successfully after address mismatch, continuing permission check');
                             // Wait a bit more to ensure permissions are also loaded
                             await new Promise(resolve => setTimeout(resolve, 2000));
                             // If sign-in successful, continue with permission check
@@ -629,7 +617,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                             return result;
                         }
                         else {
-                            console.log('AIT failed to load after address mismatch, returning false');
                             return false;
                         }
                     }
@@ -673,7 +660,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                     }
                     // Only continue if AIT is actually loaded
                     if (aitRef.current) {
-                        console.log('AIT loaded successfully after token error, continuing permission check');
                         // Wait a bit more to ensure permissions are also loaded
                         await new Promise(resolve => setTimeout(resolve, 2000));
                         // If sign-in successful, continue with permission check
@@ -681,7 +667,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                         return result;
                     }
                     else {
-                        console.log('AIT failed to load after token error, returning false');
                         return false;
                     }
                 }
@@ -891,16 +876,13 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                 const errorResponse = response;
                 if (errorResponse.requiresWalletConnection) {
                     // Case where wallet connection is required - trigger auto-connect logic
-                    console.log('API requires wallet connection, triggering auto-connect...');
                     // Try to auto-connect wallet first
                     const autoConnectResult = await connectWallet(false); // Don't show sign-in message yet
                     if (autoConnectResult) {
                         // If auto-connect successful, try to sign in and then retry
-                        console.log('Auto-connect successful, trying to sign in...');
                         try {
                             // Try to sign in wallet
                             await signInWallet(false); // Don't show success message yet
-                            console.log('Auto sign-in successful, retrying message...');
                             if (isSemiAutomaticMode) {
                                 setIsLoading(false);
                                 setMessages(prev => [...prev, {
@@ -920,7 +902,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                             }
                         }
                         catch (signInError) {
-                            console.log('Auto sign-in failed, showing error message');
                             setIsLoading(false);
                             setMessages(prev => [...prev, {
                                     id: Date.now().toString(),
@@ -955,7 +936,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                 }
                 else if (errorResponse.requiresPermissionUpdate) {
                     // Case where permission update is required - show manual enable option
-                    console.log('API requires permission update, showing manual enable option...');
                     setIsLoading(false);
                     setMessages(prev => [...prev, {
                             id: Date.now().toString(),
@@ -1013,14 +993,12 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                         else {
                             // Only retry for auto-connect/auto-sign-in scenarios
                             if (wasAutoConnected && retryCount < 1) {
-                                console.log('Auto-connected, retrying message...');
                                 // Clear loading state and retry immediately
                                 setIsLoading(false);
                                 // Check if wallet is already signed in
                                 const currentToken = nxtlinqAITServiceAccessTokenRef.current;
                                 if (!currentToken) {
                                     // If not signed in, directly retry the message without waiting for AIT
-                                    console.log('Wallet connected but not signed in, retrying message directly');
                                     setTimeout(() => {
                                         sendMessage(content, retryCount + 1, isPresetMessage);
                                     }, 2000);
@@ -1041,20 +1019,13 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                                         }
                                         // Only retry if AIT is actually loaded
                                         if (aitRef.current) {
-                                            console.log('AIT loaded successfully, retrying message');
                                             // Wait a bit more to ensure permissions are also loaded
                                             await new Promise(resolve => setTimeout(resolve, 3000));
                                             sendMessage(content, retryCount + 1, isPresetMessage);
                                         }
-                                        else {
-                                            console.log('AIT failed to load, not retrying');
-                                        }
                                     }, 2000);
                                 }
                             }
-                            else {
-                                console.log('Permission denied, not retrying. wasAutoConnected:', wasAutoConnected, 'retryCount:', retryCount);
-                            }
                             return;
                         }
                     }
@@ -1307,7 +1278,6 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
             isFromAIAgent: isFromAIAgent,
             parentAITId: isFromAIAgent ? aitRef.current?.aitId : undefined,
         };
-        console.log('createAIT params:', createAITParams);
         const createAITResponse = await nxtlinqApi.ait.createAIT(createAITParams, nxtlinqAITServiceAccessToken || '');
         if ('error' in createAITResponse) {
             throw new Error(`Failed to create AIT: ${createAITResponse.error}`);
@@ -1327,15 +1297,12 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
         if (isAITEnabling)
             return false; // Prevent duplicate
         setIsAITEnabling(true);
-        console.log('enableAIT called with toolName:', toolName, 'existing AIT:', !!aitRef.current);
         let currentSigner = signer;
         let currentHitAddress = hitAddress;
         // If no wallet connected, try to auto-connect first
         if (!currentSigner || !currentHitAddress) {
-            console.log('No wallet connected, attempting auto-connect...');
             const autoConnectResult = await connectWallet(false); // Don't show sign-in message yet
             if (autoConnectResult) {
-                console.log('Auto-connect successful, waiting for state update...');
                 // Wait for state to update - increase wait time
                 await new Promise(resolve => setTimeout(resolve, 1500));
                 // Get the latest state values after connection
@@ -1343,25 +1310,20 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                 currentHitAddress = hitAddressRef.current || hitAddress;
                 // Double check that we have the required state
                 if (!currentSigner || !currentHitAddress) {
-                    console.log('State not updated yet, waiting more...');
                     await new Promise(resolve => setTimeout(resolve, 1500));
                     currentSigner = signerRef.current || signer;
                     currentHitAddress = hitAddressRef.current || hitAddress;
                 }
-                console.log('Trying to sign in...');
                 try {
                     await signInWallet(false); // Don't show success message yet
-                    console.log('Auto sign-in successful, continuing with AIT enable...');
                 }
                 catch (signInError) {
-                    console.log('Auto sign-in failed:', signInError);
                     showError('Wallet connected but sign-in failed. Please try signing in manually.');
                     setIsAITEnabling(false);
                     return false;
                 }
             }
             else {
-                console.log('Auto-connect failed');
                 showError('Please connect your wallet first');
                 setIsAITEnabling(false);
                 return false;
@@ -1378,19 +1340,16 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
             setIsAITEnabling(false);
             return false;
         }
-        console.log('Proceeding with AIT creation - Signer:', !!currentSigner, 'Address:', currentHitAddress);
         // If we don't have AIT loaded but we have a token, try to refresh it first
         if (!aitRef.current && nxtlinqAITServiceAccessToken) {
-            console.log('No AIT loaded but have token, attempting to refresh AIT...');
             try {
                 await refreshAIT();
                 // Wait a bit for AIT to be loaded
                 await new Promise(resolve => setTimeout(resolve, 1000));
-                console.log('AIT refresh completed, current AIT:', !!aitRef.current);
             }
             catch (error) {
-                console.log('Failed to refresh AIT:', error);
                 // Continue anyway, we'll create a new AIT if needed
+                console.error('Failed to refresh AIT:', error);
             }
         }
         try {
@@ -1401,15 +1360,16 @@ idvBannerDismissSeconds = 86400 // 24 hours in seconds
                 setIsAITEnabling(false);
                 return false;
             }
-            // Add the required permission to current permissions
-            const newPermissions = [...permissions];
+            // Get current permissions from AIT metadata instead of React state
+            // This ensures we don't lose existing permissions when enabling new ones
+            const currentAITPermissions = aitRef.current?.metadata?.permissions || permissions;
+            const newPermissions = [...currentAITPermissions];
             if (!newPermissions.includes(toolName)) {
                 newPermissions.push(toolName);
             }
             // Generate and register AIT with new permissions
             // For auto-enable, we should create a regular AIT (not AI Agent AIT) if user doesn't have existing AIT
             const shouldCreateAsAIAgent = !!aitRef.current; // Only create as AI Agent if user already has an AIT
-            console.log('Creating AIT - isFromAIAgent:', shouldCreateAsAIAgent, 'existing AIT:', !!aitRef.current);
             await generateAndRegisterAITWithSigner(newPermissions, shouldCreateAsAIAgent, currentSigner, currentHitAddress);
             showSuccess('AIT permission enabled successfully! You can now use the AI agent.');
             await refreshAIT(true);

package/dist/components/ui/BerifyMeModal.d.ts

@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import React from 'react';
 interface BerifyMeModalProps {
     isOpen: boolean;

package/dist/components/ui/BerifyMeModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BerifyMeModal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/BerifyMeModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAChC;AASD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2HtD,CAAC;AAGF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,CAAC,EAAE;YACZ,KAAK,EAAE,GAAG,CAAC;YACX,WAAW,EAAE;gBACX,OAAO,EAAE,GAAG,CAAC;gBACb,UAAU,EAAE,GAAG,CAAC;aACjB,CAAC;SACH,CAAC;KACH;CACF"}
+{"version":3,"file":"BerifyMeModal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/BerifyMeModal.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAChC;AASD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsHtD,CAAC;AAGF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,CAAC,EAAE;YACZ,KAAK,EAAE,GAAG,CAAC;YACX,WAAW,EAAE;gBACX,OAAO,EAAE,GAAG,CAAC;gBACb,UAAU,EAAE,GAAG,CAAC;aACjB,CAAC;SACH,CAAC;KACH;CACF"}

package/dist/components/ui/BerifyMeModal.js

@@ -1,5 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
 import React, { useEffect, useRef } from 'react';
+import { css } from '@emotion/react';
+import { modalOverlay } from './styles/isolatedStyles';
 // Built-in BerifyMe configuration
 const BUILT_IN_BERIFYME_CONFIG = {
     apiKeyId: 'staging_83dc824cb50b4e76747e352b4228f2ee',
@@ -102,13 +105,8 @@ export const BerifyMeModal = ({ isOpen, onClose, onVerificationComplete, mode =
     };
     if (!isOpen)
         return null;
-    return (_jsx("div", { ref: modalRef, style: {
-            position: 'fixed',
-            top: 0,
-            left: 0,
-            width: '100%',
-            height: '100%',
-            zIndex: 9999,
-            backgroundColor: 'rgba(0, 0, 0, 0.5)'
-        } }));
+    return (_jsx("div", { ref: modalRef, css: css `
+        ${modalOverlay}
+        z-index: 9999 !important;
+      ` }));
 };

package/dist/components/ui/ChatBotUI.d.ts

@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import * as React from 'react';
 export declare const ChatBotUI: React.FC;
 //# sourceMappingURL=ChatBotUI.d.ts.map

package/dist/components/ui/ChatBotUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBotUI.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ChatBotUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqG/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAke7B,CAAC"}
+{"version":3,"file":"ChatBotUI.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ChatBotUI.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyF/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAkU7B,CAAC"}