function GameDetailsInputField({ value, onChange, placeholder }) { return /*#__PURE__*/ React.createElement("textarea", { name: "gameInput", value: value, onChange: onChange, className: "w-full h-[150px] p-2 border border-[#ccc] rounded-md", placeholder: placeholder, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function GameDetailsInputFieldStory() { const [gameInput1, setGameInput1] = React.useState(''); const [gameInput2, setGameInput2] = React.useState('Initial text for game details.'); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GameDetailsInputField, { value: gameInput1, onChange: (e)=>setGameInput1(e.target.value), placeholder: "Enter game details here for analysis...", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(GameDetailsInputField, { value: gameInput2, onChange: (e)=>setGameInput2(e.target.value), placeholder: "This is another instance of the input.", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this })); } function GameDetailsInputBox({ value, onChange, placeholder }) { return /*#__PURE__*/ React.createElement("textarea", { name: "gameInput", value: value, onChange: (e)=>onChange(e.target.value), className: "w-full h-[150px] p-2 border border-[#ccc] rounded-md", placeholder: placeholder, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function GameDetailsInputBoxStory() { const [gameInput, setGameInput] = React.useState(""); return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GameDetailsInputBox, { value: gameInput, onChange: setGameInput, placeholder: "Enter game details here for analysis...", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this })); } function MainComponent() { const [loading, setLoading] = React.useState(false); const [gameInput, setGameInput] = React.useState(""); const [numCoins, setNumCoins] = React.useState("--"); const [bulletsNeeded, setBulletsNeeded] = React.useState("--"); const analyzeGame = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: gameInput } ] }) }); const data = await response.json(); const result = data.choices[0].message.content.split('\n'); setNumCoins(result[0].split(':')[1].trim()); setBulletsNeeded(result[1].split(':')[1].trim()); } catch (error) { console.error("Error:", error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f8ff]", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#333] font-roboto text-2xl mb-6", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, "Mega Fishing Game"), /*#__PURE__*/ React.createElement("div", { className: "w-[400px] bg-[#fff] p-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(GameDetailsInputField, { value: gameInput, onChange: (e)=>setGameInput(e.target.value), placeholder: "Enter game details here for analysis...", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: analyzeGame, className: `w-full mt-4 p-2 ${loading ? 'bg-gray-400' : 'bg-blue-500'} text-white rounded-md font-roboto`, disabled: loading, __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, loading ? "Analyzing..." : "Analyze"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-2 border border-[#ccc] rounded-md h-[150px]", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#555] font-roboto text-xl", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Results:"), /*#__PURE__*/ React.createElement("p", { className: "text-[#333] font-roboto text-base", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Number of coins:", /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-bold text-[#ff4500]", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, numCoins)), /*#__PURE__*/ React.createElement("p", { className: "text-[#333] font-roboto text-base", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Bullets needed:", /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-bold text-[#ff4500]", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, bulletsNeeded)))), /*#__PURE__*/ React.createElement("div", { className: "w-[400px] bg-[#fff] p-4 rounded-lg shadow-md mt-6", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(GameDetailsInputBox, { value: gameInput, onChange: setGameInput, placeholder: "Enter game details here for analysis...", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }))); }