var __CODE__ = (() => { var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // virtual:/page.jsx var page_exports = {}; __export(page_exports, { default: () => page_default }); // virtual:/__injected-globals.js var useSession = () => { if (typeof nextAuthUseSession !== void 0) { return nextAuthUseSession(); } return { data: {}, status: "unauthenticated" }; }; var fetch = /* @__PURE__ */ function(originalFetch) { const getURlFromArgs = (...args) => { const [urlArg] = args; let url; if (typeof urlArg === "string") { url = urlArg; } else if (urlArg instanceof Request) { url = urlArg.url; } else { url = `${urlArg.protocol}//${urlArg.host}${urlArg.pathname}`; } return url; }; const isFirstPartyURL = (url) => { return url.startsWith(window.location.origin) || url.startsWith("/") || url.startsWith("https://created.app"); }; return async function fetchWithHeaders(input, init = {}) { const url = getURlFromArgs(input, init); const isExternalFetch = !isFirstPartyURL(url); if (isExternalFetch) { return originalFetch(input, init); } const initHeaders = init?.headers ?? {}; const finalHeaders = new Headers(initHeaders); finalHeaders.set("x-createxyz-project-id", "6179b819-880c-4e61-aebc-42f11eaaec1f"); finalHeaders.set("x-createxyz-project-group-id", "ee8ce9f1-19f4-47be-9846-66b4228851b1"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "6179b819-880c-4e61-aebc-42f11eaaec1f"); input.headers.set("x-createxyz-project-group-id", "ee8ce9f1-19f4-47be-9846-66b4228851b1"); } return originalFetch(input, { ...init, headers: finalHeaders }); }; }(globalThis.fetch); // virtual:/page.jsx function useUpload() { const [loading, setLoading] = React.useState(false); const upload = React.useCallback(async (input) => { try { setLoading(true); let response; if ("reactNativeAsset" in input && input.reactNativeAsset) { if (input.reactNativeAsset.file) { const formData = new FormData(); formData.append("file", input.reactNativeAsset.file); response = await fetch("/_create/api/upload/", { method: "POST", body: formData }); } else { const response2 = await fetch("/_create/api/upload/presign/", { method: "POST" }); const { secureSignature, secureExpire } = await response2.json(); const result = await client.uploadFile(input.reactNativeAsset, { fileName: input.reactNativeAsset.name ?? input.reactNativeAsset.uri.split("/").pop(), contentType: input.reactNativeAsset.mimeType, secureSignature, secureExpire }); return { url: `${process.env.EXPO_PUBLIC_BASE_CREATE_USER_CONTENT_URL}/${result.uuid}/`, mimeType: result.mimeType || null }; } } else if ("file" in input && input.file) { const formData = new FormData(); formData.append("file", input.file); response = await fetch("/_create/api/upload/", { method: "POST", body: formData }); } else if ("url" in input) { response = await fetch("/_create/api/upload/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: input.url }) }); } else if ("base64" in input) { response = await fetch("/_create/api/upload/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ base64: input.base64 }) }); } else { response = await fetch("/_create/api/upload/", { method: "POST", headers: { "Content-Type": "application/octet-stream" }, body: input.buffer }); } if (!response.ok) { if (response.status === 413) { throw new Error("Upload failed: File too large."); } throw new Error("Upload failed"); } const data = await response.json(); return { url: data.url, mimeType: data.mimeType || null }; } catch (uploadError) { if (uploadError instanceof Error) { return { error: uploadError.message }; } if (typeof uploadError === "string") { return { error: uploadError }; } return { error: "Upload failed" }; } finally { setLoading(false); } }, []); return [upload, { loading }]; } var useUser = () => { const { data: session, status } = useSession(); const id = session?.user?.id; const [user, setUser] = React.useState(session?.user ?? null); const fetchUser = React.useCallback(async (session2) => { return session2?.user; }, []); const refetchUser = React.useCallback(() => { if (true) { if (id) { fetchUser(session).then(setUser); } else { setUser(null); } } }, [fetchUser, id]); React.useEffect(refetchUser, [refetchUser]); if (false) { return { user, data: session?.user || null, loading: status === "loading", refetch: refetchUser }; } return { user, data: user, loading: status === "loading" || status === "authenticated" && !user, refetch: refetchUser }; }; function MainComponent() { const { data: user, loading: userLoading } = useUser(); const [activeTab, setActiveTab] = React.useState("upload"); const [cvs, setCvs] = React.useState([]); const [jobPostings, setJobPostings] = React.useState([]); const [analyses, setAnalyses] = React.useState([]); const [coverLetters, setCoverLetters] = React.useState([]); const [supportingDocs, setSupportingDocs] = React.useState([]); const [userProfile, setUserProfile] = React.useState(null); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [upload, { loading: uploadLoading }] = useUpload(); React.useEffect(() => { if (user) { loadCvs(); loadJobPostings(); loadAnalyses(); loadCoverLetters(); loadSupportingDocs(); loadUserProfile(); } }, [user]); const loadCvs = async () => { try { const response = await fetch("/api/cvs/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to load CVs"); } const data = await response.json(); setCvs(Array.isArray(data) ? data : data.cvs || []); } catch (err) { console.error("Error loading CVs:", err); setError("Could not load CVs: " + err.message); setCvs([]); } }; const loadJobPostings = async () => { try { const response = await fetch("/api/job-postings/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to load job postings"); } const data = await response.json(); setJobPostings(Array.isArray(data) ? data : []); } catch (err) { console.error("Error loading job postings:", err); setError("Could not load job postings: " + err.message); setJobPostings([]); } }; const loadAnalyses = async () => { try { const response = await fetch("/api/qualification-analyses/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to load analyses"); } const data = await response.json(); setAnalyses(Array.isArray(data) ? data : []); } catch (err) { console.error("Error loading analyses:", err); setError("Could not load analyses: " + err.message); setAnalyses([]); } }; const loadCoverLetters = async () => { try { const response = await fetch("/api/cover-letters/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to load cover letters"); } const data = await response.json(); setCoverLetters(Array.isArray(data) ? data : []); } catch (err) { console.error("Error loading cover letters:", err); setError("Could not load cover letters: " + err.message); setCoverLetters([]); } }; const loadSupportingDocs = async () => { try { const response = await fetch("/api/supporting-docs/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) { const errorData = await response.json(); throw new Error( errorData.error || "Failed to load supporting documents" ); } const data = await response.json(); setSupportingDocs(Array.isArray(data) ? data : []); } catch (err) { console.error("Error loading supporting documents:", err); setError("Could not load supporting documents: " + err.message); setSupportingDocs([]); } }; const loadUserProfile = async () => { try { const response = await fetch("/api/user-profile/get", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to load user profile"); } const data = await response.json(); setUserProfile(data.profile || null); } catch (err) { console.error("Error loading user profile:", err); setUserProfile(null); } }; const loadApplications = async () => { try { const response = await fetch("/api/applications/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) throw new Error("Failed to load applications"); const data = await response.json(); setApplications(data.applications || []); } catch (err) { console.error(err); setError("Could not load applications"); } }; if (userLoading) { return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement( "img", { src: "https://ucarecdn.com/0124d821-048e-4715-a0df-4cc57a06781d/-/format/auto/", alt: "CoverMate Logo", className: "w-16 h-16 mx-auto mb-4 animate-pulse" } ), /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4" }), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600" }, "Loading CoverMate..."))); } if (!user) { return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center p-4" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-md w-full bg-white rounded-2xl shadow-xl p-8 text-center" }, /* @__PURE__ */ React.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React.createElement( "img", { src: "https://ucarecdn.com/0124d821-048e-4715-a0df-4cc57a06781d/-/format/auto/", alt: "CoverMate Logo", className: "w-20 h-20 mx-auto mb-6" } ), /* @__PURE__ */ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 mb-3" }, "CoverMate"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 text-lg" }, "Your AI-powered CV and job application assistant")), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("p", { className: "text-gray-700" }, "Please sign in to access your personal CV workspace and keep your data secure."), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement( "a", { href: "/account/signin", className: "block w-full px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-sign-in-alt mr-2" }), "Sign In" ), /* @__PURE__ */ React.createElement( "a", { href: "/account/signup", className: "block w-full px-6 py-3 border-2 border-blue-600 text-blue-600 rounded-lg hover:bg-blue-50 transition-colors font-semibold" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-user-plus mr-2" }), "Create Account" )), /* @__PURE__ */ React.createElement("div", { className: "mt-8 pt-6 border-t border-gray-200" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-6 text-sm text-gray-600" }, /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-shield-alt text-blue-500 text-2xl mb-2" }), /* @__PURE__ */ React.createElement("p", { className: "font-medium" }, "Secure & Private"), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, "Your data is protected")), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-robot text-blue-500 text-2xl mb-2" }), /* @__PURE__ */ React.createElement("p", { className: "font-medium" }, "AI-Powered"), /* @__PURE__ */ React.createElement("p", { className: "text-xs" }, "Smart cover letters"))))))); } return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gray-50 font-inter" }, /* @__PURE__ */ React.createElement( "link", { rel: "icon", type: "image/x-icon", href: "https://ucarecdn.com/0124d821-048e-4715-a0df-4cc57a06781d/-/format/auto/" } ), /* @__PURE__ */ React.createElement("div", { className: "bg-gradient-to-r from-blue-600 via-blue-700 to-indigo-800 relative overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-10" }), /* @__PURE__ */ React.createElement( "div", { className: "absolute inset-0", style: { backgroundImage: `url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")` } } ), /* @__PURE__ */ React.createElement("div", { className: "relative max-w-7xl mx-auto px-4 py-12 sm:py-16 lg:py-20" }, /* @__PURE__ */ React.createElement("div", { className: "text-center mb-8" }, /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center justify-center w-24 h-24 sm:w-28 sm:h-28 bg-white bg-opacity-20 rounded-full mb-6 backdrop-blur-sm shadow-lg" }, /* @__PURE__ */ React.createElement( "img", { src: "https://ucarecdn.com/0124d821-048e-4715-a0df-4cc57a06781d/-/format/auto/", alt: "CoverMate Logo", className: "w-16 h-16 sm:w-20 sm:h-20 object-contain" } )), /* @__PURE__ */ React.createElement("div", { className: "text-center mb-6" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl sm:text-5xl lg:text-6xl font-bold text-white mb-4 tracking-tight" }, "CoverMate"), /* @__PURE__ */ React.createElement("p", { className: "text-lg sm:text-xl lg:text-2xl text-blue-100 mb-8 max-w-4xl mx-auto leading-relaxed px-4" }, "Your AI-powered CV and job application assistant"), /* @__PURE__ */ React.createElement("p", { className: "text-base sm:text-lg text-blue-200 max-w-3xl mx-auto leading-relaxed px-4" }, "Upload your CV, analyze job matches, generate personalized cover letters, and track your applications\u2014all powered by AI. Created by Elzenitho.")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center space-y-3 mb-8" }, /* @__PURE__ */ React.createElement("div", { className: "text-white text-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm opacity-90" }, "Signed in as"), /* @__PURE__ */ React.createElement("p", { className: "font-medium text-lg" }, user.name || user.email)), /* @__PURE__ */ React.createElement( "a", { href: "/account/logout", className: "px-4 py-2 bg-white bg-opacity-20 text-white rounded-md hover:bg-opacity-30 transition-colors text-sm backdrop-blur-sm" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-sign-out-alt mr-2" }), "Sign Out" ))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap justify-center gap-3 mb-8" }, [ { icon: "fas fa-upload", text: "Smart CV Upload" }, { icon: "fas fa-chart-line", text: "Match Analysis" }, { icon: "fas fa-file-alt", text: "AI Cover Letters" }, { icon: "fas fa-paper-plane", text: "Application Tracking" }, { icon: "fas fa-folder", text: "Supporting Docs" }, { icon: "fas fa-envelope", text: "Email Sending" } ].map((feature, index) => /* @__PURE__ */ React.createElement( "div", { key: index, className: "inline-flex items-center px-3 sm:px-4 py-2 bg-white bg-opacity-20 rounded-full text-white text-xs sm:text-sm font-medium backdrop-blur-sm hover:bg-opacity-30 transition-colors" }, /* @__PURE__ */ React.createElement("i", { className: `${feature.icon} mr-2` }), feature.text ))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-5 gap-4 sm:gap-6 max-w-4xl mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl sm:text-3xl font-bold text-white" }, Array.isArray(cvs) ? cvs.length : 0), /* @__PURE__ */ React.createElement("div", { className: "text-blue-200 text-sm" }, "CVs")), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl sm:text-3xl font-bold text-white" }, Array.isArray(jobPostings) ? jobPostings.length : 0), /* @__PURE__ */ React.createElement("div", { className: "text-blue-200 text-sm" }, "Jobs")), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl sm:text-3xl font-bold text-white" }, Array.isArray(analyses) ? analyses.length : 0), /* @__PURE__ */ React.createElement("div", { className: "text-blue-200 text-sm" }, "Analyses")), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl sm:text-3xl font-bold text-white" }, Array.isArray(coverLetters) ? coverLetters.length : 0), /* @__PURE__ */ React.createElement("div", { className: "text-blue-200 text-sm" }, "Letters")), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl sm:text-3xl font-bold text-white" }, Array.isArray(supportingDocs) ? supportingDocs.length : 0), /* @__PURE__ */ React.createElement("div", { className: "text-blue-200 text-sm" }, "Docs")))), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-0 left-0 right-0" }, /* @__PURE__ */ React.createElement( "svg", { viewBox: "0 0 1440 120", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "w-full h-8 sm:h-12" }, /* @__PURE__ */ React.createElement( "path", { d: "M0 120L60 105C120 90 240 60 360 45C480 30 600 30 720 37.5C840 45 960 60 1080 67.5C1200 75 1320 75 1380 75L1440 75V120H1380C1320 120 1200 120 1080 120C960 120 840 120 720 120C600 120 480 120 360 120C240 120 120 120 60 120H0Z", fill: "#f9fafb" } ) ))), /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-8" }, error && /* @__PURE__ */ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 mb-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-exclamation-circle text-red-400 mr-3 mt-0.5" }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-medium text-red-800" }, "Error"), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-red-700 mt-1" }, error)), /* @__PURE__ */ React.createElement( "button", { onClick: () => setError(null), className: "ml-auto text-red-400 hover:text-red-600" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-times" }) ))), /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto px-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg shadow-sm mb-6" }, /* @__PURE__ */ React.createElement("div", { className: "border-b border-gray-200" }, /* @__PURE__ */ React.createElement("nav", { className: "flex space-x-8 px-6 overflow-x-auto" }, [ { id: "upload", label: "Upload CV", icon: "fas fa-upload" }, { id: "jobs", label: "Job Postings", icon: "fas fa-briefcase" }, { id: "analysis", label: "Qualification Analysis", icon: "fas fa-chart-line" }, { id: "letters", label: "Cover Letters", icon: "fas fa-file-alt" }, { id: "applications", label: "Applications", icon: "fas fa-paper-plane" }, { id: "documents", label: "Supporting Docs", icon: "fas fa-folder" }, { id: "profile", label: "Profile & Settings", icon: "fas fa-user-cog" } ].map((tab) => /* @__PURE__ */ React.createElement( "button", { key: tab.id, onClick: () => setActiveTab(tab.id), className: `py-4 px-1 border-b-2 font-medium text-sm whitespace-nowrap transition-colors ${activeTab === tab.id ? "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"}` }, /* @__PURE__ */ React.createElement("i", { className: `${tab.icon} mr-2` }), tab.label )))))), /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto px-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6" }, activeTab === "upload" && /* @__PURE__ */ React.createElement( CVUploadTab, { cvs, onCvUploaded: loadCvs, upload, uploadLoading, setError } ), activeTab === "jobs" && /* @__PURE__ */ React.createElement( JobPostingsTab, { jobPostings, onJobAdded: loadJobPostings, setError } ), activeTab === "analysis" && /* @__PURE__ */ React.createElement( QualificationAnalysisTab, { cvs, jobPostings, analyses, onAnalysisComplete: loadAnalyses, setError } ), activeTab === "letters" && /* @__PURE__ */ React.createElement( CoverLettersTab, { cvs, jobPostings, coverLetters, onLetterGenerated: loadCoverLetters, setError, userProfile } ), activeTab === "applications" && /* @__PURE__ */ React.createElement( ApplicationsTab, { cvs, jobPostings, coverLetters, supportingDocs, setError, userProfile } ), activeTab === "documents" && /* @__PURE__ */ React.createElement( SupportingDocsTab, { supportingDocs, onDocumentUploaded: loadSupportingDocs, upload, uploadLoading, setError } ), activeTab === "profile" && /* @__PURE__ */ React.createElement( ProfileSettingsTab, { userProfile, onProfileUpdated: loadUserProfile, setError } ))))); } function CVUploadTab({ cvs, onCvUploaded, upload, uploadLoading, setError }) { const [cvText, setCvText] = React.useState(""); const [fileName, setFileName] = React.useState(""); const [uploading, setUploading] = React.useState(false); const [showPdfHelp, setShowPdfHelp] = React.useState(false); const [deletingCvId, setDeletingCvId] = React.useState(null); const handleFileUpload = async (event) => { const file = event.target.files[0]; if (!file) return; setFileName(file.name); setUploading(true); try { const { url, error } = await upload({ file }); if (error) { setError(error); return; } if (file.type === "text/plain" || file.name.toLowerCase().endsWith(".txt")) { const reader = new FileReader(); reader.onload = async (e) => { const content = e.target.result; setCvText(content); await saveCv(file.name, content, url); }; reader.readAsText(file); } else if (file.type === "application/pdf" || file.name.toLowerCase().endsWith(".pdf")) { await processPdf(file.name, url); } else { setShowPdfHelp(true); setError( "For DOC/DOCX files, please copy and paste the text content for best results." ); } } catch (err) { console.error(err); setError("Failed to upload file"); } finally { setUploading(false); } }; const processPdf = async (filename, fileUrl) => { try { const response = await fetch("/api/process-pdf-cv", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ pdf_url: fileUrl, filename }) }); const result = await response.json(); if (!response.ok) { throw new Error(result.error || "Failed to process PDF"); } if (result.extraction_method === "automatic") { onCvUploaded(); setCvText(""); setFileName(""); setShowPdfHelp(false); const successDiv = document.createElement("div"); successDiv.className = "fixed top-4 right-4 bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded z-50"; successDiv.innerHTML = `${result.message}`; document.body.appendChild(successDiv); setTimeout(() => document.body.removeChild(successDiv), 5e3); } else { onCvUploaded(); setShowPdfHelp(true); setError( `${result.message} ${result.guidance?.extraction_steps ? "Follow the steps below to complete your CV." : ""}` ); } } catch (err) { console.error(err); setError(err.message || "Failed to process PDF"); } }; const saveCv = async (filename, content, fileUrl = null) => { try { const response = await fetch("/api/cvs/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ filename, content: content || "", fileUrl }) }); const result = await response.json(); if (!response.ok) { if (result.helpfulError) { setShowPdfHelp(true); setError(result.error); } else { throw new Error(result.error || "Failed to save CV"); } return; } onCvUploaded(); setCvText(""); setFileName(""); setShowPdfHelp(false); } catch (err) { console.error(err); setError(err.message || "Failed to save CV"); } }; const handleTextSubmit = async () => { if (!cvText.trim()) return; const filename = fileName || `CV_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.txt`; await saveCv(filename, cvText); }; const handleDeleteCv = async (cvId, filename) => { if (!confirm(`Are you sure you want to delete "${filename}"?`)) { return; } setDeletingCvId(cvId); setError(null); try { console.log("Attempting to delete CV with ID:", cvId); const response = await fetch("/api/cvs/delete", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ cv_id: cvId }) }); const result = await response.json(); console.log("Delete response:", result); if (!response.ok) { throw new Error(result.error || "Failed to delete CV"); } console.log("Calling onCvUploaded to refresh list"); await onCvUploaded(); const successDiv = document.createElement("div"); successDiv.className = "fixed top-4 right-4 bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded z-50"; successDiv.innerHTML = `${result.message || "CV deleted successfully"}`; document.body.appendChild(successDiv); setTimeout(() => { if (document.body.contains(successDiv)) { document.body.removeChild(successDiv); } }, 3e3); } catch (err) { console.error("Delete CV error:", err); setError(err.message || "Failed to delete CV"); } finally { setDeletingCvId(null); } }; const safeArray = Array.isArray(cvs) ? cvs : []; return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-xl sm:text-2xl font-bold text-gray-900 mb-4" }, "Upload Your CV"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mb-6 text-sm sm:text-base" }, "Upload your CV file (PDF, DOC, DOCX, or TXT) or paste the content directly. We'll analyze it and help you match with job opportunities.")), showPdfHelp && /* @__PURE__ */ React.createElement("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-info-circle text-blue-400 mr-3 mt-0.5" }), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-medium text-blue-800 mb-2" }, "How to extract text from your PDF/DOC file:"), /* @__PURE__ */ React.createElement("ol", { className: "text-sm text-blue-700 space-y-1 list-decimal list-inside" }, /* @__PURE__ */ React.createElement("li", null, "Open your CV file in any PDF reader or Word"), /* @__PURE__ */ React.createElement("li", null, "Select all text (Ctrl+A on Windows, Cmd+A on Mac)"), /* @__PURE__ */ React.createElement("li", null, "Copy the text (Ctrl+C on Windows, Cmd+C on Mac)"), /* @__PURE__ */ React.createElement("li", null, "Paste it in the text area below")), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-blue-600 mt-2" }, "\u{1F4A1} Tip: This ensures the best text extraction quality for analysis!")), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowPdfHelp(false), className: "text-blue-400 hover:text-blue-600 ml-2" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-times" }) ))), /* @__PURE__ */ React.createElement("div", { className: "border-2 border-dashed border-gray-300 rounded-lg p-4 sm:p-6 text-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-cloud-upload-alt text-3xl sm:text-4xl text-gray-400 mb-4" }), /* @__PURE__ */ React.createElement("h3", { className: "text-base sm:text-lg font-medium text-gray-900 mb-2" }, "Upload CV File"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mb-4 text-sm sm:text-base px-2" }, "Drag and drop your CV file here, or click to browse"), /* @__PURE__ */ React.createElement("p", { className: "text-xs sm:text-sm text-gray-500 mb-4" }, "Supported formats: PDF, DOC, DOCX, TXT"), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-blue-600 mb-4" }, "\u{1F4C4} For PDF/DOC files: We'll guide you to copy-paste the text for best results"), /* @__PURE__ */ React.createElement( "input", { type: "file", accept: ".txt,.pdf,.doc,.docx", onChange: handleFileUpload, className: "hidden", id: "cv-upload" } ), /* @__PURE__ */ React.createElement( "label", { htmlFor: "cv-upload", className: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 cursor-pointer disabled:opacity-50" }, uploadLoading || uploading ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2" }), uploading ? "Processing..." : "Uploading...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-upload mr-2" }), "Choose File") )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Or paste your CV content directly:"), /* @__PURE__ */ React.createElement( "textarea", { value: cvText, onChange: (e) => setCvText(e.target.value), placeholder: "Paste your CV content here...", className: "w-full h-48 sm:h-64 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } ), /* @__PURE__ */ React.createElement("div", { className: "mt-4 flex flex-col sm:flex-row items-stretch sm:items-center space-y-2 sm:space-y-0 sm:space-x-4" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: fileName, onChange: (e) => setFileName(e.target.value), placeholder: "CV filename (optional)", className: "flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } ), /* @__PURE__ */ React.createElement( "button", { onClick: handleTextSubmit, disabled: !cvText.trim() || uploading, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base whitespace-nowrap" }, "Save CV" ))), safeArray.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "text-base sm:text-lg font-medium text-gray-900 mb-4" }, "Your CVs (", safeArray.length, ")"), /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, safeArray.map((cv) => /* @__PURE__ */ React.createElement( "div", { key: cv.id, className: "flex flex-col sm:flex-row sm:items-center sm:justify-between p-4 border border-gray-200 rounded-lg gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("h4", { className: "font-medium text-gray-900 break-words" }, cv.filename), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500" }, "ID: ", cv.id, " \u2022 Uploaded", " ", new Date(cv.uploaded_at).toLocaleDateString()), cv.content && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-400 mt-1" }, cv.content.length > 100 ? `${cv.content.substring(0, 100)}...` : cv.content)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 flex-shrink-0" }, /* @__PURE__ */ React.createElement("span", { className: "px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full" }, "Active"), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleDeleteCv(cv.id, cv.filename), disabled: deletingCvId === cv.id, className: "px-3 py-1 text-sm border border-red-300 text-red-700 rounded hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed" }, deletingCvId === cv.id ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-1" }), "Deleting...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-trash mr-1" }), "Delete") )) ))))); } function JobPostingsTab({ jobPostings, onJobAdded, setError }) { const [showForm, setShowForm] = React.useState(false); const [formData, setFormData] = React.useState({ title: "", company: "", description: "", requirements: "", url: "" }); const [saving, setSaving] = React.useState(false); const handleSubmit = async (e) => { e.preventDefault(); if (!formData.title || !formData.description) return; setSaving(true); try { const response = await fetch("/api/job-postings/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...formData }) }); if (!response.ok) throw new Error("Failed to save job posting"); onJobAdded(); setFormData({ title: "", company: "", description: "", requirements: "", url: "" }); setShowForm(false); } catch (err) { console.error(err); setError("Failed to save job posting"); } finally { setSaving(false); } }; const safeJobPostings = Array.isArray(jobPostings) ? jobPostings : []; return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-xl sm:text-2xl font-bold text-gray-900" }, "Job Postings"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mt-1 text-sm sm:text-base" }, "Add job postings to analyze qualification matches and generate applications")), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowForm(!showForm), className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 text-sm sm:text-base whitespace-nowrap" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-plus mr-2" }), "Add Job Posting" )), showForm && /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg p-4 sm:p-6" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4" }, "Add New Job Posting"), /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Job Title *"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: formData.title, onChange: (e) => setFormData({ ...formData, title: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base", required: true } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Company"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: formData.company, onChange: (e) => setFormData({ ...formData, company: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } ))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Job Description *"), /* @__PURE__ */ React.createElement( "textarea", { value: formData.description, onChange: (e) => setFormData({ ...formData, description: e.target.value }), className: "w-full h-32 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base", required: true } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Requirements"), /* @__PURE__ */ React.createElement( "textarea", { value: formData.requirements, onChange: (e) => setFormData({ ...formData, requirements: e.target.value }), className: "w-full h-24 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1" }, "Job URL"), /* @__PURE__ */ React.createElement( "input", { type: "url", value: formData.url, onChange: (e) => setFormData({ ...formData, url: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col sm:flex-row items-stretch sm:items-center space-y-2 sm:space-y-0 sm:space-x-4" }, /* @__PURE__ */ React.createElement( "button", { type: "submit", disabled: saving, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 text-sm sm:text-base" }, saving ? "Saving..." : "Save Job Posting" ), /* @__PURE__ */ React.createElement( "button", { type: "button", onClick: () => setShowForm(false), className: "px-6 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 text-sm sm:text-base" }, "Cancel" )))), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, safeJobPostings.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-briefcase text-4xl text-gray-400 mb-4" }), /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-2" }, "No job postings yet"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 text-sm sm:text-base" }, "Add your first job posting to get started with qualification analysis")) : safeJobPostings.map((job) => /* @__PURE__ */ React.createElement( "div", { key: job.id, className: "border border-gray-200 rounded-lg p-4 sm:p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 break-words" }, job.title), job.company && /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mt-1 break-words" }, job.company), /* @__PURE__ */ React.createElement("p", { className: "text-gray-700 mt-3 text-sm sm:text-base break-words" }, job.description.length > 200 ? `${job.description.substring(0, 200)}...` : job.description), job.url && /* @__PURE__ */ React.createElement( "a", { href: job.url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center text-blue-600 hover:text-blue-800 mt-2 text-sm break-all" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-external-link-alt mr-1 flex-shrink-0" }), "View Original Posting" )), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-500 flex-shrink-0" }, "Added ", new Date(job.created_at).toLocaleDateString())) )))); } function QualificationAnalysisTab({ cvs, jobPostings, analyses, onAnalysisComplete, setError }) { const [selectedCv, setSelectedCv] = React.useState(""); const [selectedJob, setSelectedJob] = React.useState(""); const [analyzing, setAnalyzing] = React.useState(false); const [deletingAnalysisId, setDeletingAnalysisId] = React.useState(null); const handleAnalyze = async () => { if (!selectedCv || !selectedJob) return; setAnalyzing(true); try { const response = await fetch("/api/analyze-qualification", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ cvId: parseInt(selectedCv), jobPostingId: parseInt(selectedJob) }) }); if (!response.ok) throw new Error("Failed to analyze qualification"); onAnalysisComplete(); setSelectedCv(""); setSelectedJob(""); } catch (err) { console.error(err); setError("Failed to analyze qualification"); } finally { setAnalyzing(false); } }; const handleDeleteAnalysis = async (analysisId) => { if (!confirm("Are you sure you want to delete this analysis?")) { return; } setDeletingAnalysisId(analysisId); try { const response = await fetch("/api/qualification-analyses/delete", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ analysis_id: analysisId }) }); const result = await response.json(); if (!response.ok) { throw new Error(result.error || "Failed to delete analysis"); } onAnalysisComplete(); const successDiv = document.createElement("div"); successDiv.className = "fixed top-4 right-4 bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded z-50"; successDiv.innerHTML = `${result.message}`; document.body.appendChild(successDiv); setTimeout(() => document.body.removeChild(successDiv), 3e3); } catch (err) { console.error(err); setError(err.message || "Failed to delete analysis"); } finally { setDeletingAnalysisId(null); } }; const safeCvs = Array.isArray(cvs) ? cvs : []; const safeJobPostings = Array.isArray(jobPostings) ? jobPostings : []; const safeAnalyses = Array.isArray(analyses) ? analyses : []; return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold text-gray-900 mb-2" }, "Qualification Analysis"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600" }, "Analyze how well your CV matches specific job requirements and get personalized recommendations")), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg p-6" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4" }, "Run New Analysis"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Select CV"), /* @__PURE__ */ React.createElement( "select", { value: selectedCv, onChange: (e) => setSelectedCv(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Choose a CV..."), safeCvs.map((cv) => /* @__PURE__ */ React.createElement("option", { key: cv.id, value: cv.id }, cv.filename)) )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Select Job Posting"), /* @__PURE__ */ React.createElement( "select", { value: selectedJob, onChange: (e) => setSelectedJob(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Choose a job posting..."), safeJobPostings.map((job) => /* @__PURE__ */ React.createElement("option", { key: job.id, value: job.id }, job.title, " ", job.company && `- ${job.company}`)) ))), /* @__PURE__ */ React.createElement( "button", { onClick: handleAnalyze, disabled: !selectedCv || !selectedJob || analyzing, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed" }, analyzing ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2" }), "Analyzing...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-chart-line mr-2" }), "Analyze Qualification") )), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, safeAnalyses.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-chart-line text-4xl text-gray-400 mb-4" }), /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-2" }, "No analyses yet"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600" }, "Run your first qualification analysis to see how well you match job requirements")) : safeAnalyses.map((analysis) => { const cv = safeCvs.find((c) => c.id === analysis.cv_id); const job = safeJobPostings.find( (j) => j.id === analysis.job_posting_id ); return /* @__PURE__ */ React.createElement( "div", { key: analysis.id, className: "border border-gray-200 rounded-lg p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start justify-between mb-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900" }, cv?.filename, " \u2192 ", job?.title), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600" }, job?.company)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ React.createElement("div", { className: "text-right" }, /* @__PURE__ */ React.createElement( "div", { className: `text-2xl font-bold ${analysis.qualification_score >= 80 ? "text-green-600" : analysis.qualification_score >= 60 ? "text-yellow-600" : "text-red-600"}` }, analysis.qualification_score, "%" ), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500" }, "Match Score")), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleDeleteAnalysis(analysis.id), disabled: deletingAnalysisId === analysis.id, className: "px-3 py-1 text-sm border border-red-300 text-red-700 rounded hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed flex-shrink-0" }, deletingAnalysisId === analysis.id ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-1" }), "Deleting...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-trash mr-1" }), "Delete") ))), analysis.matching_skills && analysis.matching_skills.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("h4", { className: "font-medium text-green-800 mb-2" }, "Matching Skills"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-2" }, analysis.matching_skills.map((skill, index) => /* @__PURE__ */ React.createElement( "span", { key: index, className: "px-2 py-1 bg-green-100 text-green-800 text-sm rounded-full" }, skill )))), analysis.missing_skills && analysis.missing_skills.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement("h4", { className: "font-medium text-red-800 mb-2" }, "Missing Skills"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-2" }, analysis.missing_skills.map((skill, index) => /* @__PURE__ */ React.createElement( "span", { key: index, className: "px-2 py-1 bg-red-100 text-red-800 text-sm rounded-full" }, skill )))), analysis.recommendations && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h4", { className: "font-medium text-gray-900 mb-2" }, "Recommendations"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-700" }, analysis.recommendations)), /* @__PURE__ */ React.createElement("div", { className: "mt-4 text-sm text-gray-500" }, "Analyzed ", new Date(analysis.created_at).toLocaleDateString()) ); }))); } function CoverLettersTab({ cvs, jobPostings, coverLetters, onLetterGenerated, setError, userProfile }) { const [selectedCv, setSelectedCv] = React.useState(""); const [selectedJob, setSelectedJob] = React.useState(""); const [generating, setGenerating] = React.useState(false); const [editingLetter, setEditingLetter] = React.useState(null); const [editContent, setEditContent] = React.useState(""); const [saving, setSaving] = React.useState(false); const [deletingLetterId, setDeletingLetterId] = React.useState(null); const handleGenerate = async () => { if (!selectedCv || !selectedJob) return; setGenerating(true); try { const response = await fetch("/api/generate-cover-letter", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ cvId: parseInt(selectedCv), jobPostingId: parseInt(selectedJob) }) }); if (!response.ok) throw new Error("Failed to generate cover letter"); onLetterGenerated(); setSelectedCv(""); setSelectedJob(""); } catch (err) { console.error(err); setError("Failed to generate cover letter"); } finally { setGenerating(false); } }; const handleEditStart = (letter) => { setEditingLetter(letter.id); setEditContent(letter.content); }; const handleEditCancel = () => { setEditingLetter(null); setEditContent(""); }; const handleEditSave = async (letterId) => { if (!editContent.trim()) { setError("Content cannot be empty"); return; } setSaving(true); try { const response = await fetch("/api/cover-letters/update", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ cover_letter_id: letterId, content: editContent }) }); const result = await response.json(); if (!response.ok) { throw new Error(result.error || "Failed to update cover letter"); } onLetterGenerated(); setEditingLetter(null); setEditContent(""); const successDiv = document.createElement("div"); successDiv.className = "fixed top-4 right-4 bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded z-50"; successDiv.innerHTML = `${result.message}`; document.body.appendChild(successDiv); setTimeout(() => document.body.removeChild(successDiv), 3e3); } catch (err) { console.error(err); setError(err.message || "Failed to update cover letter"); } finally { setSaving(false); } }; const handleDeleteLetter = async (letterId) => { if (!confirm("Are you sure you want to delete this cover letter?")) { return; } setDeletingLetterId(letterId); try { const response = await fetch("/api/cover-letters/delete", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ cover_letter_id: letterId }) }); const result = await response.json(); if (!response.ok) { throw new Error(result.error || "Failed to delete cover letter"); } onLetterGenerated(); const successDiv = document.createElement("div"); successDiv.className = "fixed top-4 right-4 bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded z-50"; successDiv.innerHTML = `${result.message}`; document.body.appendChild(successDiv); setTimeout(() => document.body.removeChild(successDiv), 3e3); } catch (err) { console.error(err); setError(err.message || "Failed to delete cover letter"); } finally { setDeletingLetterId(null); } }; const safeCvs = Array.isArray(cvs) ? cvs : []; const safeJobPostings = Array.isArray(jobPostings) ? jobPostings : []; const safeCoverLetters = Array.isArray(coverLetters) ? coverLetters : []; return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold text-gray-900 mb-2" }, "Cover Letters"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600" }, "Generate personalized cover letters based on your CV and specific job requirements")), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg p-6" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4" }, "Generate New Cover Letter"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Select CV"), /* @__PURE__ */ React.createElement( "select", { value: selectedCv, onChange: (e) => setSelectedCv(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Choose a CV..."), safeCvs.map((cv) => /* @__PURE__ */ React.createElement("option", { key: cv.id, value: cv.id }, cv.filename)) )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Select Job Posting"), /* @__PURE__ */ React.createElement( "select", { value: selectedJob, onChange: (e) => setSelectedJob(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Choose a job posting..."), safeJobPostings.map((job) => /* @__PURE__ */ React.createElement("option", { key: job.id, value: job.id }, job.title, " ", job.company && `- ${job.company}`)) ))), /* @__PURE__ */ React.createElement( "button", { onClick: handleGenerate, disabled: !selectedCv || !selectedJob || generating, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed" }, generating ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2" }), "Generating...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-alt mr-2" }), "Generate Cover Letter") )), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, safeCoverLetters.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-alt text-4xl text-gray-400 mb-4" }), /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-2" }, "No cover letters yet"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600" }, "Generate your first cover letter to get started")) : safeCoverLetters.map((letter) => { const cv = safeCvs.find((c) => c.id === letter.cv_id); const job = safeJobPostings.find( (j) => j.id === letter.job_posting_id ); const isEditing = editingLetter === letter.id; return /* @__PURE__ */ React.createElement( "div", { key: letter.id, className: "border border-gray-200 rounded-lg p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start justify-between mb-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "Cover Letter for ", job?.title), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600" }, job?.company), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500 mt-1" }, "Based on ", cv?.filename)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, !isEditing && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement( "button", { onClick: () => handleEditStart(letter), className: "px-3 py-1 text-sm border border-gray-300 text-gray-700 rounded hover:bg-gray-50" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-edit mr-1" }), "Edit" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => navigator.clipboard.writeText(letter.content), className: "px-3 py-1 text-sm border border-gray-300 text-gray-700 rounded hover:bg-gray-50" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-copy mr-1" }), "Copy" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleDeleteLetter(letter.id), disabled: deletingLetterId === letter.id, className: "px-3 py-1 text-sm border border-red-300 text-red-700 rounded hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed" }, deletingLetterId === letter.id ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-1" }), "Deleting...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-trash mr-1" }), "Delete") )))), isEditing ? /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Edit Cover Letter Content"), /* @__PURE__ */ React.createElement( "textarea", { value: editContent, onChange: (e) => setEditContent(e.target.value), className: "w-full h-96 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm font-mono", placeholder: "Edit your cover letter content..." } )), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col sm:flex-row items-stretch sm:items-center space-y-2 sm:space-y-0 sm:space-x-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => handleEditSave(letter.id), disabled: saving || !editContent.trim(), className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 text-sm" }, saving ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2" }), "Saving...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-save mr-2" }), "Save Changes") ), /* @__PURE__ */ React.createElement( "button", { onClick: handleEditCancel, disabled: saving, className: "px-4 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 disabled:opacity-50 text-sm" }, "Cancel" ))) : /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg p-4 mb-4" }, /* @__PURE__ */ React.createElement("pre", { className: "whitespace-pre-wrap text-sm text-gray-700 font-sans" }, letter.content)), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-500" }, "Generated ", new Date(letter.created_at).toLocaleDateString()) ); }))); } function ApplicationsTab({ cvs, jobPostings, coverLetters, supportingDocs, setError, userProfile }) { const [applications, setApplications2] = React.useState([]); const [loading, setLoading] = React.useState(false); const [showCreateForm, setShowCreateForm] = React.useState(false); const [createFormData, setCreateFormData] = React.useState({ cv_id: "", job_posting_id: "", cover_letter_id: "", application_method: "", contact_email: "", notes: "", additional_document_ids: [] }); const [creating, setCreating] = React.useState(false); const [updatingStatus, setUpdatingStatus] = React.useState(null); React.useEffect(() => { loadApplications(); }, []); const loadApplications = async () => { setLoading(true); try { const response = await fetch("/api/applications/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) throw new Error("Failed to load applications"); const data = await response.json(); setApplications2(data.applications || []); } catch (err) { console.error(err); setError("Could not load applications"); } finally { setLoading(false); } }; const handleCreateApplication = async (e) => { e.preventDefault(); if (!createFormData.cv_id || !createFormData.job_posting_id) return; setCreating(true); try { const response = await fetch("/api/applications/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ cv_id: parseInt(createFormData.cv_id), job_posting_id: parseInt(createFormData.job_posting_id), cover_letter_id: createFormData.cover_letter_id ? parseInt(createFormData.cover_letter_id) : null, application_method: createFormData.application_method || null, contact_email: createFormData.contact_email || null, notes: createFormData.notes || null, additional_document_ids: createFormData.additional_document_ids.length > 0 ? createFormData.additional_document_ids.map((id) => parseInt(id)) : null }) }); const result = await response.json(); if (!response.ok) { throw new Error(result.error || "Failed to create application"); } setCreateFormData({ cv_id: "", job_posting_id: "", cover_letter_id: "", application_method: "", contact_email: "", notes: "", additional_document_ids: [] }); setShowCreateForm(false); loadApplications(); const successDiv = document.createElement("div"); successDiv.className = "fixed top-4 right-4 bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded z-50"; successDiv.innerHTML = `${result.message}`; document.body.appendChild(successDiv); setTimeout(() => document.body.removeChild(successDiv), 3e3); } catch (err) { console.error(err); setError(err.message || "Failed to create application"); } finally { setCreating(false); } }; const handleStatusUpdate = async (applicationId, newStatus, notes = "") => { setUpdatingStatus(applicationId); try { const response = await fetch("/api/applications/update-status", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ application_id: applicationId, status: newStatus, notes }) }); const result = await response.json(); if (!response.ok) { throw new Error(result.error || "Failed to update status"); } loadApplications(); const successDiv = document.createElement("div"); successDiv.className = "fixed top-4 right-4 bg-blue-100 border border-blue-400 text-blue-700 px-4 py-3 rounded z-50"; successDiv.innerHTML = `${result.message}`; document.body.appendChild(successDiv); setTimeout(() => document.body.removeChild(successDiv), 3e3); } catch (err) { console.error(err); setError(err.message || "Failed to update status"); } finally { setUpdatingStatus(null); } }; const getStatusColor = (status) => { switch (status) { case "applied": return "bg-blue-100 text-blue-800"; case "pending": return "bg-yellow-100 text-yellow-800"; case "interview": return "bg-purple-100 text-purple-800"; case "accepted": return "bg-green-100 text-green-800"; case "rejected": return "bg-red-100 text-red-800"; default: return "bg-gray-100 text-gray-800"; } }; const getAvailableCoverLetters = (jobPostingId, cvId) => { return coverLetters.filter( (letter) => letter.job_posting_id === parseInt(jobPostingId) && letter.cv_id === parseInt(cvId) ); }; const getJobContactEmail = (jobPostingId) => { const job = safeJobPostings.find((j) => j.id === parseInt(jobPostingId)); return job?.contact_email || ""; }; const handleJobChange = (jobId) => { const contactEmail = getJobContactEmail(jobId); setCreateFormData({ ...createFormData, job_posting_id: jobId, cover_letter_id: "", // Reset cover letter when job changes contact_email: contactEmail // Auto-fill contact email }); }; const handleDocumentToggle = (docId) => { const currentIds = createFormData.additional_document_ids; const newIds = currentIds.includes(docId) ? currentIds.filter((id) => id !== docId) : [...currentIds, docId]; setCreateFormData({ ...createFormData, additional_document_ids: newIds }); }; const safeCvs = Array.isArray(cvs) ? cvs : []; const safeJobPostings = Array.isArray(jobPostings) ? jobPostings : []; const safeCoverLetters = Array.isArray(coverLetters) ? coverLetters : []; const safeApplications = Array.isArray(applications) ? applications : []; const safeSupportingDocs = Array.isArray(supportingDocs) ? supportingDocs : []; return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-xl sm:text-2xl font-bold text-gray-900" }, "Job Applications"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mt-1 text-sm sm:text-base" }, "Apply to jobs and track your application progress")), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowCreateForm(!showCreateForm), className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 text-sm sm:text-base whitespace-nowrap" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-plus mr-2" }), "Apply to Job" )), showCreateForm && /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg p-4 sm:p-6" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4" }, "Apply to Job"), /* @__PURE__ */ React.createElement("form", { onSubmit: handleCreateApplication, className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Select CV *"), /* @__PURE__ */ React.createElement( "select", { value: createFormData.cv_id, onChange: (e) => setCreateFormData({ ...createFormData, cv_id: e.target.value, cover_letter_id: "" // Reset cover letter when CV changes }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base", required: true }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Choose your CV..."), safeCvs.map((cv) => /* @__PURE__ */ React.createElement("option", { key: cv.id, value: cv.id }, cv.filename)) )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Select Job *"), /* @__PURE__ */ React.createElement( "select", { value: createFormData.job_posting_id, onChange: (e) => handleJobChange(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base", required: true }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Choose a job..."), safeJobPostings.map((job) => /* @__PURE__ */ React.createElement("option", { key: job.id, value: job.id }, job.title, " ", job.company && `- ${job.company}`)) ))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Cover Letter (Optional)"), /* @__PURE__ */ React.createElement( "select", { value: createFormData.cover_letter_id, onChange: (e) => setCreateFormData({ ...createFormData, cover_letter_id: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base", disabled: !createFormData.cv_id || !createFormData.job_posting_id }, /* @__PURE__ */ React.createElement("option", { value: "" }, "No cover letter"), createFormData.cv_id && createFormData.job_posting_id && getAvailableCoverLetters( createFormData.job_posting_id, createFormData.cv_id ).map((letter) => /* @__PURE__ */ React.createElement("option", { key: letter.id, value: letter.id }, "Cover Letter (", new Date(letter.created_at).toLocaleDateString(), ")")) ), createFormData.cv_id && createFormData.job_posting_id && getAvailableCoverLetters( createFormData.job_posting_id, createFormData.cv_id ).length === 0 && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-500 mt-1" }, "\u{1F4A1} Generate a cover letter first in the Cover Letters tab")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Application Method"), /* @__PURE__ */ React.createElement( "select", { value: createFormData.application_method, onChange: (e) => setCreateFormData({ ...createFormData, application_method: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select method..."), /* @__PURE__ */ React.createElement("option", { value: "company_website" }, "Company Website"), /* @__PURE__ */ React.createElement("option", { value: "linkedin" }, "LinkedIn"), /* @__PURE__ */ React.createElement("option", { value: "indeed" }, "Indeed"), /* @__PURE__ */ React.createElement("option", { value: "email" }, "Email"), /* @__PURE__ */ React.createElement("option", { value: "recruiter" }, "Recruiter"), /* @__PURE__ */ React.createElement("option", { value: "referral" }, "Referral"), /* @__PURE__ */ React.createElement("option", { value: "other" }, "Other") ))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Contact Email"), /* @__PURE__ */ React.createElement( "input", { type: "email", value: createFormData.contact_email, onChange: (e) => setCreateFormData({ ...createFormData, contact_email: e.target.value }), placeholder: "hr@company.com", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } ), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-500 mt-1" }, "Email where the application will be sent (auto-filled from job posting)")), safeSupportingDocs.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Additional Documents (Optional)"), /* @__PURE__ */ React.createElement("div", { className: "border border-gray-300 rounded-md p-3 max-h-32 overflow-y-auto" }, safeSupportingDocs.map((doc) => /* @__PURE__ */ React.createElement( "label", { key: doc.id, className: "flex items-center space-x-2 mb-2 cursor-pointer" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: createFormData.additional_document_ids.includes( doc.id ), onChange: () => handleDocumentToggle(doc.id), className: "rounded border-gray-300 text-blue-600 focus:ring-blue-500" } ), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-700" }, /* @__PURE__ */ React.createElement( "i", { className: `fas ${doc.document_type === "portfolio" ? "fa-briefcase" : doc.document_type === "certificate" ? "fa-certificate" : doc.document_type === "reference" ? "fa-user-check" : doc.document_type === "transcript" ? "fa-graduation-cap" : "fa-file"} mr-1 text-blue-500` } ), doc.filename) ))), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-500 mt-1" }, "Select additional documents to include with this application")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Notes"), /* @__PURE__ */ React.createElement( "textarea", { value: createFormData.notes, onChange: (e) => setCreateFormData({ ...createFormData, notes: e.target.value }), placeholder: "Add any notes about this application...", className: "w-full h-20 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col sm:flex-row items-stretch sm:items-center space-y-2 sm:space-y-0 sm:space-x-4" }, /* @__PURE__ */ React.createElement( "button", { type: "submit", disabled: creating || !createFormData.cv_id || !createFormData.job_posting_id, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 text-sm sm:text-base" }, creating ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2" }), "Creating Application...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-paper-plane mr-2" }), "Create Application") ), /* @__PURE__ */ React.createElement( "button", { type: "button", onClick: () => setShowCreateForm(false), className: "px-6 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 text-sm sm:text-base" }, "Cancel" )))), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, loading ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin text-2xl text-gray-400 mb-2" }), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600" }, "Loading applications...")) : safeApplications.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-paper-plane text-4xl text-gray-400 mb-4" }), /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-2" }, "No applications yet"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 text-sm sm:text-base" }, 'Click "Apply to Job" to create your first application')) : safeApplications.map((application) => { const cv = safeCvs.find((c) => c.id === application.cv_id); const job = safeJobPostings.find( (j) => j.id === application.job_posting_id ); const coverLetter = safeCoverLetters.find( (cl) => cl.id === application.cover_letter_id ); return /* @__PURE__ */ React.createElement( "div", { key: application.id, className: "border border-gray-200 rounded-lg p-4 sm:p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-2 mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 break-words" }, job?.title), job?.company && /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 break-words" }, job.company), application.contact_email && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-blue-600 mt-1 break-all" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-envelope mr-1" }), application.contact_email)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 flex-shrink-0" }, /* @__PURE__ */ React.createElement( "span", { className: `px-2 py-1 text-xs rounded-full ${getStatusColor(application.status)}` }, application.status ))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm text-gray-600 mb-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-alt mr-2 text-gray-400" }), "CV: ", cv?.filename), coverLetter && /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-envelope mr-2 text-gray-400" }), "Cover Letter: Included"), application.additional_documents && application.additional_documents.length > 0 && /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-folder mr-2 text-gray-400" }), "Additional Docs:", " ", application.additional_documents.length)), /* @__PURE__ */ React.createElement("div", null, application.application_method && /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-route mr-2 text-gray-400" }), "Method: ", application.application_method), /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-calendar mr-2 text-gray-400" }), "Applied:", " ", new Date( application.applied_at ).toLocaleDateString()))), application.additional_documents && application.additional_documents.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "bg-blue-50 rounded-lg p-3 mb-4" }, /* @__PURE__ */ React.createElement("h4", { className: "text-sm font-medium text-blue-800 mb-2" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-folder mr-1" }), "Additional Documents:"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-2" }, application.additional_documents.map((doc) => /* @__PURE__ */ React.createElement( "span", { key: doc.id, className: "px-2 py-1 bg-blue-100 text-blue-800 text-xs rounded-full" }, /* @__PURE__ */ React.createElement( "i", { className: `fas ${doc.document_type === "portfolio" ? "fa-briefcase" : doc.document_type === "certificate" ? "fa-certificate" : doc.document_type === "reference" ? "fa-user-check" : doc.document_type === "transcript" ? "fa-graduation-cap" : "fa-file"} mr-1` } ), doc.filename )))), application.notes && /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg p-3 mb-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-700 break-words" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-sticky-note mr-2 text-gray-400" }), application.notes)), job?.url && /* @__PURE__ */ React.createElement( "a", { href: job.url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center text-blue-600 hover:text-blue-800 text-sm break-all" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-external-link-alt mr-1 flex-shrink-0" }), "View Job Posting" )), /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-2" }, application.status === "pending" && /* @__PURE__ */ React.createElement( "button", { onClick: () => handleStatusUpdate(application.id, "applied"), disabled: updatingStatus === application.id, className: "px-3 py-1 text-xs bg-blue-100 text-blue-700 rounded hover:bg-blue-200 disabled:opacity-50" }, "Mark Applied" ), application.status === "applied" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement( "button", { onClick: () => handleStatusUpdate(application.id, "interview"), disabled: updatingStatus === application.id, className: "px-3 py-1 text-xs bg-purple-100 text-purple-700 rounded hover:bg-purple-200 disabled:opacity-50" }, "Interview" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleStatusUpdate(application.id, "rejected"), disabled: updatingStatus === application.id, className: "px-3 py-1 text-xs bg-red-100 text-red-700 rounded hover:bg-red-200 disabled:opacity-50" }, "Rejected" )), application.status === "interview" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement( "button", { onClick: () => handleStatusUpdate(application.id, "accepted"), disabled: updatingStatus === application.id, className: "px-3 py-1 text-xs bg-green-100 text-green-700 rounded hover:bg-green-200 disabled:opacity-50" }, "Accepted" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleStatusUpdate(application.id, "rejected"), disabled: updatingStatus === application.id, className: "px-3 py-1 text-xs bg-red-100 text-red-700 rounded hover:bg-red-200 disabled:opacity-50" }, "Rejected" )), updatingStatus === application.id && /* @__PURE__ */ React.createElement("span", { className: "px-3 py-1 text-xs text-gray-500" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-1" }), "Updating...")))) ); }))); } function SupportingDocsTab({ supportingDocs, onDocumentUploaded, upload, uploadLoading, setError }) { const [docText, setDocText] = React.useState(""); const [fileName, setFileName] = React.useState(""); const [documentType, setDocumentType] = React.useState(""); const [uploading, setUploading] = React.useState(false); const [deletingDocId, setDeletingDocId] = React.useState(null); const handleFileUpload = async (event) => { const file = event.target.files[0]; if (!file) return; if (!documentType) { setError("Please select a document type first"); return; } setFileName(file.name); setUploading(true); try { const { url, error } = await upload({ file }); if (error) { setError(error); return; } if (file.type === "text/plain" || file.name.toLowerCase().endsWith(".txt")) { const reader = new FileReader(); reader.onload = async (e) => { const content = e.target.result; setDocText(content); await saveDocument(file.name, content, url); }; reader.readAsText(file); } else { await saveDocument(file.name, "", url); } } catch (err) { console.error(err); setError("Failed to upload file"); } finally { setUploading(false); } }; const saveDocument = async (filename, content, fileUrl = null) => { try { const response = await fetch("/api/documents/upload", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ filename, document_type: documentType || "other", content: content || "", file_url: fileUrl }) }); const result = await response.json(); if (!response.ok) { throw new Error(result.error || "Failed to save document"); } onDocumentUploaded(); setDocText(""); setFileName(""); setDocumentType(""); const successDiv = document.createElement("div"); successDiv.className = "fixed top-4 right-4 bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded z-50"; successDiv.innerHTML = `${result.message}`; document.body.appendChild(successDiv); setTimeout(() => document.body.removeChild(successDiv), 3e3); } catch (err) { console.error(err); setError(err.message || "Failed to save document"); } }; const handleTextSubmit = async () => { if (!docText.trim()) return; if (!documentType) { setError("Please select a document type"); return; } const filename = fileName || `Document_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.txt`; await saveDocument(filename, docText); }; const handleDeleteDocument = async (docId, filename) => { if (!confirm(`Are you sure you want to delete "${filename}"?`)) { return; } setDeletingDocId(docId); try { const response = await fetch("/api/documents/delete", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ document_id: docId }) }); const result = await response.json(); if (!response.ok) { throw new Error(result.error || "Failed to delete document"); } onDocumentUploaded(); const successDiv = document.createElement("div"); successDiv.className = "fixed top-4 right-4 bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded z-50"; successDiv.innerHTML = `${result.message}`; document.body.appendChild(successDiv); setTimeout(() => document.body.removeChild(successDiv), 3e3); } catch (err) { console.error(err); setError(err.message || "Failed to delete document"); } finally { setDeletingDocId(null); } }; const getDocumentTypeIcon = (type) => { switch (type) { case "portfolio": return "fas fa-briefcase"; case "certificate": return "fas fa-certificate"; case "reference": return "fas fa-user-check"; case "transcript": return "fas fa-graduation-cap"; default: return "fas fa-file"; } }; const safeDocuments = Array.isArray(supportingDocs) ? supportingDocs : []; return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-xl sm:text-2xl font-bold text-gray-900 mb-4" }, "Additional Documents"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mb-6 text-sm sm:text-base" }, "Upload supporting documents like portfolios, certificates, references, or transcripts to strengthen your applications.")), /* @__PURE__ */ React.createElement("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6" }, /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-medium text-blue-800 mb-2" }, "Document Types You Can Upload:"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3 text-sm text-blue-700" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-briefcase mr-2" }), "Portfolio"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-certificate mr-2" }), "Certificates"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-user-check mr-2" }), "References"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-graduation-cap mr-2" }), "Transcripts"))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Document Type *"), /* @__PURE__ */ React.createElement( "select", { value: documentType, onChange: (e) => setDocumentType(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base", required: true }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select document type..."), /* @__PURE__ */ React.createElement("option", { value: "portfolio" }, "Portfolio"), /* @__PURE__ */ React.createElement("option", { value: "certificate" }, "Certificate"), /* @__PURE__ */ React.createElement("option", { value: "reference" }, "Reference Letter"), /* @__PURE__ */ React.createElement("option", { value: "transcript" }, "Transcript"), /* @__PURE__ */ React.createElement("option", { value: "other" }, "Other") )), /* @__PURE__ */ React.createElement("div", { className: "border-2 border-dashed border-gray-300 rounded-lg p-4 sm:p-6 text-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-cloud-upload-alt text-3xl sm:text-4xl text-gray-400 mb-4" }), /* @__PURE__ */ React.createElement("h3", { className: "text-base sm:text-lg font-medium text-gray-900 mb-2" }, "Upload Document"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mb-4 text-sm sm:text-base px-2" }, "Drag and drop your document here, or click to browse"), /* @__PURE__ */ React.createElement("p", { className: "text-xs sm:text-sm text-gray-500 mb-4" }, "Supported formats: PDF, DOC, DOCX, TXT, JPG, PNG"), /* @__PURE__ */ React.createElement( "input", { type: "file", accept: ".txt,.pdf,.doc,.docx,.jpg,.jpeg,.png", onChange: handleFileUpload, className: "hidden", id: "doc-upload", disabled: !documentType } ), /* @__PURE__ */ React.createElement( "label", { htmlFor: "doc-upload", className: `inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white ${documentType ? "bg-blue-600 hover:bg-blue-700 cursor-pointer" : "bg-gray-400 cursor-not-allowed"}` }, uploadLoading || uploading ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2" }), uploading ? "Processing..." : "Uploading...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-upload mr-2" }), "Choose File") ), !documentType && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-red-500 mt-2" }, "Please select a document type first")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Or paste document content directly:"), /* @__PURE__ */ React.createElement( "textarea", { value: docText, onChange: (e) => setDocText(e.target.value), placeholder: "Paste your document content here...", className: "w-full h-32 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } ), /* @__PURE__ */ React.createElement("div", { className: "mt-4 flex flex-col sm:flex-row items-stretch sm:items-center space-y-2 sm:space-y-0 sm:space-x-4" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: fileName, onChange: (e) => setFileName(e.target.value), placeholder: "Document filename (optional)", className: "flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } ), /* @__PURE__ */ React.createElement( "button", { onClick: handleTextSubmit, disabled: !docText.trim() || uploading || !documentType, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base whitespace-nowrap" }, "Save Document" ))), safeDocuments.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "text-base sm:text-lg font-medium text-gray-900 mb-4" }, "Your Documents"), /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, safeDocuments.map((doc) => /* @__PURE__ */ React.createElement( "div", { key: doc.id, className: "flex flex-col sm:flex-row sm:items-center sm:justify-between p-4 border border-gray-200 rounded-lg gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement( "i", { className: `${getDocumentTypeIcon(doc.document_type)} text-blue-500 mr-3` } ), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h4", { className: "font-medium text-gray-900 break-words" }, doc.filename), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500" }, doc.document_type || "Other", " \u2022 Uploaded", " ", new Date(doc.uploaded_at).toLocaleDateString()), doc.content && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-400 mt-1" }, doc.content.length > 100 ? `${doc.content.substring(0, 100)}...` : doc.content)))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 flex-shrink-0" }, /* @__PURE__ */ React.createElement("span", { className: "px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full" }, "Available"), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleDeleteDocument(doc.id, doc.filename), disabled: deletingDocId === doc.id, className: "px-3 py-1 text-sm border border-red-300 text-red-700 rounded hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed" }, deletingDocId === doc.id ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-1" }), "Deleting...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-trash mr-1" }), "Delete") )) ))))); } function ProfileSettingsTab({ userProfile, onProfileUpdated, setError }) { const [formData, setFormData] = React.useState({ fullName: "", email: "", phone: "", location: "", linkedinUrl: "", portfolioUrl: "", preferredSignOff: "", emailProvider: "", emailSettings: { smtpHost: "", smtpPort: "", smtpUser: "", smtpPassword: "", oauthToken: "", fromEmail: "", fromName: "" } }); const [saving, setSaving] = React.useState(false); const handleSubmit = async (e) => { e.preventDefault(); if (!formData.fullName || !formData.email) return; setSaving(true); try { const response = await fetch("/api/user-profile/update", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...formData }) }); if (!response.ok) throw new Error("Failed to update profile"); onProfileUpdated(); setFormData({ fullName: "", email: "", phone: "", location: "", linkedinUrl: "", portfolioUrl: "", preferredSignOff: "", emailProvider: "", emailSettings: { smtpHost: "", smtpPort: "", smtpUser: "", smtpPassword: "", oauthToken: "", fromEmail: "", fromName: "" } }); } catch (err) { console.error(err); setError("Failed to update profile"); } finally { setSaving(false); } }; const safeUserProfile = userProfile || {}; return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-xl sm:text-2xl font-bold text-gray-900 mb-4" }, "Profile & Settings"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 mb-6 text-sm sm:text-base" }, "Manage your profile information and email settings")), /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg p-6" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4" }, "Update Your Profile"), /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Full Name *"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: formData.fullName, onChange: (e) => setFormData({ ...formData, fullName: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base", required: true } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Email *"), /* @__PURE__ */ React.createElement( "input", { type: "email", value: formData.email, onChange: (e) => setFormData({ ...formData, email: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base", required: true } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Phone"), /* @__PURE__ */ React.createElement( "input", { type: "tel", value: formData.phone, onChange: (e) => setFormData({ ...formData, phone: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Location"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: formData.location, onChange: (e) => setFormData({ ...formData, location: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "LinkedIn URL"), /* @__PURE__ */ React.createElement( "input", { type: "url", value: formData.linkedinUrl, onChange: (e) => setFormData({ ...formData, linkedinUrl: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Portfolio URL"), /* @__PURE__ */ React.createElement( "input", { type: "url", value: formData.portfolioUrl, onChange: (e) => setFormData({ ...formData, portfolioUrl: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Preferred Sign-off"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: formData.preferredSignOff, onChange: (e) => setFormData({ ...formData, preferredSignOff: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Email Provider"), /* @__PURE__ */ React.createElement( "select", { value: formData.emailProvider, onChange: (e) => setFormData({ ...formData, emailProvider: e.target.value }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select provider..."), /* @__PURE__ */ React.createElement("option", { value: "gmail" }, "Gmail"), /* @__PURE__ */ React.createElement("option", { value: "outlook" }, "Outlook"), /* @__PURE__ */ React.createElement("option", { value: "yahoo" }, "Yahoo"), /* @__PURE__ */ React.createElement("option", { value: "other" }, "Other") )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Email Settings"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "SMTP Host"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: formData.emailSettings.smtpHost, onChange: (e) => setFormData({ ...formData, emailSettings: { ...formData.emailSettings, smtpHost: e.target.value } }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "SMTP Port"), /* @__PURE__ */ React.createElement( "input", { type: "number", value: formData.emailSettings.smtpPort, onChange: (e) => setFormData({ ...formData, emailSettings: { ...formData.emailSettings, smtpPort: e.target.value } }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } ))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "SMTP User"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: formData.emailSettings.smtpUser, onChange: (e) => setFormData({ ...formData, emailSettings: { ...formData.emailSettings, smtpUser: e.target.value } }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "SMTP Password"), /* @__PURE__ */ React.createElement( "input", { type: "password", value: formData.emailSettings.smtpPassword, onChange: (e) => setFormData({ ...formData, emailSettings: { ...formData.emailSettings, smtpPassword: e.target.value } }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } ))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "OAuth Token"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: formData.emailSettings.oauthToken, onChange: (e) => setFormData({ ...formData, emailSettings: { ...formData.emailSettings, oauthToken: e.target.value } }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "From Email"), /* @__PURE__ */ React.createElement( "input", { type: "email", value: formData.emailSettings.fromEmail, onChange: (e) => setFormData({ ...formData, emailSettings: { ...formData.emailSettings, fromEmail: e.target.value } }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } ))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "From Name"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: formData.emailSettings.fromName, onChange: (e) => setFormData({ ...formData, emailSettings: { ...formData.emailSettings, fromName: e.target.value } }), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm sm:text-base" } )))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col sm:flex-row items-stretch sm:items-center space-y-2 sm:space-y-0 sm:space-x-4" }, /* @__PURE__ */ React.createElement( "button", { type: "submit", disabled: saving, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50 text-sm sm:text-base" }, saving ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2" }), "Updating...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-save mr-2" }), "Save Profile") ), /* @__PURE__ */ React.createElement( "button", { type: "button", onClick: () => setFormData({ ...safeUserProfile }), className: "px-6 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 text-sm sm:text-base" }, "Cancel" ))))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();