function MainComponent() { const [dream, setDream] = useState(""); const [streamingMessage, setStreamingMessage] = useState(""); const [interpretation, setInterpretation] = useState(""); const [loading, setLoading] = useState(false); const [mounted, setMounted] = useState(false); useEffect(()=>{ setMounted(true); }, []); const handleFinish = useCallback((message)=>{ setInterpretation(message); setStreamingMessage(""); setLoading(false); }, []); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: handleFinish }); const interpretDream = async ()=>{ if (!dream.trim()) return; setLoading(true); setInterpretation(""); const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are a knowledgeable biblical dream interpreter. Analyze dreams through a biblical lens, citing relevant scripture verses when possible. Be respectful and insightful while maintaining a spiritual perspective." }, { role: "user", content: `Please interpret this dream from a biblical perspective: ${dream}` } ], stream: true }) }); handleStreamResponse(response); }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/32f6f460-f425-4e9b-ad12-7c0267fa1360/-/format/auto/", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#1a365d] to-[#2d3748] flex flex-col overflow-hidden", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-cover bg-center opacity-10", style: { backgroundImage: "url('/images/stars.jpg')" }, __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative flex-grow", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-4xl mx-auto px-4 py-12 transform ${mounted ? "animate-unroll" : "translate-y-full"}`, __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/scroll.png", alt: "Ancient biblical scroll", className: "w-24 h-24 mx-auto", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-crimson-text text-[#f6e05e] mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, "Biblical Dream Interpretation"), /*#__PURE__*/ React.createElement("p", { className: "text-[#e2e8f0] font-roboto text-xl", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, '"For God speaks in one way, and in two, though man does not perceive it. In a dream, in a vision of the night..." - Job 33:14-15')), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a4365] rounded-lg shadow-2xl p-8 mb-8 border border-[#4a5568]", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/feather.png", alt: "Writing feather", className: "w-8 h-8 mr-3", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-[#f6e05e] font-crimson-text text-xl", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, "Share Your Dream")), /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-40 p-4 mb-6 rounded-lg font-roboto resize-none bg-[#1a365d] text-white border border-[#4a5568] focus:outline-none focus:ring-2 focus:ring-[#f6e05e] placeholder-[#718096]", placeholder: "Describe your dream in detail...", value: dream, onChange: (e)=>setDream(e.target.value), __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: interpretDream, disabled: loading || !dream.trim(), className: `w-full py-4 rounded-lg font-roboto text-[#1a365d] text-lg ${loading || !dream.trim() ? "bg-[#718096]" : "bg-[#f6e05e] hover:bg-[#ecc94b] transform hover:scale-[1.02] transition-all"}`, __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 115, columnNumber: 21 }, __self: this }), "Seeking Divine Wisdom...") : /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 119, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dove mr-2", __source: { fileName: "", lineNumber: 120, columnNumber: 21 }, __self: this }), "Interpret Dream"))), (streamingMessage || interpretation) && /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a4365] rounded-lg shadow-2xl p-8 border border-[#4a5568]", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/holy-book.png", alt: "Holy Bible", className: "w-10 h-10 mr-3", __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#f6e05e]", __source: { fileName: "", lineNumber: 134, columnNumber: 19 }, __self: this }, "Divine Interpretation")), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#e2e8f0] leading-relaxed whitespace-pre-wrap", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this }, streamingMessage || interpretation)))), /*#__PURE__*/ React.createElement("footer", { className: "relative mt-16 bg-[#1a365d] border-t border-[#4a5568] py-8", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between gap-4", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#e2e8f0] font-roboto", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 150, columnNumber: 17 }, __self: this }, "© 2025 Biblical Dream Interpreter. All rights reserved.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/66055f60-81ea-4127-b3fd-7ed837ea508c/-/format/auto/", alt: "The Bible Dream Interpreter Logo", className: "h-16 mb-2", __source: { fileName: "", lineNumber: 155, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#f6e05e] font-roboto", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, "Built with Five Star AI Builder"), /*#__PURE__*/ React.createElement("a", { href: "https://www.fivestarsappsolutions.com/", target: "_blank", rel: "noopener noreferrer", className: "text-[#e2e8f0] font-roboto hover:text-[#f6e05e] transition-colors mt-1", __source: { fileName: "", lineNumber: 163, columnNumber: 17 }, __self: this }, "Powered by Five Stars App Solutions")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 177, columnNumber: 7 }, __self: this }, ` @keyframes unroll { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .animate-unroll { animation: unroll 1.5s ease-out forwards; } `)); }