${templateContent}

`, type: "legal" }); processedMessage = processedMessage.replace( matches[0], `

Document template generated and added to Generated Documents section

` ); } setMessages((prev) => [ ...prev, { role: "assistant", content: processedMessage } ]); setStreamingMessage(""); }, [handleGenerateDocument] ); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: handleFinish }); const handleSendMessage = useCallback( async (message) => { setMessages((prev) => [...prev, { role: "user", content: message }]); setIsLoading(true); try { const response = await fetch( "/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [...messages, { role: "user", content: message }], stream: true }) } ); if (!response.ok) { throw new Error(`Error: ${response.status}`); } handleStreamResponse(response); } catch (error) { console.error("Error:", error); setMessages((prev) => [ ...prev, { role: "assistant", content: "I apologize, but I'm having trouble processing your request. Please try again." } ]); } finally { setIsLoading(false); } }, [messages, handleStreamResponse] ); const handleNavigate = useCallback((href) => { window.location.href = href; }, []); return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gray-100" }, /* @__PURE__ */ React.createElement(LegalHeader, { logoText: "BatasMind", onNavigate: handleNavigate }), /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-end mb-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => { setLanguage((prev) => prev === "en" ? "fil" : "en"); setMessages((prev) => [ { role: "system", content: `${LEGAL_SYSTEM_PROMPT} Respond in ${language === "en" ? "Tagalog" : "English"}.`, isHidden: true }, ...prev.slice(1) ]); }, className: "bg-[#FFD700] text-[#0A2647] px-4 py-2 rounded-lg hover:bg-[#F4C430] transition-colors font-crimson-text text-sm" }, language === "en" ? translations.en.switchToTagalog : translations.fil.switchToEnglish )), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8" }, /* @__PURE__ */ React.createElement("div", { className: "md:col-span-2" }, /* @__PURE__ */ React.createElement( ConsultationChat, { messages: messages.filter((m) => !m.isHidden), onSendMessage: handleSendMessage, isLoading, streamingMessage, placeholder: translations[language].placeholder, sendButtonText: translations[language].send } )), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-crimson-text text-[#0A2647] mb-4" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-upload mr-2" }), translations[language].uploadDocs), /* @__PURE__ */ React.createElement("div", { className: "border-2 border-dashed border-gray-300 rounded-lg p-6 text-center" }, /* @__PURE__ */ React.createElement( "input", { type: "file", onChange: handleFileUpload, accept: ".pdf,.doc,.docx,.jpg,.jpeg,.png", className: "hidden", id: "fileUpload", disabled: isLoading || uploadLoading } ), /* @__PURE__ */ React.createElement("label", { htmlFor: "fileUpload", className: "cursor-pointer block" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-cloud-upload-alt text-3xl text-gray-400 mb-2" }), /* @__PURE__ */ React.createElement("span", { className: "font-crimson-text text-gray-600 block" }, uploadLoading ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2" }), language === "en" ? "Processing..." : "Pinoproseso...") : language === "en" ? "Click to upload legal documents" : "I-click para mag-upload ng legal na dokumento")))), /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-crimson-text text-[#0A2647] mb-4" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-pdf mr-2" }), translations[language].generatedDocs), generatedDocuments.length > 0 ? /* @__PURE__ */ React.createElement("ul", { className: "space-y-4" }, generatedDocuments.map((doc) => /* @__PURE__ */ React.createElement( "li", { key: doc.id, className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "font-crimson-text text-gray-700" }, doc.title), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-2" }, /* @__PURE__ */ React.createElement( "a", { href: doc.url, download: `${doc.title}.pdf`, className: "text-[#0A2647] hover:text-[#083464]", title: translations[language].downloadDoc }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-download" }) )) ))) : /* @__PURE__ */ React.createElement("p", { className: "text-gray-500 font-crimson-text text-center" }, translations[language].noDocuments)))))); } function LegalHeader({ logoText = "BatasMind", onNavigate }) { const links = [ { label: "Home", href: "/" }, { label: "Legal Consultation", href: "/consultation" }, { label: "Case Analysis", href: "/analysis" } ]; const [isMenuOpen, setIsMenuOpen] = useState(false); return /* @__PURE__ */ React.createElement("header", { className: "bg-[#0A2647] py-4 px-6 shadow-lg" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto flex justify-between items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-scale-balanced text-[#FFD700] text-2xl" }), /* @__PURE__ */ React.createElement("span", { className: "text-[#FFD700] text-xl font-crimson-text font-bold" }, logoText)), /* @__PURE__ */ React.createElement("nav", { className: "hidden md:flex space-x-8" }, links.map((link) => /* @__PURE__ */ React.createElement( "a", { key: link.label, href: link.href, onClick: (e) => { e.preventDefault(); onNavigate?.(link.href); }, className: "text-white hover:text-[#FFD700] transition-colors font-crimson-text" }, link.label ))), /* @__PURE__ */ React.createElement( "button", { className: "md:hidden text-white", onClick: () => setIsMenuOpen(!isMenuOpen) }, /* @__PURE__ */ React.createElement( "i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"} text-xl` } ) )), isMenuOpen && /* @__PURE__ */ React.createElement("nav", { className: "md:hidden mt-4 space-y-2" }, links.map((link) => /* @__PURE__ */ React.createElement( "a", { key: link.label, href: link.href, onClick: (e) => { e.preventDefault(); onNavigate?.(link.href); setIsMenuOpen(false); }, className: "block text-white hover:text-[#FFD700] transition-colors px-4 py-2 font-crimson-text" }, link.label )))); } function ConsultationChat({ messages = [], onSendMessage, isLoading = false, streamingMessage = "" }) { const [userInput, setUserInput] = useState(""); const chatContainerRef = useRef(null); const MessageDisplay = ({ message }) => { const formatContent = (content) => { return { __html: content.replace(/\n/g, "").replace(/

\s*<\/p>/g, "").replace(/\s+/g, " ").trim() }; }; return /* @__PURE__ */ React.createElement("div", { className: `message ${message.role}` }, /* @__PURE__ */ React.createElement( "div", { className: "content prose prose-sm max-w-none", dangerouslySetInnerHTML: formatContent(message.content) } )); }; const handleSubmit = (e) => { e.preventDefault(); if (userInput.trim() && onSendMessage) { onSendMessage(userInput); setUserInput(""); } }; useEffect(() => { if (chatContainerRef.current) { chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight; } }, [messages, streamingMessage]); return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col h-[600px] w-full max-w-2xl mx-auto bg-white rounded-lg shadow-lg" }, /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` .message .content.prose { max-width: none; } .message .content.prose h3 { color: #0A2647; font-size: 1.1em; margin-top: 1.5em; margin-bottom: 0.5em; } .message .content.prose p { margin-top: 0.5em; margin-bottom: 0.5em; } .message .content.prose li { margin-top: 0.25em; margin-bottom: 0.25em; } .message .content.prose [TEMPLATE START], .message .content.prose [TEMPLATE END] { display: block; color: #666; font-family: monospace; margin: 1em 0; } .message.assistant .content { background: #f8f9fa; padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } .message.user .content { background: #0A2647; color: white; padding: 1rem; border-radius: 0.5rem; } `), /* @__PURE__ */ React.createElement("div", { className: "bg-[#0A2647] p-4 rounded-t-lg" }, /* @__PURE__ */ React.createElement("div", { className: "text-[#FFD700] font-crimson-text text-sm text-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-balance-scale mr-2" }), "BatasMind provides strategic legal analysis to better inform you while waiting for or preparing to meet your attorney.")), /* @__PURE__ */ React.createElement( "div", { ref: chatContainerRef, className: "flex-1 p-4 overflow-y-auto bg-gray-50" }, /* @__PURE__ */ React.createElement("div", { className: "chat-container space-y-4 mb-4" }, messages.map((message, index) => /* @__PURE__ */ React.createElement(MessageDisplay, { key: index, message })), streamingMessage && /* @__PURE__ */ React.createElement("div", { className: "message assistant" }, /* @__PURE__ */ React.createElement( "div", { className: "content prose prose-sm", dangerouslySetInnerHTML: { __html: streamingMessage } } )), isLoading && !streamingMessage && /* @__PURE__ */ React.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React.createElement("div", { className: "bg-gray-200 text-gray-800 p-3 rounded-lg" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin" })))) ), /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit, className: "p-4 border-t border-gray-200" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", name: "message", value: userInput, onChange: (e) => setUserInput(e.target.value), placeholder: "Type your legal question here...", className: "flex-1 p-2 border border-gray-300 rounded-lg font-crimson-text" } ), /* @__PURE__ */ React.createElement( "button", { type: "submit", disabled: !userInput.trim() || isLoading, className: "bg-[#0A2647] text-white px-4 py-2 rounded-lg hover:bg-[#083464] transition-colors disabled:opacity-50" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-paper-plane" }) )))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();

Upload Documents

Generated Documents