function BattlesNavigation({ label, href }) { return /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: href, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, label)); } function BattlesNavigationStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BattlesNavigation, { label: "Battles", href: "#battles", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function QuestsHyperlink({ href, label }) { return /*#__PURE__*/ React.createElement("a", { href: href, className: "text-blue-500 underline", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, label); } function QuestsHyperlinkStory() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(QuestsHyperlink, { href: "#quests", label: "Quests", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function JobsClassesLink({ href, label }) { return /*#__PURE__*/ React.createElement("a", { href: href, className: "text-xl font-bold text-[#00f] hover:text-[#00a]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, label); } function JobsClassesLinkStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(JobsClassesLink, { href: "#jobs-classes", label: "Jobs & Classes", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { const [loading, setLoading] = React.useState(false); const [punishment, setPunishment] = React.useState(""); const [quests, setQuests] = React.useState([]); const [characterImage, setCharacterImage] = React.useState(""); const [dailyQuestImage, setDailyQuestImage] = React.useState(""); const [mainQuestImage, setMainQuestImage] = React.useState(""); const fetchPunishment = async ()=>{ setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: "user", content: "Generate a punishment for not completing a daily quest in a fitness app." } ] }) }); const data = await response.json(); setPunishment(data.choices[0].message.content); setLoading(false); }; const fetchQuests = async ()=>{ const response = await fetch('/integrations/stable-diffusion-v-3/?prompt=fitness+quest'); const data = await response.json(); setQuests(data.data); }; const fetchCharacterImage = async ()=>{ const response = await fetch('/integrations/dall-e-3/?prompt=fitness+app+avatar'); const data = await response.json(); setCharacterImage(data.data[0]); }; const fetchDailyQuestImage = async ()=>{ const response = await fetch('/integrations/dall-e-3/?prompt=daily+fitness+quest'); const data = await response.json(); setDailyQuestImage(data.data[0]); }; const fetchMainQuestImage = async ()=>{ const response = await fetch('/integrations/dall-e-3/?prompt=main+fitness+quest'); const data = await response.json(); setMainQuestImage(data.data[0]); }; React.useEffect(()=>{ fetchPunishment(); fetchQuests(); fetchCharacterImage(); fetchDailyQuestImage(); fetchMainQuestImage(); }, []); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#333] text-white p-4", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#character", __source: { fileName: "", lineNumber: 60, columnNumber: 39 }, __self: this }, "Character")), /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#quests", __source: { fileName: "", lineNumber: 61, columnNumber: 39 }, __self: this }, "Quests")), /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#jobs-classes", __source: { fileName: "", lineNumber: 62, columnNumber: 39 }, __self: this }, "Jobs & Classes")), /*#__PURE__*/ React.createElement(BattlesNavigation, { label: "Battles", href: "#battles", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { id: "character", className: "p-4", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "My Character"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f5f5f5] p-4 rounded shadow-md", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: characterImage, alt: "Custom Character Avatar", className: "w-[100px] h-[100px] rounded-full mr-4", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Character Name"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, "Level: 5"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Stats"), /*#__PURE__*/ React.createElement("ul", { className: "bg-white p-4 rounded shadow-md space-y-2", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "Vitality: 10"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, "Strength: 15"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Intelligence: 12"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Agility: 8"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, "Sense: 14"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, "HP: 100"), /*#__PURE__*/ React.createElement("li", { className: "font-roboto", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, "MP: 50"))))), /*#__PURE__*/ React.createElement("section", { id: "quests", className: "p-4", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, "Quests"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f5f5f5] p-4 rounded shadow-md", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-2", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, "Daily Quest"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Complete 10 push-ups in 5 minutes"), /*#__PURE__*/ React.createElement("div", { className: "relative h-[200px] w-full bg-center bg-cover", style: { backgroundImage: `url(${dailyQuestImage})` }, __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "absolute bottom-0 left-0 bg-black text-white text-xs p-1 font-roboto", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "Time left: 02:45")), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mt-4 mb-2", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, "Main Quest"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mb-4", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "Run 5 kilometers"), /*#__PURE__*/ React.createElement("div", { className: "relative h-[200px] w-full bg-center bg-cover", style: { backgroundImage: `url(${mainQuestImage})` }, __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "absolute bottom-0 left-0 bg-black text-white text-xs p-1 font-roboto", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "Time left: 24:00:00"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, "Loading punishment...") : /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, "Punishment: ", punishment))), /*#__PURE__*/ React.createElement("section", { id: "jobs-classes", className: "p-4", __source: { fileName: "", lineNumber: 115, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 116, columnNumber: 9 }, __self: this }, "Jobs & Classes"), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 117, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(JobsClassesLink, { href: "#jobs-classes", label: "Jobs & Classes", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this })))); }