/* global React, SITE, IconX */
const IconChat = ({ size = 24 }) => (
);
const QUICK_REPLIES = [
"Pricing Plans",
"Rank Predictor",
"How Guidance Works",
"Talk to Support"
];
const Chatbot = () => {
const [isOpen, setIsOpen] = React.useState(false);
const [isTyping, setIsTyping] = React.useState(false);
const [messages, setMessages] = React.useState([
{ sender: 'bot', text: 'Hi there! 👋 I am the CounselExpert Assistant. How can I help you regarding JEE or BITSAT admissions today?' }
]);
const [input, setInput] = React.useState('');
const messagesEndRef = React.useRef(null);
const scrollToBottom = () => {
messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
};
React.useEffect(() => {
if (isOpen) scrollToBottom();
}, [messages, isOpen, isTyping]);
const getBotResponse = (userText) => {
const lower = userText.toLowerCase();
// 1. Contextual Intents via Regex
if (lower.match(/\b(hi|hello|hey|greetings|morning|evening|namaste)\b/)) {
return "Hello! How can we help you secure your dream college today?";
}
if (lower.match(/\b(price|pricing|cost|fee|plans|pay|purchase|buy)\b/)) {
const plans = SITE?.plans ? Object.values(SITE.plans).map(p => `${p.name} (₹${p.price})`).join(', ') : 'our plans on the site';
return `Our counseling packages are: ${plans}. You can read the detailed breakdown in the Pricing section of our website!`;
}
if (lower.match(/\b(contact|phone|whatsapp|email|support|human|talk|speak|help)\b/)) {
const wa = SITE?.footer?.cols?.[2]?.links?.find(l => l.label === 'WhatsApp')?.href || 'our site';
return `For human support or follow-up questions, message us directly on WhatsApp: ${wa} or email counsel.expert.1@gmail.com. We usually reply within a few hours.`;
}
if (lower.match(/\b(predictor|rank|college predictor|marks|score)\b/)) {
return `We have a highly accurate, 100% free Rank Predictor tool! It uses JoSAA historical data to suggest colleges based on your rank. Head to the Predictor tab or visit #/predictor to try it out.`;
}
if (lower.match(/\b(guidance|counsel|counselling|mentor|process|how it works)\b/)) {
return `Our counselling is a 1-on-1 personalized process. IIT/BITS alumni mentors analyse your rank and guide you through preference filling step-by-step over a video call. Click "Get guidance" at the top to start the wizard!`;
}
// 2. Dynamic FAQ Keyword Sub-Matching
if (SITE && SITE.faq) {
for (let item of SITE.faq) {
const keywords = item.q.toLowerCase().replace(/[^\w\s]/g, '').split(' ').filter(w => w.length > 3);
const match = keywords.some(w => lower.includes(w));
if (match && lower.length > 3) {
return `From our FAQ: ${item.a}`;
}
}
}
// 3. Fallback Intent
return "I'm still learning! You can ask me about our pricing, the rank predictor, how our counselling works, or ask to talk to human support.";
};
const handleSend = (text) => {
const userText = typeof text === 'string' ? text.trim() : input.trim();
if (!userText) return;
// Add user message
setMessages(prev => [...prev, { sender: 'user', text: userText }]);
// Clear input box
if (typeof text !== 'string') setInput('');
// Simulate typing indicator
setIsTyping(true);
// Dynamic processing delay based on string length to simulate human reading
const delay = 800 + Math.random() * 800; // 0.8s to 1.6s delay
setTimeout(() => {
const botResponse = getBotResponse(userText);
setIsTyping(false);
setMessages(prev => [...prev, { sender: 'bot', text: botResponse }]);
}, delay);
};
return (
<>
{/* Floating CTA Button */}
{/* Main Chat Window */}
{isOpen && (