${paragraph}

`).join("\\n"); }; const convertToMarkdown = (content) => { return content.split("\\n\\n").map((paragraph) => paragraph.trim()).filter((paragraph) => paragraph.length > 0).join("\\n\\n"); }; const copyContent = async (format) => { let contentToCopy = ""; let successMessage = ""; switch (format) { case "plain": contentToCopy = postData.content; successMessage = "Plain text copied!"; break; case "html": contentToCopy = convertToHTML(postData.content); successMessage = "HTML copied!"; break; case "markdown": contentToCopy = convertToMarkdown(postData.content); successMessage = "Markdown copied!"; break; default: contentToCopy = postData.content; successMessage = "Content copied!"; } try { await navigator.clipboard.writeText(contentToCopy); setCopyType(successMessage); setCopySuccess(true); setTimeout(() => { setCopySuccess(false); setCopyType(""); }, 2e3); } catch (error2) { console.error("Failed to copy content:", error2); } }; const manualSave = async () => { setIsSaving(true); setSaveSuccess(false); setError(""); try { const savedPost = await saveToDatabase(); if (savedPost) { setSaveSuccess(true); setTimeout(() => setSaveSuccess(false), 3e3); } } catch (error2) { console.error("Manual save failed:", error2); setError("Failed to save post manually. Please try again."); } finally { setIsSaving(false); } }; import_react3.default.useEffect(() => { fetchHistory(); }, []); import_react3.default.useEffect(() => { const handleSelection = () => { const selection = window.getSelection(); const currentSelectedText = selection.toString().trim(); if (currentSelectedText && contentRef.current && contentRef.current.contains(selection.anchorNode)) { const range = selection.getRangeAt(0); const rect = range.getBoundingClientRect(); setSelectedText(currentSelectedText); setSelectionRange({ startOffset: getTextOffset( contentRef.current, range.startContainer, range.startOffset ), endOffset: getTextOffset( contentRef.current, range.endContainer, range.endOffset ) }); setButtonPosition({ x: rect.left + rect.width / 2, y: rect.top - 10 }); setShowRedoButton(true); } else if (!isRegeneratingSection) { setShowRedoButton(false); setSelectedText(""); setSelectionRange(null); } }; document.addEventListener("mouseup", handleSelection); return () => document.removeEventListener("mouseup", handleSelection); }, [postData.content, isRegeneratingSection]); return { postData, setPostData, streamingContent, isLoading, isGeneratingImage, error, setError, generateContent, generateFeaturedImage, copySuccess, copyType, copyContent, contentRef, credits, canUseCredits, fetchCredits, createNewPost, // Manual save functionality manualSave, isSaving, saveSuccess, selection: { showRedoButton, buttonPosition, regenerateSection, isRegeneratingSection }, history: { items: history, saveToDatabase, loadFromHistory, deleteFromHistory, fetchHistory, isLoadingHistory }, remix: { isRemixMode, toggleRemixMode, remixUrl, setRemixUrl, remixInstructions, setRemixInstructions, scrapedContent, scrapeAndRemix, isScrapingUrl } }; } // virtual:/apps/web/src/hooks/useWordPress.js init_injected_globals(); var import_react4 = __toESM(require_react()); function useWordPress() { const { data: user } = useUser_default(); const [connections, setConnections] = import_react4.default.useState([]); const [newConnection, setNewConnection] = import_react4.default.useState({ site_url: "", site_name: "", username: "", app_password: "" }); const [connectionsLoading, setConnectionsLoading] = import_react4.default.useState(false); const [publishLoading, setPublishLoading] = import_react4.default.useState(false); const [error, setError] = import_react4.default.useState(""); const loadConnections = import_react4.default.useCallback(async () => { try { const response = await fetch("/api/wordpress-connections"); if (response.ok) { const data = await response.json(); setConnections(data.connections); } } catch (error2) { console.error("Error loading connections:", error2); setError("Failed to load connections."); } }, []); import_react4.default.useEffect(() => { if (user) { loadConnections(); } }, [user, loadConnections]); const addConnection = async () => { if (!newConnection.site_url || !newConnection.username || !newConnection.app_password) { setError("Please fill in all required fields"); return; } setConnectionsLoading(true); setError(""); try { const response = await fetch("/api/wordpress-connections", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(newConnection) }); if (response.ok) { await loadConnections(); setNewConnection({ site_url: "", site_name: "", username: "", app_password: "" }); setError(""); } else { const errorData = await response.json(); setError(errorData.error || "Failed to add connection"); } } catch (error2) { console.error("Error adding connection:", error2); setError("Failed to add connection"); } setConnectionsLoading(false); }; const deleteConnection = async (id) => { try { const response = await fetch(`/api/wordpress-connections/${id}`, { method: "DELETE" }); if (response.ok) { await loadConnections(); } } catch (error2) { console.error("Error deleting connection:", error2); setError("Failed to delete connection."); } }; const publishToWordPress = async (connectionId, postData, publishStatus = "draft") => { if (!postData.content || !postData.keywords) { setError("Please generate content first"); return false; } setPublishLoading(true); setError(""); try { const generateTitle = (keywords) => { if (keywords.length > 5 && (keywords.includes(" ") || keywords.length < 50)) { return keywords.charAt(0).toUpperCase() + keywords.slice(1); } return `The Ultimate Guide to ${keywords}`; }; const convertToHTML = (content) => { return content.split("\\n\\n").map((paragraph) => paragraph.trim()).filter((paragraph) => paragraph.length > 0).map((paragraph) => `

${paragraph}

`).join("\\n"); }; const blogTitle = generateTitle(postData.keywords); const htmlContent = convertToHTML(postData.content); const response = await fetch("/api/publish-to-wordpress", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ connection_id: connectionId, title: blogTitle, content: htmlContent, featured_image: postData.featuredImage, status: publishStatus }) }); if (response.ok) { setError(""); setPublishLoading(false); return true; } else { const errorData = await response.json(); setError(errorData.error || "Failed to publish to WordPress"); setPublishLoading(false); return false; } } catch (error2) { console.error("Error publishing to WordPress:", error2); setError("Failed to publish to WordPress"); setPublishLoading(false); return false; } }; return { connections, newConnection, setNewConnection, connectionsLoading, publishLoading, error, setError, addConnection, deleteConnection, publishToWordPress, loadConnections }; } // virtual:/apps/web/src/hooks/useMedium.js init_injected_globals(); var import_react5 = __toESM(require_react()); function useMedium() { const [connections, setConnections] = (0, import_react5.useState)([]); const [newConnection, setNewConnection] = (0, import_react5.useState)({ integration_token: "" }); const [connectionsLoading, setConnectionsLoading] = (0, import_react5.useState)(false); const [publishLoading, setPublishLoading] = (0, import_react5.useState)(false); const [error, setError] = (0, import_react5.useState)(null); const fetchConnections = (0, import_react5.useCallback)(async () => { try { const response = await fetch("/api/medium-connections"); if (response.ok) { const data = await response.json(); setConnections(data.connections || []); } } catch (error2) { console.error("Error fetching Medium connections:", error2); } }, []); const addConnection = (0, import_react5.useCallback)(async () => { if (!newConnection.integration_token) { setError("Integration token is required"); return; } setConnectionsLoading(true); setError(null); try { const response = await fetch("/api/medium-connections", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ integration_token: newConnection.integration_token }) }); const data = await response.json(); if (response.ok) { if (data.updated) { setConnections((prev) => prev.map( (conn) => conn.id === data.connection.id ? data.connection : conn )); } else { setConnections((prev) => [data.connection, ...prev]); } setNewConnection({ integration_token: "" }); setError(null); } else { setError(data.error || "Failed to add Medium connection"); } } catch (error2) { console.error("Error adding Medium connection:", error2); setError("Failed to connect to Medium. Please check your integration token."); } finally { setConnectionsLoading(false); } }, [newConnection]); const deleteConnection = (0, import_react5.useCallback)(async (connectionId) => { try { const response = await fetch(`/api/medium-connections/${connectionId}`, { method: "DELETE" }); if (response.ok) { setConnections((prev) => prev.filter((conn) => conn.id !== connectionId)); } } catch (error2) { console.error("Error deleting Medium connection:", error2); } }, []); const publishToMedium = (0, import_react5.useCallback)(async (connectionId, title, content, featuredImage, publishStatus = "draft", tags = []) => { setPublishLoading(true); setError(null); try { const response = await fetch("/api/publish-to-medium", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ connection_id: connectionId, title, content, featured_image: featuredImage, publish_status: publishStatus, tags }) }); const data = await response.json(); if (response.ok) { return { success: true, data }; } else { setError(data.error || "Failed to publish to Medium"); return { success: false, error: data.error || "Failed to publish to Medium" }; } } catch (error2) { console.error("Error publishing to Medium:", error2); setError("Failed to publish to Medium"); return { success: false, error: "Failed to publish to Medium" }; } finally { setPublishLoading(false); } }, []); (0, import_react5.useEffect)(() => { fetchConnections(); }, [fetchConnections]); return { connections, newConnection, setNewConnection, connectionsLoading, publishLoading, addConnection, deleteConnection, publishToMedium, error, setError }; } // virtual:/apps/web/src/hooks/useReferrals.js init_injected_globals(); var import_react6 = __toESM(require_react()); function useReferrals() { const [referralCode, setReferralCode] = (0, import_react6.useState)(""); const [referralLink, setReferralLink] = (0, import_react6.useState)(""); const [stats, setStats] = (0, import_react6.useState)({ totalReferrals: 0, completedReferrals: 0, totalCreditsEarned: 0 }); const [recentReferrals, setRecentReferrals] = (0, import_react6.useState)([]); const [loading, setLoading] = (0, import_react6.useState)(true); const [error, setError] = (0, import_react6.useState)(""); const [copying, setCopying] = (0, import_react6.useState)(false); const fetchReferrals = (0, import_react6.useCallback)(async () => { try { setLoading(true); const response = await fetch("/api/referrals"); if (!response.ok) { throw new Error("Failed to fetch referral information"); } const data = await response.json(); setReferralCode(data.referralCode); setReferralLink(data.referralLink); setStats(data.stats); setRecentReferrals(data.recentReferrals); setError(""); } catch (err) { setError(err.message); console.error("Error fetching referrals:", err); } finally { setLoading(false); } }, []); const copyReferralLink = (0, import_react6.useCallback)(async () => { try { setCopying(true); await navigator.clipboard.writeText(referralLink); return true; } catch (err) { console.error("Failed to copy referral link:", err); return false; } finally { setCopying(false); } }, [referralLink]); const shareReferralLink = (0, import_react6.useCallback)(async () => { if (navigator.share) { try { await navigator.share({ title: "Join WP Blog Mate", text: "Create amazing WordPress content with AI! Sign up using my referral link and we both get 6 bonus credits.", url: referralLink }); return true; } catch (err) { if (err.name !== "AbortError") { console.error("Error sharing:", err); } return false; } } else { return await copyReferralLink(); } }, [referralLink, copyReferralLink]); (0, import_react6.useEffect)(() => { fetchReferrals(); }, [fetchReferrals]); return { referralCode, referralLink, stats, recentReferrals, loading, error, copying, fetchReferrals, copyReferralLink, shareReferralLink, setError }; } // virtual:/apps/web/src/hooks/useHomePage.js function useHomePage() { const [showSettings, setShowSettings] = (0, import_react7.useState)(false); const [showPublishModal, setShowPublishModal] = (0, import_react7.useState)(false); const [showHistory, setShowHistory] = (0, import_react7.useState)(false); const [showCreditsModal, setShowCreditsModal] = (0, import_react7.useState)(false); const [showReferralsModal, setShowReferralsModal] = (0, import_react7.useState)(false); const post = usePost(); const wordpress = useWordPress(); const medium = useMedium(); const credits = useCredits(); const referrals = useReferrals(); const handlePublish = async (platform, connectionId, status) => { if (platform === "wordpress") { const success = await wordpress.publishToWordPress( connectionId, post.postData, status ); if (success) { setShowPublishModal(false); } } else if (platform === "medium") { const title = post.postData.title || post.postData.keywords || "Untitled Post"; const result = await medium.publishToMedium( connectionId, title, post.postData.content, post.postData.featuredImage, status, post.postData.keywords ? post.postData.keywords.split(",").map((k) => k.trim()) : [] ); if (result.success) { setShowPublishModal(false); } } }; const clearError = () => { post.setError(""); wordpress.setError(""); medium.setError(""); }; const handleTrendingTopicSelect = (topic) => { if (topic.url) { post.remix.toggleRemixMode(true); post.remix.setRemixUrl(topic.url); post.remix.setRemixInstructions(""); } else { post.setPostData((prev) => ({ ...prev, keywords: topic.title })); } clearError(); setTimeout(() => { document.getElementById("generator-section")?.scrollIntoView({ behavior: "smooth" }); }, 100); }; return { post, wordpress, medium, credits, referrals, showSettings, setShowSettings, showPublishModal, setShowPublishModal, showHistory, setShowHistory, showCreditsModal, setShowCreditsModal, showReferralsModal, setShowReferralsModal, handlePublish, clearError, handleTrendingTopicSelect }; } // virtual:/apps/web/src/components/home/DashboardPage.jsx init_injected_globals(); var import_react20 = __toESM(require_react()); // virtual:/apps/web/src/components/layout/UserHeader.jsx init_injected_globals(); var import_react10 = __toESM(require_react()); var import_lucide_react = __toESM(require_lucide_react()); // virtual:/apps/web/src/utils/useAuth.js init_injected_globals(); var import_react8 = __toESM(require_react()); var import_react9 = __toESM(require_react2()); function useAuth() { const callbackUrl = typeof window !== "undefined" ? new URLSearchParams(window.location.search).get("callbackUrl") : null; const signInWithCredentials = (0, import_react8.useCallback)((options) => { return (0, import_react9.signIn)("credentials-signin", { ...options, callbackUrl: callbackUrl ?? options.callbackUrl }); }, [callbackUrl]); const signUpWithCredentials = (0, import_react8.useCallback)((options) => { return (0, import_react9.signIn)("credentials-signup", { ...options, callbackUrl: callbackUrl ?? options.callbackUrl }); }, [callbackUrl]); const signInWithGoogle = (0, import_react8.useCallback)((options) => { return (0, import_react9.signIn)("google", { ...options, callbackUrl: callbackUrl ?? options.callbackUrl }); }, [callbackUrl]); const signInWithFacebook = (0, import_react8.useCallback)((options) => { return (0, import_react9.signIn)("facebook", options); }, []); const signInWithTwitter = (0, import_react8.useCallback)((options) => { return (0, import_react9.signIn)("twitter", options); }, []); return { signInWithCredentials, signUpWithCredentials, signInWithGoogle, signInWithFacebook, signInWithTwitter, signOut: import_react9.signOut }; } var useAuth_default = useAuth; // virtual:/apps/web/src/components/layout/UserHeader.jsx function UserHeader({ onShowSettings, onShowHistory }) { const { data: user, loading: userLoading } = useUser_default(); const { signOut: signOut2 } = useAuth_default(); const handleQuickLogout = async (e) => { e.preventDefault(); try { await signOut2({ callbackUrl: "/", redirect: true }); } catch (error) { console.error("Quick logout failed:", error); window.location.href = "/account/logout"; } }; return /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute top-0 left-0 right-0 flex items-center justify-between p-6 z-50" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react10.default.createElement("a", { href: "/" }, /* @__PURE__ */ import_react10.default.createElement( "img", { src: "https://raw.createusercontent.com/486d90bd-b86a-4261-9ac2-f7c770c0e124/", alt: "Blog Mate Logo", className: "h-10 w-10" } ))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center gap-4" }, userLoading ? /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-sm text-gray-300" }, "Loading...") : user ? /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement("span", { className: "text-sm text-gray-600 hidden sm:block" }, user.email), /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: onShowHistory, className: "p-2 text-gray-600 hover:text-gray-900 transition-colors duration-200", title: "History" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react.History, { size: 20 }) ), /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: onShowSettings, className: "p-2 text-gray-600 hover:text-gray-900 transition-colors duration-200", title: "Settings" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react.Settings, { size: 20 }) ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: handleQuickLogout, className: "p-2 text-gray-600 hover:text-gray-900 transition-colors duration-200", title: "Sign Out" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react.LogOut, { size: 20 }) ))) : /* @__PURE__ */ import_react10.default.createElement( "a", { href: "/account/signin", className: "px-6 py-3 bg-white text-gray-900 font-semibold text-sm rounded-xl border-2 border-transparent hover:shadow-lg transition-all duration-300", style: { background: "linear-gradient(white, white) padding-box, linear-gradient(to right, #3b82f6, #8b5cf6, #ef4444, #f97316) border-box" } }, "Sign In" ))); } // virtual:/apps/web/src/components/home/GeneratorForm.jsx init_injected_globals(); var import_react11 = __toESM(require_react()); var import_lucide_react2 = __toESM(require_lucide_react()); var exampleTopics = [ "Writing Guides", "Current Trends", "Small Business Growth" ]; function GeneratorForm({ keywords, onKeywordsChange, onGenerateContent, onGenerateImage, isGeneratingContent, isGeneratingImage, remixUrl, onRemixUrlChange, remixInstructions, onRemixInstructionsChange, onScrapeAndRemix, isScrapingUrl, scrapedContent, isRemixMode, onToggleRemixMode }) { const handleChange = (e) => { onKeywordsChange(e.target.value); }; return /* @__PURE__ */ import_react11.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "bg-gray-100 p-1 rounded-lg flex" }, /* @__PURE__ */ import_react11.default.createElement( "button", { onClick: () => onToggleRemixMode(false), className: `px-6 py-2 rounded-md transition-all flex items-center gap-2 ${!isRemixMode ? "bg-white text-blue-600 shadow-sm" : "text-gray-600 hover:text-gray-900"}` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react2.Sparkles, { size: 16 }), "Generate New" ), /* @__PURE__ */ import_react11.default.createElement( "button", { onClick: () => onToggleRemixMode(true), className: `px-6 py-2 rounded-md transition-all flex items-center gap-2 ${isRemixMode ? "bg-white text-purple-600 shadow-sm" : "text-gray-600 hover:text-gray-900"}` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react2.RotateCcw, { size: 16 }), "Remix Content" ))), !isRemixMode ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex flex-col sm:flex-row items-center w-full gap-4" }, /* @__PURE__ */ import_react11.default.createElement( "input", { name: "keywords", value: keywords, onChange: handleChange, placeholder: "Enter topic or keyword...", className: "w-full h-14 px-6 text-lg text-gray-900 bg-white border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 placeholder-gray-500 transition-colors" } ), /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-full sm:w-auto flex gap-3" }, /* @__PURE__ */ import_react11.default.createElement( "button", { onClick: onGenerateContent, disabled: isGeneratingContent, className: "flex-1 sm:flex-none h-14 px-6 py-2 text-lg font-semibold text-white bg-blue-600 rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-center gap-2" }, isGeneratingContent ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-5 h-5 border-2 border-white/30 border-t-white rounded-full animate-spin" }), "Generating...") : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react2.Sparkles, { size: 20 }), "Generate")) ), /* @__PURE__ */ import_react11.default.createElement( "button", { onClick: onGenerateImage, disabled: isGeneratingImage || !keywords, className: "flex-1 sm:flex-none h-14 px-6 py-2 text-lg font-semibold text-gray-700 bg-gray-100 border border-gray-300 rounded-lg hover:bg-gray-200 transition-colors disabled:opacity-50 disabled:cursor-not-allowed" }, isGeneratingImage ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-5 h-5 border-2 border-gray-600/30 border-t-gray-600 rounded-full animate-spin" }), "Creating...") : /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react2.Image, { size: 20 }), "Image") ))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex flex-wrap justify-center gap-3" }, exampleTopics.map((topic) => /* @__PURE__ */ import_react11.default.createElement( "button", { key: topic, onClick: () => onKeywordsChange(topic), className: "px-4 py-2 bg-gray-50 border border-gray-200 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-100 hover:border-gray-300 transition-colors" }, topic )))) : ( /* Remix Mode */ /* @__PURE__ */ import_react11.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react11.default.createElement( "input", { type: "url", value: remixUrl, onChange: (e) => onRemixUrlChange(e.target.value), placeholder: "https://example.com/blog-post", className: "w-full h-14 px-6 text-lg text-gray-900 bg-white border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500 placeholder-gray-500 transition-colors" } ), scrapedContent && /* @__PURE__ */ import_react11.default.createElement("div", { className: "bg-purple-50 border border-purple-200 rounded-lg p-4" }, /* @__PURE__ */ import_react11.default.createElement("h4", { className: "text-sm font-medium text-purple-800 mb-2 flex items-center gap-2" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react2.Sparkles, { size: 16 }), "Content scraped successfully"), /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-sm text-purple-700 line-clamp-3" }, scrapedContent.substring(0, 200), "...")), /* @__PURE__ */ import_react11.default.createElement( "textarea", { value: remixInstructions, onChange: (e) => onRemixInstructionsChange(e.target.value), placeholder: "How do you want to remix this content? (e.g., make it more casual, focus on beginners, change tone to professional...)", rows: 3, className: "w-full px-6 py-4 text-lg text-gray-900 bg-white border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500 placeholder-gray-500 transition-colors resize-none" } )), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex flex-col sm:flex-row items-center w-full gap-4" }, !scrapedContent ? /* @__PURE__ */ import_react11.default.createElement( "button", { onClick: onScrapeAndRemix, disabled: !remixUrl || isScrapingUrl, className: "w-full sm:flex-1 h-14 px-6 py-2 text-lg font-semibold text-white bg-purple-600 rounded-lg hover:bg-purple-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-center gap-2" }, isScrapingUrl ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-5 h-5 border-2 border-white/30 border-t-white rounded-full animate-spin" }), "Scraping...") : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react2.Search, { size: 20 }), "Scrape Content")) ) : /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-full sm:w-auto flex gap-3" }, /* @__PURE__ */ import_react11.default.createElement( "button", { onClick: onScrapeAndRemix, disabled: !remixInstructions || isGeneratingContent, className: "flex-1 sm:flex-none h-14 px-6 py-2 text-lg font-semibold text-white bg-purple-600 rounded-lg hover:bg-purple-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-center gap-2" }, isGeneratingContent ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-5 h-5 border-2 border-white/30 border-t-white rounded-full animate-spin" }), "Remixing...") : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react2.RotateCcw, { size: 20 }), "Remix Content")) ), /* @__PURE__ */ import_react11.default.createElement( "button", { onClick: onGenerateImage, disabled: !scrapedContent || isGeneratingImage, className: "flex-1 sm:flex-none h-14 px-6 py-2 text-lg font-semibold text-purple-700 bg-purple-100 border border-purple-300 rounded-lg hover:bg-purple-200 transition-colors disabled:opacity-50 disabled:cursor-not-allowed" }, isGeneratingImage ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-5 h-5 border-2 border-purple-600/30 border-t-purple-600 rounded-full animate-spin" }), "Creating...") : /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react2.Image, { size: 20 }), "Image") )))) ), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-center text-sm text-gray-500 flex items-center justify-center gap-2" }, "Built with", /* @__PURE__ */ import_react11.default.createElement( "a", { href: "https://createanything.com", className: "font-medium text-gray-700 flex items-center gap-1 hover:text-blue-600 transition-colors" }, /* @__PURE__ */ import_react11.default.createElement( "img", { src: "https://e1a4c9d0d2f9f737c5e1.ucr.io/-/preview/https://api.urlbox.io/v1/NTYqWgJv5s0qDIxN/jpeg?url=https%3A%2F%2Fcreateanything.com%2F&full_page=true&width=1024&max_height=2048&quality=80", alt: "Anything Logo", className: "h-4" } ), "createanything.com" ))); } // virtual:/apps/web/src/components/home/FeaturedImageView.jsx init_injected_globals(); var import_react12 = __toESM(require_react()); function FeaturedImageView({ src, onRegenerate, isGenerating }) { if (!src) return null; return /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-8 bg-white/5 backdrop-blur-sm border border-white/10 rounded-3xl p-6 hover:bg-white/10 transition-all duration-300" }, /* @__PURE__ */ import_react12.default.createElement("h3", { className: "text-xl font-semibold text-white mb-4 flex items-center gap-2" }, "\u{1F5BC}\uFE0F Featured Image"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ import_react12.default.createElement( "img", { src, alt: "Generated featured image", className: "w-full rounded-2xl border border-white/20 mb-4 group-hover:scale-[1.02] transition-transform duration-300" } ), /* @__PURE__ */ import_react12.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" })), /* @__PURE__ */ import_react12.default.createElement( "button", { onClick: onRegenerate, disabled: isGenerating, className: "px-4 py-2 text-sm text-white bg-white/10 backdrop-blur-sm border border-white/20 rounded-xl hover:bg-white/20 hover:border-white/30 hover:scale-105 transition-all duration-300 disabled:opacity-50 disabled:hover:scale-100" }, isGenerating ? /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" }), "Regenerating...") : "\u{1F504} Regenerate Image" )); } // virtual:/apps/web/src/components/home/ContentView.jsx init_injected_globals(); var import_react13 = __toESM(require_react()); function FloatingRedoButton({ position, onRegenerate, isRegenerating }) { return /* @__PURE__ */ import_react13.default.createElement( "div", { className: "fixed z-50 transform -translate-x-1/2 -translate-y-full", style: { left: `${position.x}px`, top: `${position.y}px`, pointerEvents: "none" } }, /* @__PURE__ */ import_react13.default.createElement( "div", { className: "bg-white border border-[#D1D1D3] rounded shadow-lg p-2", style: { pointerEvents: "auto" } }, /* @__PURE__ */ import_react13.default.createElement( "button", { onClick: onRegenerate, disabled: isRegenerating, className: "px-3 py-1 text-sm text-white bg-[#101012] rounded hover:bg-[#333333] transition-colors disabled:opacity-50 whitespace-nowrap" }, isRegenerating ? "Rewriting..." : "\u2728 Redo Section" ) ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute left-1/2 transform -translate-x-1/2 top-full" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-0 h-0 border-l-4 border-r-4 border-t-4 border-l-transparent border-r-transparent border-t-[#D1D1D3]" })) ); } function ActionButtons({ copyContent, copySuccess, copyType, generateFeaturedImage, isGeneratingImage, hasFeaturedImage, onShowPublishModal, connections, onCreateNewPost, onManualSave, isSaving, saveSuccess }) { const { data: user } = useUser_default(); return /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-xs text-[#777777] mb-3 italic" }, "\u{1F4A1} Tip: Select any text above to improve specific sections with AI"), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ import_react13.default.createElement( "button", { onClick: onCreateNewPost, className: "px-3 py-1 bg-gradient-to-r from-green-500 to-emerald-500 text-white rounded-full text-sm sm:text-base hover:from-green-600 hover:to-emerald-600 transition-all duration-300 shadow-lg" }, "\u2728 New Post" ), /* @__PURE__ */ import_react13.default.createElement( "button", { onClick: onManualSave, disabled: isSaving, className: "px-3 py-1 bg-blue-500 text-white rounded-full text-sm sm:text-base hover:bg-blue-600 transition-colors disabled:opacity-50" }, isSaving ? "Saving..." : saveSuccess ? "\u2714\uFE0F Saved" : "\u{1F4BE} Save Post" ), /* @__PURE__ */ import_react13.default.createElement( "button", { onClick: () => copyContent("plain"), className: "px-3 py-1 border border-[#D1D1D3] rounded-full text-sm sm:text-base text-[#101012] hover:bg-[#F2F2F2] transition-colors" }, copySuccess && copyType === "Plain text copied!" ? "\u2714\uFE0F Plain Text" : "\u{1F4C4} Plain Text" ), /* @__PURE__ */ import_react13.default.createElement( "button", { onClick: () => copyContent("html"), className: "px-3 py-1 border border-[#D1D1D3] rounded-full text-sm sm:text-base text-[#101012] hover:bg-[#F2F2F2] transition-colors" }, copySuccess && copyType === "HTML copied!" ? "\u2714\uFE0F HTML" : "\u{1F3F7}\uFE0F HTML" ), /* @__PURE__ */ import_react13.default.createElement( "button", { onClick: () => copyContent("markdown"), className: "px-3 py-1 border border-[#D1D1D3] rounded-full text-sm sm:text-base text-[#101012] hover:bg-[#F2F2F2] transition-colors" }, copySuccess && copyType === "Markdown copied!" ? "\u2714\uFE0F Markdown" : "\u{1F4DD} Markdown" ), !hasFeaturedImage && /* @__PURE__ */ import_react13.default.createElement( "button", { onClick: generateFeaturedImage, disabled: isGeneratingImage, className: "px-3 py-1 border border-[#D1D1D3] rounded-full text-sm sm:text-base text-[#101012] hover:bg-[#F2F2F2] transition-colors disabled:opacity-50" }, isGeneratingImage ? "Creating..." : "\u{1F5BC}\uFE0F Generate Image" ), user && connections.length > 0 && /* @__PURE__ */ import_react13.default.createElement( "button", { onClick: onShowPublishModal, className: "px-3 py-1 text-sm sm:text-base text-white bg-[#101012] rounded-full hover:bg-[#333333] transition-colors" }, "\u{1F680} Publish to WordPress" ))); } function ContentView({ postData, streamingContent, isLoading, contentRef, selection, copy, actions, connections, isRemix, originalUrl, remixInstructions, onCreateNewPost }) { const { content, keywords } = postData; const { showRedoButton, buttonPosition, regenerateSection, isRegeneratingSection } = selection; const { copyContent, copySuccess, copyType } = copy; const { generateFeaturedImage, isGeneratingImage, onShowPublishModal, onManualSave, isSaving, saveSuccess } = actions; const showContent = content || isLoading || streamingContent; if (!showContent) return null; return /* @__PURE__ */ import_react13.default.createElement("div", { className: "mt-6 sm:mt-8 border border-[#D1D1D3] rounded p-4 sm:p-6 relative" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-start justify-between mb-2" }, /* @__PURE__ */ import_react13.default.createElement("h2", { className: "text-xl sm:text-2xl font-medium text-[#101012]" }, isRemix ? "Remixed Content" : "Blog Post", ": ", keywords), isRemix && /* @__PURE__ */ import_react13.default.createElement("span", { className: "px-2 py-1 bg-purple-100 text-purple-700 text-xs rounded-full flex-shrink-0 ml-2" }, "\u{1F504} Remix")), isRemix && originalUrl && /* @__PURE__ */ import_react13.default.createElement("div", { className: "mb-4 p-3 bg-purple-50 border border-purple-200 rounded-lg" }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "text-sm text-purple-800 mb-1" }, /* @__PURE__ */ import_react13.default.createElement("strong", null, "Original source:"), " ", /* @__PURE__ */ import_react13.default.createElement( "a", { href: originalUrl, target: "_blank", rel: "noopener noreferrer", className: "text-purple-600 hover:underline break-all" }, originalUrl )), remixInstructions && /* @__PURE__ */ import_react13.default.createElement("p", { className: "text-sm text-purple-700" }, /* @__PURE__ */ import_react13.default.createElement("strong", null, "Remix instructions:"), " ", remixInstructions)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react13.default.createElement( "p", { ref: contentRef, className: "text-sm sm:text-base text-[#101012] mb-4 sm:mb-6 whitespace-pre-wrap select-text cursor-text leading-relaxed", style: { userSelect: "text" } }, streamingContent || content ), showRedoButton && /* @__PURE__ */ import_react13.default.createElement( FloatingRedoButton, { position: buttonPosition, onRegenerate: regenerateSection, isRegenerating: isRegeneratingSection } ), isRegeneratingSection && /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute inset-0 bg-white bg-opacity-80 flex items-center justify-center rounded" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-sm text-[#777777]" }, "Rewriting selected section..."))), !isLoading && content && /* @__PURE__ */ import_react13.default.createElement( ActionButtons, { copyContent, copySuccess, copyType, generateFeaturedImage, isGeneratingImage, hasFeaturedImage: !!postData.featuredImage, onShowPublishModal, connections, onCreateNewPost, onManualSave, isSaving, saveSuccess } )); } // virtual:/apps/web/src/components/home/TrendingTopics.jsx init_injected_globals(); var import_react14 = __toESM(require_react()); var import_lucide_react3 = __toESM(require_lucide_react()); function TrendingTopics({ onSelectTopic }) { const [topics, setTopics] = (0, import_react14.useState)([]); const [loading, setLoading] = (0, import_react14.useState)(false); const [error, setError] = (0, import_react14.useState)(null); const [selectedCategory, setSelectedCategory] = (0, import_react14.useState)("All"); const [userTopics, setUserTopics] = (0, import_react14.useState)([]); const [needsOnboarding, setNeedsOnboarding] = (0, import_react14.useState)(false); const [searchTerm, setSearchTerm] = (0, import_react14.useState)(""); const [currentSearch, setCurrentSearch] = (0, import_react14.useState)(""); const [totalFound, setTotalFound] = (0, import_react14.useState)(0); const fetchTrendingTopics = (0, import_react14.useCallback)(async (search = "") => { setLoading(true); setError(null); try { const url = search ? `/api/trending-topics?search=${encodeURIComponent(search)}` : "/api/trending-topics"; const response = await fetch(url); if (!response.ok) { if (response.status === 401) { throw new Error("Please sign in to see trending topics"); } throw new Error(`Failed to fetch trending topics: ${response.status}`); } const data = await response.json(); if (data.success) { setTopics(data.topics || []); setUserTopics(data.userTopics || []); setNeedsOnboarding(data.needsOnboarding || false); setCurrentSearch(data.searchTerm || ""); setTotalFound(data.totalFound || 0); } else { throw new Error(data.error || "Failed to fetch topics"); } } catch (error2) { console.error("Error fetching trending topics:", error2); setError(error2.message); } finally { setLoading(false); } }, []); (0, import_react14.useEffect)(() => { fetchTrendingTopics(); }, [fetchTrendingTopics]); const handleSearch = (e) => { e.preventDefault(); if (searchTerm.trim()) { fetchTrendingTopics(searchTerm.trim()); } }; const clearSearch = () => { setSearchTerm(""); setCurrentSearch(""); fetchTrendingTopics(); }; const categories = ["All", ...new Set(topics.map((topic) => topic.category))]; const filteredTopics = selectedCategory === "All" ? topics : topics.filter((topic) => topic.category === selectedCategory); const getCategoryColor = (category) => { const colors = { Technology: "from-blue-500 to-cyan-500", Business: "from-green-500 to-emerald-500", Lifestyle: "from-purple-500 to-pink-500", Health: "from-red-500 to-orange-500", Marketing: "from-yellow-500 to-orange-500", Finance: "from-indigo-500 to-blue-500", Travel: "from-teal-500 to-green-500", Food: "from-orange-500 to-red-500", Sports: "from-blue-600 to-purple-600", Entertainment: "from-pink-500 to-rose-500", General: "from-gray-500 to-gray-600" }; return colors[category] || colors["General"]; }; const getTimeAgo = (publishedTime) => { if (!publishedTime) return ""; const now = Date.now(); const diff = now - publishedTime; const hours = Math.floor(diff / (1e3 * 60 * 60)); const days = Math.floor(diff / (1e3 * 60 * 60 * 24)); if (days > 0) return `${days}d ago`; if (hours > 0) return `${hours}h ago`; return "Now"; }; return /* @__PURE__ */ import_react14.default.createElement("div", { className: "bg-white/80 backdrop-blur-sm border border-gray-200 rounded-2xl shadow-xl shadow-green-500/10" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "p-6 border-b border-gradient-to-r from-green-200 via-blue-200 to-purple-200" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ import_react14.default.createElement("h3", { className: "text-lg font-semibold bg-gradient-to-r from-green-600 via-blue-600 to-purple-600 bg-clip-text text-transparent flex items-center gap-2" }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react3.TrendingUp, { size: 20 }), "Trending Topics"), /* @__PURE__ */ import_react14.default.createElement( "button", { onClick: () => currentSearch ? fetchTrendingTopics(currentSearch) : fetchTrendingTopics(), disabled: loading, className: "text-sm px-3 py-1 bg-gradient-to-r from-green-50 via-blue-50 to-purple-50 border border-gradient-to-r from-green-300 via-blue-300 to-purple-300 rounded-lg text-green-700 hover:bg-gradient-to-r hover:from-green-100 hover:via-blue-100 hover:to-purple-100 transition-all duration-300 disabled:opacity-50 flex items-center gap-1" }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react3.RefreshCw, { size: 14, className: loading ? "animate-spin" : "" }), "Refresh" )), /* @__PURE__ */ import_react14.default.createElement("form", { onSubmit: handleSearch, className: "mb-4" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react14.default.createElement( import_lucide_react3.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400", size: 16 } ), /* @__PURE__ */ import_react14.default.createElement( "input", { type: "text", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), placeholder: "Search trending topics (e.g., 'AI technology', 'crypto news')", className: "w-full pl-10 pr-20 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm", disabled: loading } ), /* @__PURE__ */ import_react14.default.createElement("div", { className: "absolute right-2 top-1/2 transform -translate-y-1/2 flex gap-1" }, currentSearch && /* @__PURE__ */ import_react14.default.createElement( "button", { type: "button", onClick: clearSearch, className: "px-2 py-1 text-xs bg-gray-100 text-gray-600 rounded hover:bg-gray-200 transition-colors" }, "Clear" ), /* @__PURE__ */ import_react14.default.createElement( "button", { type: "submit", disabled: loading || !searchTerm.trim(), className: "px-2 py-1 text-xs bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors disabled:opacity-50" }, "Search" )))), currentSearch ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ import_react14.default.createElement("p", { className: "text-xs text-gray-500 mb-2" }, "Showing trends for:", " ", /* @__PURE__ */ import_react14.default.createElement("span", { className: "font-medium text-blue-600" }, '"', currentSearch, '"'), totalFound > 0 && /* @__PURE__ */ import_react14.default.createElement("span", { className: "ml-2" }, "(", totalFound, " found)"))) : userTopics.length > 0 && /* @__PURE__ */ import_react14.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ import_react14.default.createElement("p", { className: "text-xs text-gray-500 mb-2" }, "Showing trends for: ", userTopics.slice(0, 3).join(", "), userTopics.length > 3 ? "..." : "")), !needsOnboarding && categories.length > 1 && /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex flex-wrap gap-2" }, categories.map((category) => /* @__PURE__ */ import_react14.default.createElement( "button", { key: category, onClick: () => setSelectedCategory(category), className: `px-3 py-1 text-xs rounded-full transition-all duration-300 ${selectedCategory === category ? "bg-gradient-to-r from-green-100 via-blue-100 to-purple-100 text-green-800 border border-green-300" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}` }, category, category !== "All" && /* @__PURE__ */ import_react14.default.createElement("span", { className: "ml-1 text-xs opacity-60" }, "(", topics.filter((t) => t.category === category).length, ")") )))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "p-6" }, error && /* @__PURE__ */ import_react14.default.createElement("div", { className: "mb-4 p-3 text-sm text-red-700 bg-red-50 border border-red-200 rounded-lg" }, error), loading ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center justify-center py-8" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-8 h-8 border-2 border-green-200 border-t-green-600 rounded-full animate-spin" }), /* @__PURE__ */ import_react14.default.createElement("span", { className: "ml-3 text-gray-600" }, currentSearch ? `Searching for "${currentSearch}"...` : "Finding trending topics...")) : needsOnboarding ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "text-4xl mb-4" }, "\u{1F3AF}"), /* @__PURE__ */ import_react14.default.createElement("h4", { className: "font-medium text-gray-900 mb-2" }, "Customize Your Trending Topics"), /* @__PURE__ */ import_react14.default.createElement("p", { className: "text-gray-500 text-sm mb-4" }, "Complete your setup to see trending topics personalized for your interests, or use the search above to find specific topics."), /* @__PURE__ */ import_react14.default.createElement( "a", { href: "/onboarding", className: "inline-block px-4 py-2 bg-blue-600 text-white text-sm rounded-lg hover:bg-blue-700 transition-colors" }, "Complete Setup" )) : filteredTopics.length > 0 ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "space-y-4 max-h-96 overflow-y-auto" }, filteredTopics.map((topic, index) => /* @__PURE__ */ import_react14.default.createElement( "div", { key: index, onClick: () => onSelectTopic(topic), className: "group p-4 bg-gradient-to-r from-white via-green-50/30 to-blue-50/30 border border-gray-200 rounded-xl hover:bg-gradient-to-r hover:from-green-50 hover:via-blue-50 hover:to-purple-50 hover:border-green-300 hover:scale-[1.02] transition-all duration-300 cursor-pointer" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-start justify-between" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-start gap-3 mb-2" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react14.default.createElement("h4", { className: "font-medium text-gray-900 line-clamp-2 group-hover:bg-gradient-to-r group-hover:from-green-600 group-hover:via-blue-600 group-hover:to-purple-600 group-hover:bg-clip-text group-hover:text-transparent transition-all duration-300 mb-1" }, topic.title), topic.snippet && /* @__PURE__ */ import_react14.default.createElement("p", { className: "text-xs text-gray-600 line-clamp-2 leading-relaxed" }, topic.snippet)), topic.url && /* @__PURE__ */ import_react14.default.createElement( import_lucide_react3.ExternalLink, { size: 14, className: "text-gray-400 group-hover:text-blue-500 transition-colors flex-shrink-0 mt-1" } )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-2 mt-3 flex-wrap" }, /* @__PURE__ */ import_react14.default.createElement( "span", { className: `text-xs px-2 py-1 rounded-full bg-gradient-to-r ${getCategoryColor(topic.category)} text-white` }, topic.category ), topic.url && /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-xs px-2 py-1 bg-purple-100 text-purple-700 rounded-full flex items-center gap-1" }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react3.RefreshCw, { size: 10 }), "Remix"), topic.userTopic && /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-xs px-2 py-1 bg-blue-100 text-blue-700 rounded-full" }, topic.userTopic), topic.source && topic.source !== "trending" && topic.source !== "suggested" && /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-xs text-gray-500 flex items-center gap-1" }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react3.Clock, { size: 10 }), topic.source, " \u2022 ", getTimeAgo(topic.publishedTime)), topic.relevanceScore > 0 && /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-xs px-2 py-1 bg-yellow-100 text-yellow-700 rounded-full" }, "\u2B50 ", Math.round(topic.relevanceScore * 10) / 10))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "ml-3 text-gray-400 group-hover:text-green-600 transition-colors duration-300" }, /* @__PURE__ */ import_react14.default.createElement( "svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ import_react14.default.createElement( "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" } ) ))) ))) : /* @__PURE__ */ import_react14.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "text-4xl mb-4" }, "\u{1F4CA}"), /* @__PURE__ */ import_react14.default.createElement("p", { className: "text-gray-500 text-sm mb-2" }, currentSearch ? `No trending topics found for "${currentSearch}"` : "No trending topics available right now."), /* @__PURE__ */ import_react14.default.createElement("p", { className: "text-gray-400 text-xs mb-4" }, "Try a different search term or refresh to see new topics."), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex gap-2 justify-center" }, currentSearch && /* @__PURE__ */ import_react14.default.createElement( "button", { onClick: clearSearch, className: "text-sm text-blue-600 hover:text-blue-700 underline" }, "Clear search" ), /* @__PURE__ */ import_react14.default.createElement( "button", { onClick: () => fetchTrendingTopics(), className: "text-sm text-green-600 hover:text-green-700 underline" }, "Try refreshing" ))))); } // virtual:/apps/web/src/components/modals/SettingsModal.jsx init_injected_globals(); var import_react15 = __toESM(require_react()); var import_lucide_react4 = __toESM(require_lucide_react()); function SettingsModal({ show, onClose, wordpress, medium }) { const [activeTab, setActiveTab] = (0, import_react15.useState)("topics"); const [topicsLoading, setTopicsLoading] = (0, import_react15.useState)(false); const [topicsError, setTopicsError] = (0, import_react15.useState)(""); const [userTopics, setUserTopics] = (0, import_react15.useState)([]); const [newTopic, setNewTopic] = (0, import_react15.useState)(""); (0, import_react15.useEffect)(() => { if (show) { fetchUserTopics(); } }, [show]); const fetchUserTopics = async () => { setTopicsLoading(true); try { const response = await fetch("/api/user/preferences"); if (response.ok) { const data = await response.json(); setUserTopics(data.trending_topics || []); } } catch (error) { console.error("Failed to fetch topics:", error); } finally { setTopicsLoading(false); } }; const saveTopics = async () => { setTopicsLoading(true); setTopicsError(""); try { const response = await fetch("/api/user/preferences", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ trending_topics: userTopics }) }); if (!response.ok) { throw new Error("Failed to save topics"); } setTopicsError(""); } catch (error) { setTopicsError("Failed to save your topics. Please try again."); } finally { setTopicsLoading(false); } }; const addTopic = () => { if (newTopic.trim() && !userTopics.includes(newTopic.trim())) { setUserTopics([...userTopics, newTopic.trim()]); setNewTopic(""); } }; const removeTopic = (topicToRemove) => { setUserTopics(userTopics.filter((topic) => topic !== topicToRemove)); }; const suggestions = [ "AI technology trends", "Digital marketing tips", "Travel destinations", "Business productivity", "Health and fitness", "Food and cooking", "Personal finance", "Tech reviews", "Lifestyle trends", "Startup news" ]; const addSuggestion = (suggestion) => { if (!userTopics.includes(suggestion)) { setUserTopics([...userTopics, suggestion]); } }; if (!show) return null; const { connections: wpConnections, newConnection: wpNewConnection, setNewConnection: wpSetNewConnection, connectionsLoading: wpConnectionsLoading, addConnection: wpAddConnection, deleteConnection: wpDeleteConnection, error: wpError } = wordpress; const { connections: mediumConnections, newConnection: mediumNewConnection, setNewConnection: mediumSetNewConnection, connectionsLoading: mediumConnectionsLoading, addConnection: mediumAddConnection, deleteConnection: mediumDeleteConnection, error: mediumError } = medium || {}; return /* @__PURE__ */ import_react15.default.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex justify-between items-center mb-6" }, /* @__PURE__ */ import_react15.default.createElement("h2", { className: "text-2xl font-semibold text-gray-900" }, "Settings"), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: onClose, className: "text-gray-400 hover:text-gray-600 text-2xl" }, "\xD7" )), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex gap-2 mb-6 border-b border-gray-200" }, /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setActiveTab("topics"), className: `px-4 py-2 font-medium transition-colors border-b-2 ${activeTab === "topics" ? "text-blue-600 border-blue-600" : "text-gray-600 hover:text-gray-900 border-transparent"}` }, "Trending Topics" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setActiveTab("wordpress"), className: `px-4 py-2 font-medium transition-colors border-b-2 ${activeTab === "wordpress" ? "text-blue-600 border-blue-600" : "text-gray-600 hover:text-gray-900 border-transparent"}` }, "WordPress" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setActiveTab("medium"), className: `px-4 py-2 font-medium transition-colors border-b-2 ${activeTab === "medium" ? "text-blue-600 border-blue-600" : "text-gray-600 hover:text-gray-900 border-transparent"}` }, "Medium" )), activeTab === "topics" && /* @__PURE__ */ import_react15.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Your Trending Topics"), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-sm text-gray-600 mb-4" }, "These topics are used to find trending content suggestions for you from Google.")), /* @__PURE__ */ import_react15.default.createElement("div", { className: "p-4 bg-gray-50 rounded-lg" }, /* @__PURE__ */ import_react15.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2" }, "Add new topic"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react15.default.createElement( "input", { type: "text", value: newTopic, onChange: (e) => setNewTopic(e.target.value), onKeyPress: (e) => e.key === "Enter" && addTopic(), placeholder: "e.g., sustainable technology trends", className: "flex-1 px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent" } ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: addTopic, className: "px-3 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors" }, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react4.Plus, { className: "w-4 h-4" }) ))), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-3" }, "Popular suggestions"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-wrap gap-2" }, suggestions.map((suggestion) => /* @__PURE__ */ import_react15.default.createElement( "button", { key: suggestion, onClick: () => addSuggestion(suggestion), disabled: userTopics.includes(suggestion), className: `px-3 py-2 text-sm rounded-lg border transition-colors ${userTopics.includes(suggestion) ? "bg-gray-100 text-gray-400 border-gray-200 cursor-not-allowed" : "bg-white text-gray-700 border-gray-300 hover:bg-gray-50 hover:border-gray-400"}` }, suggestion )))), userTopics.length > 0 && /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-3" }, "Your topics (", userTopics.length, ")"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "space-y-2 max-h-40 overflow-y-auto" }, userTopics.map((topic) => /* @__PURE__ */ import_react15.default.createElement( "div", { key: topic, className: "flex items-center justify-between bg-blue-50 border border-blue-200 rounded-lg px-3 py-2" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-sm text-gray-700" }, topic), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => removeTopic(topic), className: "text-gray-400 hover:text-gray-600 transition-colors" }, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react4.X, { className: "w-4 h-4" }) ) )))), topicsError && /* @__PURE__ */ import_react15.default.createElement("div", { className: "p-3 text-sm text-red-700 bg-red-50 border border-red-200 rounded-lg" }, topicsError), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: saveTopics, disabled: topicsLoading, className: "px-6 py-2 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50" }, topicsLoading ? "Saving..." : "Save Topics" ))), activeTab === "wordpress" && /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "mb-6 p-6 bg-gray-50 border border-gray-200 rounded-lg" }, /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Add WordPress Site"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react15.default.createElement( "input", { type: "url", placeholder: "WordPress Site URL (e.g., https://yoursite.com)", value: wpNewConnection.site_url, onChange: (e) => wpSetNewConnection({ ...wpNewConnection, site_url: e.target.value }), className: "w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" } ), /* @__PURE__ */ import_react15.default.createElement( "input", { type: "text", placeholder: "Site Name (optional)", value: wpNewConnection.site_name, onChange: (e) => wpSetNewConnection({ ...wpNewConnection, site_name: e.target.value }), className: "w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" } ), /* @__PURE__ */ import_react15.default.createElement( "input", { type: "text", placeholder: "WordPress Username", value: wpNewConnection.username, onChange: (e) => wpSetNewConnection({ ...wpNewConnection, username: e.target.value }), className: "w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" } ), /* @__PURE__ */ import_react15.default.createElement( "input", { type: "password", placeholder: "Application Password", value: wpNewConnection.app_password, onChange: (e) => wpSetNewConnection({ ...wpNewConnection, app_password: e.target.value }), className: "w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" } ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: wpAddConnection, disabled: wpConnectionsLoading, className: "w-full py-3 font-semibold text-white bg-blue-600 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50" }, wpConnectionsLoading ? "Testing Connection..." : "Add Site" )), wpError && /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-sm text-red-600 mt-3" }, wpError), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-sm text-gray-600 mt-3" }, "You need to create an Application Password in your WordPress admin (Users \u2192 Profile \u2192 Application Passwords)")), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Connected Sites"), wpConnections.length === 0 ? /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-gray-600 text-center py-8" }, "No WordPress sites connected") : /* @__PURE__ */ import_react15.default.createElement("div", { className: "space-y-4" }, wpConnections.map((connection) => /* @__PURE__ */ import_react15.default.createElement( "div", { key: connection.id, className: "flex items-center justify-between p-4 border border-gray-200 rounded-lg" }, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "font-medium text-gray-900" }, connection.site_name || connection.site_url), /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-sm text-gray-600" }, connection.site_url), /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-xs text-gray-500" }, "Added:", " ", new Date(connection.created_at).toLocaleDateString())), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => wpDeleteConnection(connection.id), className: "px-4 py-2 text-sm font-medium text-red-600 border border-red-200 rounded-md hover:bg-red-50 transition-colors" }, "Remove" ) ))))), activeTab === "medium" && /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "mb-6 p-6 bg-gray-50 border border-gray-200 rounded-lg" }, /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Connect Medium Account"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react15.default.createElement( "input", { type: "password", placeholder: "Medium Integration Token", value: mediumNewConnection?.integration_token || "", onChange: (e) => mediumSetNewConnection({ ...mediumNewConnection, integration_token: e.target.value }), className: "w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" } ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: mediumAddConnection, disabled: mediumConnectionsLoading, className: "w-full py-3 font-semibold text-white bg-blue-600 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50" }, mediumConnectionsLoading ? "Connecting..." : "Connect Account" )), mediumError && /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-sm text-red-600 mt-3" }, mediumError), /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-sm text-gray-600 mt-3 space-y-1" }, /* @__PURE__ */ import_react15.default.createElement("p", null, "To get your Medium Integration Token:"), /* @__PURE__ */ import_react15.default.createElement("ol", { className: "list-decimal list-inside space-y-1 ml-2" }, /* @__PURE__ */ import_react15.default.createElement("li", null, "Go to Medium.com \u2192 Settings \u2192 Security and apps"), /* @__PURE__ */ import_react15.default.createElement("li", null, 'Click on "Integration tokens"'), /* @__PURE__ */ import_react15.default.createElement("li", null, 'Enter a description and click "Get integration token"'), /* @__PURE__ */ import_react15.default.createElement("li", null, "Copy the token and paste it above")), /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-amber-600 mt-2" }, "\u26A0\uFE0F Note: Medium API doesn't allow editing posts after publishing!"))), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Connected Accounts"), mediumConnections?.length === 0 ? /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-gray-600 text-center py-8" }, "No Medium accounts connected") : /* @__PURE__ */ import_react15.default.createElement("div", { className: "space-y-4" }, mediumConnections?.map((connection) => /* @__PURE__ */ import_react15.default.createElement( "div", { key: connection.id, className: "flex items-center justify-between p-4 border border-gray-200 rounded-lg" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-3" }, connection.profile_image_url && /* @__PURE__ */ import_react15.default.createElement( "img", { src: connection.profile_image_url, alt: connection.profile_name, className: "w-10 h-10 rounded-full" } ), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "font-medium text-gray-900" }, connection.profile_name), /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-sm text-gray-600" }, "@", connection.profile_username), /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-xs text-gray-500" }, "Added:", " ", new Date( connection.created_at ).toLocaleDateString()))), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => mediumDeleteConnection(connection.id), className: "px-4 py-2 text-sm font-medium text-red-600 border border-red-200 rounded-md hover:bg-red-50 transition-colors" }, "Remove" ) ))))))); } // virtual:/apps/web/src/components/modals/PublishModal.jsx init_injected_globals(); var import_react16 = __toESM(require_react()); function PublishModal({ show, onClose, onPublish, wordpressConnections, mediumConnections, isLoading }) { const [selectedPlatform, setSelectedPlatform] = (0, import_react16.useState)("wordpress"); const hasWordPressConnections = wordpressConnections && wordpressConnections.length > 0; const hasMediumConnections = mediumConnections && mediumConnections.length > 0; (0, import_react16.useEffect)(() => { if (show) { if (hasMediumConnections && !hasWordPressConnections) { setSelectedPlatform("medium"); } else if (hasWordPressConnections && !hasMediumConnections) { setSelectedPlatform("wordpress"); } } }, [show, hasWordPressConnections, hasMediumConnections]); if (!show) return null; return /* @__PURE__ */ import_react16.default.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-md" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex justify-between items-center mb-6" }, /* @__PURE__ */ import_react16.default.createElement("h2", { className: "text-xl font-semibold text-gray-900" }, "Publish Content"), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: onClose, className: "text-gray-400 hover:text-gray-600 text-2xl" }, "\xD7" )), hasWordPressConnections && hasMediumConnections && /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex gap-2 mb-4" }, /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => setSelectedPlatform("wordpress"), className: `flex-1 py-2 px-3 rounded-md transition-colors font-medium ${selectedPlatform === "wordpress" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}` }, "WordPress" ), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => setSelectedPlatform("medium"), className: `flex-1 py-2 px-3 rounded-md transition-colors font-medium ${selectedPlatform === "medium" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}` }, "Medium" )), !hasWordPressConnections && !hasMediumConnections && /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-gray-600 mb-4" }, "No publishing platforms connected"), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-sm text-gray-500" }, "Add a WordPress site or Medium account in Settings to start publishing")), selectedPlatform === "wordpress" && hasWordPressConnections && /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-3" }, "Select WordPress Site:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-3" }, wordpressConnections.map((connection) => /* @__PURE__ */ import_react16.default.createElement( "div", { key: connection.id, className: "p-4 border border-gray-200 rounded-lg" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-sm text-gray-600 mb-3" }, connection.site_name || connection.site_url), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => onPublish("wordpress", connection.id, "draft"), disabled: isLoading, className: "flex-1 py-2 text-sm font-medium text-gray-700 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors disabled:opacity-50" }, isLoading ? "Saving..." : "Save as Draft" ), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => onPublish("wordpress", connection.id, "publish"), disabled: isLoading, className: "flex-1 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50" }, isLoading ? "Publishing..." : "Publish Now" )) ))))), selectedPlatform === "medium" && hasMediumConnections && /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-3" }, "Select Medium Account:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-3" }, mediumConnections.map((connection) => /* @__PURE__ */ import_react16.default.createElement( "div", { key: connection.id, className: "p-4 border border-gray-200 rounded-lg" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-3 mb-3" }, connection.profile_image_url && /* @__PURE__ */ import_react16.default.createElement( "img", { src: connection.profile_image_url, alt: connection.profile_name, className: "w-8 h-8 rounded-full" } ), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-sm font-medium text-gray-900" }, connection.profile_name), /* @__PURE__ */ import_react16.default.createElement("div", { className: "text-xs text-gray-600" }, "@", connection.profile_username))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => onPublish("medium", connection.id, "draft"), disabled: isLoading, className: "flex-1 py-2 text-sm font-medium text-gray-700 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors disabled:opacity-50" }, isLoading ? "Saving..." : "Save as Draft" ), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => onPublish("medium", connection.id, "public"), disabled: isLoading, className: "flex-1 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 transition-colors disabled:opacity-50" }, isLoading ? "Publishing..." : "Publish Now" )), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-xs text-amber-600 mt-2" }, "\u26A0\uFE0F Note: Once published to Medium, posts cannot be edited") ))))))); } // virtual:/apps/web/src/components/modals/HistoryModal.jsx init_injected_globals(); var import_react17 = __toESM(require_react()); var import_lucide_react5 = __toESM(require_lucide_react()); function HistoryModal({ show, onClose, history }) { if (!show) return null; const { items, loadFromHistory, deleteFromHistory, isLoadingHistory, fetchHistory } = history; console.log( "HistoryModal: items", items, "isLoadingHistory", isLoadingHistory ); const formatDate = (dateString) => { const date = new Date(dateString); return date.toLocaleDateString() + " " + date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }); }; const truncateContent = (content, maxLength = 100) => { if (content.length <= maxLength) return content; return content.substring(0, maxLength) + "..."; }; const handleLoadPost = (item) => { loadFromHistory(item); onClose(); }; const handleDeletePost = (id, e) => { e.stopPropagation(); deleteFromHistory(id); }; const handleRefresh = () => { fetchHistory(); }; return /* @__PURE__ */ import_react17.default.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-4xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex justify-between items-center mb-6" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react5.Clock, { size: 24, className: "text-blue-600" }), /* @__PURE__ */ import_react17.default.createElement("h2", { className: "text-2xl font-medium text-[#101012]" }, "Blog Post History"), items.length > 0 && /* @__PURE__ */ import_react17.default.createElement("span", { className: "bg-blue-100 text-blue-800 text-sm px-2 py-1 rounded-full" }, items.length, " posts")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react17.default.createElement( "button", { onClick: handleRefresh, disabled: isLoadingHistory, className: "px-3 py-1 text-sm bg-blue-50 text-blue-600 border border-blue-200 rounded-lg hover:bg-blue-100 transition-colors disabled:opacity-50 flex items-center gap-1" }, /* @__PURE__ */ import_react17.default.createElement( import_lucide_react5.RefreshCw, { size: 14, className: isLoadingHistory ? "animate-spin" : "" } ), "Refresh" ), /* @__PURE__ */ import_react17.default.createElement( "button", { onClick: onClose, className: "text-[#777777] hover:text-[#101012] text-2xl" }, "\xD7" ))), isLoadingHistory ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "animate-spin w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full mx-auto mb-4" }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-[#777777] mb-2" }, "Loading your blog posts...")) : items.length === 0 ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react5.Clock, { size: 24, className: "text-gray-400" })), /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-xl font-medium text-[#101012] mb-2" }, "No blog posts yet"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-sm text-[#777777] max-w-md mx-auto mb-4" }, "Generate your first blog post using keywords or remix an existing article to see it appear here. All your created content will be automatically saved to your history."), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex gap-2 justify-center" }, /* @__PURE__ */ import_react17.default.createElement( "button", { onClick: handleRefresh, className: "px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors flex items-center gap-2" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react5.RefreshCw, { size: 16 }), "Refresh History" ), /* @__PURE__ */ import_react17.default.createElement( "button", { onClick: onClose, className: "px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors" }, "Start Creating Content" ))) : /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-3" }, items.map((item) => /* @__PURE__ */ import_react17.default.createElement( "div", { key: item.id, className: "border border-[#D1D1D3] rounded-lg p-4 hover:bg-[#F9F9F9] cursor-pointer transition-colors group", onClick: () => handleLoadPost(item) }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex justify-between items-start mb-3" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2 flex-1" }, /* @__PURE__ */ import_react17.default.createElement("h3", { className: "font-medium text-[#101012] text-lg" }, item.title || item.keywords || "Untitled Post"), item.is_remix && /* @__PURE__ */ import_react17.default.createElement("span", { className: "px-2 py-1 bg-purple-100 text-purple-700 text-xs rounded-full flex items-center gap-1" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react5.RotateCcw, { size: 12 }), "Remix")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2 text-right" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-xs text-[#777777] flex items-center gap-1" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react5.Clock, { size: 12 }), formatDate(item.created_at)), /* @__PURE__ */ import_react17.default.createElement( "button", { onClick: (e) => handleDeletePost(item.id, e), className: "px-2 py-1 text-xs text-red-600 border border-red-200 rounded hover:bg-red-50 transition-colors opacity-0 group-hover:opacity-100" }, "Delete" ))), item.keywords && item.keywords !== item.title && /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-sm text-blue-600 mb-2 flex items-center gap-1" }, /* @__PURE__ */ import_react17.default.createElement("span", null, "\u{1F3F7}\uFE0F"), /* @__PURE__ */ import_react17.default.createElement("span", null, "Keywords: ", item.keywords)), item.is_remix && item.original_url && /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-sm text-purple-600 mb-2 flex items-center gap-1" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react5.ExternalLink, { size: 12 }), /* @__PURE__ */ import_react17.default.createElement("span", null, "Remixed from: "), /* @__PURE__ */ import_react17.default.createElement( "a", { href: item.original_url, target: "_blank", rel: "noopener noreferrer", className: "hover:underline truncate max-w-xs", onClick: (e) => e.stopPropagation() }, item.original_url )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "text-sm text-[#777777] mb-3 leading-relaxed" }, truncateContent(item.content)), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-3 text-xs text-[#777777]" }, item.featured_image && /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react17.default.createElement("span", null, "\u{1F5BC}\uFE0F"), /* @__PURE__ */ import_react17.default.createElement("span", null, "Has image")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react17.default.createElement("span", null, "\u{1F4DD}"), /* @__PURE__ */ import_react17.default.createElement("span", null, item.content.length, " characters")), item.is_remix && /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-1 text-purple-600" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react5.RotateCcw, { size: 12 }), /* @__PURE__ */ import_react17.default.createElement("span", null, "Remix"))), /* @__PURE__ */ import_react17.default.createElement( "button", { onClick: (e) => { e.stopPropagation(); handleLoadPost(item); }, className: "px-3 py-1 text-xs text-white bg-[#101012] rounded hover:bg-[#333333] transition-colors" }, "Load Post" )) ))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "mt-6 pt-4 border-t border-[#D1D1D3] text-center" }, /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-xs text-[#777777]" }, "Your blog posts are stored securely and automatically saved after each generation.", items.length > 0 && ` Currently showing ${items.length} posts.`, items.length === 0 && " Try generating some content first!")))); } // virtual:/apps/web/src/components/modals/CreditsModal.jsx init_injected_globals(); var import_react18 = __toESM(require_react()); var import_lucide_react6 = __toESM(require_lucide_react()); function CreditsModal({ show, onClose }) { const { credits, history, loading } = useCredits(); const [activeTab, setActiveTab] = (0, import_react18.useState)("overview"); if (!show) return null; return /* @__PURE__ */ import_react18.default.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "bg-white rounded-2xl shadow-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center justify-between p-6 border-b border-gray-200" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "p-2 bg-gradient-to-r from-blue-50 to-purple-50 rounded-xl" }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react6.Coins, { className: "w-6 h-6 text-blue-600" })), /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("h2", { className: "text-xl font-semibold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent" }, "Credits Management"), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm text-gray-600" }, "Manage your content generation credits"))), /* @__PURE__ */ import_react18.default.createElement( "button", { onClick: onClose, className: "p-2 hover:bg-gray-100 rounded-lg transition-colors" }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react6.X, { className: "w-5 h-5 text-gray-500" }) )), /* @__PURE__ */ import_react18.default.createElement("div", { className: "p-6 border-b border-gray-200" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-4xl font-bold bg-gradient-to-r from-blue-600 via-purple-600 to-red-600 bg-clip-text text-transparent mb-2" }, credits), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-gray-600" }, "Credits Available"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "mt-4 p-4 bg-gradient-to-r from-blue-50 via-purple-50 to-red-50 rounded-xl" }, /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-sm text-gray-700" }, "Each credit allows you to generate content or images. 1 credit = 1 generation")))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "border-b border-gray-200" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex" }, /* @__PURE__ */ import_react18.default.createElement( "button", { onClick: () => setActiveTab("overview"), className: `px-6 py-3 text-sm font-medium transition-colors ${activeTab === "overview" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-500 hover:text-gray-700"}` }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react6.TrendingUp, { className: "w-4 h-4" }), "Overview") ), /* @__PURE__ */ import_react18.default.createElement( "button", { onClick: () => setActiveTab("history"), className: `px-6 py-3 text-sm font-medium transition-colors ${activeTab === "history" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-500 hover:text-gray-700"}` }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react6.Clock, { className: "w-4 h-4" }), "History") ), /* @__PURE__ */ import_react18.default.createElement( "button", { onClick: () => setActiveTab("purchase"), className: `px-6 py-3 text-sm font-medium transition-colors ${activeTab === "purchase" ? "text-blue-600 border-b-2 border-blue-600" : "text-gray-500 hover:text-gray-700"}` }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react18.default.createElement(import_lucide_react6.ShoppingCart, { className: "w-4 h-4" }), "Purchase") ))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "p-6" }, activeTab === "overview" && /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "How Credits Work"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "p-4 bg-blue-50 rounded-xl" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "font-medium text-blue-900" }, "Content Generation"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-sm text-blue-700 mt-1" }, "1 credit per blog post")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "p-4 bg-purple-50 rounded-xl" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "font-medium text-purple-900" }, "Image Generation"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-sm text-purple-700 mt-1" }, "1 credit per featured image")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "p-4 bg-green-50 rounded-xl" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "font-medium text-green-900" }, "Content Remix"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-sm text-green-700 mt-1" }, "1 credit per remix")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "p-4 bg-orange-50 rounded-xl" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "font-medium text-orange-900" }, "Section Regeneration"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-sm text-orange-700 mt-1" }, "1 credit per regeneration")))), /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Earn More Credits"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "p-4 bg-gradient-to-r from-yellow-50 to-orange-50 border border-yellow-200 rounded-xl" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-2xl" }, "\u{1F381}"), /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "font-medium text-orange-900" }, "Refer Friends"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-sm text-orange-700" }, "Get 6 credits for each successful referral!")))))), activeTab === "history" && /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Credit History"), loading ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-gray-500" }, "Loading history...")) : history && history.length > 0 ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-3 max-h-96 overflow-y-auto" }, history.map((item, index) => /* @__PURE__ */ import_react18.default.createElement("div", { key: index, className: "flex items-center justify-between p-4 bg-gray-50 rounded-xl" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-sm font-medium text-gray-900" }, item.reason.replace(/_/g, " ")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-xs text-gray-500" }, item.description), /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-xs text-gray-400" }, new Date(item.created_at).toLocaleDateString())), /* @__PURE__ */ import_react18.default.createElement("div", { className: `text-sm font-medium ${item.credits_change > 0 ? "text-green-600" : "text-red-600"}` }, item.credits_change > 0 ? "+" : "", item.credits_change)))) : /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-gray-500 text-sm" }, "No credit history yet"))), activeTab === "purchase" && /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Purchase More Credits"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-6xl mb-6" }, "\u{1F6A7}"), /* @__PURE__ */ import_react18.default.createElement("h4", { className: "text-xl font-semibold text-gray-900 mb-2" }, "Coming Soon!"), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-gray-600 mb-6" }, "Credit purchasing will be available soon. In the meantime, refer friends to earn more credits!"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "p-4 bg-blue-50 rounded-xl" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "text-sm text-blue-700" }, "\u{1F4A1} Pro tip: Each referral gives you 6 bonus credits when your friend signs up!"))))))); } // virtual:/apps/web/src/components/modals/ReferralsModal.jsx init_injected_globals(); var import_react19 = __toESM(require_react()); var import_lucide_react7 = __toESM(require_lucide_react()); function ReferralsModal({ show, onClose }) { const { referralLink, stats, recentReferrals, loading, copying, copyReferralLink, shareReferralLink } = useReferrals(); const [activeTab, setActiveTab] = (0, import_react19.useState)("overview"); const [copySuccess, setCopySuccess] = (0, import_react19.useState)(false); const handleCopy = async () => { const success = await copyReferralLink(); if (success) { setCopySuccess(true); setTimeout(() => setCopySuccess(false), 2e3); } }; const handleShare = async () => { await shareReferralLink(); }; if (!show) return null; return /* @__PURE__ */ import_react19.default.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "bg-white rounded-2xl shadow-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center justify-between p-6 border-b border-gray-200" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-2 bg-gradient-to-r from-orange-50 to-yellow-50 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react7.Gift, { className: "w-6 h-6 text-orange-600" })), /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("h2", { className: "text-xl font-semibold bg-gradient-to-r from-orange-600 to-yellow-600 bg-clip-text text-transparent" }, "Referral Program"), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-sm text-gray-600" }, "Earn credits by referring friends"))), /* @__PURE__ */ import_react19.default.createElement( "button", { onClick: onClose, className: "p-2 hover:bg-gray-100 rounded-lg transition-colors" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react7.X, { className: "w-5 h-5 text-gray-500" }) )), /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-6 border-b border-gray-200" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "grid grid-cols-3 gap-4 text-center" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-4 bg-gradient-to-r from-blue-50 to-purple-50 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-2xl font-bold text-blue-600" }, stats?.totalCreditsEarned || 0), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-blue-700" }, "Credits Earned")), /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-4 bg-gradient-to-r from-purple-50 to-red-50 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-2xl font-bold text-purple-600" }, stats?.completedReferrals || 0), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-purple-700" }, "Successful Referrals")), /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-4 bg-gradient-to-r from-red-50 to-orange-50 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-2xl font-bold text-red-600" }, "6"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-red-700" }, "Credits Per Referral")))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "border-b border-gray-200" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex" }, /* @__PURE__ */ import_react19.default.createElement( "button", { onClick: () => setActiveTab("overview"), className: `px-6 py-3 text-sm font-medium transition-colors ${activeTab === "overview" ? "text-orange-600 border-b-2 border-orange-600" : "text-gray-500 hover:text-gray-700"}` }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react7.TrendingUp, { className: "w-4 h-4" }), "Overview") ), /* @__PURE__ */ import_react19.default.createElement( "button", { onClick: () => setActiveTab("share"), className: `px-6 py-3 text-sm font-medium transition-colors ${activeTab === "share" ? "text-orange-600 border-b-2 border-orange-600" : "text-gray-500 hover:text-gray-700"}` }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react7.Share, { className: "w-4 h-4" }), "Share Link") ), /* @__PURE__ */ import_react19.default.createElement( "button", { onClick: () => setActiveTab("history"), className: `px-6 py-3 text-sm font-medium transition-colors ${activeTab === "history" ? "text-orange-600 border-b-2 border-orange-600" : "text-gray-500 hover:text-gray-700"}` }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react7.Clock, { className: "w-4 h-4" }), "History") ))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-6" }, activeTab === "overview" && /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "How Referrals Work"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-4 p-4 bg-gradient-to-r from-blue-50 to-purple-50 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex-shrink-0 w-8 h-8 bg-blue-600 text-white rounded-full flex items-center justify-center text-sm font-bold" }, "1"), /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "font-medium text-blue-900" }, "Share Your Link"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-blue-700" }, "Send your unique referral link to friends and colleagues"))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-4 p-4 bg-gradient-to-r from-purple-50 to-red-50 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex-shrink-0 w-8 h-8 bg-purple-600 text-white rounded-full flex items-center justify-center text-sm font-bold" }, "2"), /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "font-medium text-purple-900" }, "They Sign Up"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-purple-700" }, "Your friends create an account using your referral link"))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-4 p-4 bg-gradient-to-r from-red-50 to-orange-50 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex-shrink-0 w-8 h-8 bg-red-600 text-white rounded-full flex items-center justify-center text-sm font-bold" }, "3"), /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "font-medium text-red-900" }, "Earn Credits"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-red-700" }, "You both get 6 bonus credits added to your accounts"))))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-4 bg-gradient-to-r from-green-50 to-blue-50 border border-green-200 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-2xl" }, "\u{1F4A1}"), /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "font-medium text-green-900" }, "Pro Tip"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-green-700" }, "Share with content creators, bloggers, and marketers who could benefit from AI content generation!"))))), activeTab === "share" && /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Your Referral Link"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-4 bg-gray-50 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2 mb-3" }, /* @__PURE__ */ import_react19.default.createElement( "input", { type: "text", value: referralLink, readOnly: true, className: "flex-1 px-3 py-2 text-sm bg-white border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500" } ), /* @__PURE__ */ import_react19.default.createElement( "button", { onClick: handleCopy, disabled: copying, className: "px-4 py-2 bg-orange-600 text-white text-sm rounded-lg hover:bg-orange-700 transition-colors disabled:opacity-50 flex items-center gap-2" }, copySuccess ? /* @__PURE__ */ import_react19.default.createElement(import_lucide_react7.Check, { className: "w-4 h-4" }) : /* @__PURE__ */ import_react19.default.createElement(import_lucide_react7.Copy, { className: "w-4 h-4" }), copying ? "Copying..." : copySuccess ? "Copied!" : "Copy" )), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react19.default.createElement( "button", { onClick: handleShare, className: "flex-1 px-4 py-2 bg-blue-600 text-white text-sm rounded-lg hover:bg-blue-700 transition-colors flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react19.default.createElement(import_lucide_react7.Share, { className: "w-4 h-4" }), "Share Link" )))), /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Share Message Template"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-4 bg-blue-50 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-blue-900 leading-relaxed" }, `"Hey! I've been using WP Blog Mate to create amazing WordPress content with AI, and I thought you'd love it too! You can generate high-quality blog posts and images in seconds. Sign up with my referral link and we both get 6 bonus credits: `, referralLink, '"')))), activeTab === "history" && /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4" }, "Referral History"), loading ? /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-gray-500" }, "Loading history...")) : recentReferrals && recentReferrals.length > 0 ? /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-3 max-h-96 overflow-y-auto" }, recentReferrals.map((referral, index) => /* @__PURE__ */ import_react19.default.createElement("div", { key: index, className: "flex items-center justify-between p-4 bg-gray-50 rounded-xl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm font-medium text-gray-900" }, referral.referred_email || "Pending invitation"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-xs text-gray-500 capitalize" }, "Status: ", referral.status), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-xs text-gray-400" }, new Date(referral.created_at).toLocaleDateString())), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-right" }, referral.status === "completed" ? /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm font-medium text-green-600" }, "+", referral.credits_awarded, " credits") : /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-gray-500" }, "Pending"))))) : /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-4xl mb-4" }, "\u{1F465}"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-gray-500 text-sm mb-2" }, "No referrals yet"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-gray-400 text-xs" }, "Start sharing your link to earn credits!")))))); } // virtual:/apps/web/src/components/home/dashboard/DashboardHeader.jsx init_injected_globals(); function DashboardHeader({ post, wordpress, credits, referrals, onShowCreditsModal, onShowReferralsModal }) { return /* @__PURE__ */ React.createElement("section", { className: "bg-gradient-to-r from-blue-600/10 via-purple-600/10 via-red-600/10 to-orange-600/10 backdrop-blur-sm border-b border-blue-200 py-12" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto px-4 sm:px-8" }, /* @__PURE__ */ React.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React.createElement("h1", { className: "text-3xl font-bold bg-gradient-to-r from-blue-600 via-purple-600 via-red-600 to-orange-600 bg-clip-text text-transparent" }, "Content Generator"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600" }, "Create and publish content efficiently")), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-6" }, /* @__PURE__ */ React.createElement("div", { className: "bg-gradient-to-r from-blue-50 to-purple-50 border border-blue-200 rounded-xl p-6 hover:shadow-lg transition-all duration-300" }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent" }, post.history?.items?.length || 0), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-blue-600" }, "Generated Posts")), /* @__PURE__ */ React.createElement("div", { className: "bg-gradient-to-r from-purple-50 to-red-50 border border-purple-200 rounded-xl p-6 hover:shadow-lg transition-all duration-300" }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl font-bold bg-gradient-to-r from-purple-600 to-red-600 bg-clip-text text-transparent" }, wordpress.connections?.length || 0), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-purple-600" }, "Connected Sites")), /* @__PURE__ */ React.createElement( "div", { className: "bg-gradient-to-r from-red-50 to-orange-50 border border-red-200 rounded-xl p-6 hover:shadow-lg transition-all duration-300 cursor-pointer", onClick: onShowCreditsModal }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl font-bold bg-gradient-to-r from-red-600 to-orange-600 bg-clip-text text-transparent" }, credits.credits), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-red-600" }, "Credits Available") ), /* @__PURE__ */ React.createElement( "div", { className: "bg-gradient-to-r from-orange-50 to-yellow-50 border border-orange-200 rounded-xl p-6 hover:shadow-lg transition-all duration-300 cursor-pointer", onClick: onShowReferralsModal }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl font-bold bg-gradient-to-r from-orange-600 to-yellow-600 bg-clip-text text-transparent" }, referrals.stats?.totalCreditsEarned || 0), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-orange-600" }, "Referral Credits") )))); } // virtual:/apps/web/src/components/home/dashboard/RecentPosts.jsx init_injected_globals(); var import_lucide_react8 = __toESM(require_lucide_react()); function RecentPosts({ history, onLoadFromHistory, onShowHistory }) { return /* @__PURE__ */ React.createElement("div", { className: "bg-white/80 backdrop-blur-sm border border-gray-200 rounded-2xl shadow-xl shadow-purple-500/10" }, /* @__PURE__ */ React.createElement("div", { className: "p-6 border-b border-purple-200" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-semibold bg-gradient-to-r from-purple-600 via-red-600 to-orange-600 bg-clip-text text-transparent" }, "Recent Posts"), /* @__PURE__ */ React.createElement( "button", { onClick: onShowHistory, className: "text-sm px-3 py-1 bg-gradient-to-r from-purple-50 via-red-50 to-orange-50 border border-purple-300 rounded-lg text-purple-700 hover:bg-gradient-to-r hover:from-purple-100 hover:via-red-100 hover:to-orange-100 transition-all duration-300" }, "View All" ))), /* @__PURE__ */ React.createElement("div", { className: "p-6" }, history?.items && history.items.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "space-y-4 max-h-96 overflow-y-auto" }, history.items.slice(0, 5).map((item, index) => /* @__PURE__ */ React.createElement( "div", { key: index, className: "group p-4 bg-gradient-to-r from-blue-50/50 via-purple-50/50 to-red-50/50 border border-blue-200 rounded-xl hover:bg-gradient-to-r hover:from-blue-100/50 hover:via-purple-100/50 hover:to-red-100/50 hover:scale-105 transition-all duration-300 cursor-pointer", onClick: () => { onLoadFromHistory(item); window.scrollTo({ top: 0, behavior: "smooth" }); } }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-3" }, item.featuredImage && /* @__PURE__ */ React.createElement( "img", { src: item.featuredImage, alt: "Post thumbnail", className: "w-12 h-12 rounded-lg object-cover border border-blue-300" } ), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("h4", { className: "text-sm font-medium text-gray-900 line-clamp-2 group-hover:bg-gradient-to-r group-hover:from-blue-600 group-hover:via-purple-600 group-hover:to-red-600 group-hover:bg-clip-text group-hover:text-transparent transition-all duration-300" }, item.title || item.keywords || "Untitled Post"), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-gray-500 mt-1" }, item.keywords && `Keywords: ${item.keywords}`), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 mt-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-xs px-2 py-1 bg-gradient-to-r from-blue-100 via-purple-100 to-red-100 text-blue-700 rounded-full" }, item.content ? "Content" : "Draft"), item.isRemix && /* @__PURE__ */ React.createElement("span", { className: "text-xs px-2 py-1 bg-gradient-to-r from-purple-100 to-indigo-100 text-purple-700 rounded-full flex items-center gap-1" }, /* @__PURE__ */ React.createElement(import_lucide_react8.RotateCcw, { size: 12 }), "Remix"), item.featuredImage && /* @__PURE__ */ React.createElement("span", { className: "text-xs px-2 py-1 bg-gradient-to-r from-purple-100 via-red-100 to-orange-100 text-purple-700 rounded-full" }, "Image")))) ))) : /* @__PURE__ */ React.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-center mb-4" }, /* @__PURE__ */ React.createElement(import_lucide_react8.FileText, { size: 32, className: "text-gray-400" })), /* @__PURE__ */ React.createElement("p", { className: "text-gray-500 text-sm" }, "No posts yet. Generate your first one!")))); } // virtual:/apps/web/src/components/home/dashboard/QuickStats.jsx init_injected_globals(); function QuickStats({ post, wordpress }) { return /* @__PURE__ */ React.createElement("div", { className: "bg-white/80 backdrop-blur-sm border border-gray-200 rounded-2xl shadow-xl shadow-orange-500/10" }, /* @__PURE__ */ React.createElement("div", { className: "p-6" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-semibold bg-gradient-to-r from-orange-600 via-red-600 to-purple-600 bg-clip-text text-transparent mb-4" }, "Quick Stats"), /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-600" }, "Total Posts"), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent" }, post.history?.items?.length || 0)), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-600" }, "With Images"), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium bg-gradient-to-r from-purple-600 to-red-600 bg-clip-text text-transparent" }, post.history?.items?.filter( (item) => item.featuredImage )?.length || 0)), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-600" }, "Sites Connected"), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium bg-gradient-to-r from-red-600 to-orange-600 bg-clip-text text-transparent" }, wordpress.connections?.length || 0))))); } // virtual:/apps/web/src/components/home/DashboardPage.jsx function DashboardPage({ pageState }) { const { post, wordpress, medium, credits, referrals, showSettings, setShowSettings, showPublishModal, setShowPublishModal, showHistory, setShowHistory, showCreditsModal, setShowCreditsModal, showReferralsModal, setShowReferralsModal, handlePublish, clearError, handleTrendingTopicSelect } = pageState; const pageError = post.error || wordpress.error || medium.error; return /* @__PURE__ */ import_react20.default.createElement("div", { className: "bg-gradient-to-br from-blue-50 via-purple-50 via-red-50 to-orange-50 min-h-screen font-inter pt-20" }, /* @__PURE__ */ import_react20.default.createElement( UserHeader, { onShowSettings: () => setShowSettings(true), onShowHistory: () => setShowHistory(true) } ), /* @__PURE__ */ import_react20.default.createElement( DashboardHeader, { post, wordpress, credits, referrals, onShowCreditsModal: () => setShowCreditsModal(true), onShowReferralsModal: () => setShowReferralsModal(true) } ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "max-w-6xl mx-auto px-4 sm:px-8 py-8" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-8" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "lg:col-span-2" }, pageError && /* @__PURE__ */ import_react20.default.createElement( "div", { className: "mb-6 p-4 text-sm text-red-700 bg-gradient-to-r from-red-50 to-orange-50 border border-red-200 rounded-xl", onClick: clearError }, pageError, " (click to dismiss)" ), /* @__PURE__ */ import_react20.default.createElement( "div", { id: "generator-section", className: "bg-white/80 backdrop-blur-sm border border-gray-200 rounded-2xl shadow-xl shadow-blue-500/10" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "p-6 border-b border-blue-200" }, /* @__PURE__ */ import_react20.default.createElement("h2", { className: "text-xl font-semibold bg-gradient-to-r from-blue-600 via-purple-600 to-red-600 bg-clip-text text-transparent" }, "Generate New Content")), /* @__PURE__ */ import_react20.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ import_react20.default.createElement( GeneratorForm, { keywords: post.postData.keywords, onKeywordsChange: (keywords) => { post.setPostData((prev) => ({ ...prev, keywords })); clearError(); }, onGenerateContent: post.generateContent, onGenerateImage: post.generateFeaturedImage, isGeneratingContent: post.isLoading, isGeneratingImage: post.isGeneratingImage, remixUrl: post.remix.remixUrl, onRemixUrlChange: post.remix.setRemixUrl, remixInstructions: post.remix.remixInstructions, onRemixInstructionsChange: post.remix.setRemixInstructions, onScrapeAndRemix: post.remix.scrapeAndRemix, isScrapingUrl: post.remix.isScrapingUrl, scrapedContent: post.remix.scrapedContent, isRemixMode: post.remix.isRemixMode, onToggleRemixMode: post.remix.toggleRemixMode } ), /* @__PURE__ */ import_react20.default.createElement( FeaturedImageView, { src: post.postData.featuredImage, onRegenerate: post.generateFeaturedImage, isGenerating: post.isGeneratingImage } ), /* @__PURE__ */ import_react20.default.createElement( ContentView, { postData: post.postData, streamingContent: post.streamingContent, isLoading: post.isLoading, contentRef: post.contentRef, selection: post.selection, copy: { copyContent: post.copyContent, copySuccess: post.copySuccess, copyType: post.copyType }, actions: { generateFeaturedImage: post.generateFeaturedImage, isGeneratingImage: post.isGeneratingImage, onShowPublishModal: () => setShowPublishModal(true), onManualSave: post.manualSave, isSaving: post.isSaving, saveSuccess: post.saveSuccess }, connections: wordpress.connections, isRemix: post.remix.isRemixMode, originalUrl: post.remix.remixUrl, remixInstructions: post.remix.remixInstructions, onCreateNewPost: post.createNewPost } )) )), /* @__PURE__ */ import_react20.default.createElement("div", { className: "lg:col-span-1 space-y-6" }, /* @__PURE__ */ import_react20.default.createElement(TrendingTopics, { onSelectTopic: handleTrendingTopicSelect }), /* @__PURE__ */ import_react20.default.createElement( RecentPosts, { history: post.history, onLoadFromHistory: post.history.loadFromHistory, onShowHistory: () => setShowHistory(true) } ), /* @__PURE__ */ import_react20.default.createElement(QuickStats, { post, wordpress })))), /* @__PURE__ */ import_react20.default.createElement( SettingsModal, { show: showSettings, onClose: () => { setShowSettings(false); wordpress.setError(""); medium.setError(""); }, wordpress, medium } ), /* @__PURE__ */ import_react20.default.createElement( PublishModal, { show: showPublishModal, onClose: () => setShowPublishModal(false), onPublish: handlePublish, wordpressConnections: wordpress.connections, mediumConnections: medium.connections, isLoading: wordpress.publishLoading || medium.publishLoading } ), /* @__PURE__ */ import_react20.default.createElement( HistoryModal, { show: showHistory, onClose: () => setShowHistory(false), history: post.history } ), /* @__PURE__ */ import_react20.default.createElement( CreditsModal, { show: showCreditsModal, onClose: () => setShowCreditsModal(false) } ), /* @__PURE__ */ import_react20.default.createElement( ReferralsModal, { show: showReferralsModal, onClose: () => setShowReferralsModal(false) } )); } // virtual:/apps/web/src/components/home/LandingPage.jsx init_injected_globals(); var import_react25 = __toESM(require_react()); // virtual:/apps/web/src/components/home/landing/LandingHero.jsx init_injected_globals(); var import_react21 = __toESM(require_react()); var import_lucide_react9 = __toESM(require_lucide_react()); function LandingHero() { (0, import_react21.useEffect)(() => { const animateCounters = () => { const counters = document.querySelectorAll(".counter"); counters.forEach((counter) => { const target = parseInt(counter.getAttribute("data-target")); if (isNaN(target)) return; const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { let current = 0; const increment = target / 100; const updateCounter = () => { if (current < target) { current += increment; counter.textContent = Math.ceil(current); setTimeout(updateCounter, 20); } else { counter.textContent = target; } }; updateCounter(); observer.unobserve(entry.target); } }); }); observer.observe(counter); }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", animateCounters); } else { animateCounters(); } }, []); return /* @__PURE__ */ import_react21.default.createElement("section", { className: "min-h-screen flex items-center justify-center px-4 sm:px-8 pt-20 relative" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute inset-0 overflow-hidden" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute top-20 left-10 w-72 h-72 bg-gradient-to-br from-blue-400/20 to-purple-500/20 rounded-full blur-3xl animate-float" }), /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute bottom-20 right-10 w-96 h-96 bg-gradient-to-br from-purple-400/20 to-red-500/20 rounded-full blur-3xl animate-float-delayed" }), /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-64 h-64 bg-gradient-to-br from-red-400/10 to-orange-500/10 rounded-full blur-3xl animate-pulse" })), /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-center max-w-7xl mx-auto relative z-10" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "grid lg:grid-cols-2 gap-16 items-center" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-left lg:text-left space-y-8" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "inline-flex items-center px-4 py-2 bg-gradient-to-r from-blue-50 to-purple-50 border border-blue-200 rounded-full text-sm font-medium text-blue-700 animate-fade-in-up" }, /* @__PURE__ */ import_react21.default.createElement(import_lucide_react9.Sparkles, { size: 16, className: "mr-2" }), "AI-Powered Content Creation"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "animate-fade-in-up animation-delay-200" }, /* @__PURE__ */ import_react21.default.createElement("h1", { className: "text-5xl sm:text-6xl lg:text-7xl font-bold text-gray-900 mb-6 leading-tight" }, "Blog", /* @__PURE__ */ import_react21.default.createElement("span", { className: "bg-gradient-to-r from-blue-600 via-purple-600 to-red-600 bg-clip-text text-transparent" }, " ", "Mate")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "h-2 w-40 bg-gradient-to-r from-blue-500 via-purple-500 via-red-500 to-orange-500 lg:mx-0 mx-auto rounded-full animate-expand" })), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-xl sm:text-2xl text-gray-600 leading-relaxed animate-fade-in-up animation-delay-400" }, "Create professional WordPress and Medium content with AI.", /* @__PURE__ */ import_react21.default.createElement("br", null), /* @__PURE__ */ import_react21.default.createElement("span", { className: "text-gray-800 font-semibold" }, "Generate posts, images, and publish instantly to your platforms from one place.")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-wrap gap-8 animate-fade-in-up animation-delay-600" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ import_react21.default.createElement( "div", { className: "text-3xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent counter", "data-target": "10000" }, "0" ), /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-sm text-gray-600" }, "Posts Generated")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ import_react21.default.createElement( "div", { className: "text-3xl font-bold bg-gradient-to-r from-purple-600 to-red-600 bg-clip-text text-transparent counter", "data-target": "500" }, "0" ), /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-sm text-gray-600" }, "Happy Users")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ import_react21.default.createElement( "div", { className: "text-3xl font-bold bg-gradient-to-r from-red-600 to-orange-600 bg-clip-text text-transparent counter", "data-target": "99" }, "0" ), /* @__PURE__ */ import_react21.default.createElement("div", { className: "text-sm text-gray-600" }, "% Satisfaction"))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-col sm:flex-row gap-4 lg:justify-start justify-center items-center animate-fade-in-up animation-delay-800" }, /* @__PURE__ */ import_react21.default.createElement( "a", { href: "/account/signup", className: "group px-8 py-4 bg-white text-gray-900 font-semibold text-lg rounded-xl border-2 border-transparent hover:shadow-2xl hover:scale-105 transition-all duration-300 relative overflow-hidden", style: { background: "linear-gradient(white, white) padding-box, linear-gradient(to right, #3b82f6, #8b5cf6, #ef4444, #f97316) border-box" } }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "relative z-10" }, "Start Creating Free"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-red-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300" }) ), /* @__PURE__ */ import_react21.default.createElement("button", { className: "flex items-center gap-2 px-6 py-3 text-gray-700 hover:text-gray-900 font-medium transition-colors duration-300 group" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-12 h-12 bg-gradient-to-r from-blue-100 to-purple-100 rounded-full flex items-center justify-center group-hover:scale-110 transition-transform duration-300" }, /* @__PURE__ */ import_react21.default.createElement(import_lucide_react9.Rocket, { size: 20, className: "text-blue-600" })), "Watch Demo"))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "relative animate-fade-in-up animation-delay-1000" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "bg-white rounded-3xl shadow-2xl p-8 max-w-lg mx-auto relative overflow-hidden" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-br from-blue-50/50 via-purple-50/50 to-red-50/50 animate-gradient-shift" }), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center gap-3 mb-8 pb-4 border-b border-gray-200 relative z-10" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-3 h-3 rounded-full bg-red-400 animate-pulse" }), /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-3 h-3 rounded-full bg-yellow-400 animate-pulse animation-delay-200" }), /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-3 h-3 rounded-full bg-green-400 animate-pulse animation-delay-400" })), /* @__PURE__ */ import_react21.default.createElement("span", { className: "text-sm text-gray-600 font-medium ml-2" }, "WP Blog Mate - Content Generator")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "mb-6 relative z-10" }, /* @__PURE__ */ import_react21.default.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-3" }, "Enter Keywords"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "border-2 border-gray-200 rounded-xl p-4 bg-gradient-to-r from-gray-50 to-blue-50 hover:border-blue-300 transition-colors duration-300 cursor-text" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "typing-demo text-gray-900 font-medium" }, "AI productivity tips for entrepreneurs"), /* @__PURE__ */ import_react21.default.createElement("span", { className: "cursor-blink text-blue-600" }, "|"))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "mb-6 relative z-10" }, /* @__PURE__ */ import_react21.default.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-3" }, "Generated Content"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "border-2 border-gray-200 rounded-xl p-4 bg-gradient-to-r from-gray-50 to-purple-50 min-h-40 overflow-hidden" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "content-demo space-y-3" }, /* @__PURE__ */ import_react21.default.createElement("h3", { className: "font-bold text-gray-900 text-lg fade-in-1" }, "\u{1F680} 10 AI Tools Every Entrepreneur Needs"), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-gray-700 fade-in-2" }, "In today's fast-paced business world, artificial intelligence is no longer a luxury\u2014it's a necessity for staying competitive..."), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-gray-700 fade-in-3" }, "Here are the top 10 AI tools that can revolutionize your productivity and help you scale your business faster than ever before:"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "fade-in-4" }, /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-gray-700 font-medium" }, "1. Blog Mate - for all content ... obvi"), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-gray-700 font-medium" }, "2. SitePredictions.com for SEO, AEO, ..."))))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "mb-6 relative z-10" }, /* @__PURE__ */ import_react21.default.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-3" }, "AI-Generated Featured Image"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "border-2 border-gray-200 rounded-xl p-4 bg-gradient-to-r from-gray-50 to-red-50 h-32 flex items-center justify-center relative overflow-hidden" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "image-placeholder w-full h-full bg-gradient-to-br from-blue-100 via-purple-100 to-red-100 rounded-lg flex items-center justify-center fade-in-5 relative" }, /* @__PURE__ */ import_react21.default.createElement(import_lucide_react9.Image, { size: 32, className: "text-gray-500 z-10" }), /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-400/20 via-purple-400/20 to-red-400/20 animate-shimmer" })))), /* @__PURE__ */ import_react21.default.createElement("button", { className: "w-full py-4 bg-gradient-to-r from-blue-500 via-purple-500 to-red-500 text-white font-bold text-lg rounded-xl hover:shadow-2xl hover:scale-105 transition-all duration-300 pulse-button fade-in-6 relative overflow-hidden group" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "relative z-10 flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react21.default.createElement(import_lucide_react9.Rocket, { size: 20 }), "Publish to WordPress"), /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" })), /* @__PURE__ */ import_react21.default.createElement("div", { className: "mt-4 text-center fade-in-7" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "inline-flex items-center gap-2 px-4 py-2 bg-green-100 text-green-700 rounded-full text-sm font-medium" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-2 h-2 bg-green-500 rounded-full animate-ping" }), "Published successfully!"))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute -top-6 -right-6 w-24 h-24 bg-gradient-to-br from-blue-400 to-purple-500 rounded-full opacity-30 animate-float" }), /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute -bottom-6 -left-6 w-20 h-20 bg-gradient-to-br from-purple-400 to-red-500 rounded-full opacity-30 animate-float-delayed" }), /* @__PURE__ */ import_react21.default.createElement("div", { className: "absolute top-1/2 -right-12 w-16 h-16 bg-gradient-to-br from-red-400 to-orange-500 rounded-full opacity-20 animate-bounce" }))))); } // virtual:/apps/web/src/components/home/landing/LandingFeatures.jsx init_injected_globals(); var import_lucide_react10 = __toESM(require_lucide_react()); var features = [ { icon: import_lucide_react10.Sparkles, title: "AI Content Generation", description: "Generate high-quality blog posts, articles, and marketing copy using advanced AI technology that understands your brand voice.", color: "blue", delay: "0" }, { icon: import_lucide_react10.Image, title: "Auto Image Creation", description: "Beautiful featured images and graphics generated automatically to match your content perfectly, saving hours of design work.", color: "purple", delay: "200" }, { icon: import_lucide_react10.Rocket, title: "One-Click Publishing", description: "Publish directly to WordPress, Medium, and other platforms with a single click. No more copy-pasting or formatting headaches.", color: "red", delay: "400" }, { icon: import_lucide_react10.Target, title: "Trending Topics", description: "Stay current with trending topics and keywords to maximize your content reach and engagement across all platforms.", color: "green", delay: "600" }, { icon: import_lucide_react10.Zap, title: "Content Remix", description: "Transform existing articles and content into fresh, original posts with AI assistance. Turn one idea into multiple pieces.", color: "yellow", delay: "800" }, { icon: import_lucide_react10.BarChart3, title: "Content Analytics", description: "Track your content performance and publishing history across all connected platforms with detailed insights and metrics.", color: "indigo", delay: "1000" } ]; function LandingFeatures() { return /* @__PURE__ */ React.createElement("section", { className: "py-20 bg-gradient-to-br from-gray-50 to-blue-50" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-8" }, /* @__PURE__ */ React.createElement("div", { className: "text-center mb-16" }, /* @__PURE__ */ React.createElement("h2", { className: "text-4xl sm:text-5xl font-bold text-gray-900 mb-6" }, "Everything you need to create", /* @__PURE__ */ React.createElement("span", { className: "bg-gradient-to-r from-blue-600 via-purple-600 to-red-600 bg-clip-text text-transparent" }, " ", "amazing content")), /* @__PURE__ */ React.createElement("p", { className: "text-xl text-gray-600 max-w-3xl mx-auto" }, "From AI-powered writing to one-click publishing, we've got every step of your content creation journey covered.")), /* @__PURE__ */ React.createElement("div", { className: "grid sm:grid-cols-2 lg:grid-cols-3 gap-8" }, features.map((feature, index) => /* @__PURE__ */ React.createElement( "div", { key: index, className: `group p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-500 hover:scale-105 border border-gray-100 animate-fade-in-up`, style: { animationDelay: `${feature.delay}ms` } }, /* @__PURE__ */ React.createElement("div", { className: `flex justify-center mb-6` }, /* @__PURE__ */ React.createElement( "div", { className: `w-16 h-16 bg-gradient-to-br from-${feature.color}-100 to-${feature.color}-200 rounded-2xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300` }, /* @__PURE__ */ React.createElement( feature.icon, { size: 32, className: `text-${feature.color}-600` } ) )), /* @__PURE__ */ React.createElement("h3", { className: "font-bold text-xl text-gray-900 mb-4 text-center group-hover:text-gray-700 transition-colors duration-300" }, feature.title), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 text-center leading-relaxed" }, feature.description) ))))); } // virtual:/apps/web/src/components/home/landing/LandingTestimonials.jsx init_injected_globals(); var import_react22 = __toESM(require_react()); // virtual:/apps/web/src/components/home/landing/LandingPricing.jsx init_injected_globals(); var import_react23 = __toESM(require_react()); var plans = [ { name: "Starter", price: "Free", period: "forever", description: "Perfect for trying out WP Blog Mate", features: [ "6 free credits", "Basic AI content generation", "WordPress publishing", "Community support" ], cta: "Start Free", popular: false }, { name: "Pro", price: "$19", period: "month", description: "For serious content creators", features: [ "100 credits per month", "Advanced AI models", "Image generation", "Medium publishing", "Priority support", "Content analytics" ], cta: "Start Pro Trial", popular: true }, { name: "Enterprise", price: "$99", period: "month", description: "For teams and agencies", features: [ "Unlimited credits", "Custom AI training", "Team collaboration", "API access", "Dedicated support", "Custom integrations" ], cta: "Contact Sales", popular: false } ]; function LandingPricing() { return /* @__PURE__ */ import_react23.default.createElement("section", { className: "py-20 bg-gradient-to-br from-blue-50 to-purple-50" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-8" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-center mb-16" }, /* @__PURE__ */ import_react23.default.createElement("h2", { className: "text-4xl sm:text-5xl font-bold text-gray-900 mb-6" }, "Simple, transparent", /* @__PURE__ */ import_react23.default.createElement("span", { className: "bg-gradient-to-r from-blue-600 via-purple-600 to-red-600 bg-clip-text text-transparent" }, " ", "pricing")), /* @__PURE__ */ import_react23.default.createElement("p", { className: "text-xl text-gray-600" }, "Start free, upgrade when you need more power")), /* @__PURE__ */ import_react23.default.createElement("div", { className: "grid md:grid-cols-3 gap-8 max-w-5xl mx-auto" }, plans.map((plan, index) => /* @__PURE__ */ import_react23.default.createElement( "div", { key: index, className: `relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 ${plan.popular ? "ring-2 ring-blue-500 scale-105" : ""} animate-fade-in-up`, style: { animationDelay: `${index * 200}ms` } }, plan.popular && /* @__PURE__ */ import_react23.default.createElement("div", { className: "absolute -top-4 left-1/2 transform -translate-x-1/2" }, /* @__PURE__ */ import_react23.default.createElement("span", { className: "bg-gradient-to-r from-blue-500 to-purple-500 text-white px-4 py-2 rounded-full text-sm font-medium" }, "Most Popular")), /* @__PURE__ */ import_react23.default.createElement("div", { className: "text-center mb-8" }, /* @__PURE__ */ import_react23.default.createElement("h3", { className: "text-2xl font-bold text-gray-900 mb-2" }, plan.name), /* @__PURE__ */ import_react23.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-4xl font-bold text-gray-900" }, plan.price), plan.period && /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-gray-600" }, "/", plan.period)), /* @__PURE__ */ import_react23.default.createElement("p", { className: "text-gray-600" }, plan.description)), /* @__PURE__ */ import_react23.default.createElement("ul", { className: "space-y-4 mb-8" }, plan.features.map((feature, featureIndex) => /* @__PURE__ */ import_react23.default.createElement("li", { key: featureIndex, className: "flex items-center gap-3" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "w-5 h-5 bg-green-100 rounded-full flex items-center justify-center" }, /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-green-600 text-sm" }, "\u2713")), /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-gray-700" }, feature)))), /* @__PURE__ */ import_react23.default.createElement( "button", { className: `w-full py-3 rounded-xl font-semibold transition-all duration-300 ${plan.popular ? "bg-gradient-to-r from-blue-500 to-purple-500 text-white hover:shadow-lg hover:scale-105" : "bg-gray-100 text-gray-900 hover:bg-gray-200"}` }, plan.cta ) ))))); } // virtual:/apps/web/src/components/home/landing/LandingCta.jsx init_injected_globals(); var import_react24 = __toESM(require_react()); function LandingCta() { return /* @__PURE__ */ import_react24.default.createElement("section", { className: "py-20 bg-gradient-to-r from-blue-600 via-purple-600 to-red-600" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "max-w-4xl mx-auto text-center px-4 sm:px-8" }, /* @__PURE__ */ import_react24.default.createElement("h2", { className: "text-4xl sm:text-5xl font-bold text-white mb-6" }, "Ready to transform your content creation?"), /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-xl text-blue-100 mb-8" }, "Join dozens of content creators who are already using Blog Mate to create amazing content faster than ever."), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center" }, /* @__PURE__ */ import_react24.default.createElement( "a", { href: "/account/signup", className: "px-8 py-4 bg-white text-gray-900 font-semibold text-lg rounded-xl hover:shadow-2xl hover:scale-105 transition-all duration-300" }, "Start Creating Free" ), /* @__PURE__ */ import_react24.default.createElement("button", { className: "px-8 py-4 border-2 border-white text-white font-semibold text-lg rounded-xl hover:bg-white hover:text-gray-900 transition-all duration-300" }, "Schedule Demo")))); } // virtual:/apps/web/src/components/home/landing/LandingFooter.jsx init_injected_globals(); function LandingFooter() { return /* @__PURE__ */ React.createElement("footer", { className: "py-12 bg-gray-900 text-white" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-8" }, /* @__PURE__ */ React.createElement("div", { className: "grid md:grid-cols-4 gap-8 mb-8" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-bold mb-4 bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent" }, "WP Blog Mate"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-400 leading-relaxed" }, "The ultimate AI-powered content creation platform for WordPress and beyond."))), /* @__PURE__ */ React.createElement("div", { className: "border-t border-gray-800 pt-8 text-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-gray-400" }, "\xA9 2025 WP Blog Mate. Powered by", " ", /* @__PURE__ */ React.createElement( "a", { href: "https://createanything.com", className: "font-semibold text-blue-400 hover:text-blue-300 transition-colors duration-300" }, "createanything.com" ))))); } // virtual:/apps/web/src/components/home/landing/LandingAnimations.jsx init_injected_globals(); function LandingAnimations() { return /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` @keyframes typing { from { width: 0 } to { width: 100% } } @keyframes blink { 0%, 50% { opacity: 1 } 51%, 100% { opacity: 0 } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-20px) rotate(5deg); } } @keyframes floatDelayed { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-15px) rotate(-3deg); } } @keyframes expand { from { width: 0; } to { width: 10rem; } } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } @keyframes gradientShift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .typing-demo { overflow: hidden; white-space: nowrap; animation: typing 4s steps(40, end) infinite; } .cursor-blink { animation: blink 1s infinite; } .animate-fade-in-up { animation: fadeInUp 0.8s ease-out forwards; opacity: 0; } .animate-float { animation: float 6s ease-in-out infinite; } .animate-float-delayed { animation: floatDelayed 8s ease-in-out infinite; animation-delay: 2s; } .animate-expand { animation: expand 1s ease-out forwards; animation-delay: 0.5s; width: 0; } .animate-shimmer::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: shimmer 2s infinite; } .animate-gradient-shift { background-size: 200% 200%; animation: gradientShift 4s ease infinite; } .animation-delay-200 { animation-delay: 200ms; } .animation-delay-400 { animation-delay: 400ms; } .animation-delay-600 { animation-delay: 600ms; } .animation-delay-800 { animation-delay: 800ms; } .animation-delay-1000 { animation-delay: 1000ms; } .fade-in-1 { animation: fadeInUp 0.8s ease-out forwards; animation-delay: 1s; opacity: 0; } .fade-in-2 { animation: fadeInUp 0.8s ease-out forwards; animation-delay: 1.5s; opacity: 0; } .fade-in-3 { animation: fadeInUp 0.8s ease-out forwards; animation-delay: 2s; opacity: 0; } .fade-in-4 { animation: fadeInUp 0.8s ease-out forwards; animation-delay: 2.5s; opacity: 0; } .fade-in-5 { animation: fadeInUp 0.8s ease-out forwards; animation-delay: 3s; opacity: 0; } .fade-in-6 { animation: fadeInUp 0.8s ease-out forwards; animation-delay: 3.5s; opacity: 0; } .fade-in-7 { animation: fadeInUp 0.8s ease-out forwards; animation-delay: 4s; opacity: 0; } .pulse-button { animation: pulse 2s infinite; animation-delay: 4s; } .counter { transition: all 0.5s ease; } /* Scroll animations */ @media (prefers-reduced-motion: no-preference) { .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; } .animate-on-scroll.in-view { opacity: 1; transform: translateY(0); } } `); } // virtual:/apps/web/src/components/home/LandingPage.jsx function LandingPage({ onShowSettings, onShowHistory }) { return /* @__PURE__ */ import_react25.default.createElement("div", { className: "bg-white min-h-screen font-inter overflow-x-hidden" }, /* @__PURE__ */ import_react25.default.createElement( UserHeader, { onShowSettings, onShowHistory } ), /* @__PURE__ */ import_react25.default.createElement(LandingHero, null), /* @__PURE__ */ import_react25.default.createElement(LandingFeatures, null), /* @__PURE__ */ import_react25.default.createElement(LandingPricing, null), /* @__PURE__ */ import_react25.default.createElement(LandingCta, null), /* @__PURE__ */ import_react25.default.createElement(LandingFooter, null), /* @__PURE__ */ import_react25.default.createElement(LandingAnimations, null)); } // virtual:/apps/web/src/components/home/PageIntro.jsx init_injected_globals(); var import_react26 = __toESM(require_react()); function PageIntro() { return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex justify-center mb-4 sm:mb-6 pt-8" }, /* @__PURE__ */ import_react26.default.createElement("p", { className: "text-xs sm:text-sm text-[#777777] inline-block bg-[#F2F2F2] px-3 py-1 rounded-full" }, "AI powered tool")), /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex justify-center mb-4" }, /* @__PURE__ */ import_react26.default.createElement( "img", { src: "https://raw.createusercontent.com/486d90bd-b86a-4261-9ac2-f7c770c0e124/", alt: "WP Blog Mate Logo", className: "h-16 w-16 sm:h-20 sm:w-20" } )), /* @__PURE__ */ import_react26.default.createElement("h1", { className: "text-3xl sm:text-5xl font-medium mb-4 sm:mb-6 text-[#101012] text-center" }, "WP Blog Mate"), /* @__PURE__ */ import_react26.default.createElement("p", { className: "text-center text-base sm:text-lg text-[#777777] mb-8 sm:mb-12" }, "Your partner in creating and publishing WordPress content")); } // virtual:/apps/web/src/app/page.jsx function Page() { const { data: user, loading: userLoading } = useUser_default(); const pageState = useHomePage(); if (userLoading) { return /* @__PURE__ */ import_react27.default.createElement(PageIntro, null); } if (user) { return /* @__PURE__ */ import_react27.default.createElement(DashboardPage, { pageState }); } return /* @__PURE__ */ import_react27.default.createElement( LandingPage, { onShowSettings: () => pageState.setShowSettings(true), onShowHistory: () => pageState.setShowHistory(true) } ); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); // ../../../node_modules/@tanstack/react-query/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/subscribable.js init_injected_globals(); var Subscribable = class { constructor() { this.listeners = /* @__PURE__ */ new Set(); this.subscribe = this.subscribe.bind(this); } subscribe(listener) { this.listeners.add(listener); this.onSubscribe(); return () => { this.listeners.delete(listener); this.onUnsubscribe(); }; } hasListeners() { return this.listeners.size > 0; } onSubscribe() { } onUnsubscribe() { } }; // ../../../node_modules/@tanstack/query-core/build/modern/utils.js init_injected_globals(); var isServer = typeof window === "undefined" || "Deno" in globalThis; function noop() { } function functionalUpdate(updater, input) { return typeof updater === "function" ? updater(input) : updater; } function isValidTimeout(value) { return typeof value === "number" && value >= 0 && value !== Infinity; } function timeUntilStale(updatedAt, staleTime) { return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0); } function resolveStaleTime(staleTime, query) { return typeof staleTime === "function" ? staleTime(query) : staleTime; } function resolveEnabled(enabled, query) { return typeof enabled === "function" ? enabled(query) : enabled; } function matchQuery(filters, query) { const { type = "all", exact, fetchStatus, predicate, queryKey, stale } = filters; if (queryKey) { if (exact) { if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) { return false; } } else if (!partialMatchKey(query.queryKey, queryKey)) { return false; } } if (type !== "all") { const isActive = query.isActive(); if (type === "active" && !isActive) { return false; } if (type === "inactive" && isActive) { return false; } } if (typeof stale === "boolean" && query.isStale() !== stale) { return false; } if (fetchStatus && fetchStatus !== query.state.fetchStatus) { return false; } if (predicate && !predicate(query)) { return false; } return true; } function matchMutation(filters, mutation) { const { exact, status, predicate, mutationKey } = filters; if (mutationKey) { if (!mutation.options.mutationKey) { return false; } if (exact) { if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) { return false; } } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) { return false; } } if (status && mutation.state.status !== status) { return false; } if (predicate && !predicate(mutation)) { return false; } return true; } function hashQueryKeyByOptions(queryKey, options) { const hashFn = options?.queryKeyHashFn || hashKey; return hashFn(queryKey); } function hashKey(queryKey) { return JSON.stringify( queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => { result[key] = val[key]; return result; }, {}) : val ); } function partialMatchKey(a, b) { if (a === b) { return true; } if (typeof a !== typeof b) { return false; } if (a && b && typeof a === "object" && typeof b === "object") { return Object.keys(b).every((key) => partialMatchKey(a[key], b[key])); } return false; } function replaceEqualDeep(a, b) { if (a === b) { return a; } const array = isPlainArray(a) && isPlainArray(b); if (array || isPlainObject(a) && isPlainObject(b)) { const aItems = array ? a : Object.keys(a); const aSize = aItems.length; const bItems = array ? b : Object.keys(b); const bSize = bItems.length; const copy = array ? [] : {}; let equalItems = 0; for (let i = 0; i < bSize; i++) { const key = array ? i : bItems[i]; if ((!array && aItems.includes(key) || array) && a[key] === void 0 && b[key] === void 0) { copy[key] = void 0; equalItems++; } else { copy[key] = replaceEqualDeep(a[key], b[key]); if (copy[key] === a[key] && a[key] !== void 0) { equalItems++; } } } return aSize === bSize && equalItems === aSize ? a : copy; } return b; } function isPlainArray(value) { return Array.isArray(value) && value.length === Object.keys(value).length; } function isPlainObject(o) { if (!hasObjectPrototype(o)) { return false; } const ctor = o.constructor; if (ctor === void 0) { return true; } const prot = ctor.prototype; if (!hasObjectPrototype(prot)) { return false; } if (!prot.hasOwnProperty("isPrototypeOf")) { return false; } if (Object.getPrototypeOf(o) !== Object.prototype) { return false; } return true; } function hasObjectPrototype(o) { return Object.prototype.toString.call(o) === "[object Object]"; } function sleep(timeout) { return new Promise((resolve) => { setTimeout(resolve, timeout); }); } function replaceData(prevData, data, options) { if (typeof options.structuralSharing === "function") { return options.structuralSharing(prevData, data); } else if (options.structuralSharing !== false) { if (true) { try { return replaceEqualDeep(prevData, data); } catch (error) { console.error( `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}` ); throw error; } } return replaceEqualDeep(prevData, data); } return data; } function addToEnd(items, item, max = 0) { const newItems = [...items, item]; return max && newItems.length > max ? newItems.slice(1) : newItems; } function addToStart(items, item, max = 0) { const newItems = [item, ...items]; return max && newItems.length > max ? newItems.slice(0, -1) : newItems; } var skipToken = Symbol(); function ensureQueryFn(options, fetchOptions) { if (true) { if (options.queryFn === skipToken) { console.error( `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'` ); } } if (!options.queryFn && fetchOptions?.initialPromise) { return () => fetchOptions.initialPromise; } if (!options.queryFn || options.queryFn === skipToken) { return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`)); } return options.queryFn; } // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js var FocusManager = class extends Subscribable { #focused; #cleanup; #setup; constructor() { super(); this.#setup = (onFocus) => { if (!isServer && window.addEventListener) { const listener = () => onFocus(); window.addEventListener("visibilitychange", listener, false); return () => { window.removeEventListener("visibilitychange", listener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup((focused) => { if (typeof focused === "boolean") { this.setFocused(focused); } else { this.onFocus(); } }); } setFocused(focused) { const changed = this.#focused !== focused; if (changed) { this.#focused = focused; this.onFocus(); } } onFocus() { const isFocused = this.isFocused(); this.listeners.forEach((listener) => { listener(isFocused); }); } isFocused() { if (typeof this.#focused === "boolean") { return this.#focused; } return globalThis.document?.visibilityState !== "hidden"; } }; var focusManager = new FocusManager(); // ../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js init_injected_globals(); var OnlineManager = class extends Subscribable { #online = true; #cleanup; #setup; constructor() { super(); this.#setup = (onOnline) => { if (!isServer && window.addEventListener) { const onlineListener = () => onOnline(true); const offlineListener = () => onOnline(false); window.addEventListener("online", onlineListener, false); window.addEventListener("offline", offlineListener, false); return () => { window.removeEventListener("online", onlineListener); window.removeEventListener("offline", offlineListener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup(this.setOnline.bind(this)); } setOnline(online) { const changed = this.#online !== online; if (changed) { this.#online = online; this.listeners.forEach((listener) => { listener(online); }); } } isOnline() { return this.#online; } }; var onlineManager = new OnlineManager(); // ../../../node_modules/@tanstack/query-core/build/modern/thenable.js init_injected_globals(); function pendingThenable() { let resolve; let reject; const thenable = new Promise((_resolve, _reject) => { resolve = _resolve; reject = _reject; }); thenable.status = "pending"; thenable.catch(() => { }); function finalize(data) { Object.assign(thenable, data); delete thenable.resolve; delete thenable.reject; } thenable.resolve = (value) => { finalize({ status: "fulfilled", value }); resolve(value); }; thenable.reject = (reason) => { finalize({ status: "rejected", reason }); reject(reason); }; return thenable; } // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js function defaultRetryDelay(failureCount) { return Math.min(1e3 * 2 ** failureCount, 3e4); } function canFetch(networkMode) { return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true; } var CancelledError = class extends Error { constructor(options) { super("CancelledError"); this.revert = options?.revert; this.silent = options?.silent; } }; function isCancelledError(value) { return value instanceof CancelledError; } function createRetryer(config) { let isRetryCancelled = false; let failureCount = 0; let isResolved = false; let continueFn; const thenable = pendingThenable(); const cancel = (cancelOptions) => { if (!isResolved) { reject(new CancelledError(cancelOptions)); config.abort?.(); } }; const cancelRetry = () => { isRetryCancelled = true; }; const continueRetry = () => { isRetryCancelled = false; }; const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun(); const canStart = () => canFetch(config.networkMode) && config.canRun(); const resolve = (value) => { if (!isResolved) { isResolved = true; config.onSuccess?.(value); continueFn?.(); thenable.resolve(value); } }; const reject = (value) => { if (!isResolved) { isResolved = true; config.onError?.(value); continueFn?.(); thenable.reject(value); } }; const pause = () => { return new Promise((continueResolve) => { continueFn = (value) => { if (isResolved || canContinue()) { continueResolve(value); } }; config.onPause?.(); }).then(() => { continueFn = void 0; if (!isResolved) { config.onContinue?.(); } }); }; const run = () => { if (isResolved) { return; } let promiseOrValue; const initialPromise = failureCount === 0 ? config.initialPromise : void 0; try { promiseOrValue = initialPromise ?? config.fn(); } catch (error) { promiseOrValue = Promise.reject(error); } Promise.resolve(promiseOrValue).then(resolve).catch((error) => { if (isResolved) { return; } const retry = config.retry ?? (isServer ? 0 : 3); const retryDelay = config.retryDelay ?? defaultRetryDelay; const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay; const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error); if (isRetryCancelled || !shouldRetry) { reject(error); return; } failureCount++; config.onFail?.(failureCount, error); sleep(delay).then(() => { return canContinue() ? void 0 : pause(); }).then(() => { if (isRetryCancelled) { reject(error); } else { run(); } }); }); }; return { promise: thenable, cancel, continue: () => { continueFn?.(); return thenable; }, cancelRetry, continueRetry, canStart, start: () => { if (canStart()) { run(); } else { pause().then(run); } return thenable; } }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/query.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js init_injected_globals(); var defaultScheduler = (cb) => setTimeout(cb, 0); function createNotifyManager() { let queue = []; let transactions = 0; let notifyFn = (callback) => { callback(); }; let batchNotifyFn = (callback) => { callback(); }; let scheduleFn = defaultScheduler; const schedule = (callback) => { if (transactions) { queue.push(callback); } else { scheduleFn(() => { notifyFn(callback); }); } }; const flush = () => { const originalQueue = queue; queue = []; if (originalQueue.length) { scheduleFn(() => { batchNotifyFn(() => { originalQueue.forEach((callback) => { notifyFn(callback); }); }); }); } }; return { batch: (callback) => { let result; transactions++; try { result = callback(); } finally { transactions--; if (!transactions) { flush(); } } return result; }, /** * All calls to the wrapped function will be batched. */ batchCalls: (callback) => { return (...args) => { schedule(() => { callback(...args); }); }; }, schedule, /** * Use this method to set a custom notify function. * This can be used to for example wrap notifications with `React.act` while running tests. */ setNotifyFunction: (fn) => { notifyFn = fn; }, /** * Use this method to set a custom function to batch notifications together into a single tick. * By default React Query will use the batch function provided by ReactDOM or React Native. */ setBatchNotifyFunction: (fn) => { batchNotifyFn = fn; }, setScheduler: (fn) => { scheduleFn = fn; } }; } var notifyManager = createNotifyManager(); // ../../../node_modules/@tanstack/query-core/build/modern/removable.js init_injected_globals(); var Removable = class { #gcTimeout; destroy() { this.clearGcTimeout(); } scheduleGc() { this.clearGcTimeout(); if (isValidTimeout(this.gcTime)) { this.#gcTimeout = setTimeout(() => { this.optionalRemove(); }, this.gcTime); } } updateGcTime(newGcTime) { this.gcTime = Math.max( this.gcTime || 0, newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3) ); } clearGcTimeout() { if (this.#gcTimeout) { clearTimeout(this.#gcTimeout); this.#gcTimeout = void 0; } } }; // ../../../node_modules/@tanstack/query-core/build/modern/query.js var Query = class extends Removable { #initialState; #revertState; #cache; #client; #retryer; #defaultOptions; #abortSignalConsumed; constructor(config) { super(); this.#abortSignalConsumed = false; this.#defaultOptions = config.defaultOptions; this.setOptions(config.options); this.observers = []; this.#client = config.client; this.#cache = this.#client.getQueryCache(); this.queryKey = config.queryKey; this.queryHash = config.queryHash; this.#initialState = getDefaultState(this.options); this.state = config.state ?? this.#initialState; this.scheduleGc(); } get meta() { return this.options.meta; } get promise() { return this.#retryer?.promise; } setOptions(options) { this.options = { ...this.#defaultOptions, ...options }; this.updateGcTime(this.options.gcTime); } optionalRemove() { if (!this.observers.length && this.state.fetchStatus === "idle") { this.#cache.remove(this); } } setData(newData, options) { const data = replaceData(this.state.data, newData, this.options); this.#dispatch({ data, type: "success", dataUpdatedAt: options?.updatedAt, manual: options?.manual }); return data; } setState(state, setStateOptions) { this.#dispatch({ type: "setState", state, setStateOptions }); } cancel(options) { const promise = this.#retryer?.promise; this.#retryer?.cancel(options); return promise ? promise.then(noop).catch(noop) : Promise.resolve(); } destroy() { super.destroy(); this.cancel({ silent: true }); } reset() { this.destroy(); this.setState(this.#initialState); } isActive() { return this.observers.some( (observer) => resolveEnabled(observer.options.enabled, this) !== false ); } isDisabled() { if (this.getObserversCount() > 0) { return !this.isActive(); } return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0; } isStale() { if (this.state.isInvalidated) { return true; } if (this.getObserversCount() > 0) { return this.observers.some( (observer) => observer.getCurrentResult().isStale ); } return this.state.data === void 0; } isStaleByTime(staleTime = 0) { return this.state.isInvalidated || this.state.data === void 0 || !timeUntilStale(this.state.dataUpdatedAt, staleTime); } onFocus() { const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } onOnline() { const observer = this.observers.find((x) => x.shouldFetchOnReconnect()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } addObserver(observer) { if (!this.observers.includes(observer)) { this.observers.push(observer); this.clearGcTimeout(); this.#cache.notify({ type: "observerAdded", query: this, observer }); } } removeObserver(observer) { if (this.observers.includes(observer)) { this.observers = this.observers.filter((x) => x !== observer); if (!this.observers.length) { if (this.#retryer) { if (this.#abortSignalConsumed) { this.#retryer.cancel({ revert: true }); } else { this.#retryer.cancelRetry(); } } this.scheduleGc(); } this.#cache.notify({ type: "observerRemoved", query: this, observer }); } } getObserversCount() { return this.observers.length; } invalidate() { if (!this.state.isInvalidated) { this.#dispatch({ type: "invalidate" }); } } fetch(options, fetchOptions) { if (this.state.fetchStatus !== "idle") { if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) { this.cancel({ silent: true }); } else if (this.#retryer) { this.#retryer.continueRetry(); return this.#retryer.promise; } } if (options) { this.setOptions(options); } if (!this.options.queryFn) { const observer = this.observers.find((x) => x.options.queryFn); if (observer) { this.setOptions(observer.options); } } if (true) { if (!Array.isArray(this.options.queryKey)) { console.error( `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']` ); } } const abortController = new AbortController(); const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { this.#abortSignalConsumed = true; return abortController.signal; } }); }; const fetchFn = () => { const queryFn = ensureQueryFn(this.options, fetchOptions); const queryFnContext = { client: this.#client, queryKey: this.queryKey, meta: this.meta }; addSignalProperty(queryFnContext); this.#abortSignalConsumed = false; if (this.options.persister) { return this.options.persister( queryFn, queryFnContext, this ); } return queryFn(queryFnContext); }; const context = { fetchOptions, options: this.options, queryKey: this.queryKey, client: this.#client, state: this.state, fetchFn }; addSignalProperty(context); this.options.behavior?.onFetch( context, this ); this.#revertState = this.state; if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) { this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta }); } const onError = (error) => { if (!(isCancelledError(error) && error.silent)) { this.#dispatch({ type: "error", error }); } if (!isCancelledError(error)) { this.#cache.config.onError?.( error, this ); this.#cache.config.onSettled?.( this.state.data, error, this ); } this.scheduleGc(); }; this.#retryer = createRetryer({ initialPromise: fetchOptions?.initialPromise, fn: context.fetchFn, abort: abortController.abort.bind(abortController), onSuccess: (data) => { if (data === void 0) { if (true) { console.error( `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}` ); } onError(new Error(`${this.queryHash} data is undefined`)); return; } try { this.setData(data); } catch (error) { onError(error); return; } this.#cache.config.onSuccess?.(data, this); this.#cache.config.onSettled?.( data, this.state.error, this ); this.scheduleGc(); }, onError, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue: () => { this.#dispatch({ type: "continue" }); }, retry: context.options.retry, retryDelay: context.options.retryDelay, networkMode: context.options.networkMode, canRun: () => true }); return this.#retryer.start(); } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, fetchFailureCount: action.failureCount, fetchFailureReason: action.error }; case "pause": return { ...state, fetchStatus: "paused" }; case "continue": return { ...state, fetchStatus: "fetching" }; case "fetch": return { ...state, ...fetchState(state.data, this.options), fetchMeta: action.meta ?? null }; case "success": return { ...state, data: action.data, dataUpdateCount: state.dataUpdateCount + 1, dataUpdatedAt: action.dataUpdatedAt ?? Date.now(), error: null, isInvalidated: false, status: "success", ...!action.manual && { fetchStatus: "idle", fetchFailureCount: 0, fetchFailureReason: null } }; case "error": const error = action.error; if (isCancelledError(error) && error.revert && this.#revertState) { return { ...this.#revertState, fetchStatus: "idle" }; } return { ...state, error, errorUpdateCount: state.errorUpdateCount + 1, errorUpdatedAt: Date.now(), fetchFailureCount: state.fetchFailureCount + 1, fetchFailureReason: error, fetchStatus: "idle", status: "error" }; case "invalidate": return { ...state, isInvalidated: true }; case "setState": return { ...state, ...action.state }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.observers.forEach((observer) => { observer.onQueryUpdate(); }); this.#cache.notify({ query: this, type: "updated", action }); }); } }; function fetchState(data, options) { return { fetchFailureCount: 0, fetchFailureReason: null, fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused", ...data === void 0 && { error: null, status: "pending" } }; } function getDefaultState(options) { const data = typeof options.initialData === "function" ? options.initialData() : options.initialData; const hasData = data !== void 0; const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0; return { data, dataUpdateCount: 0, dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0, error: null, errorUpdateCount: 0, errorUpdatedAt: 0, fetchFailureCount: 0, fetchFailureReason: null, fetchMeta: null, isInvalidated: false, status: hasData ? "success" : "pending", fetchStatus: "idle" }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js var QueryCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#queries = /* @__PURE__ */ new Map(); } #queries; build(client, options, state) { const queryKey = options.queryKey; const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options); let query = this.get(queryHash); if (!query) { query = new Query({ client, queryKey, queryHash, options: client.defaultQueryOptions(options), state, defaultOptions: client.getQueryDefaults(queryKey) }); this.add(query); } return query; } add(query) { if (!this.#queries.has(query.queryHash)) { this.#queries.set(query.queryHash, query); this.notify({ type: "added", query }); } } remove(query) { const queryInMap = this.#queries.get(query.queryHash); if (queryInMap) { query.destroy(); if (queryInMap === query) { this.#queries.delete(query.queryHash); } this.notify({ type: "removed", query }); } } clear() { notifyManager.batch(() => { this.getAll().forEach((query) => { this.remove(query); }); }); } get(queryHash) { return this.#queries.get(queryHash); } getAll() { return [...this.#queries.values()]; } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (query) => matchQuery(defaultedFilters, query) ); } findAll(filters = {}) { const queries = this.getAll(); return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries; } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } onFocus() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onFocus(); }); }); } onOnline() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onOnline(); }); }); } }; // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutation.js init_injected_globals(); var Mutation = class extends Removable { #observers; #mutationCache; #retryer; constructor(config) { super(); this.mutationId = config.mutationId; this.#mutationCache = config.mutationCache; this.#observers = []; this.state = config.state || getDefaultState2(); this.setOptions(config.options); this.scheduleGc(); } setOptions(options) { this.options = options; this.updateGcTime(this.options.gcTime); } get meta() { return this.options.meta; } addObserver(observer) { if (!this.#observers.includes(observer)) { this.#observers.push(observer); this.clearGcTimeout(); this.#mutationCache.notify({ type: "observerAdded", mutation: this, observer }); } } removeObserver(observer) { this.#observers = this.#observers.filter((x) => x !== observer); this.scheduleGc(); this.#mutationCache.notify({ type: "observerRemoved", mutation: this, observer }); } optionalRemove() { if (!this.#observers.length) { if (this.state.status === "pending") { this.scheduleGc(); } else { this.#mutationCache.remove(this); } } } continue() { return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before this.execute(this.state.variables); } async execute(variables) { const onContinue = () => { this.#dispatch({ type: "continue" }); }; this.#retryer = createRetryer({ fn: () => { if (!this.options.mutationFn) { return Promise.reject(new Error("No mutationFn found")); } return this.options.mutationFn(variables); }, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue, retry: this.options.retry ?? 0, retryDelay: this.options.retryDelay, networkMode: this.options.networkMode, canRun: () => this.#mutationCache.canRun(this) }); const restored = this.state.status === "pending"; const isPaused = !this.#retryer.canStart(); try { if (restored) { onContinue(); } else { this.#dispatch({ type: "pending", variables, isPaused }); await this.#mutationCache.config.onMutate?.( variables, this ); const context = await this.options.onMutate?.(variables); if (context !== this.state.context) { this.#dispatch({ type: "pending", context, variables, isPaused }); } } const data = await this.#retryer.start(); await this.#mutationCache.config.onSuccess?.( data, variables, this.state.context, this ); await this.options.onSuccess?.(data, variables, this.state.context); await this.#mutationCache.config.onSettled?.( data, null, this.state.variables, this.state.context, this ); await this.options.onSettled?.(data, null, variables, this.state.context); this.#dispatch({ type: "success", data }); return data; } catch (error) { try { await this.#mutationCache.config.onError?.( error, variables, this.state.context, this ); await this.options.onError?.( error, variables, this.state.context ); await this.#mutationCache.config.onSettled?.( void 0, error, this.state.variables, this.state.context, this ); await this.options.onSettled?.( void 0, error, variables, this.state.context ); throw error; } finally { this.#dispatch({ type: "error", error }); } } finally { this.#mutationCache.runNext(this); } } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, failureCount: action.failureCount, failureReason: action.error }; case "pause": return { ...state, isPaused: true }; case "continue": return { ...state, isPaused: false }; case "pending": return { ...state, context: action.context, data: void 0, failureCount: 0, failureReason: null, error: null, isPaused: action.isPaused, status: "pending", variables: action.variables, submittedAt: Date.now() }; case "success": return { ...state, data: action.data, failureCount: 0, failureReason: null, error: null, status: "success", isPaused: false }; case "error": return { ...state, data: void 0, error: action.error, failureCount: state.failureCount + 1, failureReason: action.error, isPaused: false, status: "error" }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.#observers.forEach((observer) => { observer.onMutationUpdate(action); }); this.#mutationCache.notify({ mutation: this, type: "updated", action }); }); } }; function getDefaultState2() { return { context: void 0, data: void 0, error: null, failureCount: 0, failureReason: null, isPaused: false, status: "idle", variables: void 0, submittedAt: 0 }; } // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js var MutationCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#mutations = /* @__PURE__ */ new Set(); this.#scopes = /* @__PURE__ */ new Map(); this.#mutationId = 0; } #mutations; #scopes; #mutationId; build(client, options, state) { const mutation = new Mutation({ mutationCache: this, mutationId: ++this.#mutationId, options: client.defaultMutationOptions(options), state }); this.add(mutation); return mutation; } add(mutation) { this.#mutations.add(mutation); const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { scopedMutations.push(mutation); } else { this.#scopes.set(scope, [mutation]); } } this.notify({ type: "added", mutation }); } remove(mutation) { if (this.#mutations.delete(mutation)) { const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { if (scopedMutations.length > 1) { const index = scopedMutations.indexOf(mutation); if (index !== -1) { scopedMutations.splice(index, 1); } } else if (scopedMutations[0] === mutation) { this.#scopes.delete(scope); } } } } this.notify({ type: "removed", mutation }); } canRun(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const mutationsWithSameScope = this.#scopes.get(scope); const firstPendingMutation = mutationsWithSameScope?.find( (m) => m.state.status === "pending" ); return !firstPendingMutation || firstPendingMutation === mutation; } else { return true; } } runNext(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused); return foundMutation?.continue() ?? Promise.resolve(); } else { return Promise.resolve(); } } clear() { notifyManager.batch(() => { this.#mutations.forEach((mutation) => { this.notify({ type: "removed", mutation }); }); this.#mutations.clear(); this.#scopes.clear(); }); } getAll() { return Array.from(this.#mutations); } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (mutation) => matchMutation(defaultedFilters, mutation) ); } findAll(filters = {}) { return this.getAll().filter((mutation) => matchMutation(filters, mutation)); } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } resumePausedMutations() { const pausedMutations = this.getAll().filter((x) => x.state.isPaused); return notifyManager.batch( () => Promise.all( pausedMutations.map((mutation) => mutation.continue().catch(noop)) ) ); } }; function scopeFor(mutation) { return mutation.options.scope?.id; } // ../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js init_injected_globals(); function infiniteQueryBehavior(pages) { return { onFetch: (context, query) => { const options = context.options; const direction = context.fetchOptions?.meta?.fetchMore?.direction; const oldPages = context.state.data?.pages || []; const oldPageParams = context.state.data?.pageParams || []; let result = { pages: [], pageParams: [] }; let currentPage = 0; const fetchFn = async () => { let cancelled = false; const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { if (context.signal.aborted) { cancelled = true; } else { context.signal.addEventListener("abort", () => { cancelled = true; }); } return context.signal; } }); }; const queryFn = ensureQueryFn(context.options, context.fetchOptions); const fetchPage = async (data, param, previous) => { if (cancelled) { return Promise.reject(); } if (param == null && data.pages.length) { return Promise.resolve(data); } const queryFnContext = { client: context.client, queryKey: context.queryKey, pageParam: param, direction: previous ? "backward" : "forward", meta: context.options.meta }; addSignalProperty(queryFnContext); const page = await queryFn( queryFnContext ); const { maxPages } = context.options; const addTo = previous ? addToStart : addToEnd; return { pages: addTo(data.pages, page, maxPages), pageParams: addTo(data.pageParams, param, maxPages) }; }; if (direction && oldPages.length) { const previous = direction === "backward"; const pageParamFn = previous ? getPreviousPageParam : getNextPageParam; const oldData = { pages: oldPages, pageParams: oldPageParams }; const param = pageParamFn(options, oldData); result = await fetchPage(oldData, param, previous); } else { const remainingPages = pages ?? oldPages.length; do { const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result); if (currentPage > 0 && param == null) { break; } result = await fetchPage(result, param); currentPage++; } while (currentPage < remainingPages); } return result; }; if (context.options.persister) { context.fetchFn = () => { return context.options.persister?.( fetchFn, { client: context.client, queryKey: context.queryKey, meta: context.options.meta, signal: context.signal }, query ); }; } else { context.fetchFn = fetchFn; } } }; } function getNextPageParam(options, { pages, pageParams }) { const lastIndex = pages.length - 1; return pages.length > 0 ? options.getNextPageParam( pages[lastIndex], pages, pageParams[lastIndex], pageParams ) : void 0; } function getPreviousPageParam(options, { pages, pageParams }) { return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0; } // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js var QueryClient = class { #queryCache; #mutationCache; #defaultOptions; #queryDefaults; #mutationDefaults; #mountCount; #unsubscribeFocus; #unsubscribeOnline; constructor(config = {}) { this.#queryCache = config.queryCache || new QueryCache(); this.#mutationCache = config.mutationCache || new MutationCache(); this.#defaultOptions = config.defaultOptions || {}; this.#queryDefaults = /* @__PURE__ */ new Map(); this.#mutationDefaults = /* @__PURE__ */ new Map(); this.#mountCount = 0; } mount() { this.#mountCount++; if (this.#mountCount !== 1) return; this.#unsubscribeFocus = focusManager.subscribe(async (focused) => { if (focused) { await this.resumePausedMutations(); this.#queryCache.onFocus(); } }); this.#unsubscribeOnline = onlineManager.subscribe(async (online) => { if (online) { await this.resumePausedMutations(); this.#queryCache.onOnline(); } }); } unmount() { this.#mountCount--; if (this.#mountCount !== 0) return; this.#unsubscribeFocus?.(); this.#unsubscribeFocus = void 0; this.#unsubscribeOnline?.(); this.#unsubscribeOnline = void 0; } isFetching(filters) { return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length; } isMutating(filters) { return this.#mutationCache.findAll({ ...filters, status: "pending" }).length; } /** * Imperative (non-reactive) way to retrieve data for a QueryKey. * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates. * * Hint: Do not use this function inside a component, because it won't receive updates. * Use `useQuery` to create a `QueryObserver` that subscribes to changes. */ getQueryData(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get(options.queryHash)?.state.data; } ensureQueryData(options) { const defaultedOptions = this.defaultQueryOptions(options); const query = this.#queryCache.build(this, defaultedOptions); const cachedData = query.state.data; if (cachedData === void 0) { return this.fetchQuery(options); } if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) { void this.prefetchQuery(defaultedOptions); } return Promise.resolve(cachedData); } getQueriesData(filters) { return this.#queryCache.findAll(filters).map(({ queryKey, state }) => { const data = state.data; return [queryKey, data]; }); } setQueryData(queryKey, updater, options) { const defaultedOptions = this.defaultQueryOptions({ queryKey }); const query = this.#queryCache.get( defaultedOptions.queryHash ); const prevData = query?.state.data; const data = functionalUpdate(updater, prevData); if (data === void 0) { return void 0; } return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true }); } setQueriesData(filters, updater, options) { return notifyManager.batch( () => this.#queryCache.findAll(filters).map(({ queryKey }) => [ queryKey, this.setQueryData(queryKey, updater, options) ]) ); } getQueryState(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get( options.queryHash )?.state; } removeQueries(filters) { const queryCache = this.#queryCache; notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { queryCache.remove(query); }); }); } resetQueries(filters, options) { const queryCache = this.#queryCache; return notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { query.reset(); }); return this.refetchQueries( { type: "active", ...filters }, options ); }); } cancelQueries(filters, cancelOptions = {}) { const defaultedCancelOptions = { revert: true, ...cancelOptions }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions)) ); return Promise.all(promises).then(noop).catch(noop); } invalidateQueries(filters, options = {}) { return notifyManager.batch(() => { this.#queryCache.findAll(filters).forEach((query) => { query.invalidate(); }); if (filters?.refetchType === "none") { return Promise.resolve(); } return this.refetchQueries( { ...filters, type: filters?.refetchType ?? filters?.type ?? "active" }, options ); }); } refetchQueries(filters, options = {}) { const fetchOptions = { ...options, cancelRefetch: options.cancelRefetch ?? true }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled()).map((query) => { let promise = query.fetch(void 0, fetchOptions); if (!fetchOptions.throwOnError) { promise = promise.catch(noop); } return query.state.fetchStatus === "paused" ? Promise.resolve() : promise; }) ); return Promise.all(promises).then(noop); } fetchQuery(options) { const defaultedOptions = this.defaultQueryOptions(options); if (defaultedOptions.retry === void 0) { defaultedOptions.retry = false; } const query = this.#queryCache.build(this, defaultedOptions); return query.isStaleByTime( resolveStaleTime(defaultedOptions.staleTime, query) ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data); } prefetchQuery(options) { return this.fetchQuery(options).then(noop).catch(noop); } fetchInfiniteQuery(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.fetchQuery(options); } prefetchInfiniteQuery(options) { return this.fetchInfiniteQuery(options).then(noop).catch(noop); } ensureInfiniteQueryData(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.ensureQueryData(options); } resumePausedMutations() { if (onlineManager.isOnline()) { return this.#mutationCache.resumePausedMutations(); } return Promise.resolve(); } getQueryCache() { return this.#queryCache; } getMutationCache() { return this.#mutationCache; } getDefaultOptions() { return this.#defaultOptions; } setDefaultOptions(options) { this.#defaultOptions = options; } setQueryDefaults(queryKey, options) { this.#queryDefaults.set(hashKey(queryKey), { queryKey, defaultOptions: options }); } getQueryDefaults(queryKey) { const defaults = [...this.#queryDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(queryKey, queryDefault.queryKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } setMutationDefaults(mutationKey, options) { this.#mutationDefaults.set(hashKey(mutationKey), { mutationKey, defaultOptions: options }); } getMutationDefaults(mutationKey) { const defaults = [...this.#mutationDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(mutationKey, queryDefault.mutationKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } defaultQueryOptions(options) { if (options._defaulted) { return options; } const defaultedOptions = { ...this.#defaultOptions.queries, ...this.getQueryDefaults(options.queryKey), ...options, _defaulted: true }; if (!defaultedOptions.queryHash) { defaultedOptions.queryHash = hashQueryKeyByOptions( defaultedOptions.queryKey, defaultedOptions ); } if (defaultedOptions.refetchOnReconnect === void 0) { defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always"; } if (defaultedOptions.throwOnError === void 0) { defaultedOptions.throwOnError = !!defaultedOptions.suspense; } if (!defaultedOptions.networkMode && defaultedOptions.persister) { defaultedOptions.networkMode = "offlineFirst"; } if (defaultedOptions.queryFn === skipToken) { defaultedOptions.enabled = false; } return defaultedOptions; } defaultMutationOptions(options) { if (options?._defaulted) { return options; } return { ...this.#defaultOptions.mutations, ...options?.mutationKey && this.getMutationDefaults(options.mutationKey), ...options, _defaulted: true }; } clear() { this.#queryCache.clear(); this.#mutationCache.clear(); } }; // ../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js init_injected_globals(); var React24 = __toESM(require_react(), 1); var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); var QueryClientContext = React24.createContext( void 0 ); var QueryClientProvider = ({ client, children }) => { React24.useEffect(() => { client.mount(); return () => { client.unmount(); }; }, [client]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientContext.Provider, { value: client, children }); }; // virtual:/apps/web/src/app/layout.jsx var import_react28 = __toESM(require_react2()); var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function RootLayout({ children }) { return /* @__PURE__ */ React.createElement(import_react28.SessionProvider, null, /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, children)); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react29.default.createElement(Page, { ...props }); content = /* @__PURE__ */ import_react29.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: lucide-react/dist/cjs/lucide-react.js: (** * @license lucide-react v0.358.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) react/cjs/react-jsx-runtime.development.js: (** * @license React * react-jsx-runtime.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */