function MainComponent() { const [contacts, setContacts] = React.useState([]); const [selectedContact, setSelectedContact] = React.useState(null); const [customerInfo, setCustomerInfo] = React.useState([]); React.useEffect(()=>{ const getCookie = (name)=>{ const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) { const cookie = parts.pop().split(';').shift(); if (cookie !== 'undefined') { return cookie; } } return null; }; const fetchAccessToken = async ()=>{ try { const response = await fetch('https://www.team240.site:5000/refreshAccessToken', { method: 'POST', credentials: 'include' }); if (!response.ok) { throw new Error('Failed to fetch access token'); } const data = await response.json(); const accessToken = data.access_token; if (accessToken === 'undefined' || !accessToken) { throw new Error('Invalid access token'); } return accessToken; } catch (error) { console.error('Error fetching access token:', error); if (error.message === 'Refresh token expired') { window.location.href = '/auth'; } throw error; } }; const fetchContacts = async ()=>{ let accessToken = getCookie('access_token'); if (!accessToken) { try { accessToken = await fetchAccessToken(); } catch (error) { console.error('Error fetching access token:', error); return; } } try { const response = await fetch('https://www.team240.site:5000/contacts', { method: 'GET', credentials: 'include' }); if (!response.ok) { console.error('Failed to fetch contacts:', response.statusText); return; } const contacts = await response.json(); setContacts(contacts); } catch (error) { console.error('Error fetching contacts:', error); } }; fetchContacts(); }, []); const handleFetchCustomerInfo = async ()=>{ const getCookie = (name)=>{ const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) { const cookie = parts.pop().split(';').shift(); if (cookie !== 'undefined') { return cookie; } } return null; }; const fetchAccessToken = async ()=>{ try { const response = await fetch('https://www.team240.site:5000/refreshAccessToken', { method: 'POST', credentials: 'include' }); if (!response.ok) { throw new Error('Failed to fetch access token'); } const data = await response.json(); const accessToken = data.access_token; if (accessToken === 'undefined' || !accessToken) { throw new Error('Invalid access token'); } return accessToken; } catch (error) { console.error('Error fetching access token:', error); if (error.message === 'Refresh token expired') { window.location.href = '/auth'; } throw error; } }; let accessToken = getCookie('access_token'); if (!accessToken) { try { accessToken = await fetchAccessToken(); } catch (error) { console.error('Error fetching access token:', error); return; } } if (!selectedContact) { alert('Please select a contact'); return; } const contactName = selectedContact.Account_Name.id; try { const response = await fetch(`https://www.team240.site:5000/integrateCustomerInfo?contactName=${contactName}&access_token=${accessToken}`, { method: 'GET', credentials: 'include' }); if (response.status === 401) { const newAccessToken = await fetchAccessToken(); return handleFetchCustomerInfo(); } if (!response.ok) { console.error('Failed to fetch customer info:', response.statusText); return; } const customerInfo = await response.json(); setCustomerInfo(customerInfo); } catch (error) { console.error('Error fetching customer info:', error); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 157, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto mb-6", __source: { fileName: "", lineNumber: 158, columnNumber: 7 }, __self: this }, "Select a Contact"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded w-full max-w-md p-6", __source: { fileName: "", lineNumber: 159, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border border-gray-300 rounded mb-4", id: "contactsDropdown", name: "contacts", onChange: (e)=>setSelectedContact(JSON.parse(e.target.value)), __source: { fileName: "", lineNumber: 160, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, "Select a contact"), contacts.map((contact)=>/*#__PURE__*/ React.createElement("option", { key: contact.Email, value: JSON.stringify(contact), __source: { fileName: "", lineNumber: 168, columnNumber: 13 }, __self: this }, contact.Full_Name || contact.Email))), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white py-2 rounded hover:bg-blue-600", id: "fetchCustomerInfoButton", onClick: handleFetchCustomerInfo, __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, "Fetch Customer Info"), /*#__PURE__*/ React.createElement("ul", { className: "mt-4", id: "customerInfoList", __source: { fileName: "", lineNumber: 180, columnNumber: 9 }, __self: this }, customerInfo.map((info)=>/*#__PURE__*/ React.createElement("li", { key: info.Cdate, __source: { fileName: "", lineNumber: 182, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 183, columnNumber: 15 }, __self: this }, "Title:"), " ", info.MULTI_LINE, /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 183, columnNumber: 56 }, __self: this }), /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this }, "Channel:"), " ", info.channel, /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 184, columnNumber: 55 }, __self: this }), /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, "Name:"), " ", info.lastName, /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 185, columnNumber: 53 }, __self: this }), /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 186, columnNumber: 15 }, __self: this }, "Date:"), " ", new Date(info.Cdate).toLocaleString()))))); }