`;
pdfRenderContainer.innerHTML = pdfHtml;
html2canvas(pdfRenderContainer, { scale: 2 }).then(canvas => {
const imgData = canvas.toDataURL('image/png');
const { jsPDF } = window.jspdf;
const pdf = new jsPDF({ orientation: 'portrait', unit: 'pt', format: 'a4' });
const pdfWidth = pdf.internal.pageSize.getWidth(), margin = 40;
const contentWidth = pdfWidth - margin * 2;
const pdfHeight = (canvas.height * contentWidth) / canvas.width;
pdf.addImage(imgData, 'PNG', margin, margin, contentWidth, pdfHeight);
pdf.save('Chat-Transcript.pdf');
});
};
// --- EVENT LISTENERS ---
window.switchTab = switchTab;
window.navigateTabs = navigateTabs;
sendBtn.addEventListener('click', handleSendMessage);
userInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') handleSendMessage(); });
downloadPdfBtn.addEventListener('click', handlePdfDownload);
addRuleBtn.addEventListener('click', () => {
autoResponses.push({ id: nextRuleId++, keywords: '', response: '' });
renderConfigRules();
});
rulesContainer.addEventListener('input', e => {
if (!e.target.classList.contains('cfg-input')) return;
const id = parseInt(e.target.closest('[data-id]').dataset.id);
const prop = e.target.dataset.prop;
const item = autoResponses.find(r => r.id === id);
if (item) item[prop] = e.target.value;
});
rulesContainer.addEventListener('click', e => {
if (!e.target.classList.contains('rm-rule-btn')) return;
const id = parseInt(e.target.closest('[data-id]').dataset.id);
autoResponses = autoResponses.filter(r => r.id !== id);
renderConfigRules();
});
// --- INITIALIZATION ---
renderConfigRules();
updateNavButtons();
chatHistory.push({ sender: 'bot', message: 'Welcome! I can help with questions about returns, refunds, and our policies. How can I assist you?'});
renderChat();
});
