${listContent}`; listContent = ""; inList = false; } html += `

${line.slice(2)}

`; } else if (line.startsWith("## ")) { if (inList) { html += `

${listContent}`; listContent = ""; inList = false; } html += `

${line.slice(3)}

`; } else if (line.startsWith("- ")) { inList = true; listContent += `

${line.slice(2)}

`; } else if (line.startsWith("**") && line.endsWith("**")) { if (inList) { html += `

${listContent}`; listContent = ""; inList = false; } html += `

${line.slice(2, -2)}

`; } else { if (inList) { html += `

${listContent}`; listContent = ""; inList = false; } html += `

${line}

`; } } if (inList) { html += `

${listContent}`; listContent = ""; inList = false; } } return html; }; const handleExport = async () => { try { const styles = ` body { font-family: Arial, sans-serif; padding: 40px; line-height: 1.6; max-width: 800px; margin: 0 auto; } h1 { font-size: 32px; margin-bottom: 24px; color: #111; border-bottom: 2px solid #eee; padding-bottom: 8px; } h2 { font-size: 24px; margin-bottom: 16px; color: #333; margin-top: 32px; } p { margin-bottom: 16px; color: #444; line-height: 1.8; } ul { margin: 16px 0 24px 24px; list-style-type: disc; } li { margin-bottom: 8px; color: #444; } .font-bold { font-weight: bold; } `; const htmlContent = parseMarkdownToHtml(markdown); const response = await fetch("/integrations/pdf-generation/pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ source: { html: `${htmlContent}` } }) }); if (!response.ok) { throw new Error("PDF generation failed"); } const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = "exported.pdf"; document.body.appendChild(a); a.click(); document.body.removeChild(a); window.URL.revokeObjectURL(url); } catch (error) { console.error(error); } }; return /* @__PURE__ */ React.createElement( "button", { onClick: handleExport, className: "inline-block px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 font-roboto" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-export mr-2" }), "Export to PDF" ); } function HeaderFree({ currentPage, icon, pageTitle, pageDescription }) { const { data: session, status } = useSession(); const [isSubscribed, setIsSubscribed] = React.useState(false); const [isMenuOpen, setIsMenuOpen] = React.useState(false); const [userInfo, setUserInfo] = React.useState(null); React.useEffect(() => { const script = document.createElement("script"); script.src = "https://cdn.promotekit.com/promotekit.js"; script.async = true; script.setAttribute( "data-promotekit", "95833121-201e-40c9-a3ce-4e6dea20f49d" ); document.body.appendChild(script); return () => { document.body.removeChild(script); }; }, []); React.useEffect(() => { const fetchUserInfo = async () => { if (session?.user?.email) { try { const response = await fetch( `/api/db/${process.env.NEXT_PUBLIC_CREATE_AUTH_DB_SLUG}`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "SELECT * FROM `users` WHERE `email` = ? LIMIT 1", values: [session.user.email] }) } ); const data = await response.json(); if (data.length > 0) { setUserInfo(data[0]); localStorage.setItem("userInfo", JSON.stringify(data[0])); } } catch (error) { console.error("Error fetching user info:", error); } } }; const checkSubscription = async () => { if (session?.user?.email) { try { const response = await fetch( `/api/db/${process.env.NEXT_PUBLIC_CREATE_AUTH_DB_SLUG}`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: "SELECT * FROM `subscriptions` WHERE `email` = ? AND `status` = ? LIMIT 1", values: [session.user.email, "active"] }) } ); const data = await response.json(); const isProUser = data.length > 0; localStorage.setItem("isPro", isProUser); return isProUser; } catch (error) { console.error("Error checking subscription:", error); return false; } } return false; }; const initializeData = async () => { if (status === "authenticated") { await fetchUserInfo(); const isSubscribed2 = await checkSubscription(); setIsSubscribed(isSubscribed2); } else { localStorage.removeItem("userInfo"); localStorage.removeItem("isPro"); } }; const storedUserInfo = localStorage.getItem("userInfo"); const storedIsPro = localStorage.getItem("isPro"); if (storedUserInfo) { setUserInfo(JSON.parse(storedUserInfo)); } if (storedIsPro) { setIsSubscribed(storedIsPro === "true"); } initializeData(); }, [session, status]); const displayName = userInfo?.name || session?.user?.name || "User"; const isPro = isSubscribed; return /* @__PURE__ */ React.createElement("div", { className: "bg-[#5850EC] text-white" }, /* @__PURE__ */ React.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center justify-between py-1 border-b border-[#6B63EE]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-lg md:text-xl font-bold font-poppins" }, "Dorm Room Hustles"), /* @__PURE__ */ React.createElement( "button", { onClick: () => setIsMenuOpen(!isMenuOpen), className: "md:hidden text-white" }, /* @__PURE__ */ React.createElement( "i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"} text-lg` } ) )), /* @__PURE__ */ React.createElement( "div", { className: `${isMenuOpen ? "flex" : "hidden"} md:flex flex-col md:flex-row items-center space-y-1 md:space-y-0 md:space-x-4 mt-1 md:mt-0` }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row items-center space-y-1 md:space-y-0 md:space-x-3 w-full md:w-auto" }, /* @__PURE__ */ React.createElement( "a", { href: "/free", className: `flex items-center space-x-1 ${currentPage === "free" ? "text-white border-b border-white" : "text-gray-300 hover:text-white"} font-poppins w-full md:w-auto justify-center md:justify-start text-sm` }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-lightbulb text-base" }), /* @__PURE__ */ React.createElement("span", null, "Idea Hub") ), /* @__PURE__ */ React.createElement( "a", { href: "https://www.dormroomhustles.com/mission", className: `flex items-center space-x-1 ${currentPage === "about" ? "text-white border-b border-white" : "text-gray-300 hover:text-white"} font-poppins w-full md:w-auto justify-center md:justify-start text-sm` }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-user text-base" }), /* @__PURE__ */ React.createElement("span", null, "Our Mission") )), status === "authenticated" ? /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 w-full md:w-auto justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-1" })) : /* @__PURE__ */ React.createElement( "a", { href: "/account/signin", className: "flex items-center space-x-1 text-gray-300 hover:text-white font-poppins px-2 py-0.5 rounded border border-[#6B63EE] hover:bg-[#6B63EE] transition-colors duration-200 w-full md:w-auto justify-center text-sm" }, /* @__PURE__ */ React.createElement("span", null, "Sign In"), /* @__PURE__ */ React.createElement("i", { className: "fas fa-sign-in-alt" }) ) )), /* @__PURE__ */ React.createElement("div", { className: "py-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 mb-1" }, /* @__PURE__ */ React.createElement("i", { className: `${icon} text-xl md:text-2xl` }), /* @__PURE__ */ React.createElement("h1", { className: "text-xl md:text-2xl font-bold font-poppins" }, pageTitle)), /* @__PURE__ */ React.createElement("p", { className: "text-xs md:text-sm text-gray-300 font-poppins pl-[28px]" }, pageDescription))))); } function IdeaChatbot({ initialMessages = [], onSendMessage = () => { }, className = "", generatedIdea = "" }) { const { data: user, loading: userLoading } = useUser(); const [messages, setMessages] = useState(initialMessages); const [userInput, setUserInput] = useState(""); const [isLoading, setIsLoading] = useState(false); const [streamingMessage, setStreamingMessage] = useState(""); useEffect(() => { if (generatedIdea && messages.length === 0) { setMessages([ { role: "assistant", content: "Hi there! I'm ready to discuss your business plan. What questions do you have about it?" } ]); } }, [generatedIdea, messages]); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message) => { setMessages((prev) => [...prev, { role: "assistant", content: message }]); setStreamingMessage(""); } }); const handleSendMessage = useCallback(async () => { if (!userInput.trim()) return; setIsLoading(true); const newMessage = { role: "user", content: userInput }; setMessages((prev) => [...prev, newMessage]); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ ...messages, { role: "system", content: `You are a helpful AI assistant. The user's current business idea is: "${generatedIdea}". Help them explore and develop this idea further.` }, newMessage ], stream: true }) }); handleStreamResponse(response); } catch (error) { console.error("Error:", error); } setUserInput(""); setIsLoading(false); }, [userInput, messages, handleStreamResponse, generatedIdea]); const handleDownloadConversation = () => { const conversationText = messages.map( (message) => `${message.role === "user" ? "You" : "AI"}: ${message.content}` ).join("\n\n"); const element = document.createElement("a"); const file = new Blob([conversationText], { type: "text/plain" }); element.href = URL.createObjectURL(file); element.download = "dormroomhustles-chat.txt"; document.body.appendChild(element); element.click(); }; if (userLoading) { return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center h-screen" }, /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500" })); } return /* @__PURE__ */ React.createElement("div", { className: `flex flex-col h-screen bg-gray-50 ${className}` }, /* @__PURE__ */ React.createElement("div", { className: "max-w-3xl w-full mx-auto flex flex-col h-full" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white px-6 py-4 border-b border-gray-200 flex justify-between items-center" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold text-gray-800" }, "AI Assistant"), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500" }, "Chat about your ideas"))), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto px-2 sm:px-4 py-6 space-y-6" }, messages.map((message, index) => /* @__PURE__ */ React.createElement( "div", { key: index, className: `flex ${message.role === "user" ? "justify-end" : "justify-start"} items-end space-x-2` }, message.role === "assistant" && /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 rounded-full bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center flex-shrink-0" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-sparkles text-white text-xs" })), /* @__PURE__ */ React.createElement( "div", { className: `max-w-[80%] rounded-2xl p-4 ${message.role === "user" ? "bg-blue-500 text-white" : "bg-white shadow-sm border border-gray-100"}` }, /* @__PURE__ */ React.createElement( "p", { className: message.role === "user" ? "text-white" : "text-gray-700" }, message.content ) ), message.role === "user" && /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center flex-shrink-0" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-user text-gray-500 text-xs" })) )), streamingMessage && /* @__PURE__ */ React.createElement("div", { className: "flex justify-start items-end space-x-2" }, /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 rounded-full bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center flex-shrink-0" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-sparkles text-white text-xs" })), /* @__PURE__ */ React.createElement("div", { className: "max-w-[80%] rounded-2xl p-4 bg-white shadow-sm border border-gray-100" }, /* @__PURE__ */ React.createElement("p", { className: "text-gray-700" }, streamingMessage)))), /* @__PURE__ */ React.createElement("div", { className: "bg-white p-2 sm:p-4 border-t border-gray-200" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2 sm:gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 sm:gap-3 bg-gray-50 rounded-xl p-2 sm:p-3 flex-1" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: userInput, onChange: (e) => setUserInput(e.target.value), placeholder: "Type your message...", className: "flex-1 bg-transparent text-gray-800 outline-none placeholder-gray-400 min-w-0" } )), /* @__PURE__ */ React.createElement( "button", { onClick: handleSendMessage, disabled: isLoading || !userInput.trim(), className: "bg-gradient-to-r from-blue-500 to-blue-600 text-white px-4 sm:px-6 py-2.5 rounded-lg hover:from-blue-600 hover:to-blue-700 transition-all disabled:opacity-50 disabled:hover:from-blue-500 disabled:hover:to-blue-600 flex-shrink-0 flex items-center justify-center" }, isLoading ? /* @__PURE__ */ React.createElement("i", { className: "fas fa-circle-notch fa-spin" }) : /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-paper-plane" }), /* @__PURE__ */ React.createElement("span", { className: "hidden sm:inline" }, "Send")) ), /* @__PURE__ */ React.createElement( "button", { onClick: handleDownloadConversation, className: "bg-gray-300 hover:bg-gray-400 text-gray-800 px-4 sm:px-6 py-2.5 rounded-lg transition-all flex-shrink-0 flex items-center justify-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-download mr-2" }), " Download" ))))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();

Generate Your Side Hustle

Step 1 of 5