script.js

const chatMessages = document.getElementById('chatMessages');
const messageInput = document.getElementById('messageInput');
const sendButton = document.getElementById('sendButton');

const webhookURL = 'https://plantz.app.n8n.cloud/webhook/e1bda095-f5e5-4ebc-aeba-544917d39bec/chat';
let chatSessionId = generateSessionId(); // Generate a session ID
let isFirstMessage = true; // Flag for the first message

function generateSessionId() {
    // Simple random session ID generator (you might want a more robust one)
    return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
}

function addMessage(message, isUser) {
    const messageDiv = document.createElement('div');
    messageDiv.classList.add('message');
    messageDiv.classList.add(isUser ? 'user-message' : 'bot-message');
    messageDiv.textContent = message;
    chatMessages.appendChild(messageDiv);

    // Scroll to bottom of chat messages
    chatMessages.scrollTop = chatMessages.scrollHeight;
}

async function sendMessageToWebhook(message) {
    try {
        // Prepare the request body as JSON
        const requestBody = {
            chatInput: message,
            sessionId: chatSessionId, // Include the session ID
            firstMessage: isFirstMessage, // Send the firstMessage flag
            metadata: {} //Example, empty
        };

        const response = await fetch(`${webhookURL}?action=sendMessage`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(requestBody)
        });

        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }

        const responseData = await response.json();
        const reply = responseData.output; // Get reply from output

        if (!reply){
          reply = JSON.stringify(responseData)
        }

        // After the first message, set the flag to false
        isFirstMessage = false;

        chatSessionId = responseData.sessionId

        return reply;

    } catch (error) {
        console.error('Error sending message to webhook:', error);
        return "Sorry, there was an error processing your request.";
    }
}

sendButton.addEventListener('click', async () => {
    const messageText = messageInput.value.trim();
    if (messageText !== '') {
        addMessage(messageText, true);

        const reply = await sendMessageToWebhook(messageText);

        addMessage(reply, false);
        messageInput.value = '';
    }
});

messageInput.addEventListener('keydown', async (event) => {
    if (event.key === 'Enter') {
        event.preventDefault();
        sendButton.click();
    }
});


chatMessages.scrollTop = chatMessages.scrollHeight;