function MainComponent() { const [searchTerm, setSearchTerm] = useState(""); const [rfqs, setRfqs] = useState([]); const [selectedRfq, setSelectedRfq] = useState(null); const [isEditModalOpen, setIsEditModalOpen] = useState(false); const [isNewRfqModalOpen, setIsNewRfqModalOpen] = useState(false); const [isFlowChartOpen, setIsFlowChartOpen] = useState(false); const [selectedRfqForFlow, setSelectedRfqForFlow] = useState(null); const [stageNotes, setStageNotes] = useState(""); const [showWorkflowModal, setShowWorkflowModal] = useState(false); const [showFeedbackModal, setShowFeedbackModal] = useState(false); const [sortConfig, setSortConfig] = useState({ key: "id", direction: "asc" }); const [feedbackForm, setFeedbackForm] = useState({ customerFeedback: "", priceFeedback: "", feedbackStatus: "pending" }); const [editForm, setEditForm] = useState({ company: "", status: "", rfqDate: "", pricingDate: "", quoteDate: "", amount: "", notes: "", salesProposalNumber: "" }); const [newRfqForm, setNewRfqForm] = useState({ customerName: "", manufacturer: "", partNumber: "", description: "", quantity: "", salesProposalNumber: "" }); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [signingIn, setSigningIn] = useState(false); const [signinError, setSigninError] = useState(null); const { signInWithCredentials } = useAuth(); useEffect(()=>{ const mockRfqs = [ { id: 13, company: "Manufacturing Solutions", status: "in_progress", rfqDate: "2024-01-21", pricingDate: "2024-01-22", quoteDate: "", amount: 45000, salesProposalNumber: "SP-2024-013", current_stage: "pricing_received", notes: "Customer: Manufacturing Solutions\nManufacturer: Siemens\nPart #: CTRL-X1\nDescription: Control Systems\nQuantity: 5\nNotes: Pricing received from 3 vendors", customer_feedback: "", feedback_date: null, price_feedback: "", feedback_status: "pending" }, { id: 14, company: "Aerospace Components", status: "in_progress", rfqDate: "2024-01-20", pricingDate: "2024-01-23", quoteDate: "", amount: 125000, salesProposalNumber: "SP-2024-014", current_stage: "pricing_received", notes: "Customer: Aerospace Components\nManufacturer: Boeing\nPart #: AC-2024\nDescription: Aircraft Parts\nQuantity: 2\nNotes: Cost analysis completed", customer_feedback: "", feedback_date: null, price_feedback: "", feedback_status: "pending" } ]; setRfqs(mockRfqs); }, []); const sortData = (data, key, direction)=>{ return [ ...data ].sort((a, b)=>{ if (!a[key] && !b[key]) return 0; if (!a[key]) return 1; if (!b[key]) return -1; switch(key){ case "amount": return direction === "asc" ? a[key] - b[key] : b[key] - a[key]; case "rfqDate": case "pricingDate": case "quoteDate": case "feedback_date": return direction === "asc" ? new Date(a[key]) - new Date(b[key]) : new Date(b[key]) - new Date(a[key]); default: return direction === "asc" ? String(a[key]).localeCompare(String(b[key])) : String(b[key]).localeCompare(String(a[key])); } }); }; const requestSort = (key)=>{ let direction = "asc"; if (sortConfig.key === key && sortConfig.direction === "asc") { direction = "desc"; } setSortConfig({ key, direction }); }; const getSortDirectionIcon = (columnKey)=>{ if (sortConfig.key !== columnKey) { return /*#__PURE__*/ React.createElement("i", { className: "fas fa-sort text-gray-400 ml-1", __source: { fileName: "", lineNumber: 123, columnNumber: 14 }, __self: this }); } return sortConfig.direction === "asc" ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-sort-up text-blue-600 ml-1", __source: { fileName: "", lineNumber: 126, columnNumber: 7 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-sort-down text-blue-600 ml-1", __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this }); }; const sortedAndFilteredRfqs = useMemo(()=>{ let filteredData = rfqs.filter((rfq)=>rfq.company.toLowerCase().includes(searchTerm.toLowerCase()) || rfq.notes.toLowerCase().includes(searchTerm.toLowerCase()) || rfq.salesProposalNumber && rfq.salesProposalNumber.toLowerCase().includes(searchTerm.toLowerCase())); return sortData(filteredData, sortConfig.key, sortConfig.direction); }, [ rfqs, searchTerm, sortConfig ]); const handleNewRfq = async ()=>{ try { const response = await fetch("/api/send-email-button", { method: "POST", body: JSON.stringify({ action: "createRFQ", data: { title: newRfqForm.description, customerName: newRfqForm.customerName, description: newRfqForm.description, salesProposalNumber: newRfqForm.salesProposalNumber } }) }); const result = await response.json(); if (result.success) { setIsNewRfqModalOpen(false); setRfqs([ ...rfqs, { id: rfqs.length + 1, company: newRfqForm.customerName, status: "new", rfqDate: new Date().toISOString().split("T")[0], pricingDate: "", quoteDate: "", amount: 0, salesProposalNumber: newRfqForm.salesProposalNumber, current_stage: "rfq_received", notes: `Customer: ${newRfqForm.customerName}\nManufacturer: ${newRfqForm.manufacturer}\nPart #: ${newRfqForm.partNumber}\nDescription: ${newRfqForm.description}\nQuantity: ${newRfqForm.quantity}\n`, customer_feedback: "", feedback_date: null, price_feedback: "", feedback_status: "pending" } ]); } } catch (error) { console.error("Error creating new RFQ:", error); } }; const handleSignIn = async (e)=>{ e.preventDefault(); setSigningIn(true); try { await signInWithCredentials({ email, password, callbackUrl: "/", redirect: true }); } catch (err) { setSigninError("Something went wrong. Please try again."); setSigningIn(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-4", __source: { fileName: "", lineNumber: 205, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 206, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 207, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto text-gray-800", __source: { fileName: "", lineNumber: 208, columnNumber: 11 }, __self: this }, "RFQ Tracker"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowWorkflowModal(true), className: "bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 flex items-center", __source: { fileName: "", lineNumber: 212, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sitemap mr-2", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }), "View Workflow"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsNewRfqModalOpen(true), className: "bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 222, columnNumber: 15 }, __self: this }), "New RFQ"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mt-6", __source: { fileName: "", lineNumber: 227, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 228, columnNumber: 11 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSignIn, __source: { fileName: "", lineNumber: 229, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 230, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block mb-2 font-medium", __source: { fileName: "", lineNumber: 231, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { id: "email", type: "email", placeholder: "Email", className: "w-full border-gray-300 rounded-md px-4 py-2 focus:outline-none focus:ring-blue-500 focus:border-blue-500", value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 243, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block mb-2 font-medium", __source: { fileName: "", lineNumber: 244, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { id: "password", type: "password", placeholder: "Password", className: "w-full border-gray-300 rounded-md px-4 py-2 focus:outline-none focus:ring-blue-500 focus:border-blue-500", value: password, onChange: (e)=>setPassword(e.target.value), __source: { fileName: "", lineNumber: 247, columnNumber: 15 }, __self: this })), signinError && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 text-red-500 p-4 rounded-md mb-4", __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }, signinError), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600 disabled:opacity-50", disabled: signingIn, __source: { fileName: "", lineNumber: 261, columnNumber: 13 }, __self: this }, signingIn ? "Loading..." : "Sign In"))))); }