function DragonByteWorldBuilder({ onSubmit }) { return /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 bg-[#000]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-3 text-[#FFD700] font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "1. DragonByte Realms: World Creation"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", onSubmit: onSubmit, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "World Name", className: "p-2 bg-[#222]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "era", placeholder: "Era", className: "p-2 bg-[#222]", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "landscape", placeholder: "Landscape", className: "p-2 bg-[#222] h-[150px]", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "keyLocations", placeholder: "Key Locations", className: "p-2 bg-[#222] h-[150px]", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 bg-[#8B0000] p-2 rounded text-sm", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Next: Character Creation"))); } function DragonByteWorldBuilderStory() { const handleSubmit = (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const data = Object.fromEntries(formData.entries()); sessionStorage.setItem('worldCreationData', JSON.stringify(data)); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DragonByteWorldBuilder, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this })); } function MainComponent() { const [step, setStep] = React.useState(1); const [world, setWorld] = React.useState({ name: '', era: '', landscape: '', keyLocations: '' }); const [character, setCharacter] = React.useState({ name: '', race: '', class: '', background: '', alignment: '', stats: { strength: 0, dexterity: 0, constitution: 0, intelligence: 0, wisdom: 0, charisma: 0 } }); const [inventory, setInventory] = React.useState([]); const [gold, setGold] = React.useState(100); const [messages, setMessages] = React.useState([]); const handleWorldSubmit = (event)=>{ event.preventDefault(); const { name, era, landscape, keyLocations } = event.target; setWorld({ name: name.value, era: era.value, landscape: landscape.value, keyLocations: keyLocations.value }); setStep(2); }; const handleCharacterSubmit = (event)=>{ event.preventDefault(); const { name, race, characterClass, background, alignment } = event.target.elements; setCharacter((prev)=>({ ...prev, name: name.value, race: race.value, class: characterClass.value, background: background.value, alignment: alignment.value, stats: { strength: rollStat(), dexterity: rollStat(), constitution: rollStat(), intelligence: rollStat(), wisdom: rollStat(), charisma: rollStat() } })); setStep(3); }; const handleChooseItem = (itemName, itemPrice)=>{ if (gold - itemPrice >= 0) { setInventory((prev)=>[ ...prev, itemName ]); setGold((prev)=>prev - itemPrice); } }; const handleSendMessage = async (content)=>{ setMessages((prev)=>[ ...prev, { role: "user", content } ]); setStep(4); }; const CurrentStep = ()=>{ switch(step){ case 1: return /*#__PURE__*/ React.createElement(DragonByteWorldBuilder, { onSubmit: handleWorldSubmit, __source: { fileName: "", lineNumber: 70, columnNumber: 16 }, __self: this }); case 2: return /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 bg-[#300]", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-3 text-[#F4C430] font-roboto", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "2. Character Creation"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", onSubmit: handleCharacterSubmit, __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Character Name", className: "p-2 bg-[#222]", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "race", placeholder: "Race", className: "p-2 bg-[#222]", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "characterClass", placeholder: "Class", className: "p-2 bg-[#222]", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "background", placeholder: "Background", className: "p-2 bg-[#222]", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "alignment", placeholder: "Alignment", className: "p-2 bg-[#222]", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 bg-[#8B0000] p-2 rounded text-sm", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, "Complete Character"))); case 3: return /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 bg-[#300]", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-3 text-[#F4C430] font-roboto", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "3. Inventory Selection"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "You have ", gold, " gold."), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleChooseItem('Sword', 10), className: "bg-[#222] p-2 text-[#F4C430] font-roboto", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "Sword - 10 Gold"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleChooseItem('Shield', 15), className: "bg-[#222] p-2 text-[#F4C430] font-roboto", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, "Shield - 15 Gold"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleChooseItem('Potion', 5), className: "bg-[#222] p-2 text-[#F4C430] font-roboto", __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, "Potion - 5 Gold"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleChooseItem('Lantern', 7), className: "bg-[#222] p-2 text-[#F4C430] font-roboto", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, "Lantern - 7 Gold")), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#8B0000] p-2 rounded text-sm font-roboto", onClick: ()=>setStep(4), __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "Next: Enter the Dungeon")); case 4: return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 bg-[#300]", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-3 text-[#F4C430] font-roboto", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, "4. Chat with Dungeon Master"), /*#__PURE__*/ React.createElement("div", { className: "h-[500px] w-full bg-[#222] overflow-auto p-4 font-roboto", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, messages.map((msg, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: `mb-2 ${msg.role === 'assistant' ? 'text-green-400' : 'text-[#F4C430]'}`, __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }, msg.content))), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Type your message...", className: "mt-4 bg-[#222] p-2 rounded text-sm w-full font-roboto", onKeyDown: (e)=>{ if (e.key === 'Enter') { handleSendMessage(e.target.value); e.target.value = ''; } }, __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this })); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex flex-col items-center justify-center min-h-screen bg-black text-[#F4C430]", __source: { fileName: "", lineNumber: 129, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "m-8 text-center", __source: { fileName: "", lineNumber: 130, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl mb-4 font-roboto", __source: { fileName: "", lineNumber: 131, columnNumber: 9 }, __self: this }, "DragonByte Realms"), /*#__PURE__*/ React.createElement("p", { className: "mb-8 font-roboto", __source: { fileName: "", lineNumber: 132, columnNumber: 9 }, __self: this }, "A four-step journey into your personalized D&D 5e adventure.")), /*#__PURE__*/ React.createElement(CurrentStep, { __source: { fileName: "", lineNumber: 135, columnNumber: 7 }, __self: this })); }