function MainComponent() { const [keywords, setKeywords] = useState([]); const [newKeyword, setNewKeyword] = useState(""); const [newWebsite, setNewWebsite] = useState(""); const [loading, setLoading] = useState(false); const [errors, setErrors] = useState({}); const [refreshingKeyword, setRefreshingKeyword] = useState(null); const [checkingProgress, setCheckingProgress] = useState({}); const [selectedDomains, setSelectedDomains] = useState({ "google.com": true, "google.ca": true }); const [logs, setLogs] = useState([]); const [currentProject, setCurrentProject] = useState(null); const [lastCheckStatus, setLastCheckStatus] = useState({}); const [showTooltip, setShowTooltip] = useState(null); const [rankingHistory, setRankingHistory] = useState({}); const [showLogs, setShowLogs] = useState(false); const [showWarning, setShowWarning] = useState(false); const [sortDirection, setSortDirection] = useState("desc"); const [isBulkChecking, setIsBulkChecking] = useState(false); const [bulkProgress, setBulkProgress] = useState(0); const [showBulkAdd, setShowBulkAdd] = useState(false); const [bulkKeywords, setBulkKeywords] = useState(""); const handleBulkAddKeywords = async ()=>{ if (!bulkKeywords.trim() || !currentProject) return; const keywords = bulkKeywords.split("\n").map((k)=>k.trim()).filter((k)=>k.length > 0); try { setLoading(true); for (const keyword of keywords){ await fetch("/api/keywords/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ keyword, projectId: currentProject.id }) }); } setBulkKeywords(""); setShowBulkAdd(false); await fetchKeywords(); } catch (err) { setErrors((prev)=>({ ...prev, bulk: "Failed to add keywords" })); } finally{ setLoading(false); } }; const handleBulkCheckRankings = async ()=>{ if (!keywords.length) return; setIsBulkChecking(true); setBulkProgress(0); setLogs([ { time: new Date().toLocaleTimeString(), message: "Starting bulk ranking check..." } ]); try { for(let i = 0; i < keywords.length; i++){ const keyword = keywords[i]; setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: `Checking keyword (${i + 1}/${keywords.length}): "${keyword.keyword}"` } ]); try { await handleRefreshRanking(keyword.id); if (i < keywords.length - 1) { await new Promise((resolve)=>setTimeout(resolve, 5000)); } } catch (error) { setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: `Error checking "${keyword.keyword}": ${error.message}`, type: "error" } ]); } setBulkProgress(Math.round((i + 1) / keywords.length * 100)); } setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: "Bulk ranking check completed", type: "success" } ]); await fetchKeywords(); } catch (error) { setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: `Bulk check failed: ${error.message}`, type: "error" } ]); } finally{ setIsBulkChecking(false); setBulkProgress(0); setShowLogs(true); } }; const toggleSortDirection = ()=>{ setSortDirection((current)=>current === "desc" ? "asc" : "desc"); }; const sortedKeywords = [ ...keywords ].sort((a, b)=>{ const dateA = a.last_checked ? new Date(a.last_checked) : new Date(0); const dateB = b.last_checked ? new Date(b.last_checked) : new Date(0); return sortDirection === "desc" ? dateB - dateA : dateA - dateB; }); const shouldShowWarning = ()=>{ return keywords.some((k)=>(k.google_com_checked_at && !k.google_com_position || k.google_ca_checked_at && !k.google_ca_position) && (k.google_com_checked_at || k.google_ca_checked_at)); }; const fetchKeywords = async ()=>{ try { if (!currentProject?.id) return; setLoading(true); const response = await fetch("/api/keywords/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ projectId: currentProject.id }) }); if (!response.ok) { throw new Error("Failed to fetch keywords"); } const data = await response.json(); setKeywords(data); const history = {}; data.forEach((keyword)=>{ history[keyword.id] = { "google.com": keyword.google_com_position || null, "google.ca": keyword.google_ca_position || null, timestamp: new Date().toISOString() }; }); setRankingHistory((prev)=>({ ...prev, ...history })); } catch (err) { setErrors((prev)=>({ ...prev, global: "Failed to load keywords" })); console.error(err); } finally{ setLoading(false); } }; const handleCreateProject = async (e)=>{ e.preventDefault(); setErrors({}); if (!newWebsite.trim()) { setErrors((prev)=>({ ...prev, website: "Please enter a website URL" })); return; } let websiteUrl = newWebsite.trim(); if (!websiteUrl.startsWith("http://") && !websiteUrl.startsWith("https://")) { websiteUrl = "https://" + websiteUrl; } try { new URL(websiteUrl); } catch { setErrors((prev)=>({ ...prev, website: "Please enter a valid website URL" })); return; } try { setLoading(true); const response = await fetch("/api/create-project", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ website: websiteUrl }) }); if (!response.ok) { throw new Error("Failed to create project"); } const project = await response.json(); setCurrentProject(project); setNewWebsite(""); setErrors({}); } catch (err) { setErrors((prev)=>({ ...prev, project: "Failed to create project" })); console.error(err); } finally{ setLoading(false); } }; const handleRetryFailedChecks = async ()=>{ const failedKeywords = keywords.filter((k)=>lastCheckStatus[k.id] === "failed"); for (const keyword of failedKeywords){ await handleRefreshRanking(keyword.id); } }; useEffect(()=>{ if (currentProject) { fetchKeywords(); } }, [ currentProject ]); const handleAddKeyword = async (e)=>{ e.preventDefault(); if (!newKeyword.trim() || !currentProject) return; try { setLoading(true); const response = await fetch("/api/add-keyword", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ keyword: newKeyword.trim(), projectId: currentProject.id }) }); if (!response.ok) { throw new Error("Failed to add keyword"); } setNewKeyword(""); await fetchKeywords(); } catch (err) { setErrors((prev)=>({ ...prev, add: "Failed to add keyword" })); console.error(err); } finally{ setLoading(false); } }; const handleRefreshRanking = async (keywordId)=>{ if (!Object.values(selectedDomains).some((v)=>v)) { setErrors((prev)=>({ ...prev, [keywordId]: "Please select at least one search engine to check rankings" })); return; } try { setRefreshingKeyword(keywordId); setErrors((prev)=>({ ...prev, [keywordId]: null })); setLogs([]); setLastCheckStatus((prev)=>({ ...prev, [keywordId]: null })); const keyword = keywords.find((k)=>k.id === keywordId); if (!keyword) { throw new Error("Keyword not found"); } if (!currentProject || !currentProject.website) { throw new Error("Website URL is not available"); } let websiteUrl = currentProject.website; if (!websiteUrl.startsWith("http://") && !websiteUrl.startsWith("https://")) { websiteUrl = "https://" + websiteUrl; } websiteUrl = websiteUrl.replace(/\/$/, ""); const selectedDomainsList = Object.entries(selectedDomains).filter(([_, selected])=>selected).map(([domain])=>domain); setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: `Starting ranking check for keyword: "${keyword.keyword}" on website: ${websiteUrl}` } ]); let hasError = false; for(let i = 0; i < selectedDomainsList.length; i++){ const domain = selectedDomainsList[i]; try { if (i > 0) { setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: "Waiting 2 seconds before checking next domain..." } ]); await new Promise((resolve)=>setTimeout(resolve, 2000)); } setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: `Checking rankings on ${domain}...` } ]); const response = await fetch("/api/check-ranking", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ keywordId, domains: [ domain ], website: websiteUrl, keyword: keyword.keyword }) }); if (!response.ok) { hasError = true; const error = await response.text(); throw new Error(error || `Failed to check rankings for ${domain}`); } const data = await response.json(); if (!data.success) { hasError = true; throw new Error(data.error || `Could not check rankings for ${domain}`); } setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: `Successfully checked ${domain}` } ]); } catch (domainError) { console.error(`Error checking ${domain}:`, domainError); setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: domainError.message, error: true } ]); setErrors((prev)=>({ ...prev, [keywordId]: domainError.message })); continue; } } setLastCheckStatus((prev)=>({ ...prev, [keywordId]: hasError ? "failed" : "success" })); setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: "Ranking check completed successfully" } ]); await fetchKeywords(); } catch (err) { console.error("Ranking check error:", err); setLogs((prev)=>[ ...prev, { time: new Date().toLocaleTimeString(), message: err.message, error: true } ]); setErrors((prev)=>({ ...prev, [keywordId]: `Error checking rankings: ${err.message}` })); setLastCheckStatus((prev)=>({ ...prev, [keywordId]: "failed" })); } finally{ setRefreshingKeyword(null); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/118eb541-e6b2-4306-a90a-b0d14488760d/-/format/auto/-/preview/200x405/", __source: { fileName: "", lineNumber: 431, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-8", __source: { fileName: "", lineNumber: 436, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 437, columnNumber: 9 }, __self: this }, !currentProject ? /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-[80vh]", __source: { fileName: "", lineNumber: 439, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/118eb541-e6b2-4306-a90a-b0d14488760d/-/format/auto/-/preview/200x405/", alt: "SEO Tracker Logo", className: "h-24 mb-6", __source: { fileName: "", lineNumber: 440, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 445, columnNumber: 15 }, __self: this }, "Start optimizing your online presence"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-600 mb-8", __source: { fileName: "", lineNumber: 448, columnNumber: 15 }, __self: this }, "Input a website you would like to analyze to track your progress."), /*#__PURE__*/ React.createElement("form", { onSubmit: handleCreateProject, className: "w-full max-w-md", __source: { fileName: "", lineNumber: 452, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 453, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newWebsite, onChange: (e)=>setNewWebsite(e.target.value), placeholder: "www.example.com", required: true, className: "w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-[#FFCC00] focus:border-transparent", __source: { fileName: "", lineNumber: 454, columnNumber: 19 }, __self: this }), errors.website && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 463, columnNumber: 21 }, __self: this }, errors.website)), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full px-6 py-3 bg-[#FFCC00] text-black rounded-md hover:bg-[#E6B800] focus:outline-none focus:ring-2 focus:ring-[#FFCC00] focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 468, columnNumber: 17 }, __self: this }, loading ? "Creating..." : "Start now"), errors.project && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-red-600 text-center", __source: { fileName: "", lineNumber: 476, columnNumber: 19 }, __self: this }, errors.project))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 484, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 485, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/118eb541-e6b2-4306-a90a-b0d14488760d/-/format/auto/-/preview/200x405/", alt: "SEO Tracker Logo", className: "h-12", __source: { fileName: "", lineNumber: 486, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 491, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 mb-1", __source: { fileName: "", lineNumber: 492, columnNumber: 21 }, __self: this }, "SEO Keyword Tracker"), /*#__PURE__*/ React.createElement("a", { href: currentProject.website.startsWith("http") ? currentProject.website : `https://${currentProject.website}`, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 495, columnNumber: 21 }, __self: this }, currentProject.website))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentProject(null), className: "px-4 py-2 text-sm bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-gray-300 focus:ring-offset-2", __source: { fileName: "", lineNumber: 509, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exchange-alt mr-2", __source: { fileName: "", lineNumber: 513, columnNumber: 19 }, __self: this }), "Analyze different domain")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddKeyword, className: "mb-8 bg-white p-6 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 517, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 521, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 522, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 flex-1 mr-4", __source: { fileName: "", lineNumber: 523, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newKeyword, onChange: (e)=>setNewKeyword(e.target.value), placeholder: "Enter a keyword to track...", className: "flex-1 px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-[#FFCC00] focus:border-transparent", disabled: loading, __source: { fileName: "", lineNumber: 524, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "px-6 py-2 bg-[#FFCC00] text-black rounded-md hover:bg-[#E6B800] focus:outline-none focus:ring-2 focus:ring-[#FFCC00] focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 532, columnNumber: 23 }, __self: this }, loading ? "Adding..." : "Add Keyword")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowBulkAdd(true), type: "button", className: "px-4 py-2 bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-gray-300 focus:ring-offset-2", __source: { fileName: "", lineNumber: 540, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-import mr-2", __source: { fileName: "", lineNumber: 545, columnNumber: 23 }, __self: this }), "Bulk Import")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 549, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 items-center", __source: { fileName: "", lineNumber: 550, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 551, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: selectedDomains["google.com"], onChange: (e)=>setSelectedDomains((prev)=>({ ...prev, "google.com": e.target.checked })), className: "rounded border-gray-300 text-[#FFCC00] focus:ring-[#FFCC00]", __source: { fileName: "", lineNumber: 552, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 563, columnNumber: 25 }, __self: this }, "Google.com")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 567, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: selectedDomains["google.ca"], onChange: (e)=>setSelectedDomains((prev)=>({ ...prev, "google.ca": e.target.checked })), className: "rounded border-gray-300 text-[#FFCC00] focus:ring-[#FFCC00]", __source: { fileName: "", lineNumber: 568, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 579, columnNumber: 25 }, __self: this }, "Google.ca"))), /*#__PURE__*/ React.createElement("button", { onClick: handleBulkCheckRankings, disabled: isBulkChecking || !Object.values(selectedDomains).some((v)=>v), className: "px-4 py-2 bg-[#FFCC00] text-black rounded-md hover:bg-[#E6B800] focus:outline-none focus:ring-2 focus:ring-[#FFCC00] focus:ring-offset-2 disabled:opacity-50 flex items-center gap-2", type: "button", __source: { fileName: "", lineNumber: 582, columnNumber: 21 }, __self: this }, isBulkChecking ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 593, columnNumber: 27 }, __self: this }), "Checking ", bulkProgress, "%") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync-alt", __source: { fileName: "", lineNumber: 598, columnNumber: 27 }, __self: this }), "Check All Rankings"))), isBulkChecking && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 605, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 606, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFCC00] h-2.5 rounded-full transition-all duration-300", style: { width: `${bulkProgress}%` }, __source: { fileName: "", lineNumber: 607, columnNumber: 25 }, __self: this }))))), showBulkAdd && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 617, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-lg w-full mx-4", __source: { fileName: "", lineNumber: 618, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 619, columnNumber: 21 }, __self: this }, "Bulk Import Keywords"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-4", __source: { fileName: "", lineNumber: 622, columnNumber: 21 }, __self: this }, "Enter one keyword per line"), /*#__PURE__*/ React.createElement("textarea", { value: bulkKeywords, onChange: (e)=>setBulkKeywords(e.target.value), placeholder: "Enter keywords...", className: "w-full h-48 px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-[#FFCC00] focus:border-transparent", __source: { fileName: "", lineNumber: 625, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-3 mt-4", __source: { fileName: "", lineNumber: 631, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowBulkAdd(false), className: "px-4 py-2 text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 632, columnNumber: 23 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: handleBulkAddKeywords, disabled: loading, className: "px-4 py-2 bg-[#FFCC00] text-black rounded-md hover:bg-[#E6B800] focus:outline-none focus:ring-2 focus:ring-[#FFCC00] focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 638, columnNumber: 23 }, __self: this }, loading ? "Adding..." : "Add Keywords")))), shouldShowWarning() && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-yellow-50 border border-yellow-200 rounded-md", __source: { fileName: "", lineNumber: 650, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowWarning(!showWarning), className: "w-full flex items-center justify-between text-yellow-700", __source: { fileName: "", lineNumber: 651, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 655, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle", __source: { fileName: "", lineNumber: 656, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 657, columnNumber: 23 }, __self: this }, "Some keywords were not found")), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${showWarning ? "up" : "down"}`, __source: { fileName: "", lineNumber: 661, columnNumber: 21 }, __self: this })), showWarning && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-yellow-600", __source: { fileName: "", lineNumber: 666, columnNumber: 21 }, __self: this }, "This could be due to:", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 668, columnNumber: 23 }, __self: this }), "- Your website being new and needing time to rank", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 669, columnNumber: 23 }, __self: this }), "- The keywords being highly competitive", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 670, columnNumber: 23 }, __self: this }), "- Your website needing SEO optimization for these terms", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 672, columnNumber: 23 }, __self: this }), "- Google temporarily limiting automated checks")), logs.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-white border border-gray-200 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 678, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLogs(!showLogs), className: "w-full flex items-center justify-between text-gray-900", __source: { fileName: "", lineNumber: 679, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 683, columnNumber: 21 }, __self: this }, "Progress Log"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${showLogs ? "up" : "down"}`, __source: { fileName: "", lineNumber: 684, columnNumber: 21 }, __self: this })), showLogs && /*#__PURE__*/ React.createElement("div", { className: "mt-2 max-h-40 overflow-y-auto", __source: { fileName: "", lineNumber: 689, columnNumber: 21 }, __self: this }, logs.map((log, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `text-sm ${log.type === "error" ? "text-red-600" : log.type === "success" ? "text-green-600" : "text-gray-600"} mb-1`, __source: { fileName: "", lineNumber: 691, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 701, columnNumber: 27 }, __self: this }, "[", log.time, "]"), " ", log.message)))), Object.keys(errors).length > 0 && Object.values(errors).some((error)=>error) && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-gray-50 border border-gray-200 rounded-md", __source: { fileName: "", lineNumber: 711, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 text-gray-600", __source: { fileName: "", lineNumber: 712, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle", __source: { fileName: "", lineNumber: 713, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 714, columnNumber: 23 }, __self: this }, "Status Updates:")), Object.values(errors).map((error, index)=>error && /*#__PURE__*/ React.createElement("div", { key: index, className: "mt-1 pl-6 text-gray-600", __source: { fileName: "", lineNumber: 719, columnNumber: 27 }, __self: this }, error))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm overflow-x-auto", __source: { fileName: "", lineNumber: 726, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-4", __source: { fileName: "", lineNumber: 727, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 728, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onMouseEnter: ()=>setShowTooltip("ranking"), onMouseLeave: ()=>setShowTooltip(null), className: "text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 729, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mr-2", __source: { fileName: "", lineNumber: 734, columnNumber: 23 }, __self: this }), "How rankings work"), showTooltip === "ranking" && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-72 px-4 py-3 text-sm bg-white border rounded-lg shadow-lg mt-2", __source: { fileName: "", lineNumber: 738, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 739, columnNumber: 25 }, __self: this }, "Rankings are checked by searching Google and finding your website's position in the results. The process may take a few moments and can be affected by:"), /*#__PURE__*/ React.createElement("ul", { className: "mt-2 list-disc pl-4", __source: { fileName: "", lineNumber: 744, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 745, columnNumber: 27 }, __self: this }, "Website age"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 746, columnNumber: 27 }, __self: this }, "Keyword competition"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 747, columnNumber: 27 }, __self: this }, "Search engine limitations")))), /*#__PURE__*/ React.createElement("button", { onClick: handleRetryFailedChecks, className: "px-4 py-2 text-sm bg-gray-100 text-gray-700 rounded-md hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-gray-300 focus:ring-offset-2", __source: { fileName: "", lineNumber: 752, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-redo mr-2", __source: { fileName: "", lineNumber: 756, columnNumber: 21 }, __self: this }), "Retry Failed Checks")), /*#__PURE__*/ React.createElement("div", { className: "min-w-[850px]", __source: { fileName: "", lineNumber: 760, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 761, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 762, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 763, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-[250px]", __source: { fileName: "", lineNumber: 764, columnNumber: 25 }, __self: this }, "Keyword"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-[100px]", __source: { fileName: "", lineNumber: 767, columnNumber: 25 }, __self: this }, "Google.com Rank"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-[100px]", __source: { fileName: "", lineNumber: 770, columnNumber: 25 }, __self: this }, "Google.ca Rank"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-[120px]", __source: { fileName: "", lineNumber: 773, columnNumber: 25 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider w-[180px] cursor-pointer hover:bg-gray-100", onClick: toggleSortDirection, __source: { fileName: "", lineNumber: 776, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 780, columnNumber: 27 }, __self: this }, "Last Checked", /*#__PURE__*/ React.createElement("i", { className: `fas fa-sort-${sortDirection === "desc" ? "down" : "up"}`, __source: { fileName: "", lineNumber: 782, columnNumber: 29 }, __self: this }))), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider w-[100px]", __source: { fileName: "", lineNumber: 787, columnNumber: 25 }, __self: this }, "Actions"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 792, columnNumber: 21 }, __self: this }, sortedKeywords.map((keyword)=>/*#__PURE__*/ React.createElement(React.Fragment, { key: keyword.id, __source: { fileName: "", lineNumber: 794, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 795, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 796, columnNumber: 29 }, __self: this }, keyword.keyword), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm", __source: { fileName: "", lineNumber: 799, columnNumber: 29 }, __self: this }, keyword.google_com_checked_at ? keyword.google_com_position ? /*#__PURE__*/ React.createElement("span", { className: "text-green-600", __source: { fileName: "", lineNumber: 802, columnNumber: 35 }, __self: this }, "#", keyword.google_com_position) : /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 806, columnNumber: 35 }, __self: this }, "Not in Top 100") : /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 811, columnNumber: 33 }, __self: this }, "No result yet")), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm", __source: { fileName: "", lineNumber: 816, columnNumber: 29 }, __self: this }, keyword.google_ca_checked_at ? keyword.google_ca_position ? /*#__PURE__*/ React.createElement("span", { className: "text-green-600", __source: { fileName: "", lineNumber: 819, columnNumber: 35 }, __self: this }, "#", keyword.google_ca_position) : /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 823, columnNumber: 35 }, __self: this }, "Not in Top 100") : /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 828, columnNumber: 33 }, __self: this }, "No result yet")), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm", __source: { fileName: "", lineNumber: 833, columnNumber: 29 }, __self: this }, lastCheckStatus[keyword.id] === "success" && /*#__PURE__*/ React.createElement("span", { className: "text-green-600", __source: { fileName: "", lineNumber: 835, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-1", __source: { fileName: "", lineNumber: 836, columnNumber: 35 }, __self: this }), "Success"), lastCheckStatus[keyword.id] === "failed" && /*#__PURE__*/ React.createElement("span", { className: "text-red-600", __source: { fileName: "", lineNumber: 841, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times-circle mr-1", __source: { fileName: "", lineNumber: 842, columnNumber: 35 }, __self: this }), "Failed")), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 847, columnNumber: 29 }, __self: this }, keyword.last_checked ? new Date(keyword.last_checked).toLocaleString() : ""), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm", __source: { fileName: "", lineNumber: 854, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRefreshRanking(keyword.id), disabled: refreshingKeyword === keyword.id, className: "inline-flex items-center px-3 py-1.5 border border-transparent text-xs font-medium rounded-md text-black bg-[#FFCC00]/20 hover:bg-[#FFCC00]/30 focus:outline-none focus:ring-2 focus:ring-[#FFCC00] focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 855, columnNumber: 31 }, __self: this }, refreshingKeyword === keyword.id ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-1", __source: { fileName: "", lineNumber: 862, columnNumber: 37 }, __self: this }), "Checking...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync-alt mr-1", __source: { fileName: "", lineNumber: 867, columnNumber: 37 }, __self: this }), "Check Ranking")))), errors[keyword.id] && /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 875, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("td", { colSpan: "6", className: "px-6 py-2 bg-gray-50 border-t border-b border-gray-200", __source: { fileName: "", lineNumber: 876, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 flex items-center gap-2", __source: { fileName: "", lineNumber: 880, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle text-gray-400", __source: { fileName: "", lineNumber: 881, columnNumber: 35 }, __self: this }), errors[keyword.id]))))), keywords.length === 0 && !loading && /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 890, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { colSpan: "6", className: "px-6 py-4 text-center text-sm text-gray-500", __source: { fileName: "", lineNumber: 891, columnNumber: 27 }, __self: this }, "No keywords added yet. Add your first keyword above.")))))))))); }