chatbot.js
"use client" ; import { useState , useEffect , useRef } from "react" ; import { getCookie } from "cookies-next" ; import axios from "../../utils/axiosInstance" ; import Spinner from "@/components/spinner" ; import toast , { Toaster } from "react-hot-toast" ; import InfiniteScroll from "react-infinite-scroll-component" ; import { PhotoIcon , VideoCameraIcon , DocumentTextIcon , PaperAirplaneIcon , PaperClipIcon , XCircleIcon , } from "@heroicons/react/24/outline" ; export default function Chatbot ({ contactId , name , whatsapp }) { const [ messages , setMessages ] = useState ([]); const [ nextPage , setNextPage ] = useState ( null ); const [ loading , setLoading ] = useState ( false ); const [ hasMore , setHasMore ] = useState ( true ); // Indicates if there are more messages to load const [ renderedMessages , setRenderedMessages ] = useState ([]); const...