function AnswerDeclineButtonWithStableDiffusionImage({ onAnswer, onDecline, imageUrl, message }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Houseparty20, { onAnswer: onAnswer, onDecline: onDecline, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, imageUrl && /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Generated by Stable Diffusion based on a painting of foxes playing poker, resembling Disney's Zootopia", className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 22 }, __self: this }), message && /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm mt-2 font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 21 }, __self: this }, message))); } function AnswerDeclineButtonWithStableDiffusionImageStory() { const [imageUrl, setImageUrl] = React.useState(''); const [message, setMessage] = React.useState(''); const answerCall = ()=>{ fetch('/integrations/stable-diffusion/?prompt=a+painting+of+foxes+playing+poker%2C+disney%2C+zootopia&batch_size=1', { method: 'GET' }).then((response)=>response.json()).then((data)=>{ setImageUrl(data.data[0]); }); }; const declineCall = ()=>{ fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": "Decline the call" } ], system_prompt: 'Explain this content' }), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.json()).then((data)=>{ setMessage(data.result); setImageUrl(''); }); }; return /*#__PURE__*/ React.createElement(AnswerDeclineButtonWithStableDiffusionImage, { onAnswer: answerCall, onDecline: declineCall, imageUrl: imageUrl, message: message, __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }); } function Houseparty20({ onAnswer, onDecline }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center space-y-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { name: "answer", onClick: onAnswer, className: "bg-green-500 text-white p-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Answer"), /*#__PURE__*/ React.createElement("button", { name: "decline", onClick: onDecline, className: "bg-red-500 text-white p-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Decline"))); } function Houseparty20Story() { const handleAnswer = ()=>{}; const handleDecline = ()=>{}; return /*#__PURE__*/ React.createElement(Houseparty20, { onAnswer: handleAnswer, onDecline: handleDecline, __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }); } function MainComponent() { const [imageUrl, setImageUrl] = React.useState(''); const [message, setMessage] = React.useState(''); const answerCall = ()=>{ fetch('/integrations/stable-diffusion/?prompt=a+painting+of+foxes+playing+poker%2C+disney%2C+zootopia&batch_size=1', { method: 'GET' }).then((response)=>response.json()).then((data)=>{ setImageUrl(data.data[0]); setMessage(''); }); }; const declineCall = ()=>{ fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": "Decline the call" } ], system_prompt: 'Explain this content' }), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.json()).then((data)=>{ setMessage(data.result); setImageUrl(''); }); }; return /*#__PURE__*/ React.createElement(AnswerDeclineButtonWithStableDiffusionImage, { onAnswer: answerCall, onDecline: declineCall, imageUrl: imageUrl, message: message, __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }); }