function SubmitButtonRemoval({ tiktokAccountName, postUrl1, postUrl2, postUrl3, checkboxes }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg mx-auto mt-10", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-lg shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-xl", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "TikTok"), /*#__PURE__*/ React.createElement("i", { className: "fa fa-chevron-down ml-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("input", { name: "tiktokAccountName", className: "w-full mb-4 px-2 py-3 border rounded-lg", placeholder: "TikTokのアカウント名を記載", value: tiktokAccountName, __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "postUrl1", className: "w-full mb-4 px-2 py-3 border rounded-lg", placeholder: "投稿1のURLを記載", value: postUrl1, __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "postUrl2", className: "w-full mb-4 px-2 py-3 border rounded-lg", placeholder: "投稿2のURLを記載", value: postUrl2, __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "postUrl3", className: "w-full mb-4 px-2 py-3 border rounded-lg", placeholder: "投稿3のURLを記載", value: postUrl3, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-10", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, checkboxes.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-bold text-xl", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, item))))); } function SubmitButtonRemovalStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SubmitButtonRemoval, { tiktokAccountName: "exampleAccount", postUrl1: "https://example.com/post1", postUrl2: "https://example.com/post2", postUrl3: "https://example.com/post3", checkboxes: [ "YouTube", "Instagram", "Twitter(X)", "Facebook" ], __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this })); } function MainComponent() { const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(""); const handleSubmit = async ()=>{ setLoading(true); const messages = [ { role: "user", content: "the content of the message" } ]; const system_prompt = "Explain this content"; try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages, system_prompt }) }); const data = await res.json(); setResponse(data.choices[0].message.content); } catch (error) { console.error("Error:", error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg mx-auto mt-10", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SubmitButtonRemoval, { tiktokAccountName: "", postUrl1: "", postUrl2: "", postUrl3: "", checkboxes: [ "YouTube", "Instagram", "Twitter(X)", "Facebook" ], __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-4 p-2 bg-blue-500 text-white rounded", onClick: handleSubmit, disabled: loading, __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, loading ? "Loading..." : "Submit"), response && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border rounded-lg", __source: { fileName: "", lineNumber: 54, columnNumber: 20 }, __self: this }, response)); }