- Created a new eveai_chat plugin to support the new dynamic possibilities of the Specialists. Currently only supports standard Rag retrievers (i.e. no extra arguments).

integrations/Wordpress/eveai-chat/assets/js/eveai-sdk.js

@@ -0,0 +1,167 @@
+class EveAI {
+    constructor(config) {
+        // Required parameters
+        this.tenantId = config.tenantId;
+
+        // Chat configuration
+        this.language = config.language || 'en';
+        this.languages = config.languages?.split(',') || ['en'];
+        this.specialistId = config.specialistId;
+
+        // Server Configuration
+        this.socketUrl = config.socketUrl || 'https://chat.askeveai.com';
+        this.authUrl = config.authUrl || 'https://api.askeveai.com';
+        this.proxyUrl = config.proxyUrl; // URL for auth proxy (WP or standalone)
+        this.wpRestNamespace = 'eveai/v1'; // This should match the PHP constant
+        this.wpRestUrl = `${config.wpBaseUrl || '/wp-json'}/${this.wpRestNamespace}`;
+
+        // Initialize token management
+        this.tokenManager = new EveAITokenManager({
+            proxyUrl: this.proxyUrl,
+            onTokenChange: this.handleTokenChange.bind(this),
+            onError: this.handleAuthError.bind(this)
+        });
+
+        this.chatWidget = null;
+    }
+
+    async initialize(containerId) {
+        try {
+            if (!containerId) {
+                throw new Error('Container ID is required');
+            }
+
+            console.log('Starting initialization with settings:', {
+                tenantId: this.tenantId,
+                wpRestUrl: this.wpRestUrl
+            });
+
+            // Get the WordPress nonce
+            const wpNonce = window.eveaiWP?.nonce;
+            if (!wpNonce) {
+                throw new Error('WordPress nonce not found');
+            }
+
+            // Use WordPress REST API endpoint instead of direct API call
+            const response = await fetch(`${this.wpRestUrl}/token`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-WP-Nonce': wpNonce,
+                },
+                credentials: 'same-origin', // Important for WP cookie handling
+                body: JSON.stringify({
+                    tenant_id: this.tenantId
+                })
+            });
+
+            console.log('Token request response status:', response.status);
+
+            if (!response.ok) {
+                const errorText = await response.text();
+                console.error('Auth error response:', errorText);
+                throw new Error('Authentication failed');
+            }
+
+            const { access_token, expires_in } = await response.json();
+            console.log('Token received:', access_token);
+            console.log('Token Expiry:', expires_in);
+
+            // Store token and expiry
+            this.sessionToken = access_token;
+            this.tokenExpiry = Date.now() + (expires_in * 1000);
+
+            // Initialize token refresh timer
+            this.setupTokenRefresh(expires_in);
+
+            return this.initializeChat(containerId, access_token);
+        } catch (error) {
+            console.error('Full initialization error:', error);
+            throw error;
+        }
+    }
+
+    setupTokenRefresh(expiresIn) {
+        // Set up refresh 5 minutes before expiry
+        const refreshTime = (expiresIn - 300) * 1000; // Convert to milliseconds
+        setTimeout(() => this.refreshToken(), refreshTime);
+    }
+
+    async refreshToken() {
+        try {
+            const response = await fetch(`${this.wpRestUrl}/refresh`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Authorization': `Bearer ${this.sessionToken}`
+                }
+            });
+
+            if (response.ok) {
+                const { access_token, expires_in } = await response.json();
+                this.sessionToken = access_token;
+                this.tokenExpiry = Date.now() + (expires_in * 1000);
+
+                // Update token in chat widget
+                if (this.chatWidget) {
+                    this.chatWidget.setAttribute('session-token', access_token);
+                }
+
+                // Setup next refresh
+                this.setupTokenRefresh(expires_in);
+            } else {
+                console.error('Token refresh failed');
+            }
+        } catch (error) {
+            console.error('Token refresh error:', error);
+        }
+    }
+
+    async initializeChat(containerId) {
+        const container = document.getElementById(containerId);
+        if (!container) {
+            throw new Error('Container not found');
+        }
+
+        // Create chat widget with all necessary attributes
+        const chatWidget = document.createElement('eveai-chat-widget');
+
+        // Set all required attributes
+        const attributes = {
+            'tenant-id': this.tenantId,
+            'session-token': this.sessionToken,
+            'language': this.language,
+            'languages': this.languages.join(','),
+            'specialist-id': this.specialistId,
+            'server-url': this.socketUrl
+        };
+
+        console.log('Setting widget attributes:', attributes);
+
+        Object.entries(attributes).forEach(([attr, value]) => {
+            if (value === null || value === undefined) {
+                console.warn(`Warning: ${attr} is ${value}`);
+            }
+            chatWidget.setAttribute(attr, value);
+        });
+
+        container.appendChild(chatWidget);
+        this.chatWidget = chatWidget;
+        return chatWidget;
+    }
+
+    handleTokenChange(newToken) {
+        if (this.chatWidget) {
+            this.chatWidget.setAttribute('session-token', newToken);
+        }
+    }
+
+    handleAuthError(error) {
+        if (this.chatWidget) {
+            this.chatWidget.handleAuthError(error);
+        }
+    }
+}
+
+// Make available globally
+// window.EveAI = EveAI;