Add typeform frontend component

dashboard-server/typeform-server/services/typeform.service.js

@@ -10,13 +10,35 @@ class TypeformService {
     this.redis.on('error', err => console.error('Redis Client Error:', err));
     this.redis.connect().catch(err => console.error('Redis connection error:', err));
     
+    const token = process.env.TYPEFORM_ACCESS_TOKEN;
+    console.log('Initializing Typeform client with token:', token ? `${token.slice(0, 10)}...` : 'missing');
+    
     this.apiClient = axios.create({
       baseURL: 'https://api.typeform.com',
       headers: {
-        'Authorization': `Bearer ${process.env.TYPEFORM_ACCESS_TOKEN}`,
+        'Authorization': `Bearer ${token}`,
         'Content-Type': 'application/json'
       }
     });
+
+    // Test the token
+    this.testConnection();
+  }
+
+  async testConnection() {
+    try {
+      const response = await this.apiClient.get('/forms');
+      console.log('Typeform connection test successful:', {
+        status: response.status,
+        headers: response.headers,
+      });
+    } catch (error) {
+      console.error('Typeform connection test failed:', {
+        error: error.message,
+        response: error.response?.data,
+        status: error.response?.status,
+      });
+    }
   }
 
   async getFormResponses(formId, params = {}) {
@@ -61,8 +83,19 @@ class TypeformService {
         return JSON.parse(cachedData);
       }
 
+      // Log the request details
+      console.log(`Fetching insights for form ${formId}...`, {
+        url: `/insights/${formId}/summary`,
+        headers: this.apiClient.defaults.headers
+      });
+
       // Fetch from API
       const response = await this.apiClient.get(`/insights/${formId}/summary`);
+      console.log('Typeform insights response:', {
+        status: response.status,
+        headers: response.headers,
+        data: response.data
+      });
       const data = response.data;
 
       // Save to Redis with 5 minute expiry
@@ -74,7 +107,11 @@ class TypeformService {
     } catch (error) {
       console.error(`Error fetching form insights for ${formId}:`, {
         error: error.message,
-        response: error.response?.data
+        response: error.response?.data,
+        status: error.response?.status,
+        headers: error.response?.headers,
+        requestUrl: `/insights/${formId}/summary`,
+        requestHeaders: this.apiClient.defaults.headers
       });
       throw error;
     }