From ea7398237e2300236961f50a10b2065afd47c0d0 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 24 May 2025 14:37:32 +0000
Subject: [PATCH] Fix: Resolve 'instanceData' not found error

The code was throwing a "Cannot find name 'instanceData'" error in `CreateGroupForm.tsx`. This commit resolves the error by ensuring that the `instanceData` variable is correctly defined and accessible within the component's scope.
---
 .../whatsappGroups/CreateGroupForm.tsx        | 48 +++++++++----------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/components/whatsappGroups/CreateGroupForm.tsx b/src/components/whatsappGroups/CreateGroupForm.tsx
index 64f4b0b..8ae83b1 100644
--- a/src/components/whatsappGroups/CreateGroupForm.tsx
+++ b/src/components/whatsappGroups/CreateGroupForm.tsx
@@ -32,27 +32,27 @@ const CreateGroupForm = ({ userEmail, onSuccess }: CreateGroupFormProps) => {
   useEffect(() => {
     const checkUserInstance = async () => {
       if (!userEmail) {
-        console.log('Email do usuário não fornecido');
+        console.log('🔍 Email do usuário não fornecido');
         setCheckingInstance(false);
         return;
       }
       
       setCheckingInstance(true);
       try {
-        console.log('=== VERIFICAÇÃO DE INSTÂNCIA ===');
-        console.log('Verificando instância para o usuário:', userEmail);
+        console.log('🔍 === VERIFICAÇÃO DE INSTÂNCIA ===');
+        console.log('🔍 Verificando instância para o usuário:', userEmail);
         
         const instanceData = await getUserWhatsAppInstance(userEmail);
-        console.log('=== DADOS DA INSTÂNCIA RETORNADOS ===');
-        console.log('Dados completos:', JSON.stringify(instanceData, null, 2));
+        console.log('📊 === DADOS DA INSTÂNCIA RETORNADOS ===');
+        console.log('📊 Dados completos:', JSON.stringify(instanceData, null, 2));
         
         if (instanceData) {
-          console.log('=== VERIFICAÇÃO DETALHADA ===');
-          console.log('instancia_zap existe?', !!instanceData.instancia_zap);
-          console.log('instancia_zap valor:', instanceData.instancia_zap);
-          console.log('instancia_zap não é vazio?', instanceData.instancia_zap?.trim() !== '');
-          console.log('status_instancia valor:', instanceData.status_instancia);
-          console.log('status_instancia é "conectado"?', instanceData.status_instancia === 'conectado');
+          console.log('🔍 === VERIFICAÇÃO DETALHADA ===');
+          console.log('✅ instancia_zap existe?', !!instanceData.instancia_zap);
+          console.log('📝 instancia_zap valor:', instanceData.instancia_zap);
+          console.log('✅ instancia_zap não é vazio?', instanceData.instancia_zap?.trim() !== '');
+          console.log('📝 status_instancia valor:', instanceData.status_instancia);
+          console.log('✅ status_instancia é "conectado"?', instanceData.status_instancia === 'conectado');
         }
         
         // LÓGICA CORRETA: Verificar se tem instância E se está conectada
@@ -63,8 +63,8 @@ const CreateGroupForm = ({ userEmail, onSuccess }: CreateGroupFormProps) => {
           instanceData.status_instancia === 'conectado' // DEVE ESTAR CONECTADO
         );
         
-        console.log('=== RESULTADO DA VALIDAÇÃO ===');
-        console.log('hasValidInstance:', hasValidInstance);
+        console.log('🎯 === RESULTADO DA VALIDAÇÃO ===');
+        console.log('🎯 hasValidInstance:', hasValidInstance);
         
         if (hasValidInstance) {
           setHasWhatsAppInstance(true);
@@ -79,7 +79,7 @@ const CreateGroupForm = ({ userEmail, onSuccess }: CreateGroupFormProps) => {
           });
         }
       } catch (error) {
-        console.error('Erro ao verificar instância do usuário:', error);
+        console.error('💥 Erro ao verificar instância do usuário:', error);
         setHasWhatsAppInstance(false);
         setUserInstance(null);
       } finally {
@@ -224,27 +224,27 @@ const CreateGroupForm = ({ userEmail, onSuccess }: CreateGroupFormProps) => {
             <div className="mt-2 space-y-1">
               <p><strong>Email consultado:</strong> {userEmail || 'Não definido'}</p>
               <p><strong>instancia_zap:</strong> 
-                <span className={instanceData?.instancia_zap ? 'text-green-600' : 'text-red-600'}>
-                  {instanceData?.instancia_zap || 'NULL/Vazio'}
+                <span className={userInstance?.instancia_zap ? 'text-green-600' : 'text-red-600'}>
+                  {userInstance?.instancia_zap || 'NULL/Vazio'}
                 </span>
               </p>
               <p><strong>status_instancia:</strong> 
-                <span className={instanceData?.status_instancia === 'conectado' ? 'text-green-600' : 'text-red-600'}>
-                  {instanceData?.status_instancia || 'NULL/Vazio'}
+                <span className={userInstance?.status_instancia === 'conectado' ? 'text-green-600' : 'text-red-600'}>
+                  {userInstance?.status_instancia || 'NULL/Vazio'}
                 </span>
               </p>
-              <p><strong>whatsapp:</strong> {instanceData?.whatsapp || 'NULL/Vazio'}</p>
+              <p><strong>whatsapp:</strong> {userInstance?.whatsapp || 'NULL/Vazio'}</p>
               
               <div className="mt-3 p-2 bg-yellow-100 rounded">
                 <p><strong>🔍 VALIDAÇÕES:</strong></p>
-                <p>✓ Instância existe? {instanceData ? '✅ SIM' : '❌ NÃO'}</p>
-                <p>✓ instancia_zap preenchida? {(instanceData?.instancia_zap && instanceData.instancia_zap.trim() !== '') ? '✅ SIM' : '❌ NÃO'}</p>
-                <p>✓ Status é "conectado"? {instanceData?.status_instancia === 'conectado' ? '✅ SIM' : '❌ NÃO'}</p>
+                <p>✓ Instância existe? {userInstance ? '✅ SIM' : '❌ NÃO'}</p>
+                <p>✓ instancia_zap preenchida? {(userInstance?.instancia_zap && userInstance.instancia_zap.trim() !== '') ? '✅ SIM' : '❌ NÃO'}</p>
+                <p>✓ Status é "conectado"? {userInstance?.status_instancia === 'conectado' ? '✅ SIM' : '❌ NÃO'}</p>
               </div>
               
-              {instanceData?.instancia_zap && instanceData?.status_instancia !== 'conectado' && (
+              {userInstance?.instancia_zap && userInstance?.status_instancia !== 'conectado' && (
                 <p className="text-red-600 font-medium mt-2">
-                  ⚠️ Instância encontrada, mas não está conectada. Status atual: "{instanceData.status_instancia}"
+                  ⚠️ Instância encontrada, mas não está conectada. Status atual: "{userInstance.status_instancia}"
                 </p>
               )}
             </div>