function MainComponent() { const [orders, setOrders] = React.useState([]); const [selectedOrder, setSelectedOrder] = React.useState(null); const [reviewsSentiment, setReviewsSentiment] = React.useState({}); const [isModalOpen, setIsModalOpen] = React.useState(false); const fetchOrders = ()=>{ fetch('/api-proxy/marketplace-api/orders', { method: 'GET' }).then((response)=>response.json()).then((data)=>setOrders(data)); }; React.useEffect(()=>{ fetchOrders(); }, []); React.useEffect(()=>{ orders.forEach((order)=>{ fetch(`/api-proxy/marketplace-api/reviews`, { method: 'GET' }).then((response)=>response.json()).then((reviews)=>{ const orderReviews = reviews.filter((review)=>review.orders_id === order.id); if (orderReviews.length > 0) { const messages = orderReviews.map((review)=>({ role: "user", content: review.comment })); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: messages, system_prompt: 'Classify the sentiment of these reviews as "positive", "neutral", or "negative".', max_tokens: 2000 }) }).then((response)=>response.json()).then((data)=>{ setReviewsSentiment((prev)=>({ ...prev, [order.id]: data.result })); }); } }); }); }, [ orders ]); const handleRefund = (orderId)=>{ fetch(`/api-proxy/marketplace-api/orders/${orderId}`, { method: 'DELETE' }).then(()=>{ fetchOrders(); }); }; const handleEdit = (order)=>{ setSelectedOrder(order); setIsModalOpen(true); }; const closeModal = ()=>{ setIsModalOpen(false); setSelectedOrder(null); }; const updateOrder = (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const updatedOrder = {}; formData.forEach((value, key)=>{ updatedOrder[key] = value; }); fetch(`/api-proxy/marketplace-api/orders/${selectedOrder.id}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(updatedOrder) }).then(()=>{ fetchOrders(); closeModal(); }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 85, columnNumber: 5 }, __self: this }, isModalOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-black bg-opacity-50 flex justify-center items-center", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: updateOrder, __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "price", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "Price"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "price", defaultValue: selectedOrder.price, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "status", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "status", defaultValue: selectedOrder.status, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "quantity", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, "Quantity"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "quantity", defaultValue: selectedOrder.quantity, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-end", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: closeModal, className: "mr-4 py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, "Update"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-4", __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, "Orders Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full whitespace-no-wrap", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "text-left font-bold", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "pb-4 pt-6 px-6 font-roboto", __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, "ID"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 pt-6 px-6 font-roboto", __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this }, "Created At"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 pt-6 px-6 font-roboto", __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this }, "Price"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 pt-6 px-6 font-roboto", __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 pt-6 px-6 font-roboto", __source: { fileName: "", lineNumber: 120, columnNumber: 17 }, __self: this }, "Quantity"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 pt-6 px-6 font-roboto", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }, "Ordered At"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 pt-6 px-6 font-roboto", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, "Listing ID"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 pt-6 px-6 font-roboto", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, "User ID"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 pt-6 px-6 font-roboto", __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }, "Sentiment"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 pt-6 px-6 font-roboto", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, orders.map((order)=>/*#__PURE__*/ React.createElement("tr", { key: order.id, className: "hover:bg-gray-50 cursor-pointer", onClick: ()=>handleEdit(order), __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 font-roboto", __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this }, order.id), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 font-roboto", __source: { fileName: "", lineNumber: 132, columnNumber: 19 }, __self: this }, order.created_at), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 font-roboto", __source: { fileName: "", lineNumber: 133, columnNumber: 19 }, __self: this }, order.price), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 font-roboto", __source: { fileName: "", lineNumber: 134, columnNumber: 19 }, __self: this }, order.status), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 font-roboto", __source: { fileName: "", lineNumber: 135, columnNumber: 19 }, __self: this }, order.quantity), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 font-roboto", __source: { fileName: "", lineNumber: 136, columnNumber: 19 }, __self: this }, order.ordered_at), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 font-roboto", __source: { fileName: "", lineNumber: 137, columnNumber: 19 }, __self: this }, order.listings_id), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 font-roboto", __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }, order.users_id), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 font-roboto", __source: { fileName: "", lineNumber: 139, columnNumber: 19 }, __self: this }, reviewsSentiment[order.id] || 'Loading...'), /*#__PURE__*/ React.createElement("td", { className: "py-4 px-6 font-roboto", __source: { fileName: "", lineNumber: 140, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); handleRefund(order.id); }, className: "text-red-600 hover:text-red-900 mr-2", __source: { fileName: "", lineNumber: 141, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill-wave", __source: { fileName: "", lineNumber: 142, columnNumber: 23 }, __self: this }), " Refund"), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); handleEdit(order); }, className: "text-blue-600 hover:text-blue-900", __source: { fileName: "", lineNumber: 144, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 145, columnNumber: 23 }, __self: this }), " Edit"))))))))); }