function MainComponent() { const [resumeText, setResumeText] = useState(""); const [loading, setLoading] = useState(false); const [feedback, setFeedback] = useState(null); const [error, setError] = useState(""); const analyzeSentiment = async (text)=>{ try { const response = await fetch("/integrations/anthropic-claude-sonnet-3-5/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "Analyze the sentiment and return only 'positive', 'neutral', or 'negative'." }, { role: "user", content: text } ] }) }); const data = await response.json(); return data.choices[0].message.content.toLowerCase(); } catch (error) { return "neutral"; } }; const analyzeFeedback = async ()=>{ setLoading(true); setError(""); try { const response = await fetch("/integrations/anthropic-claude-sonnet-3-5/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are a professional resume reviewer. Analyze the resume and provide feedback in JSON format." }, { role: "user", content: `Analyze this resume and provide detailed feedback: ${resumeText}` } ], json_schema: { type: "object", properties: { strengths: { type: "array", items: { type: "string" } }, weaknesses: { type: "array", items: { type: "string" } }, suggestions: { type: "array", items: { type: "string" } }, overallScore: { type: "number", minimum: 1, maximum: 10 } }, required: [ "strengths", "weaknesses", "suggestions", "overallScore" ] } }) }); const data = await response.json(); const sentiment = await analyzeSentiment(resumeText); setFeedback({ ...data.choices[0].message.content, sentiment }); } catch (err) { setError("Failed to analyze resume. Please try again."); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 99, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, "Resume Analyzer"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4 items-center", __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: resumeText, onChange: (e)=>setResumeText(e.target.value), placeholder: "Paste your resume text here...", className: "w-full max-w-3xl h-64 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: analyzeFeedback, disabled: loading || !resumeText.trim(), className: "bg-blue-500 text-white px-8 py-2 rounded-lg hover:bg-blue-600 disabled:opacity-50", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 119, columnNumber: 19 }, __self: this }), "Analyzing...") : "Get Feedback"))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border-l-4 border-red-400 p-4 mb-8", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-400", __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-3", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-700", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, error)))), feedback && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-900", __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this }, "Strengths"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-400", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-2", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, feedback.strengths.map((strength, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-gray-600", __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }, strength)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 160, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-900", __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this }, "Areas to Improve"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-wrench text-orange-400", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-2", __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, feedback.weaknesses.map((weakness, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-gray-600", __source: { fileName: "", lineNumber: 169, columnNumber: 19 }, __self: this }, weakness)))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2 bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 176, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-4", __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-900", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }, "Suggested Improvements"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb text-blue-400", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-2", __source: { fileName: "", lineNumber: 183, columnNumber: 15 }, __self: this }, feedback.suggestions.map((suggestion, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-gray-600", __source: { fileName: "", lineNumber: 185, columnNumber: 19 }, __self: this }, suggestion)))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2 bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 192, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 193, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 194, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 195, columnNumber: 19 }, __self: this }, "Score: ", feedback.overallScore, "/10"), /*#__PURE__*/ React.createElement("div", { className: `px-3 py-1 rounded-full text-sm ${feedback.sentiment === "positive" ? "bg-green-100 text-green-800" : feedback.sentiment === "negative" ? "bg-red-100 text-red-800" : "bg-gray-100 text-gray-800"}`, __source: { fileName: "", lineNumber: 198, columnNumber: 19 }, __self: this }, feedback.sentiment.charAt(0).toUpperCase() + feedback.sentiment.slice(1)))))))); }