function MainComponent() { const [friends, setFriends] = React.useState([]); const [isLoading, setIsLoading] = React.useState(true); const [error, setError] = React.useState(''); const fetchFriendsLocations = async ()=>{ try { setError(''); const result = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: "system", content: "Fetch all friends' locations." } ], system_prompt: 'List of all friends and their locations.', max_tokens: 500 }), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.json()); if (result.status) { setFriends(result.result); } else { setError('An error occurred while fetching friends locations.'); } } catch (err) { setError('An error occurred while fetching friends locations.'); } finally{ setIsLoading(false); } }; React.useEffect(()=>{ fetchFriendsLocations(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen bg-[#f5f5f5] font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 overflow-auto", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Friends Locations"), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-sm", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Loading...") : error ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-red-500", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, error) : /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, friends.map((friend)=>/*#__PURE__*/ React.createElement("li", { key: friend.id, className: "bg-white rounded-lg shadow-md p-4 flex items-center justify-between", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, friend.name), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, friend.location), friend.coords ? /*#__PURE__*/ React.createElement("span", { className: "text-xs rounded-full bg-[#4caf50] text-white px-2 py-1", __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this }, friend.coords.lat.toFixed(2), ", ", friend.coords.lng.toFixed(2)) : null))))); }